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