.deck{--deck-accent:#f47a52;z-index:30;color:#e8e2d4;width:232px;box-shadow:0 10px 30px -8px #000, 0 0 0 1px #000, 0 0 22px -9px color-mix(in srgb, var(--deck-accent) 55%, transparent);background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px),linear-gradient(#34373e,#1a1c20 60%,#131419);border:1px solid #565a64;border-color:#565a64 #0c0d10 #050506 #3a3d44;border-radius:5px;font-family:ui-monospace,SF Mono,Cascadia Mono,Roboto Mono,monospace;transition:width .26s,box-shadow .26s;position:fixed;top:.75rem;right:.75rem;overflow:hidden}.deck-bar{background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 2px),linear-gradient(#5a5e69,#34373e 55%,#24262c);border-bottom:1px solid #08090b;align-items:center;gap:.32rem;height:17px;padding:0 .34rem;display:flex;box-shadow:inset 0 1px #ffffff38}.deck-mark{color:var(--deck-accent);text-shadow:0 0 6px var(--deck-accent);font-size:.62rem}.deck-wordmark{letter-spacing:.16em;color:#cfd3da;text-shadow:0 1px #000,0 -1px #ffffff26;font-size:.56rem;font-weight:700}.deck-bar-fill{flex:1}.deck-bar-btns{gap:.18rem;display:flex}.deck-winbtn{color:#aeb2bb;cursor:pointer;background:linear-gradient(#494d56,#2a2d33);border:1px solid #0a0b0d;border-top-color:#5c6069;border-radius:2px;place-items:center;width:15px;height:12px;font-size:.56rem;line-height:1;display:grid}.deck-winbtn:hover,.deck-winbtn.on{color:var(--deck-accent);box-shadow:0 0 7px -1px var(--deck-accent)}.deck-lcd{background:linear-gradient(#06090a,#020303);border:1px solid #000;border-radius:3px;align-items:center;gap:.34rem;margin:.3rem;padding:.22rem .34rem;display:flex;overflow:hidden;box-shadow:inset 0 1px 4px #000,inset 0 0 0 1px #6dcad00f}.deck-time{letter-spacing:.02em;color:var(--wamp-cyan,#6dcad0);text-shadow:0 0 7px color-mix(in srgb, var(--wamp-cyan,#6dcad0) 70%, transparent);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;padding:0;font-size:.86rem;font-weight:700;line-height:1}.deck-spectrum{flex:none;display:block}.deck-marquee{white-space:nowrap;border-left:1px solid #ffffff14;flex:1;min-width:0;padding-left:.34rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.deck-marquee-text{letter-spacing:.05em;color:var(--deck-accent);text-shadow:0 0 6px color-mix(in srgb, var(--deck-accent) 50%, transparent);font-size:.55rem;display:inline-block}.deck-marquee-text.run{animation:12s linear infinite deck-scroll}.deck-marquee-gap{color:var(--wamp-dim,#8c819b)}@keyframes deck-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.deck-ctrl{align-items:center;gap:.22rem;padding:0 .3rem .32rem;display:flex}.deck-key{color:#d6dae1;cursor:pointer;background:linear-gradient(#494d56,#23262c);border:1px solid #0a0b0d;border-top-color:#5c6069;border-radius:3px;place-items:center;width:22px;height:17px;font-size:.6rem;transition:transform 70ms,box-shadow .14s,color .14s;display:grid;position:relative}.deck-key:after{content:"";position:absolute;inset:-8px}.deck-key:hover{color:var(--deck-accent);box-shadow:0 0 9px -2px var(--deck-accent)}.deck-key:active{transform:translateY(1px)}.deck-key-play{width:26px;color:var(--deck-accent);text-shadow:0 0 7px var(--deck-accent)}.deck-key-play.is-pulsing{animation:deck-beat var(--beat,.6s) ease-in-out infinite}@keyframes deck-beat{0%,to{box-shadow:0 0 6px -2px var(--deck-accent)}50%{box-shadow:0 0 17px 1px var(--deck-accent);color:#fff;text-shadow:0 0 13px var(--deck-accent)}}.deck-seek{flex:1}.deck-vol{flex:none;width:34px}.deck input[type=range]{appearance:none;background:linear-gradient(90deg, var(--deck-accent), color-mix(in srgb, var(--deck-accent) 22%, #000));cursor:pointer;border-radius:3px;height:3px}.deck input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;box-shadow:0 0 6px var(--deck-accent);background:#e8e2d4;border:1px solid #000;border-radius:50%}.deck input[type=range]::-moz-range-thumb{width:9px;height:9px;box-shadow:0 0 6px var(--deck-accent);background:#e8e2d4;border:1px solid #000;border-radius:50%}.deck-list{background:linear-gradient(#0d0e12,#080809);border-top:1px solid #000;max-height:208px;animation:.2s deck-drop;overflow-y:auto;box-shadow:inset 0 1px #ffffff0f}@keyframes deck-drop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.deck-list-head{letter-spacing:.12em;text-transform:uppercase;color:var(--wamp-dim,#8c819b);background:#0a0b0e;border-bottom:1px solid #ffffff0d;margin:0;padding:.24rem .4rem;font-size:.5rem;position:sticky;top:0}.deck-list-rows{margin:0;padding:.12rem;list-style:none}.deck-row{text-align:left;width:100%;color:var(--wamp-muted,#c8bdd7);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:3px;align-items:center;gap:.32rem;padding:.2rem .3rem;transition:background .12s,color .12s;display:flex}.deck-row:hover:not(.off){background:color-mix(in srgb, var(--deck-accent) 16%, transparent);color:#fff}.deck-row.cur{background:color-mix(in srgb, var(--deck-accent) 24%, transparent);color:#fff}.deck-row.off{opacity:.38;cursor:default}.deck-row-num{color:var(--wamp-yellow,#fcd117);font-variant-numeric:tabular-nums;width:1.1rem;font-size:.56rem}.deck-row.off .deck-row-num{color:var(--wamp-dim,#8c819b)}.deck-row-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.58rem;font-weight:600;overflow:hidden}.deck-row-person{color:var(--wamp-dim,#8c819b);white-space:nowrap;font-size:.5rem}.deck-row-tag{color:var(--deck-accent);text-align:right;width:.9rem;font-size:.55rem}.deck-eq{align-items:flex-end;gap:1px;height:9px;display:inline-flex}.deck-eq i{background:var(--deck-accent);border-radius:1px;width:2px;animation:.9s ease-in-out infinite deck-eq}.deck-eq i:first-child{height:40%;animation-delay:0s}.deck-eq i:nth-child(2){height:90%;animation-delay:.18s}.deck-eq i:nth-child(3){height:60%;animation-delay:.34s}@keyframes deck-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.deck-winbtn-eq{letter-spacing:.04em;width:auto;padding:0 3px;font-size:.46rem;font-weight:700}.deck-eq-panel{background:linear-gradient(#0d0e12,#080809);border-top:1px solid #000;padding:.3rem .34rem .36rem;animation:.2s deck-drop;box-shadow:inset 0 1px #ffffff0f}.deck-eq-presets{gap:.22rem;margin-bottom:.34rem;display:flex}.deck-eq-preset{font:inherit;letter-spacing:.04em;color:var(--wamp-muted,#c8bdd7);cursor:pointer;background:linear-gradient(#494d56,#2a2d33);border:1px solid #0a0b0d;border-top-color:#5c6069;border-radius:2px;flex:1;padding:.16rem 0;font-size:.5rem;transition:color .12s,box-shadow .12s}.deck-eq-preset:hover{color:var(--deck-accent);box-shadow:0 0 7px -1px var(--deck-accent)}.deck-eq-bands{justify-content:space-between;align-items:flex-end;gap:1px;display:flex}.deck-eq-band{flex-direction:column;align-items:center;gap:.2rem;display:flex}.deck-eq-slot{place-items:center;width:15px;height:56px;display:grid}.deck-eq-slider{width:52px;transform:rotate(-90deg)}.deck-eq-hz{color:var(--wamp-dim,#8c819b);font-variant-numeric:tabular-nums;font-size:.4rem}.deck.is-shaded{width:170px}@media (max-width:640px){.deck{border-radius:8px 8px 0 0;width:100%;inset:auto 0 0}.deck-list{max-height:38vh}}@media (prefers-reduced-motion:reduce){.deck-marquee-text.run,.deck-eq i,.deck-list,.deck-eq-panel,.deck-key-play.is-pulsing{animation:none}}.deck-mark-img{flex:none;width:13px;height:13px;display:block}.deck-cover{object-fit:cover;width:26px;height:26px;box-shadow:0 0 6px -1px color-mix(in srgb, var(--deck-accent) 60%, transparent);border:1px solid #0009;border-radius:3px;flex:none}.deck-cover-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--deck-accent) 40%, #111), #0a0b0e)}.deck-row-cover{object-fit:cover;border:1px solid #00000080;border-radius:2px;flex:none;width:22px;height:22px}.deck-row.off .deck-row-cover{opacity:.7}.deck-row-cover-empty{background:linear-gradient(135deg,#2a2d33,#14161a)}.deck-key:focus-visible{outline:2px solid var(--deck-accent);outline-offset:3px;border-radius:4px}.deck-bounds{pointer-events:none;z-index:0;position:fixed;inset:0}.deck-bar{cursor:grab;touch-action:none}.deck-bar:active{cursor:grabbing}@media (max-width:640px){.deck-bar{cursor:default;touch-action:auto}}.deck-viz{border:1px solid color-mix(in srgb, var(--deck-accent) 32%, #000);box-shadow:inset 0 0 0 1px #000, 0 0 18px -8px var(--deck-accent);background:#05040a;border-radius:4px;margin:.3rem;position:relative;overflow:hidden}.deck-viz-canvas{background:#000;width:100%;height:178px;display:block}.deck-viz-bar{background:linear-gradient(#0000008c,#0000);align-items:center;gap:.22rem;padding:.18rem .32rem;display:flex;position:absolute;top:0;left:0;right:0}.deck-viz-label{letter-spacing:.1em;text-transform:lowercase;color:color-mix(in srgb, var(--deck-accent) 78%, #fff);text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:.5rem;font-weight:700;overflow:hidden}.deck-viz-msg{text-align:center;color:var(--wamp-dim,#8c819b);pointer-events:none;place-items:center;padding:1rem;font-size:.62rem;display:grid;position:absolute;inset:0}.deck-viz:fullscreen{border:0;border-radius:0;margin:0}.deck-viz:fullscreen .deck-viz-canvas{width:100vw;height:100vh}