@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");:root{color-scheme:dark;--bg:#131315;--surface-low:#0e0e10;--surface:#201f21;--surface-high:#2a2a2c;--surface-bright:#39393b;--ink:#e5e1e4;--ink-dim:#e4bdc3;--outline:#5b3f44;--outline-strong:#ab888e;--pink:#ff4c83;--pink-dim:#ffb1c0;--cyan:#00f1fd;--cyan-dim:#00dce6;--green:#4edea3;--amber:#ffe04a;--red:#ff3b3b;--glow-pink:0 0 18px rgba(255,76,131,0.45);--glow-cyan:0 0 18px rgba(0,241,253,0.35);--glow-green:0 0 18px rgba(78,222,163,0.45);--glow-amber:0 0 18px rgba(255,228,74,0.45);--glow-red:0 0 18px rgba(255,59,59,0.45)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:url(/environments/room/bg-accemt.png);background-size:cover;background-position:50%;background-attachment:fixed;color:var(--ink);font-family:var(--font-mono),"Space Mono",monospace;min-height:100vh;width:100%}body:before{content:"";pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(180deg,transparent,transparent 3px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px);z-index:9999}button,input{font:inherit}.home-mute{top:16px;min-width:44px}.home-mute,.song-credit{position:fixed;right:16px;z-index:50}.song-credit{top:66px;color:var(--ink-dim);font-size:.5rem;font-weight:700;letter-spacing:.08em;line-height:1.35;text-align:right;text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,.8)}.home-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;max-width:1000px;margin:0 auto;position:relative;isolation:isolate}.home-shell>.entry-grid,.home-shell>.hero{position:relative;z-index:2}.stage-lights-scene{position:fixed;inset:auto 0 0;z-index:1;height:min(58vh,520px);pointer-events:none;opacity:.72;mix-blend-mode:screen}.stage-lights-scene canvas{display:block}.hero{margin-bottom:48px;position:relative;width:min(680px,100%);text-align:left}.hero-mascot{position:absolute;top:25%;left:42%;width:400px;z-index:-1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:mascot-float 7s ease-in-out infinite;filter:drop-shadow(0 12px 28px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,76,131,.25))}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-32px)}}@media (prefers-reduced-motion:reduce){.hero-mascot{animation:none}}.eyebrow{font-size:.7rem;letter-spacing:.18em;color:var(--cyan);text-shadow:0 0 8px var(--cyan);margin-bottom:12px}.eyebrow,.hero h1{font-weight:700;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,8vw,5.5rem);line-height:1;letter-spacing:-.02em;color:var(--ink);position:relative;text-shadow:1px 2px 0 rgba(0,0,0,.9),2px 4px 0 rgba(0,0,0,.7),3px 6px 0 rgba(0,0,0,.4),0 0 14px rgba(0,241,253,.22),0 0 32px rgba(255,76,131,.16);animation:title-flicker 5.8s step-end infinite}.hero h1:after,.hero h1:before{content:"Kaun Banega Memepati";position:absolute;inset:0;pointer-events:none;opacity:0}.hero h1:before{color:var(--cyan);transform:translate(2px);mix-blend-mode:screen;animation:title-channel-cyan 5.8s step-end infinite}.hero h1:after{color:var(--pink);transform:translate(-2px);mix-blend-mode:screen;animation:title-channel-pink 5.8s step-end infinite}@keyframes title-flicker{0%,10%,12%,31%,33%,62%,64%,8%,to{opacity:1}32%,63%,9%{opacity:.72}11%{opacity:.9}}@keyframes title-channel-cyan{0%,13%,30%,34%,61%,65%,7%,to{opacity:0}10%,32%,63%,8%{opacity:.42}9%{opacity:.2}}@keyframes title-channel-pink{0%,12%,31%,33%,62%,64%,8%,to{opacity:0}11%,32%,63%,9%{opacity:.34}}@media (prefers-reduced-motion:reduce){.fastest-bonus,.hero h1,.hero h1:after,.hero h1:before,.home-shell,.home-shell.leaving,.leaderboard li,.leaderboard li.changed,.leaderboard li.changed strong,.leaderboard li.changed:after,.options-grid button,.options-grid button.correct,.options-grid button.selected,.options-grid button.wrong,.question-stage,.reveal-stage .muted,.room-shell,.room-shell.leaving,.table-seat.smoke-join:after,.table-seat.smoke-join:before,.table-seat.smoke-leave:after,.table-seat.smoke-leave:before{animation:none}.reveal-stage .muted{opacity:1}.leaderboard li:first-child,.leaderboard li:first-child .leaderboard-rank,.seat-star,.table-seat.winner .seat-avatar,.winner-card,.winner-card .eyebrow{animation:none}.phase-track{transition:none}}.lede{margin-top:16px;color:var(--ink-dim);font-size:.95rem;max-width:350px;margin-inline:0}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;width:min(680px,100%);margin-inline:auto}.panel{position:relative;background:#141318;padding:28px;box-shadow:0 6px 0 rgba(0,0,0,.7),0 12px 36px rgba(0,0,0,.5),0 0 24px rgba(0,241,253,.04)}.panel:before{content:"";background-image:url(/environments/room/bg-doodles.png);background-size:cover;background-position:50%;opacity:.07}.panel-rough-border,.panel:before{position:absolute;inset:0;pointer-events:none;z-index:0}.panel-rough-border{width:100%;height:100%}.panel>:not(.panel-rough-border){position:relative;z-index:1}.panel h2{font-size:.8rem;font-weight:700;letter-spacing:.15em;color:var(--cyan);margin-bottom:20px}.panel h2,.panel label{text-transform:uppercase}.panel label{display:grid;grid-gap:6px;gap:6px;margin-bottom:14px;font-size:.75rem;letter-spacing:.1em;color:var(--ink-dim)}input{width:100%;min-height:44px;background:#0a0a10;border:1.5px solid rgba(0,241,253,.28);color:var(--ink);padding:0 12px;outline:none;font-family:var(--font-mono),"Space Mono",monospace;font-size:.95rem}input:focus{border-color:var(--cyan);box-shadow:0 0 12px rgba(0,241,253,.18)}input::placeholder{color:var(--surface-bright)}button{width:100%;min-height:44px;padding:12px 20px;background:transparent;border:2px solid var(--pink);color:var(--pink);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s,filter .15s}button:hover:not(:disabled){background:var(--pink);color:var(--bg);box-shadow:var(--glow-pink)}.panel button{position:relative;overflow:hidden;background:var(--pink);border:2px solid var(--pink);color:#0a0a12;border-radius:10px;box-shadow:0 0 24px rgba(255,76,131,.5),inset 0 1px 0 rgba(255,255,255,.15);transition:filter .15s,transform .1s}.panel button:hover:not(:disabled){background:var(--pink);color:#0a0a12;box-shadow:0 0 32px rgba(255,76,131,.7),inset 0 1px 0 rgba(255,255,255,.15);filter:brightness(1.12);transform:translateY(-1px)}.panel button:active:not(:disabled){transform:translateY(1px);filter:brightness(.95)}.panel button:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-115%);animation:btn-shine 3.8s ease-in-out infinite;pointer-events:none}@keyframes btn-shine{0%{transform:translateX(-115%)}16%{transform:translateX(115%)}to{transform:translateX(115%)}}button:disabled{opacity:.4;cursor:not-allowed}button.ready-active{border-color:var(--green);color:var(--green);box-shadow:var(--glow-green);animation:ready-flash .35s cubic-bezier(.22,1,.36,1) both}button.ready-active:hover:not(:disabled){background:var(--green);color:var(--bg);box-shadow:var(--glow-green)}@keyframes ready-flash{0%{background:rgba(78,222,163,.35);transform:scale(.97)}55%{background:rgba(78,222,163,.12);transform:scale(1.02)}to{background:transparent;transform:scale(1)}}button.primary{background:var(--pink);color:var(--bg);box-shadow:var(--glow-pink)}button.primary:hover:not(:disabled){background:var(--pink);color:var(--bg);transform:translateY(-3px);filter:brightness(1.14);box-shadow:0 0 28px rgba(255,76,131,.8),0 8px 20px rgba(0,0,0,.4)}button.primary:active:not(:disabled){transform:translateY(0) scale(.97);filter:brightness(1)}body,html{overflow-x:hidden}@keyframes slide-out-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-55vw);opacity:0}}@keyframes slide-in-right{0%{transform:translateX(60vw);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out-right{0%{transform:translateX(0);opacity:1}to{transform:translateX(55vw);opacity:0}}@keyframes slide-in-left{0%{transform:translateX(-60vw);opacity:0}to{transform:translateX(0);opacity:1}}.home-shell.leaving{animation:slide-out-left .55s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.room-shell{animation:slide-in-right .6s cubic-bezier(.22,1,.36,1) forwards}.room-shell.leaving{animation:slide-out-right .55s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.home-shell:not(.leaving){animation:slide-in-left .6s cubic-bezier(.22,1,.36,1) forwards}.room-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:20px 24px;grid-gap:16px;gap:16px;position:relative;isolation:isolate;background:transparent}.room-shell:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url(/environments/room/bg-doodles.png);background-size:cover;background-position:50%;opacity:.08}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid rgba(0,241,253,.12);background:rgba(8,8,16,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-logo{height:48px;width:auto}.topbar-center{display:flex;flex-direction:column;align-items:center;gap:2px}.topbar-room-label{font-size:9px;letter-spacing:.18em;color:#555;text-transform:uppercase}.topbar-code-row{display:flex;align-items:center;gap:8px}.topbar-room-code{font-size:20px;font-weight:700;letter-spacing:.22em;color:var(--cyan);text-shadow:0 0 12px rgba(0,241,253,.45)}.topbar-copy-btn{background:none;border:1px solid rgba(0,241,253,.45);color:var(--cyan);font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:4px;cursor:pointer;transition:background .12s,color .12s}.topbar-copy-btn:hover{background:var(--cyan);color:var(--bg)}.topbar-right{display:flex;align-items:center;gap:10px}.status-pill{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(0,241,253,.4);padding:6px 14px}.topbar-icon-btn{position:relative;width:40px;height:40px;background:none;border:none;padding:0;cursor:pointer;transition:transform .12s,filter .12s;flex-shrink:0}.topbar-icon-btn:hover{transform:translateY(-2px);filter:brightness(1.2)}.topbar-icon-btn:active{transform:translateY(1px);filter:brightness(.9)}.topbar-icon-btn canvas{display:block;width:40px;height:40px}.topbar-icon-svg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.compact-button{width:auto;min-width:78px;min-height:34px;padding:0 12px;font-size:.95rem}.game-layout{display:grid;grid-template-columns:300px 1fr 220px;grid-gap:16px;gap:16px;align-items:start;min-height:calc(100vh - 128px)}.side-panel{background:var(--surface);border:1px solid rgba(0,241,253,.15);padding:16px}.side-panel h2{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--outline)}.player-list{display:grid;grid-gap:8px;gap:8px}.player-row{position:relative;display:grid;grid-template-columns:38px 1fr auto;grid-gap:10px;gap:10px;background:var(--surface-low);border-left:2px solid transparent;overflow:visible}.kick-overlay,.player-row{align-items:center;padding:8px}.kick-overlay{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-high);border:1px solid var(--red);box-shadow:0 8px 24px rgba(0,0,0,.6),var(--glow-red);display:flex;justify-content:center;gap:8px;z-index:10}.kick-overlay:before{content:"";position:absolute;bottom:100%;left:20px;border:6px solid transparent;border-bottom:6px solid var(--red)}.kick-confirm{width:auto;min-width:56px;min-height:28px;padding:0 10px;border-color:var(--red);color:var(--red);font-size:.62rem;letter-spacing:.08em}.kick-confirm:hover:not(:disabled){background:var(--red);color:var(--bg);box-shadow:var(--glow-red)}.kick-cancel{width:auto;min-width:56px;min-height:28px;padding:0 10px;border-color:var(--outline-strong);color:var(--ink-dim);font-size:.62rem;letter-spacing:.08em}.kick-cancel:hover:not(:disabled){background:var(--surface-bright);color:var(--ink)}.remove-player-button{width:auto;min-width:64px;min-height:28px;padding:0 8px;border-color:var(--red);color:var(--red);font-size:.58rem;letter-spacing:.08em}.remove-player-button:hover:not(:disabled){background:var(--red);color:var(--bg);box-shadow:var(--glow-red)}.player-row:has(.character-portrait){border-left-color:var(--outline)}.player-name-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.player-row span:not(.player-rank,.player-score){display:block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-top:2px}.player-score{display:none;color:var(--cyan);flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1;text-shadow:var(--glow-cyan)}.player-row strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;min-width:0}.player-rank{display:none}.leaderboard{list-style:none;display:grid;grid-gap:6px;gap:6px}.leaderboard li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:8px 10px;background:var(--surface-low);font-size:.8rem;position:relative;overflow:hidden;will-change:transform;animation:leaderboard-settle .28s ease-out both}.leaderboard li:first-child{border-left:2px solid var(--amber);color:var(--amber)}.leaderboard li.changed{animation:leaderboard-glow .72s cubic-bezier(.22,1,.36,1) both}.leaderboard li.changed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,241,253,.18),transparent);transform:translateX(-110%);animation:leaderboard-sweep .72s ease-out both}.leaderboard-rank{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(0,241,253,.35);color:var(--cyan);font-size:.64rem;font-weight:700}.leaderboard li strong{font-size:.85rem;color:var(--cyan);justify-self:end}.leaderboard li.changed strong{animation:score-pop .5s cubic-bezier(.22,1,.36,1) both}@keyframes leaderboard-settle{0%{transform:translateY(4px);opacity:.78}to{transform:translateY(0);opacity:1}}@keyframes leaderboard-glow{0%{box-shadow:none}28%{box-shadow:var(--glow-cyan)}to{box-shadow:none}}@keyframes leaderboard-sweep{to{transform:translateX(110%)}}@keyframes score-pop{0%{transform:scale(1)}36%{transform:scale(1.34);color:var(--amber);text-shadow:var(--glow-amber)}to{transform:scale(1)}}.table-column{display:grid;grid-gap:28px;gap:28px;min-width:0;padding-top:20px}.phase-switcher{overflow-x:visible;overflow-y:visible;width:100%}@supports not (overflow:clip){.phase-switcher{overflow:visible}}.phase-track{display:flex;width:200%;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}.phase-track.is-arena{transform:translateX(-50%)}.phase-track.is-arena>.table-zone,.phase-track:not(.is-arena)>.arena-scene{opacity:0;pointer-events:none;visibility:hidden}.phase-track>.arena-scene,.phase-track>.table-zone{flex:0 0 50%;min-width:0;width:50%}.arena-scene{display:grid;place-items:center;align-content:center;min-height:560px;height:70vh;padding:20px 40px;overflow:hidden}.table-wordmark{justify-self:center;color:var(--ink);font-size:.86rem;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase;opacity:.72;text-shadow:0 0 10px rgba(229,225,228,.24),1px 0 0 rgba(0,241,253,.22),-1px 0 0 rgba(255,76,131,.18)}.table-zone{display:flex;align-items:center;justify-content:center;overflow:visible}.table-wrap{position:relative;width:100%;overflow:visible;isolation:isolate}.table-img{display:block;width:100%;height:auto;pointer-events:none;animation:table-glow 4s ease-in-out infinite}.table-wrap .center-stage,.table-wrap .question-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@keyframes table-glow{0%,to{filter:drop-shadow(0 0 6px rgba(0,241,253,.15))}50%{filter:drop-shadow(0 0 14px rgba(0,241,253,.32))}}.seat-ring{position:absolute;inset:0;z-index:1;pointer-events:none}.table-seat{position:absolute;width:160px;transform:translate(-50%,-50%)}.table-seat:after,.table-seat:before{content:"";position:absolute;left:50%;top:44%;width:92px;height:68px;border-radius:50%;background:radial-gradient(circle at 32% 38%,rgba(229,225,228,.78),transparent 32%),radial-gradient(circle at 66% 42%,rgba(0,241,253,.48),transparent 36%),radial-gradient(circle at 50% 70%,rgba(255,76,131,.32),transparent 44%);filter:blur(1.4px);opacity:0;pointer-events:none;z-index:3;mix-blend-mode:screen;transform:translate(-50%,-50%) scale(.4)}.table-seat:after{width:72px;height:56px;background:radial-gradient(circle at 36% 46%,rgba(229,225,228,.72),transparent 36%),radial-gradient(circle at 70% 34%,rgba(0,241,253,.34),transparent 38%),radial-gradient(circle at 52% 72%,rgba(255,76,131,.26),transparent 48%)}.table-seat.smoke-join:before{animation:seat-smoke-join-left .9s ease-out both}.table-seat.smoke-join:after{animation:seat-smoke-join-right .86s ease-out .08s both}.table-seat.smoke-leave:before{animation:seat-smoke-leave-left .88s ease-out both}.table-seat.smoke-leave:after{animation:seat-smoke-leave-right .82s ease-out .06s both}@keyframes seat-smoke-join-left{0%{opacity:0;transform:translate(-50%,-38%) scale(.28)}18%{opacity:.92}to{opacity:0;transform:translate(-78%,-72%) scale(1.72)}}@keyframes seat-smoke-join-right{0%{opacity:0;transform:translate(-50%,-38%) scale(.28)}20%{opacity:.8}to{opacity:0;transform:translate(-18%,-68%) scale(1.48)}}@keyframes seat-smoke-leave-left{0%{opacity:.86;transform:translate(-58%,-48%) scale(1.76)}to{opacity:0;transform:translate(-72%,-58%) scale(.38)}}@keyframes seat-smoke-leave-right{0%{opacity:.74;transform:translate(-36%,-44%) scale(1.48)}to{opacity:0;transform:translate(-22%,-54%) scale(.32)}}.seat-1{left:50%;top:8%}.seat-2{left:75%;top:16%}.seat-3{left:92%;top:50%}.seat-4{left:75%;top:84%}.seat-5{left:50%;top:92%}.seat-6{left:25%;top:84%}.seat-7{left:8%;top:50%}.seat-8{left:25%;top:16%}.seat-frame{display:block;width:100%;position:relative;z-index:2;pointer-events:none}.seat-avatar{position:absolute;width:60%;aspect-ratio:1;left:49%;top:6%;transform:translateX(-50%);border-radius:50%;overflow:hidden;z-index:1;background:#0d0d18;display:flex;align-items:center;justify-content:center}.seat-avatar img{width:100%;height:auto;object-fit:cover;object-position:center}.seat-initial{font-size:1.1rem;font-weight:700;color:var(--cyan);text-transform:uppercase}.seat-crown{width:32%;top:-15%;z-index:5;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,220,50,.7))}.seat-crown,.seat-nameplate{position:absolute;left:50%;transform:translateX(-50%)}.seat-nameplate{bottom:22%;background:rgba(8,8,16,.92);border:1.5px solid var(--cyan);border-radius:8px;padding:5px 10px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;z-index:4;color:var(--ink);text-align:center;line-height:1.5;max-width:90%;overflow:hidden;text-overflow:ellipsis}.seat-nameplate .you-tag{display:block;color:#fff;overflow:hidden;text-overflow:ellipsis}.seat-nameplate .role-tag{display:block;color:var(--cyan);font-size:8px}.seat-nameplate.open-plate{border-color:#333;color:#555}.seat-nameplate.player-plate{border-color:rgba(0,241,253,.3);color:#aaa}.seat--ready .seat-frame{filter:sepia(1) hue-rotate(110deg) saturate(4)}.seat--offline .seat-avatar{filter:grayscale(1) opacity(.35)}.seat--offline .seat-frame{filter:grayscale(1) opacity(.45)}.seat--offline .seat-nameplate{border-color:#333;color:#444}.speech-bubble{position:absolute;left:60%;bottom:calc(100% - 4px);z-index:4;width:max-content;max-width:190px;padding:8px 12px;border:2.5px solid #000;border-radius:16px;background:#fff;color:#111;box-shadow:4px 4px 0 #000;font-size:.62rem;font-weight:700;letter-spacing:.04em;line-height:1.35;text-align:center;text-transform:uppercase;animation:speech-bubble-pop .22s cubic-bezier(.22,1,.36,1) both}.speech-bubble:before{left:10px;bottom:-14px;border-right:11px solid transparent;border-top:14px solid #000}.speech-bubble:after,.speech-bubble:before{content:"";position:absolute;width:0;height:0}.speech-bubble:after{left:12px;bottom:-10px;border-right:9px solid transparent;border-top:11px solid #fff}.fastest-bonus{position:absolute;left:50%;bottom:calc(100% - 18px);z-index:5;width:max-content;max-width:150px;padding:7px 10px;border:1px solid var(--amber);background:rgba(14,14,16,.94);color:var(--amber);box-shadow:var(--glow-amber),0 8px 18px rgba(0,0,0,.45);font-size:.7rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-shadow:0 0 10px rgba(255,228,74,.65);transform:translateX(-50%);animation:fastest-bonus-pop .42s cubic-bezier(.22,1,.36,1) both,fastest-bonus-float 1.2s ease-in-out .42s infinite alternate}@keyframes fastest-bonus-pop{0%{opacity:0;transform:translate(-50%,12px) scale(.78)}64%{opacity:1;transform:translate(-50%,-4px) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes fastest-bonus-float{0%{transform:translate(-50%)}to{transform:translate(-50%,-7px)}}@keyframes speech-bubble-pop{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.table-seat.current .seat-nameplate{border-color:var(--pink);box-shadow:var(--glow-pink)}.table-seat.current .seat-avatar{box-shadow:0 0 0 2px rgba(255,76,131,.6)}.character-portrait{--portrait-a:var(--cyan);--portrait-b:var(--pink);position:relative;display:grid;place-items:center;flex-shrink:0;border:2px solid var(--portrait-a);background:var(--surface-low);box-shadow:0 0 16px color-mix(in srgb,var(--portrait-a) 42%,transparent);overflow:hidden}.character-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.portrait-small{width:38px;height:38px}.portrait-large{width:72px;height:72px}.portrait-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,color-mix(in srgb,var(--portrait-b) 70%,transparent),transparent 24%),radial-gradient(circle at 28% 18%,color-mix(in srgb,var(--portrait-a) 60%,transparent),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.3))}.portrait-face{position:relative;display:grid;place-items:center;width:62%;height:62%;border:1px solid rgba(229,225,228,.74);border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--portrait-a) 34%,#201f21),#0e0e10);color:var(--ink);font-size:1rem;font-weight:700;text-transform:uppercase;z-index:1}.portrait-large .portrait-face{font-size:1.5rem}.character-portrait.offline{filter:grayscale(.86);opacity:.58;box-shadow:none}.character-hero{--portrait-a:#00f1fd;--portrait-b:#ff4c83}.character-host{--portrait-a:#ffe04a;--portrait-b:#00f1fd}.character-comic{--portrait-a:#4edea3;--portrait-b:#ff4c83}.character-champ{--portrait-a:#ff4c83;--portrait-b:#ffe04a}.character-star{--portrait-a:#b9f8ff;--portrait-b:#4edea3}.character-buddy{--portrait-a:#ffb1c0;--portrait-b:#00dce6}.character-legend{--portrait-a:#ffe04a;--portrait-b:#ff3b3b}.character-rookie{--portrait-a:#ab888e;--portrait-b:#4edea3}.center-stage{position:relative;z-index:2;background:linear-gradient(135deg,rgba(0,241,253,.06) 0,transparent 45%),linear-gradient(315deg,rgba(255,76,131,.04) 0,transparent 45%),var(--surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 48px -8px rgba(0,0,0,.45),0 16px 32px -4px rgba(0,241,253,.06);padding:32px;width:min(100%,520px);text-align:center;box-sizing:border-box}.stage-card-border{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0}.center-stage:after,.question-stage:after{display:none}.center-stage::after--hidden,.question-stage::after--hidden{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.016) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.016) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.07) 0),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.07) 0);background-size:76px 76px;background-position:0 0,0 38px,38px -38px,-38px 0;animation:diamond-drift 14s linear infinite;pointer-events:none;z-index:0}.center-stage>:not(.stage-card-border),.question-stage>:not(.stage-card-border){position:relative;z-index:1}@keyframes diamond-drift{0%{background-position:0 0,0 38px,38px -38px,-38px 0}to{background-position:76px 76px,76px 114px,114px 38px,38px 76px}}.lobby-stage{animation:lobby-sweep 7s ease-in-out infinite,card-bob 4s ease-in-out infinite}@keyframes card-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.table-wrap .lobby-stage{animation:lobby-sweep 7s ease-in-out infinite,card-bob-centered 4s ease-in-out infinite;width:clamp(320px,38vw,520px);max-width:calc(100% - 48px)}@keyframes card-bob-centered{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}.lobby-stage{background:linear-gradient(125deg,transparent 0,rgba(0,241,253,.1) 30%,rgba(78,222,163,.08) 65%,transparent 100%),linear-gradient(135deg,rgba(0,241,253,.06) 0,transparent 45%),linear-gradient(315deg,rgba(255,76,131,.04) 0,transparent 45%),var(--surface);background-size:250% 250%,100% 100%,100% 100%,auto;background-repeat:no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 48px -8px rgba(0,0,0,.45),0 16px 32px -4px rgba(0,241,253,.06)}@keyframes lobby-sweep{0%{background-position:0 0,0 0,0 0,0 0}50%{background-position:100% 100%,0 0,0 0,0 0}to{background-position:0 0,0 0,0 0,0 0}}.center-stage h2{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:10px 0}.muted{font-size:.85rem;color:var(--ink-dim);line-height:1.6}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;align-self:start;margin-top:clamp(10px,2.4vw,18px);width:100%;max-width:420px;justify-self:center}.actions button{min-height:42px;min-width:0;padding:9px 12px;font-size:.72rem;line-height:1.35}.actions.single-action{grid-template-columns:minmax(180px,260px);justify-content:center}.replay-note{margin-top:18px}.dev-skip-btn{margin-top:10px;align-self:center;padding:4px 12px;font-size:.58rem;color:rgba(255,255,255,.35);background:transparent;border:1px dashed rgba(255,255,255,.18);border-radius:4px;cursor:pointer;letter-spacing:.04em;min-height:unset;width:auto}.dev-skip-btn:hover{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.35)}.winner-card{border-color:var(--amber);box-shadow:inset 0 1px 0 rgba(255,228,74,.18),var(--glow-amber),0 0 52px rgba(255,228,74,.12);background:linear-gradient(135deg,rgba(255,228,74,.07) 0,transparent 45%),linear-gradient(315deg,rgba(255,76,131,.04) 0,transparent 45%),var(--surface);animation:winner-card-in .65s cubic-bezier(.22,1,.36,1) both}.table-wrap .winner-card{animation-name:winner-card-in-centered}.winner-card .eyebrow{color:var(--amber);text-shadow:0 0 10px var(--amber);animation:winner-label-flicker 3s ease-in-out infinite}.winner-card h2{color:var(--amber);text-shadow:var(--glow-amber)}.stage-card-arena-preview{position:relative;width:min(100%,520px);height:150px;margin:10px auto 12px;overflow:hidden}.stage-card-arena-preview:before{content:"";position:absolute;left:8%;right:8%;bottom:16px;height:22px;border:1px solid rgba(0,241,253,.26);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,241,253,.16),transparent 68%),rgba(0,0,0,.28)}.stage-card-sprite{position:absolute;bottom:24px;width:112px;height:112px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.62));z-index:2}.stage-card-sprite.is-flipped{transform:scaleX(-1)}.stage-card-sprite-left{animation:stage-card-sumo-left 5s ease-in-out infinite}.stage-card-sprite-right{animation:stage-card-sumo-right 5s ease-in-out infinite}.stage-card-clash-burst{position:absolute;left:50%;bottom:80px;width:54px;height:54px;transform:translateX(-50%) scale(0);border:2px solid var(--amber);background:rgba(255,224,74,.16);-webkit-clip-path:polygon(50% 0,61% 32%,96% 20%,70% 50%,96% 80%,61% 68%,50% 100%,39% 68%,4% 80%,30% 50%,4% 20%,39% 32%);clip-path:polygon(50% 0,61% 32%,96% 20%,70% 50%,96% 80%,61% 68%,50% 100%,39% 68%,4% 80%,30% 50%,4% 20%,39% 32%);filter:drop-shadow(0 0 16px rgba(255,228,74,.54));animation:stage-card-clash 5s ease-in-out infinite;z-index:1}.stage-card-winner-sprite{position:relative;display:grid;place-items:center;height:116px;margin:2px 0 6px}.stage-card-winner-sprite .stage-card-sprite{position:static;width:116px;height:116px}@keyframes stage-card-sumo-left{0%{left:-80px}42%,68%{left:calc(50% - 104px)}82%{left:calc(50% - 134px)}to{left:-88px}}@keyframes stage-card-sumo-right{0%{right:-80px}42%,68%{right:calc(50% - 104px)}82%{right:calc(50% - 134px)}to{right:-88px}}@keyframes stage-card-clash{0%,43%,70%,to{opacity:0;transform:translateX(-50%) scale(0)}52%{opacity:1;transform:translateX(-50%) scale(1)}}.stage-card-meteor-arena{position:relative;width:min(100%,520px);height:150px;margin:10px auto 12px;overflow:hidden;background:linear-gradient(180deg,rgba(6,3,20,.85),rgba(14,6,28,.45));border-radius:4px}.stage-card-meteor-arena:before{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,76,131,.4),rgba(255,76,131,.28),transparent)}.stage-card-meteor-fall{position:absolute;object-fit:contain;image-rendering:auto;pointer-events:none}.stage-card-meteor-fall-1{left:12%;width:44px;animation:stage-card-meteor-drop 1.6s ease-in 0s infinite}.stage-card-meteor-fall-2{left:40%;width:27px;animation:stage-card-meteor-drop 1.2s ease-in .55s infinite}.stage-card-meteor-fall-3{left:67%;width:31px;animation:stage-card-meteor-drop 1.4s ease-in 1.15s infinite}.stage-card-meteor-fall-4{left:80%;width:40px;animation:stage-card-meteor-drop 1.5s ease-in .3s infinite}@keyframes stage-card-meteor-drop{0%{top:-54px;opacity:0;transform:rotate(-22deg);filter:drop-shadow(0 0 6px rgba(255,130,0,.75))}12%{opacity:1}80%{opacity:1}to{top:178px;opacity:0;transform:rotate(-22deg) translateX(-10px);filter:drop-shadow(0 0 14px rgba(255,60,0,.9))}}.stage-card-meteor-runner-1{bottom:20px;animation:stage-card-meteor-run 2.8s linear -1.1s infinite}.stage-card-meteor-runner-2{bottom:20px;animation:stage-card-meteor-run 2.8s linear 0s infinite}@keyframes stage-card-meteor-run{0%{left:-120px}to{left:560px}}@keyframes winner-card-in{0%{opacity:0;transform:scale(.9) translateY(16px);box-shadow:none}65%{box-shadow:0 0 64px rgba(255,228,74,.55)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes winner-card-in-centered{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(16px);box-shadow:none}65%{box-shadow:0 0 64px rgba(255,228,74,.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}@keyframes winner-label-flicker{0%,88%,to{opacity:1}90%,94%{opacity:.55}92%{opacity:1}}.table-seat.winner .seat-avatar{box-shadow:0 0 0 2px var(--amber),0 0 18px rgba(255,228,74,.5);animation:winner-portrait-pulse 1.4s ease-in-out infinite}@keyframes winner-portrait-pulse{0%,to{box-shadow:0 0 14px rgba(255,228,74,.55)}50%{box-shadow:0 0 34px rgba(255,228,74,.95),0 0 64px rgba(255,228,74,.3)}}.seat-star{position:absolute;pointer-events:none;z-index:6;animation:seat-star-float 1.8s ease-in-out infinite alternate}@keyframes seat-star-float{0%{transform:translateY(0) rotate(-10deg) scale(1)}to{transform:translateY(-10px) rotate(10deg) scale(1.15)}}.leaderboard li:first-child{animation:fire-row-pulse 1.6s ease-in-out infinite alternate}.leaderboard li:first-child .leaderboard-rank{border-color:var(--amber);color:var(--amber);background:rgba(255,228,74,.1);animation:fire-rank-flicker .65s ease-in-out infinite alternate}@keyframes fire-row-pulse{0%{box-shadow:inset 0 0 10px rgba(255,228,74,.05);border-left-color:var(--amber)}to{box-shadow:inset 0 0 24px rgba(255,228,74,.12),0 0 14px rgba(255,180,0,.18);border-left-color:#ffb300}}@keyframes fire-rank-flicker{0%{box-shadow:0 0 6px rgba(255,228,74,.6),0 0 14px rgba(255,100,0,.35);color:var(--amber)}to{box-shadow:0 0 18px rgba(255,228,74,.9),0 0 30px rgba(255,100,0,.55);color:#fff3a0}}.replay-button{position:relative;overflow:hidden;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.replay-button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-115%);transition:transform .34s ease}.replay-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 0 28px rgba(255,76,131,.72),0 8px 18px rgba(0,0,0,.32)}.replay-button:hover:not(:disabled):after{transform:translateX(115%)}.replay-button:active:not(:disabled){transform:translateY(0) scale(.98)}.character-fab{display:none}.character-card{position:fixed;right:44px;bottom:44px;z-index:18;width:min(280px,calc(100vw - 32px));padding:18px 18px 16px;border:none;background:#0b0b16;box-shadow:0 24px 44px rgba(0,0,0,.55);overflow:visible}.character-card-mobile{display:none}.character-card-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.character-card>:not(.character-card-border,.character-card-crown){position:relative;z-index:2}.character-card-handle{display:none}.character-card-crown{position:absolute;top:14px;right:16px;width:48px;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,76,131,.55))}.character-card-header{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:14px;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.character-card-identity{min-width:0;display:grid;grid-gap:2px;gap:2px}.character-card-identity>*{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card-source{color:var(--cyan);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 8px rgba(0,241,253,.45)}.character-card-identity strong{color:var(--ink);font-size:1.05rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.character-card-role{color:var(--cyan);font-size:.56rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.character-card-close{display:none}.character-stats{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.stat-row{display:grid;grid-template-columns:88px 1fr auto;align-items:center;grid-gap:10px;gap:10px;--stat-from:var(--cyan);--stat-to:#21f6a9;--stat-glow:rgba(33,246,169,0.35)}.stat-row.stat-comedy{--stat-from:#ff4c83;--stat-to:#ff7a8a;--stat-glow:rgba(255,76,131,0.4)}.stat-row.stat-swag{--stat-from:#2d8eff;--stat-to:#00f1fd;--stat-glow:rgba(0,241,253,0.4)}.stat-label{color:rgba(255,255,255,.85);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stat-track{height:10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgb(45,67,82);overflow:hidden}.stat-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--stat-from),var(--stat-to));box-shadow:0 0 10px var(--stat-glow)}.stat-value{color:var(--ink);font-size:.7rem;font-weight:700;letter-spacing:.04em;min-width:32px;text-align:right}.dialogue-title{margin-top:16px;color:var(--cyan);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.dialogue-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:8px}.dialogue-actions button{width:100%;min-height:38px;padding:8px;border:1px solid rgba(0,241,253,.55);border-radius:0;background:rgba(10,10,22,.85);color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1;text-align:center;text-transform:uppercase;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.dialogue-actions button:hover:not(:disabled){background:rgba(10,10,22,.85);border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan),0 0 14px rgba(0,241,253,.3)}.dialogue-actions .random-dialogue-button{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:10px;gap:10px;padding:10px 14px;min-height:44px;border-color:var(--cyan);color:var(--cyan);text-align:left;box-shadow:inset 0 0 0 1px rgba(0,241,253,.18),0 0 16px rgba(0,241,253,.18)}.random-dialogue-icon{width:22px;height:22px;object-fit:contain}.dialogue-actions .random-dialogue-button>span{text-align:center;letter-spacing:.14em}.arena-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;padding:0}.arena-playfield{position:relative;display:grid;place-items:center;grid-gap:0;gap:0;width:min(100%,600px);overflow:visible}.arena-stage canvas{display:block;width:100%;max-width:600px;height:auto;background:transparent}@media (min-width:2440px){.arena-playfield{width:min(100%,880px)}.arena-stage canvas{max-width:880px}}.arena-joystick{position:relative;display:none;width:96px;height:96px;border:1px solid rgba(0,241,253,.38);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(0,241,253,.12),transparent 42%),rgba(14,14,16,.62);box-shadow:inset 0 0 18px rgba(0,241,253,.14),0 0 18px rgba(0,0,0,.45);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:5}.arena-joystick:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.arena-joystick-thumb{position:absolute;top:31px;left:31px;width:34px;height:34px;border:1px solid rgba(255,76,131,.85);border-radius:50%;background:rgba(255,76,131,.72);box-shadow:var(--glow-pink);transition:transform .08s ease-out}.arena-joystick.active .arena-joystick-thumb{transition:none}@media (pointer:coarse){.arena-joystick{display:block}.arena-controls-strip{display:grid}}.arena-controls-strip{display:none;grid-auto-flow:column;align-items:center;justify-content:end;gap:14px;width:100%;min-height:78px;padding:0 24px 12px}.arena-controls-strip.is-spectating{display:grid}.arena-spectator-badge{display:grid;grid-gap:4px;gap:4px;min-width:132px;padding:9px 12px;border:1px solid rgba(255,59,59,.42);border-radius:8px;background:rgba(14,14,16,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(255,59,59,.12)}.arena-spectator-badge span{color:#ff3b3b;font-size:.58rem;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.arena-spectator-badge strong{color:var(--paper);font-family:var(--font-display);font-size:.9rem;line-height:1}.arena-results-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;width:100%;min-height:78px;padding:12px 16px;border-top:1px solid rgba(0,241,253,.22);background:rgba(14,14,16,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.arena-results-strip>div{display:grid;grid-gap:5px;gap:5px}.arena-results-strip span{color:var(--cyan);font-size:.58rem;font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase}.arena-results-strip>div strong{color:var(--ink);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.arena-results-strip ol{display:flex;align-items:center;gap:10px;list-style:none;min-width:0;overflow:hidden}.arena-results-strip li{display:grid;grid-template-columns:auto minmax(0,auto) auto;align-items:center;grid-gap:6px;gap:6px;min-width:0;color:var(--ink);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.arena-results-strip .arena-result-rank{display:grid;place-items:center;width:20px;height:20px;background:var(--amber);color:var(--bg);font-size:.64rem;letter-spacing:0}.arena-results-strip .arena-result-name{min-width:0;overflow:hidden;color:var(--ink);font-size:inherit;letter-spacing:inherit;line-height:1.15;text-overflow:ellipsis}.arena-results-strip li strong{color:var(--green);font-size:.72rem}.question-stage{position:relative;z-index:2;background:rgba(14,14,16,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 48px -8px rgba(0,0,0,.45),0 16px 32px -4px rgba(0,241,253,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px 28px 28px;width:clamp(300px,35vw,100%);box-sizing:border-box;animation:question-card-in .44s cubic-bezier(.22,1,.36,1) both;transform-origin:center}@keyframes question-card-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.96);box-shadow:0 0 0 rgba(0,241,253,0)}70%{opacity:1;transform:translate(-50%,calc(-50% - 2px)) scale(1.01);box-shadow:var(--glow-cyan)}to{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:none}}.round-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.round-meta strong{display:grid;place-items:center;min-width:56px;height:40px;padding:0 12px;background:var(--amber);color:var(--bg);font-size:1.1rem;letter-spacing:.05em}.round-meta strong.urgent{background:var(--red);box-shadow:var(--glow-red);animation:timer-buzz .18s steps(2) infinite,timer-danger-pulse .6s ease-in-out infinite alternate}@keyframes timer-buzz{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(-2px,1px) rotate(-1deg)}50%{transform:translate(2px,-1px) rotate(1deg)}75%{transform:translate(-1px,-1px) rotate(-.5deg)}to{transform:translate(1px,1px) rotate(.5deg)}}.timer-ring{position:relative;display:grid;place-items:center;width:52px;height:52px}.timer-ring svg{position:absolute;inset:0}.timer-ring-label{position:relative;z-index:1;font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:var(--amber)}.timer-ring.urgent{animation:timer-buzz .18s steps(2) infinite,timer-danger-pulse .6s ease-in-out infinite alternate}.timer-ring.urgent .timer-ring-label{color:var(--red)}@keyframes timer-danger-pulse{0%{filter:drop-shadow(0 0 4px var(--red))}to{filter:drop-shadow(0 0 14px var(--red))}}.room-code-chip{display:inline-block;padding:2px 10px;border:1.5px solid var(--pink);color:var(--pink);font-weight:700;letter-spacing:.15em;font-size:1em;vertical-align:baseline;box-shadow:var(--glow-pink)}.question-image{display:block;width:auto;max-width:100%;max-height:clamp(150px,15vh,190px);object-fit:contain;margin-inline:auto;margin-bottom:16px;background:linear-gradient(135deg,rgba(0,241,253,.06),transparent 45%),rgba(0,0,0,.28);border:1px solid rgba(0,241,253,.15)}.question-stage h2{font-size:clamp(.8rem,1vw,1rem);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.35;margin-bottom:20px;text-align:center}.options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.options-grid button{min-height:58px;padding:12px 14px;text-align:left;font-size:.74rem;letter-spacing:.08em;display:flex;align-items:center;gap:12px;border:1px solid var(--outline-strong);background:var(--surface-low);color:var(--ink);width:100%;animation:option-in .34s cubic-bezier(.22,1,.36,1) both;transform-origin:center}.options-grid button:hover:not(:disabled){border-color:var(--pink);background:rgba(255,76,131,.08);box-shadow:var(--glow-pink);color:var(--ink)}.options-grid button.selected{border-color:var(--pink);background:rgba(255,76,131,.15);box-shadow:var(--glow-pink);color:var(--pink);animation:answer-lock .34s cubic-bezier(.22,1,.36,1) both}.options-grid button.dimmed{opacity:.48;filter:saturate(.7)}.options-grid button.correct{border-color:var(--green);background:rgba(78,222,163,.16);color:var(--green);box-shadow:var(--glow-green);animation:correct-reveal .66s cubic-bezier(.22,1,.36,1) both}.options-grid button.wrong{border-color:var(--red);background:rgba(255,59,59,.13);color:var(--red);box-shadow:var(--glow-red);animation:wrong-reveal .48s ease-out both}.reveal-stage h2{color:var(--green);text-shadow:var(--glow-green)}.round-callout{margin:-4px auto 16px;max-width:440px;color:var(--amber);font-size:.76rem;font-weight:700;letter-spacing:.08em;line-height:1.45;text-align:center;text-shadow:var(--glow-amber);text-transform:uppercase;opacity:0;animation:reveal-copy-in .36s ease-out .18s forwards}.reveal-options{margin-bottom:18px}.reveal-stage .muted{opacity:0;animation:reveal-copy-in .36s ease-out .34s forwards}.option-label{display:grid;place-items:center;width:26px;height:26px;border:1px solid;font-size:.7rem;font-weight:700;flex-shrink:0;opacity:.7}@keyframes option-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes answer-lock{0%{transform:scale(1)}38%{transform:scale(.96)}72%{transform:scale(1.025);box-shadow:0 0 28px rgba(255,76,131,.72)}to{transform:scale(1)}}@keyframes correct-reveal{0%{transform:scale(1);box-shadow:none}48%{transform:scale(1.025);box-shadow:0 0 34px rgba(78,222,163,.72)}to{transform:scale(1);box-shadow:var(--glow-green)}}@keyframes wrong-reveal{0%,to{transform:translateX(0)}18%{transform:translateX(-6px)}36%{transform:translateX(5px)}54%{transform:translateX(-3px)}72%{transform:translateX(2px)}}@keyframes reveal-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.audience-strip{position:fixed;bottom:0;left:0;width:100%;height:30vh;opacity:.5;background-image:url(/environments/room/room-audience.png);background-repeat:repeat;background-size:contain;background-position:bottom;mask-image:linear-gradient(180deg,transparent 0,black 40%);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 40%);pointer-events:none;z-index:1;animation:audience-bob 2.8s ease-in-out infinite}@keyframes audience-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(480px,calc(100vw - 32px));padding:12px 18px;background:var(--surface);border:1px solid var(--red);color:var(--red);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--glow-red);z-index:100}@media (max-width:980px){.game-layout{grid-template-columns:1fr;min-height:auto;align-items:stretch}.table-column{align-self:stretch}.arena-scene{min-height:420px;height:auto;padding:24px}.table-zone{min-height:0;border-radius:18px;padding:16px}.table-img{display:none}.table-wrap{display:flex;flex-direction:column;width:100%;align-items:center;gap:12px}.table-wrap .center-stage,.table-wrap .question-stage{position:relative;top:auto;left:auto;transform:none;z-index:auto;width:100%;max-width:100%}.table-wrap .question-stage{animation:none;transform:none}.table-wrap .winner-card{animation-name:winner-card-in}.table-wrap .lobby-stage{width:min(100%,520px);max-width:100%;animation:lobby-sweep 7s ease-in-out infinite}.seat-ring{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.table-seat{position:relative;left:auto;top:auto;width:auto;min-height:96px;transform:none}.chair{width:74px;height:58px}.portrait-large{width:54px;height:54px}.portrait-large .portrait-face{font-size:1.12rem}.seat-label{max-width:100%;padding:4px 6px}.empty-seat-label{font-size:.52rem}.character-card{right:16px;bottom:16px;width:min(260px,calc(100vw - 32px))}.speech-bubble{max-width:150px;font-size:.56rem}.audience-strip{display:none}}@media (max-width:600px){body{background-attachment:scroll}.room-shell:after{background-size:contain;background-repeat:repeat}.home-shell,.room-shell{padding:16px}.home-shell{justify-content:flex-start;padding-top:72px}.home-mute{top:12px;right:16px;width:44px;min-width:44px;padding:0}.song-credit{top:18px;right:72px;max-width:160px;font-size:.46rem}.hero{margin-bottom:28px}.hero h1{font-size:clamp(2.35rem,15vw,3.6rem)}.lede{max-width:100%;font-size:.88rem}.panel{padding:24px}.entry-grid{grid-template-columns:1fr}.room-shell{gap:12px;padding-bottom:max(40px,env(safe-area-inset-bottom))}.player-list{grid-template-columns:repeat(2,minmax(0,1fr))}.player-row{grid-template-columns:28px 1fr;padding:6px;gap:5px}.player-row.kickable{cursor:pointer}.player-row.kickable:hover{background:var(--surface-high)}.remove-player-button{display:none}.player-rank{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:var(--amber);color:var(--bg);font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:none;margin-top:0;display:grid;place-items:center;transform:rotate(15deg);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.55)}.player-row strong{font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.player-score{display:inline;padding-right:30px;font-size:.64rem}.player-row>div>span{font-size:.56rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list .portrait-small{width:28px;height:28px}.game-layout{gap:12px}.game-layout>.side-panel:first-child{order:1}.game-layout>.side-panel:last-child{display:none}.table-column{order:2;gap:12px;padding-top:0}.options-grid{grid-template-columns:1fr}.actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.hero-mascot,.table-wordmark{display:none}.topbar{align-items:flex-start;gap:10px;flex-direction:column;padding-bottom:12px}.topbar h1{font-size:1.55rem}.room-code-row,.topbar-mobile-row{width:100%;justify-content:space-between}.topbar-mobile-row{display:flex;align-items:center}.topbar-brand{display:block;font-size:.92rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);text-shadow:1px 0 0 rgba(0,241,253,.2),-1px 0 0 rgba(255,76,131,.15);align-self:flex-end}.topbar-menu-button{display:grid;place-items:center;width:auto;min-width:82px;min-height:34px;padding:0 12px;font-size:.68rem;letter-spacing:.1em}.topbar-actions{display:none}.topbar-actions.open{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;grid-gap:8px;gap:8px}.compact-button,.status-pill{display:grid;place-items:center;min-width:0;min-height:34px;padding:0 8px;font-size:.68rem;letter-spacing:.1em}.mute-button{font-size:.86rem}.copy-room-button{min-width:70px}.seat-ring{position:relative;pointer-events:auto;z-index:3;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px;row-gap:28px;order:2;width:min(100%,324px);align-self:center;margin-top:44px}.table-zone{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;padding:0;border-radius:0}.arena-scene{min-height:360px;padding:0}.table-seat{min-height:82px}.speech-bubble{max-width:160px;font-size:.54rem;left:50%;margin-left:-70px;bottom:calc(100% + 4px)}.speech-bubble:before{left:50%;margin-left:-6px}.speech-bubble:after{left:50%;margin-left:-4px}.table-seat.can-open-character{cursor:pointer;pointer-events:auto}.table-seat.can-open-character .seat-card{box-shadow:0 0 18px rgba(255,76,131,.35)}.chair{width:62px;height:48px}.portrait-large{width:46px;height:46px}.seat-label{font-size:.54rem}.seat-label span{font-size:.5rem}.empty-seat-label{font-size:.48rem}.center-stage{order:1;width:min(100%,520px);margin-left:0;margin-right:0;padding:22px;animation:none}.table-wrap .lobby-stage{width:calc(100% - 16px);max-width:520px}.center-stage .actions{gap:8px;margin-top:10px}.center-stage h2{font-size:1.16rem;line-height:1.35}.muted{font-size:.74rem}.question-stage{order:1;width:100%;max-height:none;padding:20px 18px}.question-stage h2{font-size:.88rem}.stage-card-arena-preview{height:128px}.stage-card-sprite{width:92px;height:92px}.stage-card-winner-sprite{height:98px}.stage-card-winner-sprite .stage-card-sprite{width:98px;height:98px}.options-grid button{min-height:52px;padding:10px 12px;font-size:.68rem}.character-fab{display:flex;position:fixed;top:70%;left:max(10px,env(safe-area-inset-left));right:auto;bottom:auto;transform:translateY(-50%);z-index:25;width:56px;min-width:0;height:56px;min-height:0;background:none;border:none;padding:0;cursor:pointer;filter:drop-shadow(0 4px 16px rgba(0,0,0,.7))}.character-fab:before{right:calc(100% - 2px);width:26px;height:46px;border:1px solid rgba(0,241,253,.55);border-right:0;border-radius:10px 0 0 10px;background:linear-gradient(90deg,rgba(0,241,253,.16),rgba(0,0,0,.58)),rgba(12,12,15,.86);box-shadow:inset 4px 0 0 rgba(0,241,253,.35),0 0 12px rgba(0,241,253,.22);z-index:0}.character-fab:after,.character-fab:before{content:"";position:absolute;top:50%;transform:translateY(-50%)}.character-fab:after{right:calc(100% + 8px);width:3px;height:24px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.72) 0 3px,transparent 3px 7px);opacity:.8;z-index:1}.character-fab .character-portrait{position:relative;z-index:2;width:56px;height:56px}.character-card-desktop{display:none}.character-card-mobile{display:block;position:fixed;bottom:0;left:16px;right:16px;top:auto;width:auto;margin:0;border-radius:0;animation:character-drawer-in .34s cubic-bezier(.22,1,.36,1) both;z-index:20;padding-bottom:max(20px,env(safe-area-inset-bottom))}.character-card-mobile .character-card-handle{position:relative;z-index:2;display:block;width:36px;height:4px;background:var(--outline-strong);border-radius:2px;margin:0 auto 14px}.character-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:19;animation:fade-in .22s ease both}@keyframes character-drawer-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.character-card-mobile .character-card-header{grid-template-columns:auto 1fr auto}.character-card-mobile .character-card-close{display:grid;place-items:center;width:auto;min-width:66px;min-height:30px;padding:0 10px;font-size:.58rem;letter-spacing:.08em}.character-card-mobile .character-card-crown{top:6px;left:10%;right:auto;width:40px;transform:translateX(-50%)}.audience-strip{display:none}.dialogue-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.dialogue-actions button{min-height:34px;font-size:.56rem}.arena-results-strip{grid-template-columns:1fr;align-items:stretch;gap:10px;padding:10px 12px}.arena-controls-strip{display:grid;padding:0 16px 10px}.arena-joystick{display:block}.arena-results-strip ol{flex-wrap:wrap;justify-content:space-between;gap:6px;overflow:visible}.arena-results-strip li{flex:1 1 112px;font-size:.56rem;gap:4px}.arena-results-strip .arena-result-rank{width:18px;height:18px;font-size:.58rem}}@media (min-width:981px) and (max-width:2559px){.center-stage{width:min(72%,700px)}.lobby-stage{width:min(50%,600px)}.question-stage{transform-origin:center center;animation-name:question-card-in-sub1440p}@keyframes question-card-in-sub1440p{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.77);box-shadow:0 0 0 rgba(0,241,253,0)}70%{opacity:1;transform:translate(-50%,calc(-50% - 2px)) scale(.81);box-shadow:var(--glow-cyan)}to{opacity:1;transform:translate(-50%,-50%) scale(.8);box-shadow:none}}}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:981px) and (max-width:2559px){.next-question-stage,.question-stage,.reveal-stage{width:min(76%,700px)}.table-wrap .winner-card{width:min(44vw,600px)}}@media (min-width:2200px){.table-wrap .winner-card{width:min(44vw,700px)}}.stage-test-shell{min-height:100vh;padding:24px;background:repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(0,241,253,.03) 38px,rgba(0,241,253,.03) 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(0,241,253,.03) 38px,rgba(0,241,253,.03) 39px),var(--bg)}.stage-test-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:960px;margin:0 auto 24px}.stage-test-toolbar h1{margin:4px 0 0;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase}.stage-test-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.stage-test-controls button{min-width:38px;min-height:34px;padding:0 10px}.stage-test-controls button.active{background:var(--cyan);color:var(--bg);box-shadow:var(--glow-cyan)}.stage-test-display{display:grid;place-items:center;min-height:calc(100vh - 50vh)}.stage-test-card{width:min(920px,calc(100vw - 48px))}.stage-test-card.center-stage{width:min(700px,calc(100vw - 48px))}.stage-test-card.question-stage{width:min(920px,calc(100vw - 48px));transform:none}.stage-test-card .question-image{max-height:190px}.arena-intro-stage{overflow:hidden}.stage-test-arena{position:relative;width:min(100%,520px);height:150px;margin:10px auto 12px;overflow:hidden}.stage-test-arena:before{content:"";position:absolute;left:8%;right:8%;bottom:16px;height:22px;border:1px solid rgba(0,241,253,.26);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,241,253,.16),transparent 68%),rgba(0,0,0,.28)}.stage-test-reroll{justify-self:center;margin-top:14px;min-height:34px;width:auto;min-width:150px;padding:0 14px;font-size:.62rem}.stage-test-sprite{position:absolute;bottom:24px;width:112px;height:112px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.62));z-index:2}.stage-test-sprite.is-flipped{transform:scaleX(-1)}.stage-test-winner-sprite{position:relative;display:grid;place-items:center;height:116px;margin:2px 0 6px}.stage-test-winner-sprite .stage-test-sprite{position:static;width:116px;height:116px}.sprite-left{animation:stage-test-sumo-left 5s ease-in-out infinite}.sprite-right{animation:stage-test-sumo-right 5s ease-in-out infinite}.arena-clash-burst{position:absolute;left:50%;bottom:80px;width:54px;height:54px;transform:translateX(-50%) scale(0);border:2px solid var(--amber);background:rgba(255,224,74,.16);-webkit-clip-path:polygon(50% 0,61% 32%,96% 20%,70% 50%,96% 80%,61% 68%,50% 100%,39% 68%,4% 80%,30% 50%,4% 20%,39% 32%);clip-path:polygon(50% 0,61% 32%,96% 20%,70% 50%,96% 80%,61% 68%,50% 100%,39% 68%,4% 80%,30% 50%,4% 20%,39% 32%);filter:drop-shadow(0 0 16px rgba(255,224,74,.54));animation:stage-test-clash 5s ease-in-out infinite;z-index:1}@keyframes stage-test-sumo-left{0%{left:-80px}42%,68%{left:calc(50% - 104px)}82%{left:calc(50% - 134px)}to{left:-88px}}@keyframes stage-test-sumo-right{0%{right:-80px}42%,68%{right:calc(50% - 104px)}82%{right:calc(50% - 134px)}to{right:-88px}}@keyframes stage-test-clash{0%,43%,70%,to{opacity:0;transform:translateX(-50%) scale(0)}52%{opacity:1;transform:translateX(-50%) scale(1)}}.meteor-intro-stage{overflow:hidden}.stage-test-meteor-arena{position:relative;width:min(100%,520px);height:150px;margin:10px auto 12px;overflow:hidden;background:linear-gradient(180deg,rgba(6,3,20,.85),rgba(14,6,28,.45));border-radius:4px}.stage-test-meteor-arena:before{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,76,131,.4),rgba(255,76,131,.28),transparent)}.meteor-fall{position:absolute;object-fit:contain;image-rendering:auto;pointer-events:none}.meteor-fall-1{left:12%;width:44px;animation:meteor-drop 1.6s ease-in 0s infinite}.meteor-fall-2{left:40%;width:27px;animation:meteor-drop 1.2s ease-in .55s infinite}.meteor-fall-3{left:67%;width:31px;animation:meteor-drop 1.4s ease-in 1.15s infinite}.meteor-fall-4{left:80%;width:40px;animation:meteor-drop 1.5s ease-in .3s infinite}@keyframes meteor-drop{0%{top:-54px;opacity:0;transform:rotate(-22deg);filter:drop-shadow(0 0 6px rgba(255,130,0,.75))}12%{opacity:1}80%{opacity:1}to{top:178px;opacity:0;transform:rotate(-22deg) translateX(-10px);filter:drop-shadow(0 0 14px rgba(255,60,0,.9))}}.meteor-runner{bottom:20px}.meteor-runner-1{animation:meteor-run-player 2.8s linear -1.1s infinite}.meteor-runner-2{animation:meteor-run-player 2.8s linear 0s infinite}@keyframes meteor-run-player{0%{left:-120px}to{left:560px}}@media (max-width:600px){.stage-test-shell{padding:16px}.stage-test-toolbar{align-items:stretch;flex-direction:column}.stage-test-controls{justify-content:flex-start}.stage-test-card,.stage-test-card.center-stage,.stage-test-card.question-stage{width:100%}.stage-test-arena,.stage-test-meteor-arena{height:128px}.stage-test-sprite{width:92px;height:92px}}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ae822095a172cc5c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3c70c5716f1730b3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fc727f226c737876-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/77fb5eec12c66d49-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/281dae1e814de8c6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/806de4d605d3ad01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Mono Fallback;src:local("Arial");ascent-override:81.58%;descent-override:26.30%;line-gap-override:0.00%;size-adjust:137.28%}.__className_e8b655{font-family:Space Mono,Space Mono Fallback;font-style:normal}.__variable_e8b655{--font-mono:"Space Mono","Space Mono Fallback"}