:root{--blue:#060ce9;--blue-2:#1a22ff;--navy:#030a5c;--deep:#01041f;--gold:#fc0;--gold-2:#ffae00;--red:#ff3b3b;--green:#2fe08a;--ink:#fff;--muted:#dce4ffa8;--glass:#060c409e;--glass-strong:#040830db;--line:#a0b4ff2e;--radius:16px;--shadow:0 18px 50px #0000148c;--f-head:"Oswald", "Arial Narrow", Impact, sans-serif;--f-serif:"Libre Baskerville", Georgia, serif;--f-hand:"Caveat", "Comic Sans MS", cursive;--f-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--deep);height:100%;color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:1;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.hud,#ui>.player-layer{pointer-events:none}.hud>*,.player-layer>*{pointer-events:auto}.hidden{display:none!important}.muted{color:var(--muted)}.hand{font-family:var(--f-hand);font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.center{justify-content:center}.row.spread{justify-content:space-between}.media-bin{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed;top:0;left:0;overflow:hidden}.media-bin video{width:2px;height:2px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--line);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14}button{font:inherit;color:inherit}.btn{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.05em;color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(#3c50ff8c,#141ea08c);border:1px solid #fff3;border-radius:12px;padding:10px 18px;font-size:15px;font-weight:500;transition:transform .12s,box-shadow .2s,filter .2s,opacity .2s;box-shadow:0 6px 18px #00002866,inset 0 1px #ffffff40}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.tool:focus-visible,.react-btn:focus-visible,.pk-cell:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn-gold{background:linear-gradient(180deg, #ffe066 0%, var(--gold) 45%, var(--gold-2) 100%);color:#0b0f4a;border-color:#fff0b4e6;font-weight:700;box-shadow:0 8px 26px #ffbe0059,inset 0 1px #ffffffb3,inset 0 -2px #a05a0059}.btn-ghost{box-shadow:none;background:#ffffff0f}.btn-danger{background:linear-gradient(#ff6464,#c81e1e);border-color:#ff9a9a}.btn-small{border-radius:10px;padding:7px 12px;font-size:13px}.btn-xl{border-radius:16px;padding:15px 30px;font-size:22px}.linkish{color:var(--gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px;font-size:13px;text-decoration:underline}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:50%;width:40px;height:40px;font-size:18px}.icon-btn:hover{background:#ffffff29}.chip{border:1px solid var(--line);cursor:pointer;background:#ffffff12;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip:hover{border-color:var(--gold);background:#ffcc002e}.pulse{animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 8px 26px #ffbe0059,0 0 #ffcc0080,inset 0 1px #ffffffb3}50%{box-shadow:0 8px 26px #ffbe0080,0 0 0 12px #fc00,inset 0 1px #ffffffb3}}input[type=text],input[type=number],textarea{font:inherit;color:#fff;background:#0004288c;border:1px solid #a0b4ff47;border-radius:10px;outline:none;width:100%;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffcc0038}input::placeholder,textarea::placeholder{color:#c8d2ff73}textarea{resize:none}.shake{animation:.45s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.live-dot{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.6s infinite livedot;display:inline-block;box-shadow:0 0 #ff3b3bb3}@keyframes livedot{70%{box-shadow:0 0 0 8px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}.landing{z-index:30;background:radial-gradient(70% 60% at 50% 45%,#03084659,#010316e6 75%),linear-gradient(#01031666,#010316cc);place-items:center;padding:24px;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0;overflow-y:auto}.landing.gone{opacity:0;visibility:hidden;pointer-events:none}.landing-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:720px;display:flex}.logo-wrap{place-items:center;margin-bottom:-6px;display:grid;position:relative}.logo-rays{aspect-ratio:1;background:repeating-conic-gradient(#ffcc0021 0deg 6deg,#0000 6deg 18deg);border-radius:50%;width:150%;animation:40s linear infinite spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 18%,#0000 62%);mask:radial-gradient(circle,#000 18%,#0000 62%)}@keyframes spin{to{transform:rotate(360deg)}}.logo{font-family:var(--f-head);letter-spacing:.01em;margin:0;font-size:clamp(110px,24vw,250px);font-weight:700;line-height:.95;display:flex;position:relative}.logo span{background:linear-gradient(#fff6c4 0%,#ffd83a 38%,#ffae00 62%,#ff9100 100%);color:#0000;-webkit-text-stroke:2px #50280059;filter:drop-shadow(0 4px #1a1f9c)drop-shadow(0 8px #0a0f6a)drop-shadow(0 18px 24px #0009);animation:.9s cubic-bezier(.2,1.4,.4,1) both logo-in,4s ease-in-out infinite logo-float;animation-delay:calc(var(--i) * 90ms), calc(1s + var(--i) * .25s);-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes logo-in{0%{opacity:0;transform:translateY(-120%)scale(.6)rotate(-8deg)}to{opacity:1;transform:none}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tagline{font-family:var(--f-serif);color:#e8ecff;text-shadow:0 2px 12px #000000b3;margin:0;font-size:clamp(18px,2.6vw,26px)}.tagline em{color:var(--gold)}.counters{color:var(--muted);border:1px solid var(--line);background:#00001e80;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:14px;display:inline-flex}.counters b{color:#fff;font-variant-numeric:tabular-nums}.counters .sep{background:#ffffff4d;border-radius:50%;width:4px;height:4px}.landing-form{gap:12px;width:min(560px,100%);margin-top:8px;display:flex}.landing-input{border-radius:16px!important;padding:14px 18px!important;font-size:20px!important}.landing-quick{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.landing-welcome{font-size:22px}.landing-welcome .hand{color:var(--gold);font-size:34px}.landing-foot{color:var(--muted);max-width:480px;margin:6px 0 0;font-size:13px}.landing-conn{color:#ffffff73;min-height:1em;font-size:12px}.hud{transition:opacity .5s;position:fixed;inset:0}.scoreboard{border-radius:18px;align-items:stretch;gap:10px;min-width:560px;max-width:calc(100vw - 700px);padding:8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sb-pods{gap:8px;display:flex}.sb-pod{text-align:center;background:linear-gradient(#1c26d8,#060ca8 60%,#04087a);border:1px solid #8ca0ff59;border-radius:12px;min-width:128px;padding:6px 12px 7px;transition:box-shadow .25s,transform .25s,opacity .3s;position:relative;box-shadow:inset 0 1px #ffffff40,inset 0 -3px 8px #00000059}.sb-pod.empty{opacity:.7;background:#ffffff0d;border-style:dashed}.sb-pod.empty .sb-score{color:var(--muted);font-size:13px;font-family:var(--f-body);text-transform:uppercase;letter-spacing:.1em}.sb-name{white-space:nowrap;justify-content:center;align-items:center;gap:4px;height:30px;font-size:24px;display:flex;overflow:hidden}.sb-name .hand{text-overflow:ellipsis;max-width:140px;overflow:hidden}.sb-sig{object-fit:contain;max-width:120px;height:30px}.sb-score{font-family:var(--f-head);color:#fff;letter-spacing:.03em;text-shadow:0 0 10px #ffffff59;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.sb-score.neg{color:#ff6b6b;text-shadow:0 0 10px #ff3c3c80}.sb-pod.control{box-shadow:0 0 0 2px var(--gold), 0 0 22px #ffcc008c, inset 0 1px 0 #ffffff40}.sb-pod.control:before{content:"IN CONTROL";font:700 9px/1 var(--f-body);letter-spacing:.12em;background:var(--gold);color:#0b0f4a;white-space:nowrap;border-radius:6px;padding:3px 6px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.sb-pod.buzzed{transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 3px #fff,0 0 30px #fffc}.sb-pod.locked{opacity:.55}.sb-pod.dc{opacity:.5}.sb-pod.winner{box-shadow:0 0 0 2px var(--gold), 0 0 36px #fc0c;animation:1.2s ease-in-out infinite alternate winglow}@keyframes winglow{to{box-shadow:0 0 0 3px #fff3b0,0 0 50px #fc0}}.sb-pod.me{border-color:#ffcc00b3}.you-tag{font:700 9px/1 var(--f-body);text-transform:uppercase;letter-spacing:.1em;color:#0b0f4a;background:#ffcc00e6;border-radius:5px;padding:3px 5px;position:absolute;top:4px;left:5px}.crown{color:var(--gold);font-size:16px;font-family:var(--f-head)}.sb-dc{text-transform:uppercase;letter-spacing:.1em;color:#ffb3b3;font-size:8px;position:absolute;top:3px;right:6px}.sb-meta{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:190px;padding:0 8px;display:flex}.sb-meta-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sb-phase{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.sb-clock{font-family:var(--f-head);font-variant-numeric:tabular-nums;font-size:18px}.sb-bar{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.sb-bar-fill{background:linear-gradient(90deg, var(--gold-2), var(--gold));transform-origin:0;height:100%;transition:transform .12s linear;transform:scaleX(0)}.sb-bar-fill.low{background:linear-gradient(90deg,#ff3b3b,#ff7b3b)}.sb-round{color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-size:11px}.toolbar{align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.conn{border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.conn-dot{background:#ffb400;border-radius:50%;width:8px;height:8px}.conn[data-status=open] .conn-dot{background:var(--green);box-shadow:0 0 8px var(--green)}.conn[data-status=closed] .conn-dot{background:var(--red)}.conn[data-status=connecting] .conn-dot{animation:1s infinite blink}@keyframes blink{50%{opacity:.25}}.tools{border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.tool{cursor:pointer;letter-spacing:.02em;background:0 0;border:0;border-radius:999px;min-width:36px;height:36px;padding:0 8px;font-size:16px;font-weight:800}.tool:hover{background:#ffffff1f}.tool.on{color:var(--gold);background:#fc03}.tools .tool:nth-child(2){font-size:12px;font-family:var(--f-body);border:1.5px solid;border-radius:5px;min-width:32px;height:24px;margin:0 6px}.vol{width:90px;accent-color:var(--gold);margin:0 8px 0 2px}.lobby-toggle{display:none}.captions{left:50%;bottom:calc(92px + var(--safe-b));text-align:center;min-width:320px;max-width:min(880px,100vw - 720px);animation:.25s fadeup;position:absolute;transform:translate(-50%)}.cc-text{color:#fff;font:600 19px/1.6 var(--f-body);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000d1;border-radius:4px;padding:4px 12px;display:inline}.cc-who{color:var(--gold);letter-spacing:.05em;font-weight:800}@keyframes fadeup{0%{opacity:0;transform:translate(-50%,8px)}}.is-player .captions{top:200px;bottom:auto}.chat{left:12px;bottom:calc(12px + var(--safe-b));border-radius:var(--radius);flex-direction:column;width:320px;max-height:42vh;transition:max-height .3s;display:flex;position:absolute;overflow:hidden}.chat.collapsed{max-height:44px}.chat.collapsed .chev{transform:rotate(180deg)}.chat-head{cursor:pointer;font-family:var(--f-head);text-transform:uppercase;letter-spacing:.08em;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:11px 14px;font-size:14px;display:flex}.chat-head span:first-child{flex:1}.chev{opacity:.7;transition:transform .25s}.chat-unread{background:var(--red);color:#fff;font:700 11px/1 var(--f-body);border-radius:999px;padding:3px 6px}.chat-body{flex-direction:column;min-height:0;display:flex}.chat-log{scrollbar-width:thin;min-height:80px;max-height:calc(42vh - 100px);padding:0 14px 8px;font-size:13.5px;line-height:1.45;overflow-y:auto}.chat-line{word-wrap:break-word;padding:2px 0}.chat-line b{color:#9fb2ff;font-weight:700}.chat-line.mine b{color:var(--gold)}.chat-line.sys{color:var(--muted);font-style:italic}.chat-form{border-top:1px solid var(--line);gap:6px;padding:8px 10px 10px;display:flex}.chat-input{font-size:14px;padding:8px 10px!important}.reactions{left:50%;bottom:calc(14px + var(--safe-b));border-radius:999px;gap:4px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.react-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;width:46px;height:46px;font-size:24px;transition:transform .15s,background .2s}.react-btn:hover{background:#ffffff1f;transform:translateY(-3px)scale(1.12)}.react-btn.pop{animation:.45s cubic-bezier(.2,1.8,.4,1) pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.5)translateY(-8px)}to{transform:scale(1)}}.panel{top:72px;right:12px;bottom:calc(12px + var(--safe-b));flex-direction:column;width:320px;display:flex;position:absolute}.panel-scroll{scrollbar-width:none;flex-direction:column;gap:10px;padding-bottom:4px;display:flex;overflow-y:auto}.panel-scroll::-webkit-scrollbar{display:none}.card{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.card h3{font:700 14px/1 var(--f-head);text-transform:uppercase;letter-spacing:.1em;color:#c9d3ff;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;display:flex}.card h3 .count{color:#fff;background:#ffffff1f;border-radius:999px;padding:3px 8px;font-size:12px}.btn-cta{flex-direction:column;gap:3px;width:100%;margin-bottom:12px;padding:16px;display:flex}.cta-big{font-size:22px}.cta-small{font:600 12px/1.2 var(--f-body);text-transform:none;letter-spacing:0;opacity:.8}.q-status{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.q-pos{font:700 40px/1 var(--f-head);color:var(--gold);flex-direction:column;align-items:flex-start;display:flex}.q-pos small{font:600 11px/1.3 var(--f-body);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.q-wait{color:var(--muted);font-size:13px}.ondeck-mini{font:700 22px/1 var(--f-head);color:var(--gold);text-transform:uppercase}.q-list{counter-reset:q;margin:10px 0 0;padding:0;font-size:14px;list-style:none}.q-list li{counter-increment:q;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:6px 4px;display:flex}.q-list li:before{content:counter(q);background:#ffffff1a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.q-list li.me{color:var(--gold);font-weight:700}.q-list li.more:before{content:"";background:0 0}.q-list .tag{text-transform:uppercase;letter-spacing:.08em;background:var(--gold);color:#0b0f4a;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}.lb{margin:0;padding:0;font-size:14px;list-style:none}.lb li{align-items:center;gap:8px;padding:5px 2px;display:flex}.lb li.me{color:var(--gold);font-weight:700}.lb .rank{text-align:center;width:22px;font:700 13px var(--f-head);color:var(--muted)}.lb .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb .sc{font:500 15px var(--f-head);font-variant-numeric:tabular-nums}.hof .rank{color:var(--gold)}.pa-total{font:600 11px var(--f-body);text-transform:none;letter-spacing:0;color:var(--gold)}.pa-card{border-color:#ffcc0047}.pa-card.win{animation:.9s pawin}@keyframes pawin{30%{box-shadow:0 0 0 3px var(--gold), 0 0 40px #ffcc00b3;transform:scale(1.02)}}.pa-badge{font:700 10px/1 var(--f-body);color:var(--gold);letter-spacing:.08em;background:#ffcc002e;border-radius:6px;padding:4px 7px}.pa-meta{font:500 12px var(--f-head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.pa-clue{font:700 14px/1.45 var(--f-serif);text-transform:uppercase;color:#fff;text-shadow:0 2px #0009;background:linear-gradient(#0b14e0,#050b9e);border:1px solid #a0b4ff4d;border-radius:10px;margin-bottom:10px;padding:12px}.pa-clue.muted{font:400 13px/1.45 var(--f-body);text-transform:none;color:var(--muted);text-shadow:none;background:#ffffff0a}.pa-form{gap:6px;display:flex}.pa-status{min-height:0;margin-top:8px;font-size:13.5px}.pa-status:empty{display:none}.pa-status.good{color:var(--green);font-size:16px}.pa-status.bad{color:#ffb3b3}.pa-status.locked{color:#dfe5ff}.pa-mytotal{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:10px;font-size:12px;display:flex}.pa-mytotal b{font:700 20px var(--f-head);color:var(--gold)}.toasts{z-index:60;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:108px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{pointer-events:auto;background:var(--glass-strong);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-items:center;gap:10px;max-width:min(560px,92vw);padding:10px 16px 10px 10px;font-size:14px;font-weight:600;animation:.35s cubic-bezier(.2,1.4,.4,1) toastin;display:flex}.toast.out{opacity:0;transition:all .3s;transform:translateY(-10px)}.toast-icon{background:var(--blue-2);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.toast-error .toast-icon{background:var(--red)}.toast-good .toast-icon{background:var(--green);color:#032}@keyframes toastin{0%{opacity:0;transform:translateY(-14px)scale(.95)}}.queue-pill{left:50%;bottom:calc(80px + var(--safe-b));z-index:20;cursor:pointer;background:linear-gradient(180deg, #ffe066, var(--gold) 50%, var(--gold-2));color:#0b0f4a;font:700 16px var(--f-head);text-transform:uppercase;letter-spacing:.04em;border:1px solid #fff2b8;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;animation:.4s toastin;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #ffb40066}.pill-open{background:#0b0f4a1f;border-radius:999px;padding:4px 8px;font-size:12px}.backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);opacity:0;background:#0103188c;place-items:center;padding:16px;transition:opacity .25s;display:grid;position:fixed;inset:0}.backdrop.in{opacity:1}.modal{width:min(1180px,100%);max-height:calc(100vh - 32px);background:linear-gradient(#0a126eeb,#030732f2);border:1px solid #a0b4ff40;border-radius:22px;flex-direction:column;max-height:calc(100dvh - 32px);transition:transform .3s cubic-bezier(.2,1.2,.4,1);display:flex;overflow:hidden;transform:translateY(14px)scale(.98);box-shadow:0 30px 90px #000000b3,inset 0 1px #ffffff1a}.backdrop.in .modal{transform:none}.gr-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 12px;display:flex}.gr-head h2{font:700 30px/1 var(--f-head);text-transform:uppercase;letter-spacing:.04em;color:var(--gold);margin:0}.gr-sub{color:var(--muted);margin:6px 0 0;font-size:14px}.gr-body{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;min-height:0;padding:16px 22px;display:grid;overflow:hidden}.gr-left,.gr-right{scrollbar-width:thin;flex-direction:column;gap:14px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.gr-block{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;padding:12px 14px}.gr-block h4{font:700 13px/1 var(--f-head);text-transform:uppercase;letter-spacing:.1em;color:#c9d3ff;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;display:flex}.hint-pill{font:700 10px/1 var(--f-body);color:var(--gold);letter-spacing:.04em;text-transform:none;background:#ffcc002e;border-radius:999px;padding:4px 8px}.mirror{aspect-ratio:4/3;background:radial-gradient(at 50% 30%,#1b2bd8,#050a60 70%);border:1px solid #a0b4ff4d;border-radius:16px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00000080}.mirror-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mirror-badge{font:700 10px/1 var(--f-body);letter-spacing:.12em;color:#dfe5ff;background:#0000008c;border-radius:6px;padding:5px 8px;position:absolute;top:10px;left:10px}.mirror-status{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020528b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.mirror-status small{color:var(--muted)}.err-title{font:700 24px var(--f-head);text-transform:uppercase;color:var(--gold);letter-spacing:.04em}.err-msg{color:#ffc4c4;max-width:420px;font-weight:600}.err-help{text-align:left;color:var(--muted);max-width:420px;margin:0;padding-left:18px;font-size:13px;line-height:1.5}.spinner{border:4px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}.seg-note{color:#ffe39a;background:#ffcc001a;border:1px solid #ffcc004d;border-radius:10px;padding:8px 10px;font-size:12px}.meter{flex-direction:column;gap:6px;display:flex}.meter-track{border:1px solid var(--line);background:#00000059;border-radius:7px;height:14px;overflow:hidden}.meter-fill{transform-origin:0;background:linear-gradient(90deg,#2fe08a,#b6f03c 60%,#fc0);height:100%;transition:transform 60ms linear;transform:scaleX(0)}.meter-fill.hot{background:linear-gradient(90deg,#2fe08a,#fc0 60%,#ff5a3b)}.meter-label{color:var(--muted);font-size:12.5px}.meter.heard .meter-label{color:var(--green);font-weight:700}.tips{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.tips label{cursor:pointer;align-items:center;gap:9px;display:flex}.tips input{accent-color:var(--gold);flex:none;width:16px;height:16px}.tips input:checked~span:last-child{color:var(--muted);text-decoration:line-through}.tip-ico{text-align:center;width:20px}.field{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.field>span,.field-label-row>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.count-small{float:right;text-transform:none;letter-spacing:0;opacity:.7;font-weight:400}.sig{flex-direction:column;gap:6px;display:flex}.sig-surface{aspect-ratio:3;background:linear-gradient(#0d17d4,#060c9c);border:1px solid #a0b4ff66;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #0006}.sig-canvas{cursor:crosshair;z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.sig-line{z-index:1;border-bottom:1.5px dashed #ffffff4d;position:absolute;bottom:24%;left:8%;right:8%}.sig-hint{color:#fff6;font:700 26px var(--f-hand);z-index:1;pointer-events:none;position:absolute;bottom:28%;left:10%}.sig-tools{justify-content:flex-end;gap:6px;display:flex}.typed-preview{aspect-ratio:3;background:linear-gradient(#0d17d4,#060c9c);border:1px solid #a0b4ff66;border-radius:12px;place-items:center;font-size:46px;display:grid}.gr-foot{border-top:1px solid var(--line);background:#00001e59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.ready-note{color:var(--muted);flex:1;min-width:200px;font-size:14px}.ready-note .good{color:var(--green);font-weight:700}.bz{flex-direction:column;gap:8px;display:flex}.bz-pad{cursor:pointer;text-align:left;border:1px solid var(--line);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#0000004d;border-radius:14px;align-items:center;gap:16px;padding:14px 16px;transition:background .1s;display:flex}.bz-light{background:radial-gradient(circle at 35% 30%,#555a80,#22254a 70%);border:3px solid #3a3f70;border-radius:50%;flex:none;width:64px;height:64px;transition:background 50ms,box-shadow 50ms;box-shadow:inset 0 -4px 10px #00000080}.bz-big{font:700 24px/1.1 var(--f-head);text-transform:uppercase;letter-spacing:.03em}.bz-small{color:var(--muted);margin-top:3px;font-size:13px}.bz[data-phase=waiting] .bz-light{background:radial-gradient(circle at 35% 30%,#7a2020,#3a0c0c 70%);border-color:#6a1d1d}.bz[data-phase=go] .bz-pad{background:#ffcc001f}.bz[data-phase=go] .bz-light{background:radial-gradient(circle at 35% 30%,#fff9d0,#fc0 45%,#ff9d00);border-color:#fff2b0;box-shadow:0 0 30px #fc0,0 0 60px #fc09}.bz[data-phase=go] .bz-big{color:var(--gold)}.bz[data-phase=early] .bz-big{color:#ff7b7b}.bz[data-phase=result] .bz-big{color:var(--green)}.bz-best{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.bz-best b{color:#fff;font-variant-numeric:tabular-nums}.ondeck{z-index:50;text-align:center;background:radial-gradient(at 50% 20%,#ffcc0040,#0000 50%),radial-gradient(#08108ceb,#010319f7);place-items:center;padding:20px;animation:.5s odin;display:grid;position:fixed;inset:0}@keyframes odin{0%{opacity:0;transform:scale(1.04)}}.od-spot{background:repeating-conic-gradient(from 0deg at 50% 110%, #ffffff09 0 4deg, transparent 4deg 12deg);pointer-events:none;animation:8s ease-in-out infinite alternate sway;position:absolute;inset:0}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.od-inner{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.od-kicker{font:700 16px var(--f-head);text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}.od-title{font:700 clamp(48px, 9vw, 104px)/.95 var(--f-head);text-transform:uppercase;text-shadow:0 6px #0a0f6a,0 12px 40px #0009;margin:0}.od-title span{color:#dfe5ff;letter-spacing:.04em;font-size:.38em}.od-ring{--p:1;background:conic-gradient(var(--gold) calc(var(--p) * 360deg), #ffffff1a 0);border-radius:50%;place-items:center;width:132px;height:132px;display:grid;box-shadow:0 0 40px #ffcc0059}.od-count{width:112px;height:112px;font:700 56px var(--f-head);font-variant-numeric:tabular-nums;background:#06106e;border-radius:50%;place-items:center;display:grid}.od-note{color:var(--muted);min-height:1.3em}.player-layer{z-index:10;position:fixed;inset:0}.player-top{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:102px;left:50%;transform:translate(-50%)}.player-banner{white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 16px;font-size:15px;font-weight:600;display:flex}.pb-text:empty{display:none}.mic-live{font:700 11px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:#ffb3b3;background:#ff3b3b2e;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;display:flex}.rec-dot{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1s infinite blink;display:inline-block}.cam-warn{background:#781414cc;border:1px solid #ff8a8a;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.leave-wrap{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;left:12px}.confirm{border-radius:12px;flex-direction:column;gap:10px;max-width:240px;padding:12px;font-size:14px;display:flex}.buzz-wrap{left:50%;bottom:calc(20px + var(--safe-b));position:absolute;transform:translate(-50%)}.buzz{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;filter:saturate(.55)brightness(.75);background:radial-gradient(circle at 38% 30%,#ff8a8a,#e01919 45%,#8a0000 100%);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:168px;height:168px;transition:transform 80ms,box-shadow 80ms,filter .2s;display:flex;position:relative;box-shadow:0 12px #5a0000,0 18px 40px #0009,inset 0 4px 10px #ffffff59,inset 0 -8px 18px #00000059}.buzz-ring{pointer-events:none;border:4px solid #0000;border-radius:50%;position:absolute;inset:-10px}.buzz-label{font:700 38px/1 var(--f-head);letter-spacing:.04em;text-shadow:0 3px #00000059}.buzz-sub{font:700 11px/1.2 var(--f-body);text-transform:uppercase;letter-spacing:.1em;opacity:.85;text-align:center;max-width:130px}.buzz:active,.buzz.hit{transform:translateY(8px);box-shadow:0 4px #5a0000,0 8px 20px #0009,inset 0 4px 10px #ffffff59}.buzz.armed{filter:none;animation:.9s ease-in-out infinite armed}.buzz.armed .buzz-ring{border-color:var(--gold);box-shadow:0 0 30px var(--gold), inset 0 0 20px #ffcc0080;animation:.9s ease-in-out infinite ring}@keyframes armed{50%{transform:scale(1.05)}}@keyframes ring{50%{opacity:.6;inset:-18px}}.buzz.locked{filter:grayscale()brightness(.6);cursor:not-allowed}.buzz.dim{filter:saturate(.3)brightness(.55)}.buzz.mine{filter:none;color:#0b0f4a;background:radial-gradient(circle at 38% 30%,#fff4b0,#fc0 45%,#c08a00 100%);box-shadow:0 12px #7a5600,0 0 60px #ffcc00b3}.buzz.mine .buzz-label{text-shadow:none}.picker{background:#01031ecc;border:1px solid #ffcc0073;border-radius:18px;width:min(980px,100vw - 700px);min-width:560px;padding:12px;animation:.35s cubic-bezier(.2,1.3,.4,1) pickin;position:absolute;top:150px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000080,0 30px 80px #000000b3,0 0 50px #ffcc0026}@keyframes pickin{0%{opacity:0;transform:translate(-50%,20px)scale(.97)}}.picker-head{font:700 20px var(--f-head);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);justify-content:space-between;align-items:center;padding:2px 4px 10px;display:flex}.picker-clock{font-variant-numeric:tabular-nums;color:#fff}.picker-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.pk-cat,.pk-cell{background:linear-gradient(#0b14e8,#050ba8);border:1px solid #000;border-radius:4px;box-shadow:inset 0 0 0 1px #788cff59,inset 0 -6px 12px #0000004d}.pk-cat{text-align:center;min-height:64px;font:700 clamp(10px, 1.1vw, 14px)/1.15 var(--f-head);text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:2px 2px #000;place-items:center;margin-bottom:4px;padding:6px;display:grid}.pk-cell{cursor:pointer;height:clamp(46px,7.2vh,70px);color:var(--gold);font:700 clamp(20px, 2.6vw, 34px)/1 var(--f-head);text-shadow:3px 3px #000;place-items:center;transition:transform .12s,filter .12s,box-shadow .12s;display:grid}.pk-cell:hover:not(:disabled){filter:brightness(1.3);z-index:1;box-shadow:0 0 0 2px var(--gold), 0 8px 24px #0009;transform:scale(1.07)}.pk-cell:disabled{cursor:default;opacity:.6}.pk-cell.used{cursor:default;background:linear-gradient(#060a8a,#03066a)}.rec-panel,.wg-panel,.fn-panel{left:50%;bottom:calc(24px + var(--safe-b));border-radius:20px;flex-direction:column;gap:12px;width:min(560px,100vw - 24px);padding:18px 20px;animation:.35s cubic-bezier(.2,1.3,.4,1) panelin;display:flex;position:absolute;transform:translate(-50%)}@keyframes panelin{0%{opacity:0;transform:translate(-50%,24px)}}.rec-panel{box-shadow:var(--shadow), 0 0 40px #ff282840;border-color:#ff50508c}.rec-top{align-items:center;gap:16px;display:flex}.rec-mic{background:radial-gradient(circle,#ff4d4d,#b00000);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:28px;animation:1.1s ease-in-out infinite recpulse;display:grid}@keyframes recpulse{0%,to{box-shadow:0 0 #ff3c3c99}50%{box-shadow:0 0 0 16px #ff3c3c00}}.rec-panel.sent .rec-mic{background:radial-gradient(circle,#6ef2ae,#139a58);animation:none}.rec-title{font:700 26px/1.1 var(--f-head);text-transform:uppercase;letter-spacing:.03em}.rec-hint{color:var(--muted);margin-top:3px;font-size:14px}.rec-bar{background:#ffffff1f;border-radius:4px;height:8px;overflow:hidden}.rec-bar-fill{background:linear-gradient(90deg, var(--gold-2), var(--gold));transform-origin:0;height:100%;transition:transform .12s linear}.rec-bar-fill.low{background:linear-gradient(90deg,#ff3b3b,#ff8a3b)}.wg-panel{border-color:#ffcc0080}.wg-panel.sent,.fn-panel.sent{opacity:.85}.wg-head{justify-content:space-between;align-items:baseline;display:flex}.wg-title{font:700 30px/1 var(--f-head);text-transform:uppercase;color:var(--gold);letter-spacing:.03em}.wg-clock{font:500 20px var(--f-head);font-variant-numeric:tabular-nums}.wg-sub{color:var(--muted);font-size:14px}.wg-sub b{color:#fff}.wg-inputs{justify-content:center;align-items:center;gap:6px;display:flex}.wg-dollar{font:700 44px var(--f-head);color:var(--gold)}.wg-num{text-align:center;font:700 44px var(--f-head)!important;width:220px!important;padding:4px 10px!important}.wg-range{width:100%;accent-color:var(--gold);height:28px}.wg-quick{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fn-clue{font:700 17px/1.45 var(--f-serif);text-transform:uppercase;text-shadow:2px 2px #000;background:linear-gradient(#0b14e0,#050b9e);border:1px solid #a0b4ff4d;border-radius:12px;padding:14px}.fn-row{align-items:stretch;gap:10px;display:flex}.fn-rec{cursor:pointer;background:#ff3c3c1f;border:1px solid #ff787880;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.fn-rec .rec-dot{animation:none}.fn-rec.on{background:#ff3c3c59;animation:1.1s infinite recpulse}.fn-rec.on .rec-dot{animation:.8s infinite blink}.fn-status{color:var(--muted);flex:1;font-size:13px}.ch-panel{text-align:center;width:min(700px,100vw - 24px);box-shadow:var(--shadow), 0 0 80px #ffcc0040;border-color:#fc09;border-radius:24px;padding:28px;animation:.5s cubic-bezier(.2,1.3,.4,1) chin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes chin{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}}.ch-kicker{font:700 14px var(--f-head);text-transform:uppercase;letter-spacing:.3em;color:var(--gold)}.ch-title{font:700 46px/1 var(--f-head);text-transform:uppercase;margin:8px 0}.ch-sub{color:var(--muted);margin:0 0 18px}.ch-clock,.ch-status{color:var(--muted);margin-top:12px;font-size:13px}.ch-status{color:var(--green);font-size:15px;font-weight:700}@media (max-width:1180px){.panel{width:284px}.scoreboard{min-width:0;max-width:calc(100vw - 300px);left:12px;transform:none}.sb-pod{min-width:96px}.vol{display:none}.chat{width:280px}.reactions{left:304px;transform:none}.captions,.is-player .captions{min-width:0;max-width:none;left:304px;right:308px;transform:none}@keyframes fadeup{0%{opacity:0}}.picker{width:calc(100vw - 320px);min-width:0;left:12px;transform:none}@keyframes pickin{0%{opacity:0;transform:translateY(20px)}}.buzz-wrap,.rec-panel,.wg-panel,.fn-panel,.player-top{left:calc(50vw - 150px)}.rec-panel,.wg-panel,.fn-panel{width:min(520px,100vw - 330px)}.leave-wrap{top:auto;bottom:calc(66px + var(--safe-b));flex-direction:column-reverse;left:12px}}@media (max-width:760px){.scoreboard{flex-direction:column;gap:6px;max-width:none;padding:6px;top:8px;left:8px;right:8px;transform:none}.sb-pods{gap:5px}.sb-pod{flex:1;min-width:0;padding:4px 6px}.sb-name{height:24px;font-size:18px}.sb-sig{height:24px}.sb-score{font-size:18px}.sb-meta{min-width:0}.sb-phase{font-size:14px}.toolbar{top:auto;right:8px;bottom:calc(66px + var(--safe-b));flex-direction:column;align-items:flex-end}.tools{border-radius:18px;flex-direction:column}.vol,.conn{display:none}.lobby-toggle{background:var(--gold);color:#0b0f4a;width:44px;height:44px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:20px;display:grid}.panel{width:auto;max-height:72vh;padding:10px 10px calc(10px + var(--safe-b));background:var(--glass-strong);border-top:1px solid var(--line);z-index:5;border-radius:20px 20px 0 0;transition:transform .35s cubic-bezier(.2,1,.3,1);inset:auto 0 0;transform:translateY(100%)}.panel.open{transform:none}.chat{width:calc(100vw - 80px);left:8px;bottom:calc(66px + var(--safe-b))}.reactions{left:8px;right:8px;bottom:calc(8px + var(--safe-b));justify-content:space-between;overflow-x:auto;transform:none}.react-btn{flex:none;width:40px;height:40px;font-size:21px}.captions,.is-player .captions{min-width:0;max-width:none;inset:150px 8px auto;transform:none}.is-player .captions{top:196px}.is-player .chat{display:none}.leave-wrap{top:auto;bottom:calc(12px + var(--safe-b));flex-direction:column-reverse;left:8px}.buzz-wrap,.rec-panel,.wg-panel,.fn-panel,.player-top{left:50%}.rec-panel,.wg-panel,.fn-panel{width:calc(100vw - 16px)}.panel{width:auto}@keyframes fadeup{0%{opacity:0}}.cc-text{font-size:15px}.landing-form{flex-direction:column}.toasts{top:120px}.picker{width:auto;padding:8px;top:118px;left:6px;right:6px}.pk-cat{min-height:48px;padding:3px;font-size:9px}.pk-cell{height:44px;font-size:18px}.player-top{width:calc(100vw - 16px);top:118px}.player-banner{white-space:normal;text-align:center;font-size:13px}.buzz{width:140px;height:140px}.gr-body{flex-direction:column;display:flex;overflow-y:auto}.gr-left,.gr-right{flex:none;min-height:auto;padding-right:0;overflow:visible}.modal{max-height:calc(100dvh - 16px)}.backdrop{padding:8px}.gr-head h2{font-size:24px}.btn-xl{padding:13px 20px;font-size:18px}.queue-pill{bottom:calc(120px + var(--safe-b))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}