:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-logo: 800 46px/1 var(--font-display);--text-jumbo: 800 30px/1.05 var(--font-display);--text-cta: 800 19px/1 var(--font-display);--text-btn: 700 16px/1 var(--font-display);--text-title: 700 14px/1.2 var(--font-display);--text-body: 600 13px/1.3 var(--font-display);--text-chat: 400 12.5px/1.4 var(--font-mono);--text-label: 500 11px/1 var(--font-mono);--text-micro: 500 10px/1 var(--font-mono);--sky-0: #05070f;--sky-1: #0e1226;--sky-2: #2a1b44;--sky-3: #7a2f6a;--sky-4: #ff5f7e;--bld-far: #1e1838;--bld-near: #141022;--floor-0: #1c1636;--floor-1: #0c0a1a;--window-warm: rgba(255,205,160,.5);--window-cool: rgba(94,240,228,.32);--ink-hi: #f0eeff;--ink-mid: rgba(240,238,255,.55);--ink-low: rgba(240,238,255,.4);--cyan: #38f0e2;--cyan-soft: #5ef0e4;--cyan-tint: rgba(94,240,228,.25);--magenta: #ff4fa3;--magenta-soft: #ff77b8;--magenta-tint: rgba(255,79,163,.45);--amber: #f0b264;--amber-hot: #ffb257;--live: #5ce08a;--alert: #ff4060;--gold: #e8c98a;--gold-soft: #f2dfae;--champagne: #f5d698;--line-gold: 1px solid rgba(232,201,138,.32);--glow-gold: 0 0 24px rgba(232,201,138,.1);--inset-highlight: inset 0 1px 0 rgba(255,255,255,.07);--grad-cta: linear-gradient(135deg, var(--champagne), #ff77b8);--grad-add: linear-gradient(135deg, #5ef0e4, #38b8f0);--grad-thumb: linear-gradient(135deg, #1c1235, var(--track-tint, #ff6b9e) 140%);--sp-1: 4px;--sp-2: 6px;--sp-3: 8px;--sp-4: 10px;--sp-5: 12px;--sp-6: 14px;--sp-7: 16px;--sp-8: 18px;--sp-9: 22px;--sp-10: 26px;--sp-11: 34px;--stage-w: 1720px;--stage-h: 900px;--avatar-w: 84px;--avatar-h: 112px;--row-front: 1;--row-mid: .85;--row-back: .72;--slot-w: 135px;--bob-ms: .48s;--ease-bob: cubic-bezier(.36,1.25,.5,1);--dur-sway: 3.4s;--dur-hang: .9s;--ease-hang: cubic-bezier(.6,0,.3,1);--stagger-hang: .13s;--dur-drop: .65s;--ease-drop: cubic-bezier(.3,1.2,.45,1);--dur-leave: .42s;--dur-pop: .22s;--ease-pop: cubic-bezier(.2,1.4,.4,1);--dur-spot: .7s;--ease-spot: cubic-bezier(.5,0,.2,1);--dur-breathe: 2.8s;--dur-shimmer: 2.6s;--dur-ball: .95s;--ease-ball: cubic-bezier(.34,1.45,.5,1);--dur-beams: 9s;--dur-glitch: 7s;--dur-toast: 2.3s;--dur-tint: 1.2s;--r-1: 5px;--r-2: 7px;--r-3: 9px;--r-4: 10px;--r-5: 14px;--r-6: 16px;--r-7: 22px;--r-pill: 999px;--glass: rgba(13,10,24,.82);--glass-heavy: rgba(11,9,20,.93);--blur: blur(10px);--blur-heavy: blur(16px);--line: 1px solid rgba(255,255,255,.08);--line-cyan: 1px solid rgba(94,240,228,.25);--line-magenta: 1px solid rgba(255,79,163,.45);--line-invite: 1.5px dashed rgba(255,255,255,.18);--shadow-panel: 0 20px 60px rgba(0,0,0,.5);--glow-cyan: 0 0 24px rgba(56,240,226,.1);--glow-magenta: 0 0 30px rgba(255,79,163,.4);--glow-neon-text-c: 0 0 8px #38f0e2, 0 0 24px rgba(56,240,226,.7);--glow-neon-text-m: 0 0 10px #ff4fa3, 0 0 34px rgba(255,79,163,.65);--vignette: radial-gradient(120% 100% at 44% 42%, rgba(0,0,0,0) 55%, rgba(5,4,12,.5) 100%)}@media(prefers-reduced-motion:reduce){[data-motion="1"]{animation:rmPulse 3.2s ease-in-out infinite!important;transition:none!important;transform:none!important}}@keyframes sway{0%{transform:rotate(-1.3deg) translate(-1.5px)}to{transform:rotate(1.3deg) translate(1.5px)}}@keyframes bob{0%{transform:translateY(0) scale(1)}32%{transform:translateY(-15px) scale(.96,1.06)}58%{transform:translateY(1px) scale(1.07,.9)}76%{transform:translateY(-4px) scaleY(1.01)}to{transform:translateY(0) scale(1)}}@keyframes bobsync{0%{transform:translateY(0) scale(1)}32%{transform:translateY(-15px) scale(.96,1.06)}58%{transform:translateY(1px) scale(1.07,.9)}76%{transform:translateY(-4px) scaleY(1.01)}to{transform:translateY(0) scale(1)}}@keyframes dropIn{0%{transform:translateY(-160px) scale(.92);opacity:0}55%{transform:translateY(10px);opacity:1}75%{transform:translateY(-6px)}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{transform:translateY(-24px) scale(.7);opacity:0}}@keyframes bubblePop{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.95}}@keyframes shimmer{0%{transform:translate(-130%)}60%,to{transform:translate(260%)}}@keyframes twinkle{0%,to{opacity:.65}50%{opacity:1}}@keyframes blink{0%,70%,to{opacity:1}80%{opacity:.15}}@keyframes beamsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes visor{0%,to{opacity:1}50%{opacity:.45}}@keyframes stretchE{0%,to{transform:scale(1)}40%{transform:scale(.94,1.09) translateY(-5px)}}@keyframes lookE{0%,to{transform:rotate(0)}30%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@keyframes bangerPop{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(.4);opacity:0}12%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.15);opacity:1}22%{transform:translate(-50%,-50%) rotate(-4deg) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(1.03)}to{transform:translate(-50%,-50%) rotate(-6deg) scale(1.08);opacity:0}}@keyframes scratch{0%{transform:rotate(0)}20%{transform:rotate(-2.2deg) translate(-6px)}45%{transform:rotate(1.8deg) translate(5px)}70%{transform:rotate(-1deg) translate(-2px)}to{transform:rotate(0)}}@keyframes popIn{0%{transform:scale(.66)}45%{transform:scale(.78)}to{transform:scale(.66)}}@keyframes progA{0%{width:0%}to{width:100%}}@keyframes progB{0%{width:0%}to{width:100%}}@keyframes pickBar{0%{width:100%}to{width:0%}}@keyframes rmPulse{0%,to{opacity:1}50%{opacity:.82}}@keyframes glitchJump{0%,91%,to{transform:none;filter:none}92%{transform:translate(-5px) skew(2deg);filter:hue-rotate(50deg) saturate(1.6)}93%{transform:translate(4px);filter:none}95.5%{transform:translate(-3px) skew(-2deg);filter:hue-rotate(-70deg)}96%{transform:none;filter:none}}@keyframes droneFly{0%{transform:translate(-140px) translateY(0)}50%{transform:translate(830px) translateY(-18px)}to{transform:translate(1800px) translateY(6px)}}@keyframes puddleFlicker{0%,to{opacity:.45}50%{opacity:.85}}@keyframes neonFlicker{0%,88%,to{opacity:1}89%{opacity:.35}90%{opacity:1}94%{opacity:.55}95%{opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes toastLife{0%{opacity:0;transform:translate(-50%) translateY(8px)}8%,85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#141026;overflow:hidden}a{color:#ffb457;text-decoration:none}a:hover{color:var(--amber)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.viewport{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#05070f,#0e1226 44%,#2a1b44 66%,#0c0a18 84%,#0c0a18);font-family:var(--font-display);-webkit-user-select:none;user-select:none}.stage{position:absolute;left:50%;top:50%;width:var(--stage-w);height:var(--stage-h);transform-origin:center center}.sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,var(--sky-0) 0%,var(--sky-1) 36%,var(--sky-2) 60%,var(--sky-3) 82%,var(--sky-4) 100%)}.stars{position:absolute;top:0;left:0;right:0;height:46%;z-index:1;background-image:radial-gradient(circle at 12% 30%,rgba(255,255,255,.9) 1px,transparent 2px),radial-gradient(circle at 34% 60%,rgba(255,255,255,.7) 1px,transparent 2px),radial-gradient(circle at 58% 22%,rgba(255,255,255,.8) 1px,transparent 2px),radial-gradient(circle at 76% 48%,rgba(255,255,255,.6) 1px,transparent 2px),radial-gradient(circle at 90% 18%,rgba(255,255,255,.85) 1px,transparent 2px),radial-gradient(circle at 22% 74%,rgba(255,255,255,.5) 1px,transparent 2px),radial-gradient(circle at 66% 70%,rgba(255,255,255,.55) 1px,transparent 2px);animation:twinkle 4s ease-in-out infinite}.haze{position:absolute;bottom:35%;left:6%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,125,156,.18),transparent 65%);z-index:1}.skyline-far{position:absolute;bottom:37%;left:0;right:0;height:200px;z-index:2}.bld-far{position:absolute;bottom:0;background:var(--bld-far)}.watertower-tank{position:absolute;bottom:120px;left:31%;width:44px;height:34px;background:var(--bld-far);border-radius:8px 8px 0 0}.watertower-leg{position:absolute;bottom:95px;width:8px;height:28px;background:var(--bld-far)}.beacon{position:absolute;bottom:156px;left:32.1%;width:8px;height:8px;border-radius:50%;background:var(--alert);box-shadow:0 0 14px var(--alert);animation:blink 2.1s linear infinite}.skyline-near{position:absolute;bottom:32%;left:0;right:0;height:190px;z-index:2}.bld-near{position:absolute;bottom:0;background:var(--bld-near)}.neon-24{position:absolute;bottom:152px;left:3.5%;font-family:var(--font-mono);font-size:22px;color:var(--cyan-soft);text-shadow:var(--glow-neon-text-c);animation:neonFlicker 7s linear infinite}.neon-ring{position:absolute;bottom:128px;left:73%;width:34px;height:34px;border-radius:50%;border:3px solid var(--magenta);box-shadow:0 0 14px #ff4fa3cc,inset 0 0 10px #ff4fa399;animation:neonFlicker 9s linear infinite}.neon-club{position:absolute;bottom:66px;left:64%;font-family:var(--font-mono);font-size:17px;letter-spacing:.12em;color:var(--magenta-soft);text-shadow:0 0 10px var(--magenta),0 0 28px rgba(255,79,163,.7);writing-mode:vertical-rl;animation:neonFlicker 8s linear infinite}.billboard{position:absolute;bottom:150px;left:67.5%;width:66px;height:40px;border-radius:4px;background:linear-gradient(135deg,var(--cyan),#8a5cff,var(--magenta));opacity:.8;box-shadow:0 0 26px #8278ffb3;animation:neonFlicker 11s linear infinite}.crate-neon{position:absolute;bottom:412px;left:12%;z-index:5;font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:.22em;color:var(--magenta-soft);text-shadow:var(--glow-neon-text-m);animation:neonFlicker 6s linear infinite;transform:rotate(-1deg)}.drone{position:absolute;top:5.5%;left:0;z-index:2;animation:droneFly 24s linear infinite;pointer-events:none}.drone-body{width:26px;height:8px;background:#141a2c;border-radius:4px;box-shadow:0 0 12px #38f0e273}.drone-lite-l{position:absolute;top:2px;left:-4px;width:5px;height:4px;background:var(--cyan);border-radius:2px;box-shadow:0 0 8px var(--cyan)}.drone-lite-r{position:absolute;top:2px;right:-4px;width:5px;height:4px;background:var(--magenta);border-radius:2px;box-shadow:0 0 8px var(--magenta);animation:blink 1.3s linear infinite}.floor{position:absolute;bottom:0;left:0;right:0;height:360px;z-index:3;background:linear-gradient(180deg,var(--floor-0) 0%,#131026 40%,var(--floor-1) 100%)}.floor-grid{position:absolute;top:-40px;right:-10%;bottom:0;left:-10%;background-image:repeating-linear-gradient(0deg,rgba(56,240,226,.09) 0 2px,transparent 2px 54px),repeating-linear-gradient(90deg,rgba(255,79,163,.06) 0 2px,transparent 2px 90px);transform:perspective(620px) rotateX(56deg);transform-origin:bottom center}.puddle{position:absolute;border-radius:50%;filter:blur(3px)}.puddle-a{bottom:34px;left:11%;width:160px;height:26px;background:radial-gradient(ellipse,rgba(56,240,226,.16),transparent 70%);animation:puddleFlicker 4s ease-in-out infinite}.puddle-b{bottom:96px;left:55%;width:200px;height:30px;background:radial-gradient(ellipse,rgba(255,79,163,.13),transparent 70%);animation:puddleFlicker 5.4s ease-in-out infinite}.puddle-c{bottom:150px;left:30%;width:130px;height:22px;background:radial-gradient(ellipse,rgba(140,120,255,.12),transparent 70%);animation:puddleFlicker 6.2s ease-in-out infinite}.parapet{position:absolute;bottom:352px;left:0;right:0;height:48px;background:linear-gradient(180deg,#262040,#1c1632);border-top:2px solid rgba(56,240,226,.5);box-shadow:0 -1px 20px #38f0e240;z-index:4}.strings{position:absolute;top:11%;left:-2%;right:-2%;height:30px;z-index:4;transform:rotate(-.6deg)}.strings-inner{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .8s}.strings-wire{position:absolute;top:8px;left:0;right:0;height:2px;background:#1e1430e6}.strings-bulbs{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 12px 18px,var(--cyan-soft) 2.4px,rgba(94,240,228,.3) 5px,transparent 8px),radial-gradient(circle at 48px 16px,var(--magenta) 2.4px,rgba(255,79,163,.3) 5px,transparent 8px);background-size:72px 30px}.room--lit .strings-inner,.room--disco .strings-inner{filter:brightness(1.7)}.furniture{position:absolute;bottom:26px;right:336px;width:150px;height:120px;z-index:340}.crate-box{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:6px}.crate-box-a{bottom:0;left:0;width:66px;height:50px;background:#b26b4c;background-image:repeating-linear-gradient(90deg,transparent 0 10px,rgba(29,16,48,.5) 10px 13px)}.crate-box-b{bottom:48px;left:8px;width:62px;height:46px;background:#5b7da6;background-image:repeating-linear-gradient(90deg,transparent 0 10px,rgba(29,16,48,.5) 10px 13px)}.crate-box-c{bottom:0;left:82px;width:60px;height:44px;background:#3d3358;background-image:repeating-linear-gradient(0deg,transparent 0 8px,rgba(29,16,48,.5) 8px 11px)}.crate-pot{position:absolute;bottom:92px;left:14px;width:40px;height:26px;background:#1d1030;border-radius:4px 4px 0 0}.crate-leaf-a{position:absolute;bottom:94px;left:20px;width:6px;height:26px;background:#e0d8f0;transform:rotate(-8deg)}.crate-leaf-b{position:absolute;bottom:94px;left:32px;width:6px;height:26px;background:var(--amber);transform:rotate(5deg)}.jumbo-rig{position:absolute;bottom:512px;left:44%;transform:translate(-50%);width:520px;z-index:5}.jumbo-leg{position:absolute;top:100%;width:14px;height:70px;background:#0e0b1a}.jumbo-leg-l{left:80px}.jumbo-leg-r{right:80px}.jumbo-scratch{animation:none}.room--skip .jumbo-scratch{animation:scratch .55s ease}.jumbo{position:relative;height:272px;border-radius:18px;background:#0d0918;border:6px solid #0c0a16;animation:glitchJump 7s linear infinite;box-shadow:0 12px 50px #0000008c,0 0 46px #38f0e229,0 0 0 1px #e8c98a40;overflow:hidden}.jumbo-thumb{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1c1235 10%,var(--track-tint, #ff6b9e) 130%);transition:background var(--dur-tint)}.jumbo-frame,#jumbo-player-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.jumbo-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 5px);pointer-events:none}.jumbo-meta{position:absolute;left:22px;bottom:44px;right:22px;pointer-events:none}.jumbo-title{font:var(--text-jumbo);color:#fff;text-shadow:2px 0 0 rgba(56,240,226,.55),-2px 0 0 rgba(255,79,163,.55),0 2px 12px rgba(0,0,0,.6)}.jumbo-artist{font-family:var(--font-mono);font-size:13px;color:#ffffffbf;margin-top:6px}.jumbo-prog{position:absolute;left:22px;right:22px;bottom:22px;height:5px;border-radius:3px;background:#ffffff2e;pointer-events:none}.jumbo-prog-fill{height:100%;border-radius:3px;background:var(--track-tint, #ff6b9e);transition:width 1s linear}.jumbo-play{position:absolute;top:14px;left:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:#ffffffc7;text-shadow:0 0 6px rgba(255,255,255,.4);pointer-events:none}.jumbo-yt{position:absolute;top:14px;right:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#ffffffa6;background:#00000073;padding:4px 8px;border-radius:6px;pointer-events:none}.jumbo-card{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0714e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.jumbo-card[hidden]{display:none}.jumbo-card-title{font-size:19px;font-weight:700;color:#f0e8ff}.jumbo-card-sub{font-family:var(--font-mono);font-size:12px;color:#f0e8ff8c;text-align:center;line-height:1.5}.jumbo-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(94,240,228,.2);border-top-color:var(--cyan-soft);animation:beamsSpin 1.1s linear infinite}.jumbo-blocked-icon{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,180,120,.5);position:relative}.jumbo-blocked-icon:after{content:"";position:absolute;top:50%;left:-6px;right:-6px;height:3px;background:#ffb47880;transform:rotate(-45deg)}.booth{position:absolute;bottom:296px;left:44%;transform:translate(-50%);width:700px;height:300px;z-index:6}.booth-spot{position:absolute;bottom:30px;width:160px;height:250px;z-index:0;background:linear-gradient(180deg,#96f0ff00,#96f0ff4d);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);transition:left var(--dur-spot) var(--ease-spot);animation:breathe var(--dur-breathe) ease-in-out infinite;pointer-events:none}.booth-underglow{position:absolute;bottom:-5px;left:-24px;right:-24px;height:12px;background:radial-gradient(52% 100% at 50% 100%,rgba(56,240,226,.5),transparent 72%);filter:blur(4px)}.booth-base{position:absolute;bottom:0;left:0;right:0;height:26px;background:linear-gradient(180deg,#332b52,#231d3c);border:1px solid rgba(255,255,255,.09);border-radius:8px}.booth-lip{position:absolute;bottom:22px;left:8px;right:8px;height:12px;background:#413a66;border-radius:6px 6px 0 0}.booth-slots{position:absolute;bottom:26px;left:12px;display:flex}.slot{position:relative;width:var(--slot-w);height:180px;display:flex;align-items:flex-end;justify-content:center}.slot-invite{position:absolute;bottom:36px;left:16px;width:102px;height:92px;border:var(--line-invite);border-radius:var(--r-5);overflow:hidden;cursor:pointer}.slot-invite:hover{border-color:#5ef0e499;box-shadow:0 0 20px #38f0e22e}.slot-invite-shimmer{position:absolute;top:0;bottom:0;left:0;width:44%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer var(--dur-shimmer) ease-in-out infinite}.slot-invite-label{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:#fff6}.slot-name{position:absolute;bottom:130px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;color:#f0e8ffb3;background:#0d0a18d9;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px 8px;white-space:nowrap}.slot-table{position:absolute;bottom:8px;left:12px;width:111px;height:30px;background:linear-gradient(180deg,#262040,#191430);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-4)}.slot-deck{position:absolute;top:4px;width:20px;height:20px;background:#100d1c;border-radius:50%;border:1px solid rgba(94,240,228,.5);box-shadow:0 0 9px #38f0e280}.slot-deck-l{left:14px}.slot-deck-r{right:14px}.slot-fig{position:absolute;bottom:32px;left:26px;width:84px;height:112px;transform:scale(.66);transform-origin:bottom center}.ball-rig{position:absolute;top:0;left:44%;transform:translate(-50%);width:2px;z-index:30;pointer-events:none}.ball-drop{position:absolute;top:0;left:0;transform:translateY(-280px);transition:transform var(--dur-ball) var(--ease-ball)}.room--disco .ball-drop{transform:translateY(96px)}.ball-cable{position:absolute;top:0;left:0;width:2px;height:120px;background:#e6e1f580}.ball{position:absolute;top:118px;left:-34px;width:70px;height:70px;border-radius:50%;background-image:radial-gradient(circle at 35% 30%,#fffffff2,#a09bbee6 60%,#55506ef2),repeating-linear-gradient(0deg,transparent 0 9px,rgba(40,35,60,.35) 9px 11px),repeating-linear-gradient(90deg,transparent 0 9px,rgba(40,35,60,.35) 9px 11px);border:3px solid #2a2440;box-shadow:0 0 44px #f0ebff8c}.crowd{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.beams{position:absolute;left:44%;top:32%;width:1400px;height:1400px;margin-left:-700px;margin-top:-700px;z-index:208;pointer-events:none;border-radius:50%;background:repeating-conic-gradient(#0000,#0000 14deg,#5ef0e41a 14deg,#5ef0e41a 20deg,#0000 20deg,#0000 34deg,#ff4fa317 34deg,#ff4fa317 40deg);opacity:0;transition:opacity 1s;animation:beamsSpin var(--dur-beams) linear infinite}.room--disco .beams{opacity:1}.tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:205;pointer-events:none;background:radial-gradient(ellipse at 44% 32%,var(--track-tint, #ff6b9e) 0%,transparent 62%);opacity:var(--tint-strength, .2);mix-blend-mode:screen;transition:opacity var(--dur-tint),background var(--dur-tint)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:212;pointer-events:none;background:var(--vignette)}.av-you{position:absolute;bottom:-22px;left:0;width:84px;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--amber)}.av-bubble{position:absolute;bottom:108%;left:50%;transform:translate(-50%);width:max-content;max-width:150px;background:#120f20eb;color:var(--ink-hi);font-family:var(--font-display);font-size:12px;font-weight:500;line-height:1.3;padding:7px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 20px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:bubblePop var(--dur-pop) var(--ease-pop);white-space:normal;text-align:center;z-index:5}.av-bubble-tail{position:absolute;bottom:-5px;left:50%;margin-left:-5px;width:10px;height:10px;background:#1b1730;transform:rotate(45deg)}.door{position:absolute;top:0;right:0;bottom:0;left:0;z-index:600;opacity:1;transition:opacity .5s ease}.door--fade{opacity:0;pointer-events:none}.door-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#07050ebd;-webkit-backdrop-filter:var(--blur-heavy);backdrop-filter:var(--blur-heavy);display:flex;align-items:center;justify-content:center}.door-card{width:440px;background:#0b0914eb;border:var(--line-gold);border-radius:var(--r-7);padding:34px 38px;text-align:center;box-shadow:0 30px 90px #0009,0 0 60px #ff4fa314;font-family:var(--font-display)}.door-logo{font:var(--text-logo);letter-spacing:.24em;color:#ffd9ec;text-shadow:0 0 12px var(--magenta),0 0 42px rgba(255,79,163,.55),0 -10px 34px rgba(245,214,152,.45);animation:neonFlicker 6s linear infinite}.door-tag{font-family:var(--font-mono);font-size:11.5px;color:#f0eeff80;margin-top:6px}.door-carousel{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px}.door-arrow{width:38px;height:38px;border-radius:50%;font-size:16px;color:#aef7ef;background:#38f0e214;border:1px solid rgba(94,240,228,.35);cursor:pointer;padding:0}.door-arrow:hover{background:#38f0e22e}.door-fig-box{position:relative;width:150px;height:200px}.door-fig-scale{position:absolute;left:50%;bottom:10px;width:84px;height:112px;margin-left:-42px;transform:scale(1.55);transform-origin:bottom center}.door-fig-shadow{position:absolute;bottom:-4px;left:16px;width:52px;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.38),transparent 70%)}.door-fig-sway{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom center;animation:sway 3.4s ease-in-out infinite alternate}.door-char-name{font-size:17px;font-weight:700;color:var(--ink-hi);margin-top:10px}.door-note{font-family:var(--font-mono);font-size:11px;color:#f0eeff80;margin-top:4px}.door-count{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;color:#f0eeff4d;margin-top:8px}.door-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:#f0eeff66;margin-top:22px;text-align:left}.door-input{width:100%;box-sizing:border-box;margin-top:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-4);padding:11px 13px;color:var(--ink-hi);font-family:var(--font-mono);font-size:13px;outline:none;text-align:center}.door-input:focus{border-color:#5ef0e48c}.door-enter{width:100%;margin-top:16px;font:var(--text-cta);font-family:var(--font-display);color:#14101f;background:var(--grad-cta);border:none;border-radius:var(--r-5);padding:15px 0;cursor:pointer;box-shadow:0 0 30px #ff96be59}.door-enter:hover{filter:brightness(1.08)}.door-enter:active{transform:translateY(1px)}.door-hint{font-family:var(--font-mono);font-size:10px;color:#f0eeff66;margin-top:10px}.marquee{position:absolute;left:18px;bottom:58px;z-index:400;display:flex;align-items:center;gap:14px;background:var(--glass);border:1px solid rgba(232,201,138,.38);border-radius:var(--r-5);box-shadow:var(--glow-gold),var(--inset-highlight);padding:10px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.marquee-live{width:10px;height:10px;border-radius:50%;background:var(--live);box-shadow:0 0 10px var(--live);animation:puddleFlicker 2.4s ease-in-out infinite}.marquee-title{font-size:15px;font-weight:700;color:#f0e8ff;line-height:1.2;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marquee-dj{font-family:var(--font-mono);font-size:11px;color:#f0e8ff8c;margin-top:2px}.marquee-vinyls{display:flex;align-items:center;margin-left:6px}.marquee-vinyl{width:20px;height:20px;border-radius:50%;background:#14101f;border:2px solid #35284e;margin-left:-9px;display:flex;align-items:center;justify-content:center}.marquee-vinyl-dot{width:6px;height:6px;border-radius:50%;background:var(--track-tint, #ff6b9e)}.marquee-vinyl-count{font-family:var(--font-mono);font-size:12px;color:var(--amber);margin-left:8px}.marquee-share{font-size:13px;color:#f0eeff8c;background:#ffffff0f;border:none;border-radius:8px;width:28px;height:28px;cursor:pointer;padding:0;flex-shrink:0}.marquee-share:hover{background:#38f0e224;color:#aef7ef}.crate-dock{position:absolute;left:18px;bottom:118px;z-index:401}.crate-btn{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--gold-soft);background:#0d0a18d9;border:1px solid rgba(232,201,138,.38);border-radius:var(--r-4);padding:9px 14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crate-btn:hover{background:#e8c98a1a}.crate-panel{position:absolute;bottom:46px;left:0;width:352px;background:var(--glass-heavy);border:var(--line-gold);border-radius:var(--r-6);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-panel);overflow:hidden;animation:bubblePop .18s cubic-bezier(.2,1.3,.4,1);transform-origin:bottom left;font-family:var(--font-display)}.crate-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:var(--line)}.crate-head-title{font-size:14px;font-weight:700;color:var(--ink-hi)}.crate-head-side{display:flex;align-items:center;gap:10px}.crate-head-count{font-family:var(--font-mono);font-size:10.5px;color:#f0eeff73}.crate-close,.moment-close{background:none;border:none;color:#f0eeff99;font-size:15px;cursor:pointer;padding:0;line-height:1}.crate-close:hover,.moment-close:hover{color:#fff}.crate-addrow{padding:10px 12px;border-bottom:var(--line);display:flex;gap:8px}.crate-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-3);padding:9px 11px;color:var(--ink-hi);font-family:var(--font-mono);font-size:11.5px;outline:none}.crate-input:focus{border-color:#5ef0e48c}.crate-add{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:#14101f;background:var(--grad-add);border:none;border-radius:var(--r-3);padding:0 14px;cursor:pointer}.crate-add:hover{filter:brightness(1.1)}.crate-rows{display:flex;flex-direction:column;gap:6px;padding:10px 12px;max-height:280px;overflow-y:auto}.crate-resolving{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-4);background:#ffffff0a;border:1px dashed rgba(94,240,228,.3)}.crate-resolving-thumb{width:38px;height:38px;border-radius:6px;background:#5ef0e41a;overflow:hidden;position:relative}.crate-resolving-shimmer{position:absolute;top:0;bottom:0;left:0;width:50%;background:linear-gradient(100deg,transparent,rgba(94,240,228,.25),transparent);animation:shimmer 1.2s ease-in-out infinite}.crate-resolving-label{font-family:var(--font-mono);font-size:11px;color:#5ef0e4cc}.crate-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-4);background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.crate-row--next{background:#38f0e212;border:1px solid rgba(94,240,228,.35)}.crate-thumb{width:38px;height:38px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.1);background:#1c1235}.crate-row-meta{flex:1;min-width:0}.crate-row-title{font-size:13px;font-weight:600;color:var(--ink-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-row-artist{font-family:var(--font-mono);font-size:10.5px;color:#f0eeff80;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-next{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:var(--cyan-soft);border:1px solid rgba(94,240,228,.4);border-radius:var(--r-1);padding:2px 6px;flex-shrink:0}.crate-row-btns{display:flex;gap:4px;flex-shrink:0}.crate-row-btns button{width:22px;height:22px;font-size:11px;color:#f0eeff99;background:#ffffff0f;border:none;border-radius:6px;cursor:pointer;padding:0}.crate-row-btns button:hover{background:#ffffff24;color:#fff}.crate-row-btns .crate-rm{color:#ff78a0b3;background:#ff4fa314}.crate-row-btns .crate-rm:hover{background:#ff4fa333;color:#ff9dc4}.crate-empty{padding:18px 10px;text-align:center;font-family:var(--font-mono);font-size:11px;color:#f0eeff66}.crate-hint{padding:10px 14px;border-top:var(--line);font-family:var(--font-mono);font-size:10.5px;color:#5ef0e4a6}.coach{position:absolute;left:44%;transform:translate(-50%);bottom:112px;z-index:399;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:#aef7efbf;text-shadow:0 0 12px rgba(56,240,226,.35);white-space:nowrap;animation:msgIn .4s ease}.votes{position:absolute;left:44%;transform:translate(-50%);bottom:58px;z-index:400;display:flex;gap:12px}.vote-awesome{font-family:var(--font-display);font-size:16px;font-weight:700;color:#14101f;background:var(--grad-cta);border:none;border-radius:var(--r-pill);padding:13px 30px;cursor:pointer;box-shadow:0 0 22px #ff96be59}.vote-awesome:hover{filter:brightness(1.08)}.vote-awesome:active{transform:translateY(1px)}.vote-lame{font-family:var(--font-display);font-size:16px;font-weight:700;color:#f0eeffbf;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-pill);padding:13px 30px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vote-lame:hover{border-color:#5ef0e499;color:#aef7ef;background:#38f0e214}.vote-stepdown{font-family:var(--font-mono);font-size:12px;color:var(--cyan-soft);background:#38f0e214;border:1px solid rgba(94,240,228,.4);border-radius:var(--r-pill);padding:12px 20px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vote-stepdown:hover{background:#38f0e229}.pick{position:absolute;left:44%;transform:translate(-50%);bottom:196px;z-index:402;width:510px;background:var(--glass-heavy);border:var(--line-gold);border-radius:var(--r-6);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-panel),0 0 30px #38f0e214;padding:14px 16px;font-family:var(--font-display);animation:bubblePop .22s var(--ease-pop);transform-origin:bottom center}.pick-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.pick-title{font-size:14px;font-weight:700;color:var(--ink-hi)}.pick-soon{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#5ef0e4b3}.pick-cards{display:flex;gap:10px;justify-content:center}.pick-card{display:flex;flex-direction:column;gap:8px;width:150px;padding:10px;border-radius:var(--r-4);cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:border .15s,background .15s}.pick-card:hover{border-color:#5ef0e466}.pick-card--chosen{background:#38f0e21a;border:1px solid rgba(94,240,228,.55)}.pick-card-top{display:flex;align-items:center;gap:8px}.pick-thumb{width:34px;height:34px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#1c1235}.pick-num{font-family:var(--font-mono);font-size:10px;color:#f0eeff66}.pick-card-title{font-size:12.5px;font-weight:600;color:var(--ink-hi);line-height:1.25}.pick-card-artist{font-family:var(--font-mono);font-size:10px;color:#f0eeff80}.pick-card-votes{font-family:var(--font-mono);font-size:11px;color:var(--cyan-soft);margin-top:2px}.pick-bar-track{margin-top:12px;background:#ffffff14;border-radius:2px}.pick-bar{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--cyan-soft),var(--magenta))}.toast{position:absolute;bottom:168px;left:44%;transform:translate(-50%);z-index:460;background:#0b0914f2;border:1px solid rgba(94,240,228,.4);border-radius:var(--r-4);padding:9px 16px;font-family:var(--font-mono);font-size:12px;color:#aef7ef;box-shadow:0 8px 30px #0006;animation:toastLife 2.3s ease forwards;white-space:nowrap}.moment{position:absolute;top:3.5%;left:44%;transform:translate(-50%);z-index:310;display:flex;align-items:center;gap:14px;background:#0b0914eb;border:1px solid rgba(255,79,163,.45);border-radius:var(--r-5);padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 44px #ff4fa340;animation:bubblePop .22s var(--ease-pop)}.moment-title{font-family:var(--font-display);font-size:15px;font-weight:800;color:#ff9dc4}.moment-sub{font-family:var(--font-mono);font-size:11px;color:#f0eeff8c;margin-top:2px}.moment-share{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:#14101f;background:linear-gradient(135deg,#ff9dc4,var(--magenta));border:none;border-radius:var(--r-3);padding:8px 13px;cursor:pointer;flex-shrink:0}.moment-share:hover{filter:brightness(1.1)}.banger{position:absolute;top:42%;left:44%;z-index:300;font-family:var(--font-display);font-size:140px;font-weight:800;letter-spacing:-.01em;color:var(--magenta-soft);text-shadow:0 0 14px var(--magenta),0 0 90px rgba(255,79,163,.8),0 4px 30px rgba(0,0,0,.45);animation:bangerPop 1.9s cubic-bezier(.2,1.3,.4,1) forwards;white-space:nowrap}.chat{position:absolute;top:16px;right:16px;bottom:104px;width:298px;z-index:400;display:flex;flex-direction:column;background:#0d0a18c7;border:1px solid rgba(232,201,138,.3);border-radius:var(--r-6);box-shadow:0 20px 60px #00000073,var(--inset-highlight);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;font-family:var(--font-display)}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:var(--line)}.chat-head-title{font-size:14px;font-weight:700;color:#f0e8ff}.chat-head-side{display:flex;align-items:center;gap:6px}.chat-yours{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:#ff9dc4;border:1px solid rgba(255,79,163,.45);border-radius:var(--r-1);padding:2px 6px}.chat-roomtag{font-family:var(--font-mono);font-size:11px;color:var(--cyan-soft);text-shadow:0 0 8px rgba(56,240,226,.5)}.chat-roster{display:flex;align-items:center;gap:5px;padding:8px 14px;border-bottom:var(--line)}.chat-dots{display:flex;align-items:center;gap:5px}.chat-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(255,255,255,.28);flex-shrink:0}.chat-dot--you{border:2px solid var(--cyan-soft);box-shadow:0 0 8px #5ef0e499}.chat-count{font-family:var(--font-mono);font-size:10px;color:#f0eeff66;margin-left:4px;white-space:nowrap;flex-shrink:0}.chat-invite{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:#aef7ef;background:#38f0e214;border:1px solid rgba(94,240,228,.35);border-radius:var(--r-2);padding:4px 9px;cursor:pointer;flex-shrink:0}.chat-invite:hover{background:#38f0e229}.chat-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse;padding:10px 14px;gap:8px}.chat-msg{font-family:var(--font-mono);font-size:12.5px;line-height:1.4;color:#f0e8ffd9;animation:msgIn .22s ease}.chat-msg--loud{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--amber);letter-spacing:.03em}.chat-name{font-weight:700;margin-right:2px}.chat-inputrow{padding:10px;border-top:var(--line)}.chat-input{width:100%;box-sizing:border-box;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-4);padding:9px 12px;color:#f0e8ff;font-family:var(--font-mono);font-size:12px;outline:none}.chat-input:focus{border-color:#5ef0e48c}