@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin-var.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-600.woff2) format("woff2");font-weight:600 700;font-display:swap}:root{--bg: #060a14;--bg-deep: #050811;--panel: #0e1526;--panel-2: #131c31;--panel-3: #18233c;--glass-a: rgba(24, 34, 58, .74);--glass-b: rgba(13, 19, 34, .78);--line: rgba(140, 165, 220, .13);--line-2: rgba(140, 165, 220, .22);--line-3: rgba(140, 165, 220, .34);--hi: rgba(255, 255, 255, .07);--text: #eef3ff;--text-2: #c2cce0;--muted: #8592ad;--dim: #56627f;--accent: #2f6bff;--accent-2: #5b8cff;--accent-3: #9cb9ff;--accent-tint: rgba(47, 107, 255, .13);--accent-border: rgba(91, 140, 255, .45);--violet: #8b5cf6;--teal: #14b8a6;--gold: #f9bc13;--gold-2: #ffd75e;--gold-tint: rgba(249, 188, 19, .12);--gold-border: rgba(249, 188, 19, .4);--ok: #22c08a;--ok-tint: rgba(34, 192, 138, .14);--bad: #f0566a;--bad-tint: rgba(240, 86, 106, .14);--warn: #f5a524;--true: #19b98d;--true-2: #0b8a68;--false: #ec4664;--false-2: #bd2442;--c0: #3b74ff;--c0-2: #1c48d6;--c1: #ec4664;--c1-2: #bd2442;--c2: #ffc532;--c2-2: #ee9b00;--c3: #19b98d;--c3-2: #0b8a68;--p-tf: #38bdf8;--p-easy: #22c08a;--p-medium: #f5a524;--p-hard: #f0566a;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r: 14px;--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.25, 1.5, .45, 1);--shadow: 0 1px 0 var(--hi) inset, 0 24px 60px -28px rgba(0, 0, 0, .9);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100dvh;position:relative;isolation:isolate}body:before{content:"";position:fixed;top:-12vmax;right:-12vmax;bottom:-12vmax;left:-12vmax;z-index:-2;pointer-events:none;background:radial-gradient(40vmax 30vmax at 22% 14%,rgba(47,107,255,.28),transparent 62%),radial-gradient(34vmax 26vmax at 82% 10%,rgba(139,92,246,.2),transparent 62%),radial-gradient(40vmax 30vmax at 72% 92%,rgba(20,184,166,.12),transparent 62%),radial-gradient(30vmax 24vmax at 10% 88%,rgba(56,189,248,.08),transparent 62%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.55;background-image:linear-gradient(rgba(140,165,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(140,165,220,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%)}body[data-screen=host]:before,body[data-screen=landing]:before{animation:aurora 28s ease-in-out infinite alternate}@keyframes aurora{50%{transform:translate3d(3vmax,-2vmax,0) rotate(4deg) scale(1.06)}to{transform:translate3d(-3vmax,2vmax,0) rotate(-3deg) scale(1.03)}}::selection{background:#5b8cff73}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:var(--accent-2)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.gold{color:var(--gold)}.spacer{flex:1}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.icon{width:1em;height:1em;flex:none;vertical-align:-.125em}.shape{width:1em;height:1em;flex:none}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;display:flex;align-items:center;gap:8px}.lede{color:var(--text-2);font-size:17px;line-height:1.5;margin:0}.display{letter-spacing:-.035em;font-weight:700;line-height:1.02;background:linear-gradient(180deg,#fff 30%,#b9c9ff 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo{height:22px;width:auto;display:block;opacity:.96}.logo.small{height:18px}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px}kbd{font-family:var(--mono);font-size:.85em;padding:1px 6px;border-radius:5px;border:1px solid var(--line-2);border-bottom-width:2px;background:var(--panel-2);color:var(--text-2)}.glass,.card{background:linear-gradient(180deg,var(--glass-a),var(--glass-b));border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}.card{border-radius:18px;padding:22px;position:relative}.card h2{margin:0;font-size:19px;letter-spacing:-.01em}.card-head{display:flex;align-items:flex-start;gap:14px}.card-head h2{line-height:1.25}.card-head p{margin:3px 0 0}.card-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:19px;color:var(--accent-3);background:linear-gradient(160deg,#5b8cff47,#2f6bff14);border:1px solid var(--accent-border);box-shadow:inset 0 1px #ffffff1f}.card-icon.gold{color:var(--gold);background:linear-gradient(160deg,#f9bc1342,#f9bc130f);border-color:var(--gold-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid var(--line-2);color:var(--text);text-decoration:none;background:linear-gradient(180deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #00000059;border-radius:11px;padding:10px 16px;font-weight:600;font-size:15px;transition:background .18s,border-color .18s,box-shadow .2s,transform .08s,filter .18s}.btn:hover:not(:disabled){border-color:var(--line-3);background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.42}.btn .icon{font-size:1.05em}.btn.primary{color:#fff;border-color:#78a0ff8c;background:linear-gradient(180deg,#4d84ff,#2a5ff2 55%,#2251db);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003,0 10px 26px -12px #2f6bfff2}.btn.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #ffffff4d,0 14px 34px -12px #2f6bff;background:linear-gradient(180deg,#5a8eff,#3064f5 55%,#2554de)}.btn.glow:not(:disabled){animation:glow 2.6s ease-in-out infinite}@keyframes glow{50%{box-shadow:inset 0 1px #ffffff47,0 0 0 4px #5b8cff29,0 14px 40px -10px #2f6bff}}.btn.ghost{background:#ffffff05;box-shadow:none}.btn.ghost:hover:not(:disabled){background:#ffffff0f}.btn.ghost.on{border-color:var(--accent-border);background:var(--accent-tint);color:#fff}.btn.danger{background:#f0566a0f;border-color:#f0566a59;color:#ff9aa8;box-shadow:none}.btn.danger:hover:not(:disabled){border-color:var(--bad);background:#f0566a1f}.btn.armed{background:var(--warn)!important;border-color:var(--warn)!important;color:#1a1000!important;box-shadow:0 0 0 4px #f5a52433!important;animation:none!important}.btn.big{padding:15px 24px;font-size:17px;border-radius:13px}.btn.sm{padding:7px 12px;font-size:14px;border-radius:9px}.btn.xs{padding:4px 9px;font-size:12.5px;border-radius:7px;font-weight:600;gap:5px}.btn.block{width:100%}.btn.icon-only{padding-left:9px;padding-right:9px}.danger-text{color:#ff9aa8!important}.icon-btn{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;width:30px;height:30px;display:inline-grid;place-items:center;transition:color .15s,background .15s,border-color .15s}.icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-2);background:#ffffff0a}.icon-btn:disabled{opacity:.25}.linkish{background:none;border:0;color:var(--accent-2);text-decoration:underline;text-decoration-color:#5b8cff66;text-underline-offset:3px;padding:8px 0;font-size:15px}.linkish:hover{text-decoration-color:currentColor}.linkish.small{font-size:13px;padding:0}.chip{border:1px solid var(--accent-border);background:var(--accent-tint);color:var(--text);border-radius:999px;padding:6px 12px;font-size:15px}.chip-btn{border:1px solid var(--line-2);background:transparent;color:var(--muted);border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600;font-family:var(--mono)}.chip-btn:hover{color:var(--text);border-color:var(--line-3)}.chip-btn.on{color:#fff;border-color:var(--accent-border);background:var(--accent-tint)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--accent-2);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input,select,textarea{background:#050811b8;border:1px solid var(--line-2);border-radius:11px;padding:11px 13px;font-size:16px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #00000059}input:hover,select:hover,textarea:hover{border-color:var(--line-3)}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #5b8cff38,inset 0 1px 2px #0000004d;background:#050811e6}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%238592ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent);flex:none;box-shadow:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea{resize:vertical;line-height:1.45}label{color:var(--text-2)}.form-err{color:#ffb0bb;background:#f0566a1a;border:1px solid rgba(240,86,106,.35);border-radius:11px;padding:10px 12px;margin:0;font-size:15px;line-height:1.45}.form-err .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.check{display:flex;align-items:center;gap:10px;font-size:15px}.switch{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:15px;color:var(--text)}.switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.switch-track{position:relative;width:40px;height:24px;border-radius:99px;flex:none;margin-top:1px;background:#8ca5dc2e;border:1px solid var(--line-2);transition:background .2s,border-color .2s,box-shadow .2s}.switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#dfe7fb;box-shadow:0 2px 6px #00000073;transition:transform .22s var(--spring)}.switch input:checked+.switch-track{background:linear-gradient(180deg,#4d84ff,#2a5ff2);border-color:#78a0ff99;box-shadow:0 0 14px -2px #2f6bffb3}.switch input:checked+.switch-track .switch-thumb{transform:translate(16px);background:#fff}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent-2);outline-offset:2px}.switch-text{display:flex;flex-direction:column;gap:2px;line-height:1.35}.switch-text em{font-style:normal;color:var(--muted);font-size:13px}.switch.disabled{opacity:.5;cursor:default}.seg{display:inline-flex;padding:3px;border-radius:11px;background:#050811b3;border:1px solid var(--line);gap:2px}.seg button{border:0;background:transparent;color:var(--muted);padding:7px 13px;border-radius:8px;font-size:14px;font-weight:600;display:inline-flex;gap:6px;align-items:center;transition:color .15s,background .15s;white-space:nowrap}.seg button:hover:not(:disabled){color:var(--text)}.seg button.on{background:linear-gradient(180deg,var(--panel-3),var(--panel-2));color:#fff;box-shadow:0 0 0 1px var(--line-2) inset,0 2px 8px #00000059}.seg button:disabled{opacity:.4;cursor:not-allowed}.seg.fill{display:flex}.seg.fill button{flex:1;justify-content:center}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid var(--line-2);background:#ffffff08;color:var(--text-2);white-space:nowrap}.pill .live-dot{width:7px;height:7px}.pill.question,.pill.running{color:#86f0c6;border-color:#22c08a73;background:var(--ok-tint)}.pill.ready{color:var(--accent-3);border-color:var(--accent-border);background:var(--accent-tint)}.pill.reveal,.pill.board,.pill.break{color:var(--gold-2);border-color:var(--gold-border);background:var(--gold-tint)}.pill.paused,.pill.warn{color:#ffd08a;border-color:#f5a52480;background:#f5a5241f}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;box-shadow:0 0 0 0 currentColor}.statuschip.is-running .live-dot,.statuschip.open .live-dot,.statuschip.live .live-dot,.pill.question .live-dot,.pill.ready .live-dot,.players-count .live-dot,.lobby-count .live-dot,.hl-join .live-dot:not(.idle){animation:beacon 1.8s ease-out infinite}@keyframes beacon{0%{box-shadow:0 0 color-mix(in srgb,currentColor 60%,transparent)}to{box-shadow:0 0 0 9px transparent}}.statuschip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line-2);background:#ffffff08;color:var(--muted);white-space:nowrap}.statuschip.live,.statuschip.open{color:var(--accent-3);border-color:var(--accent-border);background:var(--accent-tint)}.statuschip.is-running{color:#86f0c6;border-color:#22c08a80;background:var(--ok-tint)}.statuschip.is-finished{color:var(--gold-2);border-color:var(--gold-border);background:var(--gold-tint)}.callout{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.45;color:var(--text-2);background:var(--accent-tint);border:1px solid var(--accent-border)}.callout .icon{color:var(--accent-3);margin-top:2px}.avatar{--ah: 222;--sz: 36px;width:var(--sz);height:var(--sz);border-radius:50%;flex:none;display:inline-grid;place-items:center;font-weight:700;font-size:calc(var(--sz) * .38);letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(140deg,hsl(var(--ah) 85% 64%),hsl(calc(var(--ah) + 38) 72% 42%));box-shadow:inset 0 1px #ffffff59,0 2px 8px -2px #00000080;-webkit-user-select:none;user-select:none}.avatar.xs{--sz: 22px}.avatar.sm{--sz: 30px}.avatar.md{--sz: 40px}.avatar.xl{--sz: 96px}.avatar.ringed{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--tc),0 4px 14px -4px #0009}.avatar.xs.ringed{box-shadow:0 0 0 1.5px var(--bg),0 0 0 3px var(--tc)}.connpill{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#2a1d05eb;border:1px solid #6b4a10;color:#ffd27a;font-size:14px;font-weight:600;box-shadow:0 8px 24px #00000073;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.connpill.offline{background:#2b0f14f0;border-color:#6d2430;color:#ffb0b7}.connpill .icon{animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.toast{position:fixed;left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:60;background:var(--panel-2);border:1px solid var(--line-2);border-radius:14px;padding:13px 16px;text-align:center;box-shadow:0 16px 40px #0000008c;animation:rise .25s var(--ease)}@keyframes rise{0%{transform:translateY(12px);opacity:0}}@keyframes pop{0%{transform:scale(.4);opacity:0}}@keyframes fadein{0%{opacity:0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:70}.landing{min-height:100dvh;max-width:600px;margin:0 auto;padding:0 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.landing-top{padding:max(22px,env(safe-area-inset-top)) 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-hero{padding:12vh 0 30px;animation:rise .6s var(--ease) both}.landing-hero h1{font-size:clamp(42px,11vw,64px);margin:14px 0 16px}.landing-choices{display:grid;gap:14px}.choice-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;text-decoration:none;color:var(--text);border:1px solid var(--line-2);background:linear-gradient(180deg,var(--glass-a),var(--glass-b));box-shadow:var(--shadow);transition:transform .15s var(--ease),border-color .2s,box-shadow .2s;animation:rise .6s var(--ease) both}.choice-card+.choice-card{animation-delay:.08s}.choice-card:hover{transform:translateY(-2px);border-color:var(--line-3)}.choice-card:active{transform:scale(.99)}.choice-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:26px;flex:none;color:var(--accent-3);background:var(--accent-tint);border:1px solid var(--accent-border)}.choice-text{flex:1;min-width:0}.choice-text b{display:block;font-size:22px;letter-spacing:-.01em}.choice-text em{display:block;font-style:normal;color:var(--muted);margin-top:3px}.choice-go{font-size:22px;color:var(--muted);transition:transform .2s var(--ease),color .2s}.choice-card:hover .choice-go{transform:translate(3px);color:var(--text)}.choice-card.primary{border-color:#78a0ff8c;background:linear-gradient(160deg,#3b74ff,#2453e6 60%,#1d3fb8);box-shadow:inset 0 1px #ffffff40,0 22px 50px -22px #2f6bff}.choice-card.primary .choice-icon{color:#fff;background:#ffffff29;border-color:#ffffff4d}.choice-card.primary em,.choice-card.primary .choice-go{color:#ffffffd1}.landing-foot{margin-top:auto;padding-top:40px;text-align:center;color:var(--dim);font-size:13px}.phone{min-height:100dvh;max-width:560px;margin:0 auto;display:flex;flex-direction:column;position:relative;padding:0 16px max(16px,env(safe-area-inset-bottom))}body[data-screen=phone] .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#161f35eb,#0d1322f0)}.phone-top{display:flex;align-items:center;gap:10px;min-height:58px;position:sticky;top:0;z-index:20;padding:env(safe-area-inset-top) 16px 0;margin:0 -16px;background:linear-gradient(180deg,#060a14eb,#060a14b3);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.phone-top.bare{background:transparent;border-bottom-color:transparent;position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.who{flex:1;min-width:0;display:flex;flex-direction:column}.who-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:15.5px}.pts{display:inline-flex;align-items:baseline;gap:4px;font-weight:700;font-size:18px;padding:5px 11px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line)}.pts em{font-style:normal;color:var(--muted);font-size:12px;font-family:var(--sans);font-weight:600}.center-msg{flex:1;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.join-body{padding:7vh 0 0;display:flex;flex-direction:column;gap:18px;animation:rise .5s var(--ease) both}.join-title{font-size:clamp(34px,9.5vw,48px);margin:0}.join-form{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px}.join-form label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:4px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>.icon,.input-wrap>.avatar{position:absolute;left:13px;z-index:1;pointer-events:none}.input-wrap>.icon{color:var(--muted);font-size:20px}.input-wrap>.avatar{left:11px;animation:pop .3s var(--spring) both}.input-wrap input{font-size:20px;padding:15px 15px 15px 52px;border-radius:13px}.join-form input#code{font-size:22px;letter-spacing:.3em;font-family:var(--mono)}.join-form .btn{margin-top:8px}.notice{background:var(--panel-2);border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;margin:0;line-height:1.45;color:var(--text-2)}.hint{display:flex;align-items:center;gap:10px;color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.4}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-2);flex:none;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.lobby{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding-top:7vh}.lobby-badge{position:relative;width:96px;height:96px;margin-bottom:6px;animation:pop .5s var(--spring) both}.lobby-badge .ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(91,140,255,.55);animation:ripple 2.4s ease-out infinite}.lobby-badge .ripple.two{animation-delay:1.2s}@keyframes ripple{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}.lobby-check{position:absolute;right:-4px;bottom:-2px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#04120c;background:linear-gradient(160deg,#4be3ad,#19b98d);box-shadow:0 0 0 3px var(--bg),0 6px 16px -4px #22c08acc;animation:pop .4s .25s var(--spring) both}.lobby h1{font-size:32px;margin:4px 0 0;letter-spacing:-.02em}.lobby-count{display:inline-flex;align-items:center;gap:9px;color:var(--text-2);font-size:15px;padding:7px 14px;border-radius:999px;background:#ffffff08;border:1px solid var(--line)}.lobby-count .live-dot{color:var(--ok)}.lobby-count .mono{font-weight:700;color:var(--text);font-size:17px}.rules{margin-top:14px;text-align:left;border-radius:18px;padding:16px 18px;width:100%}.rules ul{margin:10px 0 0;padding-left:18px;color:var(--text-2);line-height:1.5}.rules li+li{margin-top:6px}.rules li::marker{color:var(--accent-2)}.ask{flex:1;display:flex;flex-direction:column;gap:11px;padding-top:12px;min-height:0}.ask-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.ask-where{display:flex;flex-direction:column;gap:1px;min-width:0}.ask-qn{font-size:14px;color:var(--text-2)}.ask-qn b{color:var(--text);font-size:15px}.ask-qn em{font-style:normal;color:var(--muted)}.secs{font-size:26px;font-weight:700;display:inline-flex;align-items:baseline;gap:2px;min-width:52px;justify-content:flex-end}.secs em{font-style:normal;font-size:14px;color:var(--muted)}.secs.reading{color:var(--muted);font-size:20px;align-items:center;gap:5px}.secs.reading .icon{font-size:17px}.pips{display:flex;gap:4px;height:5px}.pips>span{flex:1;border-radius:99px;background:#8ca5dc29;transition:background .3s}.pips>span.done{background:#5b8cff8c}.pips>span.cur{background:linear-gradient(90deg,#8fb0ff,#5b8cff);box-shadow:0 0 10px #5b8cffe6}.pips.as-bar{background:#8ca5dc29;border-radius:99px;overflow:hidden}.pips.as-bar>span{flex:none;width:100%;background:linear-gradient(90deg,#5b8cff,#8fb0ff);transform-origin:left}.timerbar{height:9px;border-radius:99px;background:#8ca5dc24;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.timerbar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#2f6bff,#5b8cff 60%,#8fb0ff);transform-origin:left;transition:transform .1s linear,background .3s;box-shadow:0 0 12px #5b8cff99}.timerbar.hot>div{background:linear-gradient(90deg,#f59e0b,#f9bc13,#ffd75e);box-shadow:0 0 12px #f9bc13b3}.timerbar.last>div{background:linear-gradient(90deg,#e11d48,#f0566a);box-shadow:0 0 14px #f0566ae6;animation:blink .5s ease-in-out infinite}.phase-ready .timerbar>div{background:linear-gradient(90deg,#56627f,#8592ad);box-shadow:none}.ask-q{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:18px;padding:16px 16px 18px;animation:rise .35s var(--ease) both}.ask-title{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}.ask-text{font-size:clamp(18px,4.9vw,22px);line-height:1.42;margin:0;letter-spacing:-.005em}.ask-q.short{display:flex;align-items:center}.ask-q.short .ask-text{font-size:clamp(23px,6.6vw,30px);line-height:1.3;font-weight:650;letter-spacing:-.015em}.answers{display:grid;gap:10px}.answers.tf,.answers.mc{grid-template-columns:1fr 1fr}.answers.mc.n2{grid-template-columns:1fr}.answers.mc .answer{padding-right:24px}.answers.long .answer{font-size:14.5px;gap:9px;padding-left:10px}.answers.long .answer-shape{width:30px;height:30px;border-radius:9px;font-size:16px}.answer{--a: var(--c0);--b: var(--c0-2);position:relative;border:0;border-radius:18px;color:#fff;text-align:left;overflow:hidden;display:flex;align-items:center;gap:11px;padding:13px;min-height:88px;font-weight:650;font-size:16.5px;line-height:1.22;background:radial-gradient(130% 120% at 0% 0%,rgba(255,255,255,.22),transparent 55%),linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 1px #ffffff52,inset 0 -5px #0003,0 12px 26px -14px var(--a);transition:transform .12s var(--ease),opacity .25s,filter .25s,box-shadow .2s;animation:tilein .4s var(--spring) both}.answer:nth-child(2){animation-delay:.04s}.answer:nth-child(3){animation-delay:.08s}.answer:nth-child(4){animation-delay:.12s}@keyframes tilein{0%{transform:translateY(10px) scale(.96);opacity:0}}.answer-shape{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:#ffffff2e;box-shadow:inset 0 1px #ffffff40;font-size:21px}.answer-label{flex:1;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.25)}.answer-letter{position:absolute;top:7px;right:10px;font-family:var(--mono);font-size:11px;opacity:.75;font-weight:600}.answer-pick{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--b);font-size:15px;box-shadow:0 4px 12px #00000059;animation:pop .3s var(--spring) both}.answers.tf .answer{flex-direction:column;justify-content:center;text-align:center;min-height:160px;font-size:22px;letter-spacing:.08em;gap:12px}.answers.tf .answer-shape{width:64px;height:64px;border-radius:50%;font-size:36px}.answer:active:not(:disabled){transform:scale(.965)}.answer.true{--a: var(--true);--b: var(--true-2)}.answer.false{--a: var(--false);--b: var(--false-2)}.answer.c0{--a: var(--c0);--b: var(--c0-2)}.answer.c1{--a: var(--c1);--b: var(--c1-2)}.answer.c2{--a: var(--c2);--b: var(--c2-2);color:#1d1300}.answer.c2 .answer-label{text-shadow:none}.answer.c2 .answer-shape{background:#0000001a}.answer.c3{--a: var(--c3);--b: var(--c3-2)}.answer:disabled{cursor:default}.phase-ready .answer{opacity:.35;filter:saturate(.5)}.answer.picked{transform:scale(1.02);box-shadow:inset 0 1px #ffffff52,0 0 0 3px #fff,0 0 0 7px #ffffff29,0 18px 34px -12px var(--a)}.answer.dim{opacity:.24;filter:saturate(.25);transform:scale(.97)}.ask-status{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;color:var(--text-2)}.chip-status{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line)}.ask-status .ok{color:#86f0c6;font-weight:600;border-color:#22c08a66;background:var(--ok-tint)}.ask-status .bad{color:#ffb0bb}.ask-status .warn{color:var(--warn)}.phone.tone-right:before,.phone.tone-wrong:before,.phone.tone-none:before{content:"";position:fixed;left:0;right:0;top:0;height:70vh;z-index:-1;pointer-events:none;animation:fadein .5s ease both}.phone.tone-right:before{background:radial-gradient(90% 60% at 50% 0%,rgba(34,192,138,.32),transparent 70%)}.phone.tone-wrong:before{background:radial-gradient(90% 60% at 50% 0%,rgba(240,86,106,.26),transparent 70%)}.phone.tone-none:before{background:radial-gradient(90% 60% at 50% 0%,rgba(133,146,173,.18),transparent 70%)}.result{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:16px}.result-card{text-align:center;padding:22px 16px 18px;border-radius:22px;animation:pop .45s var(--spring) both;position:relative}.result-icon{position:relative;font-size:40px;display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#ffffff12}.result-icon .ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid currentColor;opacity:0;animation:ripple 1.6s .2s ease-out 2}.result.right .result-icon{color:#04120c;background:linear-gradient(160deg,#4be3ad,#19b98d);box-shadow:0 10px 30px -8px #22c08ae6}.result.right .result-icon .ripple{border-color:#4be3ad}.result.wrong .result-icon{color:#fff;background:linear-gradient(160deg,#ff7088,#d92f50);box-shadow:0 10px 30px -8px #f0566ae6}.result.wrong .result-icon .ripple{border-color:#ff7088}.result.none .result-icon{color:var(--muted)}.result-card h1{margin:12px 0 2px;font-size:32px;letter-spacing:-.02em}.result-sub{margin:4px 0 0;font-size:18px;font-weight:600;color:var(--text-2)}.result-gain{margin:2px 0 0;display:inline-flex;align-items:baseline;gap:6px}.result-gain .mono{font-size:40px;font-weight:700;color:#6cf0bf;text-shadow:0 0 24px rgba(34,192,138,.55)}.result-gain em{font-style:normal;color:var(--text-2);font-weight:600}.result-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}.result-chips:empty{display:none}.chip-mini{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;font-family:var(--mono);background:#ffffff0d;border:1px solid var(--line-2);color:var(--text-2)}.chip-mini.gold{color:var(--gold-2);border-color:var(--gold-border);background:var(--gold-tint);font-family:var(--sans)}.truth{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:12px 14px;background:#ffffff08;border:1px solid var(--line);animation:rise .4s .1s var(--ease) both}.truth-swatch{--a: var(--c0);--b: var(--c0-2);width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;font-size:19px;color:#fff;background:linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 1px #ffffff4d}.truth.true .truth-swatch{--a: var(--true);--b: var(--true-2)}.truth.false .truth-swatch{--a: var(--false);--b: var(--false-2)}.truth.c1 .truth-swatch{--a: var(--c1);--b: var(--c1-2)}.truth.c2 .truth-swatch{--a: var(--c2);--b: var(--c2-2);color:#1d1300}.truth.c3 .truth-swatch{--a: var(--c3);--b: var(--c3-2)}.truth b{display:block;font-size:18px;margin-top:3px;line-height:1.25}.truth p{margin:6px 0 0;color:var(--text-2);line-height:1.4;font-size:14.5px}.rankcard{display:flex;gap:16px;align-items:center;padding:14px 16px;border-radius:16px;animation:rise .4s .16s var(--ease) both}.rankcard.leader{border-color:var(--gold-border);box-shadow:var(--shadow),0 0 0 1px var(--gold-border) inset}.rank-big{display:flex;flex-direction:column;gap:2px}.rank-label{font-size:11.5px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.rank-n{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.rank-n b{font-size:34px;font-weight:700;line-height:1.05}.rank-n em{font-style:normal;color:var(--muted)}.rank-side{display:flex;flex-direction:column;gap:3px;font-size:14.5px;margin-left:auto;text-align:right;align-items:flex-end}.rank-pts{font-weight:600;color:var(--text-2)}.rank-pts .mono{color:var(--text);font-size:18px;font-weight:700}.rank-side .gold{display:inline-flex;align-items:center;gap:5px;font-weight:600}.move{display:inline-flex;align-items:center;gap:1px;font-family:var(--mono);font-size:13px;font-weight:700;padding:1px 6px 1px 4px;border-radius:99px}.move.up{color:#6cf0bf;background:var(--ok-tint)}.move.down{color:#ff9aa8;background:var(--bad-tint)}.streak{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:700}.hearts{display:inline-flex;gap:3px;color:#8ca5dc40}.hearts .on{color:#ff5d79;filter:drop-shadow(0 0 4px rgba(255,93,121,.6))}.miniboard{list-style:none;margin:0;padding:0;display:grid;gap:6px;animation:rise .4s .22s var(--ease) both}.miniboard li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);font-size:15px}.miniboard li.me{border-color:var(--accent-border);background:var(--accent-tint)}.miniboard .mb-rank{width:18px;color:var(--muted);font-weight:700;text-align:center}.miniboard li.r1 .mb-rank{color:var(--gold)}.miniboard .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.final{flex:1;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;padding-top:6vh}.final-medal{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:40px;color:var(--text-2);background:#ffffff0d;border:1px solid var(--line-2);animation:pop .6s var(--spring) both}.final-medal.p1{color:#3a2600;background:radial-gradient(circle at 30% 25%,#fff3c4,#f9bc13 45%,#b77f00);border-color:transparent;box-shadow:0 0 0 6px #f9bc1324,0 16px 40px -10px #f9bc13e6}.final-medal.p2{color:#22293a;background:radial-gradient(circle at 30% 25%,#fff,#c7d1e3 45%,#7d879b);border-color:transparent;box-shadow:0 16px 40px -12px #c7d1e3b3}.final-medal.p3{color:#2c1406;background:radial-gradient(circle at 30% 25%,#ffd9b8,#d98a4b 45%,#8d4a1b);border-color:transparent;box-shadow:0 16px 40px -12px #d98a4bcc}.final-rank{display:flex;align-items:baseline;gap:8px}.final-rank .mono{font-size:64px;font-weight:700;line-height:1;letter-spacing:-.03em}.final-rank em{font-style:normal;color:var(--muted);font-size:18px}.final-rank.onpodium .mono{background:linear-gradient(180deg,#ffe592,#f9bc13);-webkit-background-clip:text;background-clip:text;color:transparent}.final-line{margin:-4px 0 0;color:var(--text-2);font-weight:600;font-size:17px}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.final-stats>div{border-radius:14px;padding:13px 6px;display:flex;flex-direction:column;gap:3px}.final-stats b{font-size:22px}.final-stats>div>span{color:var(--muted);font-size:12.5px}.final .miniboard{width:100%;text-align:left}.paused-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#050811d6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;padding:24px;animation:fadein .25s ease both}.paused-veil .icon{font-size:48px;color:var(--gold)}.paused-veil b{font-size:28px}.paused-veil span{color:var(--text-2)}body[data-screen=host]{overflow:hidden}.host{height:100vh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.host-center{height:100vh;display:grid;place-items:center}.host-top{display:flex;align-items:center;gap:1.4vw;padding:1.7vh 2.6vw;border-bottom:1px solid var(--line);font-size:1.05vw;background:linear-gradient(180deg,#060a14b3,#060a1433)}.host-top .logo{height:2.5vh}.host-sep{width:1px;height:2.6vh;background:var(--line-2)}.host-title{font-weight:600;color:var(--text-2)}.host-join{display:inline-flex;align-items:center;gap:.5vw;color:var(--muted)}.host-join b{color:var(--text);font-family:var(--mono)}.host-q{display:inline-flex;align-items:center;gap:1vw;font-size:1.4vw;padding:.5vh 1vw;border-radius:999px;background:#ffffff0a;border:1px solid var(--line-2)}.host-q .pips{width:11vw;height:.6vh;gap:.25vw}.host-q b{color:#fff}.host-round{display:inline-flex;align-items:baseline;gap:.6vw;padding:.4vh 1vw;border-radius:999px;background:var(--gold-tint);border:1px solid var(--gold-border);color:var(--gold);font-size:1.05vw;font-weight:600}.host-round b{color:var(--text)}.host-paused{position:fixed;top:10vh;left:50%;transform:translate(-50%);background:var(--gold);color:#1b1300;font-weight:700;font-size:1.6vw;padding:1vh 2vw;border-radius:999px;display:flex;gap:.6vw;align-items:center;box-shadow:0 10px 40px -8px #f9bc13cc;animation:pop .3s var(--spring) both;z-index:40}.host-conn{position:fixed;top:10vh;right:2vw;background:#2a1d05eb;border:1px solid #6b4a10;color:#ffd27a;padding:.8vh 1.2vw;border-radius:999px;font-size:.95vw;display:flex;gap:.5vw;align-items:center;z-index:40}.host-controls{position:fixed;right:1.4vw;bottom:1.6vh;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;z-index:30;background:#0e1526e6;border:1px solid var(--line-2);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:0 16px 40px #00000080}.host-controls.show{opacity:1;pointer-events:auto}.host-controls>.mono{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.host-controls .keys{color:var(--dim);font-size:12px;display:inline-flex;gap:6px;align-items:center}.host-lobby{display:grid;grid-template-columns:40fr 60fr;gap:3.2vw;padding:4.5vh 3.4vw 4vh;min-height:0}.hl-join{display:flex;flex-direction:column;align-items:flex-start;gap:2.2vh;min-height:0}.hl-join .eyebrow{font-size:1.05vw;color:var(--accent-3)}.hl-join .live-dot{width:.7vw;height:.7vw;color:var(--ok)}.hl-join .live-dot.idle{color:var(--muted)}.hl-join h1{font-size:4vw;margin:0}.hl-card{display:flex;flex-direction:column;align-items:center;gap:2.2vh;padding:3vh 2vw 3.2vh;border-radius:28px;width:100%;animation:rise .6s var(--ease) both}.hl-qr-wrap{position:relative;padding:.5vw;border-radius:22px;background:linear-gradient(140deg,#8fb0ffe6,#8b5cf699 50%,#14b8a6b3);box-shadow:0 0 70px -14px #5b8cffe6}.hl-qr{display:block;width:min(17vw,36vh);height:auto;background:#fff;padding:.8vw;border-radius:17px}.hl-url{font-size:1.7vw;font-weight:600;color:var(--gold);line-height:1.15;text-align:center;overflow-wrap:anywhere;max-width:100%}.hl-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:1.1vh;align-self:stretch}.hl-steps li{counter-increment:s;display:flex;align-items:center;gap:.8vw;font-size:1.15vw;color:var(--text-2);line-height:1.3}.hl-steps li:before{content:counter(s);flex:none;width:1.9vw;height:1.9vw;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:.95vw;font-weight:700;color:var(--accent-3);background:var(--accent-tint);border:1px solid var(--accent-border)}.hl-steps b{color:var(--text)}.hl-how{font-size:1.4vw;color:var(--text-2);margin:0;line-height:1.4}.hl-room{display:flex;flex-direction:column;gap:2.2vh;min-height:0}.hl-count{display:flex;align-items:center;gap:1.2vw}.hl-count b{font-size:7.4vw;line-height:.85;font-weight:700;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 30%,#9cb9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hl-count>span{font-size:1.6vw;color:var(--muted);line-height:1.15}.hl-count em{font-style:normal;font-size:1.15vw;color:var(--warn);margin-left:auto;padding:.5vh 1vw;border-radius:999px;border:1px solid rgba(245,165,36,.4);background:#f5a52414}.hl-names{flex:1;min-height:0;overflow:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.7vw;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}.hl-name{display:inline-flex;align-items:center;gap:.55vw;font-size:1.35vw;font-weight:600;padding:.55vh 1vw .55vh .45vw;border-radius:999px;background:#ffffff0d;border:1px solid var(--line-2);animation:pop .45s var(--spring) both}.hl-name .avatar{--sz: 2.1vw}.hl-name:first-child{border-color:var(--accent-border);background:var(--accent-tint);box-shadow:0 0 24px -6px #5b8cffcc}.hl-empty{color:var(--dim);font-size:1.3vw;margin:0}.hl-rules{border-radius:20px;padding:2vh 1.8vw}.hl-rules .eyebrow{font-size:.9vw}.hl-rules ul{margin:1vh 0 0;padding-left:1.2vw;font-size:1.2vw;color:var(--text-2);line-height:1.45}.hl-rules li::marker{color:var(--accent-2)}.host-ask{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;gap:3vh 2.6vw;padding:3.6vh 3vw 3.4vh;min-height:0}.ha-main{align-self:stretch;min-height:0;border-radius:28px;padding:4vh 3vw;display:flex;flex-direction:column;justify-content:center;animation:rise .5s var(--ease) both;overflow:hidden}.ha-title{font-family:var(--mono);color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:1.2vw;margin:0 0 1.8vh}.ha-text{font-size:3vw;line-height:1.24;margin:0;font-weight:650;letter-spacing:-.015em}.host-ask.long .ha-text{font-size:2.3vw;line-height:1.34;font-weight:600}.ha-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vh;padding:0 .5vw}.ring{--ring-a: #8fb0ff;--ring-b: #2f6bff;position:relative;width:13vw;height:13vw;filter:drop-shadow(0 0 1.6vw rgba(47,107,255,.45))}.ring.hot{--ring-a: #ffd75e;--ring-b: #f59e0b;filter:drop-shadow(0 0 1.6vw rgba(249,188,19,.5))}.ring.last{--ring-a: #ff8a9d;--ring-b: #e11d48;filter:drop-shadow(0 0 1.8vw rgba(240,86,106,.7))}.reading .ring,.phase-ready .ring{--ring-a: #8592ad;--ring-b: #56627f;filter:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:6.5}.ring .track{stroke:#8ca5dc24}.ring .fill{stroke-linecap:round;transition:stroke-dashoffset .1s linear}.ring-n{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:4.8vw;letter-spacing:-.04em}.ring.last .ring-n{color:#ff9aa8;animation:beat 1s ease-in-out infinite}@keyframes beat{50%{transform:scale(1.08)}}.ring-l{position:absolute;left:-2vw;right:-2vw;bottom:-3.6vh;text-align:center;color:var(--muted);font-size:.95vw;text-transform:uppercase;letter-spacing:.14em}.ha-count{text-align:center;transition:opacity .3s}.ha-count.dim{opacity:.35}.ha-count b{font-size:3.6vw;display:block;line-height:1;font-weight:700}.ha-count>span{color:var(--muted);font-size:1.1vw}.ha-bar{width:12vw;height:.9vh;border-radius:99px;background:#8ca5dc24;overflow:hidden;margin-top:1.2vh}.ha-bar>div{height:100%;background:linear-gradient(90deg,#2f6bff,#8fb0ff);transform-origin:left;transition:transform .4s var(--ease);box-shadow:0 0 10px #5b8cffcc}.host-answers{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:1.3vw}.host-answer{--a: var(--c0);--b: var(--c0-2);display:flex;align-items:center;gap:1.2vw;padding:2vh 1.6vw;border-radius:20px;color:#fff;font-size:1.85vw;font-weight:650;position:relative;overflow:hidden;background:radial-gradient(130% 140% at 0% 0%,rgba(255,255,255,.2),transparent 55%),linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 1px #ffffff4d,inset 0 -.6vh #0003,0 2vh 4vh -2.4vh var(--a);animation:tilein .5s var(--spring) both;transition:opacity .4s,filter .4s}.host-answer .answer-shape{width:3.6vw;height:3.6vw;border-radius:.9vw;font-size:2vw}.ha-label{flex:1;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.25)}.host-answer em{position:absolute;right:1vw;top:.8vh;font-style:normal;font-family:var(--mono);font-size:.95vw;opacity:.75}.host-answers.long .host-answer{font-size:1.45vw;padding:1.6vh 1.4vw}.host-answers.tf .host-answer{justify-content:center;font-size:2.6vw;letter-spacing:.1em;padding:3vh 2vw}.host-answers.tf .answer-shape{border-radius:50%}.host-answer.true{--a: var(--true);--b: var(--true-2)}.host-answer.false{--a: var(--false);--b: var(--false-2)}.host-answer.c0{--a: var(--c0);--b: var(--c0-2)}.host-answer.c1{--a: var(--c1);--b: var(--c1-2)}.host-answer.c2{--a: var(--c2);--b: var(--c2-2);color:#1d1300}.host-answer.c2 .ha-label{text-shadow:none}.host-answer.c2 .answer-shape{background:#0000001a}.host-answer.c3{--a: var(--c3);--b: var(--c3-2)}.host-answers.waiting .host-answer{opacity:.32;filter:saturate(.4)}.host-reveal{display:grid;grid-template-columns:1fr;gap:2.6vw;padding:3.4vh 3vw;min-height:0}.host-reveal.has-ex{grid-template-columns:47fr 53fr}.hr-left{display:flex;flex-direction:column;gap:2vh;min-height:0}.hr-q{font-size:1.3vw;line-height:1.45;color:var(--text-2);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hr-bars{flex:1;min-height:24vh;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1.6vw;align-items:end}.hr-bar{--a: var(--c0);--b: var(--c0-2);display:flex;flex-direction:column;align-items:stretch;gap:1vh;height:100%;transition:opacity .5s .6s}.hr-bar>b{font-size:2.3vw;text-align:center;font-weight:700}.hr-col{position:relative;flex:1;display:flex;align-items:flex-end;background:#ffffff06;border:1px solid var(--line);border-radius:16px 16px 6px 6px;overflow:visible}.hr-fill{width:100%;height:100%;transform-origin:bottom;transform:scaleY(var(--h));border-radius:14px 14px 5px 5px;background:linear-gradient(180deg,var(--a),var(--b));box-shadow:inset 0 1px #ffffff4d;animation:grow 1s var(--ease) var(--d, 0s) both}@keyframes grow{0%{transform:scaleY(0)}}.hr-ok{width:1.9vw;height:1.9vw;border-radius:50%;display:inline-grid;place-items:center;flex:none;font-size:1.1vw;color:#04120c;background:linear-gradient(160deg,#4be3ad,#19b98d);box-shadow:0 0 18px #22c08ae6;animation:pop .5s .9s var(--spring) both}.hr-answer{display:flex;align-items:center;gap:1.4vw}.hr-answer .eyebrow{font-size:1vw}.host-reveal.no-ex{padding:3.4vh 6vw}.host-reveal.no-ex .hr-q{font-size:2vw;color:var(--text);font-weight:600;line-height:1.3;-webkit-line-clamp:3}.host-reveal.no-ex .hr-bars{min-height:30vh}.host-reveal.no-ex .hr-label{font-size:1.5vw}.host-reveal.no-ex .hr-bar>b{font-size:2.8vw}.hr-bar.true{--a: var(--true);--b: var(--true-2)}.hr-bar.false{--a: var(--false);--b: var(--false-2)}.hr-bar.c0{--a: var(--c0);--b: var(--c0-2)}.hr-bar.c1{--a: var(--c1);--b: var(--c1-2)}.hr-bar.c2{--a: var(--c2);--b: var(--c2-2)}.hr-bar.c3{--a: var(--c3);--b: var(--c3-2)}.hr-bar.wrong{opacity:.38}.hr-bar.right .hr-col{border-color:#22c08a8c;box-shadow:0 0 40px -12px #22c08ad9}.hr-bar.right .hr-label{color:#fff}.hr-label{display:flex;align-items:center;justify-content:center;gap:.6vw;font-size:1.2vw;font-weight:600;text-align:center;line-height:1.2;min-height:3.4vh}.hr-label>span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hr-stats{display:flex;flex-wrap:wrap;gap:.8vw}.stat-chip{display:inline-flex;align-items:center;gap:.6vw;font-size:1.25vw;padding:.9vh 1.2vw;border-radius:999px;background:#ffffff0a;border:1px solid var(--line-2);color:var(--text-2)}.stat-chip b{color:#fff}.stat-chip .icon{color:var(--accent-3)}.stat-chip.muted{color:var(--muted)}.host-reveal.has-ex .stat-chip{font-size:1.02vw;padding:.7vh .9vw;gap:.45vw}.hr-ex{border-radius:26px;padding:4vh 2.8vw;display:flex;flex-direction:column;justify-content:center;gap:2vh;min-height:0;overflow:hidden;animation:rise .6s .15s var(--ease) both}.hr-verdict{--a: var(--c0);--b: var(--c0-2);display:inline-flex;align-items:center;gap:.8vw;align-self:flex-start;color:#fff;font-weight:700;font-size:2vw;letter-spacing:.05em;padding:1.1vh 1.5vw;border-radius:14px;margin:0;background:linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 1px #ffffff4d,0 1.4vh 3vh -1.6vh var(--a);animation:pop .5s .3s var(--spring) both}.hr-verdict.true{--a: var(--true);--b: var(--true-2)}.hr-verdict.false{--a: var(--false);--b: var(--false-2)}.hr-verdict.c0{--a: var(--c0);--b: var(--c0-2)}.hr-verdict.c1{--a: var(--c1);--b: var(--c1-2)}.hr-verdict.c2{--a: var(--c2);--b: var(--c2-2);color:#1d1300}.hr-verdict.c3{--a: var(--c3);--b: var(--c3-2)}.hr-ex h2{font-size:2.3vw;line-height:1.12;margin:0;letter-spacing:-.015em;background:linear-gradient(180deg,#ffe592,#f9bc13);-webkit-background-clip:text;background-clip:text;color:transparent}.hr-body{font-size:1.28vw;line-height:1.55;margin:0;color:var(--text)}.hr-take{font-size:1.12vw;line-height:1.5;margin:0;color:var(--text-2);border-left:3px solid var(--accent-2);padding:.4vh 0 .4vh 1vw}.hr-take b{color:var(--text)}.hr-src{margin:1vh 0 0;font-family:var(--mono);font-size:.85vw;color:var(--muted)}.host-board,.host-final{padding:2.8vh 13vw 2vh;display:flex;flex-direction:column;gap:1.2vh;min-height:0;overflow:hidden;position:relative}.hb-head{text-align:center}.host-board h1,.host-final h1{font-size:3.2vw;margin:0;text-align:center}.hb-sub{text-align:center;color:var(--muted);font-size:1.15vw;margin:.4vh 0 1vh}.board-rows{list-style:none;margin:0;padding:0;display:grid;gap:.9vh}.board-rows li{position:relative;z-index:calc(20 + var(--from, 0));display:flex;align-items:center;gap:1.1vw;padding:.95vh 1.4vw;border-radius:16px;font-size:1.5vw;background:linear-gradient(90deg,#18223ad1,#0e1526d1);border:1px solid var(--line);box-shadow:var(--shadow);animation:rowin .55s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes rowin{0%{transform:translateY(1.4vh);opacity:0}}.board-rows.flip li{animation:flipin .85s var(--ease) both;animation-delay:calc(var(--i, 0) * 30ms)}@keyframes flipin{0%{transform:translateY(calc(var(--from, 0) * var(--row-step, 0px)))}}.board-rows li .avatar{--sz: 2.6vw}.br-rank{width:2.6vw;height:2.6vw;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--muted);font-weight:700;font-size:1.15vw;background:#ffffff0a;border:1px solid var(--line-2)}.board-rows li.r1{border-color:var(--gold-border);background:linear-gradient(90deg,#f9bc1333,#0e1526d1 70%)}.board-rows li.r1 .br-rank{color:#3a2600;border-color:transparent;background:radial-gradient(circle at 30% 25%,#fff3c4,#f9bc13 50%,#b77f00)}.board-rows li.r2 .br-rank{color:#22293a;border-color:transparent;background:radial-gradient(circle at 30% 25%,#fff,#c7d1e3 50%,#7d879b)}.board-rows li.r3 .br-rank{color:#2c1406;border-color:transparent;background:radial-gradient(circle at 30% 25%,#ffd9b8,#d98a4b 50%,#8d4a1b)}.br-name{flex:1;min-width:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-gain{font-size:1.05vw;font-weight:700;color:#6cf0bf;padding:.25vh .7vw;border-radius:999px;background:var(--ok-tint);border:1px solid rgba(34,192,138,.35);animation:pop .4s .5s var(--spring) both}.br-pts{font-weight:700;min-width:7vw;text-align:right}.board-rows .move{font-size:1vw}.board-rows .streak{font-size:1.15vw}.board-rows .hearts{font-size:1.2vw}.spotlight{position:absolute;top:-10vh;right:-10vw;bottom:0;left:-10vw;pointer-events:none;z-index:-1;background:radial-gradient(40% 60% at 50% 0%,rgba(249,188,19,.16),transparent 70%),conic-gradient(from 180deg at 50% -10%,transparent 160deg,rgba(255,255,255,.05) 175deg,transparent 190deg);animation:fadein 1.2s ease both}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4vw;align-items:end;margin:.5vh 8vw 1.6vh;flex:none}.pod{display:flex;flex-direction:column;align-items:center;gap:.9vh;position:relative;animation:podin .9s var(--spring) both}@keyframes podin{0%{transform:translateY(18vh);opacity:0}}.pod.empty{visibility:hidden}.pod .avatar{--sz: 5vw;font-size:1.8vw;box-shadow:0 0 0 .3vw var(--bg),0 0 0 .55vw #ffffff40,0 1.4vh 4vh -1vh #000c}.pod.p1 .avatar{--sz: 6vw;font-size:2.1vw;box-shadow:0 0 0 .3vw var(--bg),0 0 0 .6vw #f9bc13,0 0 5vw -1vw #f9bc13e6}.pod-crown{font-size:2.4vw;color:var(--gold);filter:drop-shadow(0 0 1.4vw rgba(249,188,19,.9));animation:float 2.6s ease-in-out infinite;margin-bottom:-.6vh}@keyframes float{50%{transform:translateY(-.8vh) rotate(-4deg)}}.pod-name{font-size:1.7vw;font-weight:700;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-pts{color:var(--text-2);font-size:1.3vw;font-weight:600}.pod-block{width:100%;display:grid;place-items:center;border-radius:18px 18px 0 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#324266e6,#141c30e6);border:1px solid var(--line-2);border-bottom:0;box-shadow:inset 0 1px #ffffff1f}.pod-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translate(-100%);animation:sheen 3.5s 1.8s ease-in-out infinite}@keyframes sheen{40%,to{transform:translate(100%)}}.pod-block .mono{font-size:3.6vw;font-weight:700;color:#ffffff8c}.pod.p1 .pod-block{height:20vh;background:linear-gradient(180deg,#f9bc13,#b77f00);border-color:#ffdc78b3;box-shadow:inset 0 1px #ffffff80,0 0 6vw -2vw #f9bc13b3}.pod.p1 .pod-block .mono{color:#3a2600bf}.pod.p1 .pod-name{color:var(--gold-2);font-size:2.1vw}.pod.p2 .pod-block{height:14.5vh;background:linear-gradient(180deg,#c7d1e3,#6d7790);border-color:#e6ecf899}.pod.p2 .pod-block .mono{color:#22293ab3}.pod.p3 .pod-block{height:10.5vh;background:linear-gradient(180deg,#d98a4b,#7a3e14);border-color:#ffc89680}.pod.p3 .pod-block .mono{color:#2c1406b3}.host-final .board-rows{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:.8vh 1.4vw}.host-final .board-rows li{font-size:1.2vw;padding:.75vh 1.2vw}.host-final .board-rows li .avatar{--sz: 2vw}.login{min-height:100dvh;display:grid;place-items:center;padding:16px}.login-card{width:min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:30px 28px;border-radius:24px;animation:rise .5s var(--ease) both}.login-card .logo{margin-bottom:10px}.login-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;color:var(--accent-3);background:var(--accent-tint);border:1px solid var(--accent-border)}.login-card h1{margin:6px 0 0;font-size:26px;letter-spacing:-.02em}.login-card p{margin:0;line-height:1.45}.login-card label{font-size:13px;font-weight:600;margin-top:6px}.admin{min-height:100dvh}.admin-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 22px;position:sticky;top:0;z-index:20;background:#060a14c7;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}.admin-sep{width:1px;height:20px;background:var(--line-2)}.admin-title{font-weight:650;letter-spacing:-.01em}.admin-count{display:inline-flex;align-items:center;gap:6px;color:var(--muted);padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff05;font-size:14px}.admin-count b{color:var(--text)}.admin-err{display:flex;gap:10px;align-items:center;margin:14px 22px 0;background:#f0566a1f;border:1px solid rgba(240,86,106,.4);color:#ffc0c8;padding:11px 15px;border-radius:12px;animation:rise .25s var(--ease) both}.flow{list-style:none;margin:0;padding:14px 22px 0;display:flex;align-items:center;gap:10px;max-width:1480px}.flow li{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--dim);white-space:nowrap}.flow li+li:before{content:"";width:34px;height:2px;border-radius:2px;background:var(--line-2);margin-right:1px}.flow li.done+li:before,.flow li.done+li.cur:before{background:linear-gradient(90deg,var(--accent-2),rgba(91,140,255,.4))}.flow-n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;border:1px solid var(--line-2);color:var(--muted);background:#ffffff05}.flow li.done{color:var(--text-2)}.flow li.done .flow-n{color:#fff;border-color:transparent;background:var(--accent)}.flow li.cur{color:#fff}.flow li.cur .flow-n{color:#fff;border-color:var(--accent-2);background:var(--accent-tint);box-shadow:0 0 0 4px #5b8cff24,0 0 16px #5b8cff99}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;padding:16px 22px 60px;align-items:start;max-width:1480px}.admin-main{display:flex;flex-direction:column;gap:18px;min-width:0}.pwcard{margin:14px 22px 0;max-width:520px;display:flex;flex-direction:column;gap:10px}.control .card-head{margin-bottom:16px}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}.checklist li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:12px 0;position:relative}.checklist li+li{border-top:1px dashed var(--line)}.checklist li>div{display:flex;flex-direction:column;gap:4px;min-width:0}.checklist li b{font-size:15.5px}.checklist li .muted{line-height:1.45;font-size:14px}.checklist .row{margin-top:8px;flex-wrap:wrap}.ck{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:var(--dim);border:1.5px dashed var(--line-3)}.checklist li.done .ck{color:#04120c;border:0;background:linear-gradient(160deg,#4be3ad,#19b98d);box-shadow:0 4px 14px -4px #22c08acc}.checklist li:last-child .ck{color:var(--accent-3);border-style:solid;border-color:var(--accent-border);background:var(--accent-tint)}.joined{color:var(--muted);font-size:14px}.joined .mono{color:var(--text);font-weight:700;font-size:16px}.newgame{display:flex;flex-direction:column;gap:14px}.control.live{border-color:#22c08a47;box-shadow:var(--shadow),0 0 0 1px #22c08a14 inset,0 0 80px -40px #22c08a80}.ctl-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ctl-q{font-size:18px;font-weight:600}.ctl-q b{font-size:22px}.ctl-q em{font-style:normal;color:var(--muted)}.ctl-left{display:inline-flex;align-items:center;gap:6px;font-size:20px;font-weight:700}.ctl-qline{margin:10px 0 0;font-size:14.5px;display:flex;gap:4px;align-items:baseline;min-width:0;flex-wrap:wrap}.ctl-qline .clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.ctl-ans{color:#86f0c6}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.kpi{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:#0508118c;border:1px solid var(--line);min-width:0}.kpi>span{font-size:11.5px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kpi>b{font-size:24px;font-weight:700;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.kpi>b em{font-style:normal;font-size:14px;color:var(--muted);font-weight:500}.kpi .kpi-name{font-family:var(--sans);font-size:17px;overflow:hidden;text-overflow:ellipsis}.kpi small{color:var(--dim);font-size:12px}.kpi-bar{height:5px;border-radius:99px;background:#8ca5dc24;overflow:hidden;margin-top:2px}.kpi-bar>div{height:100%;transform-origin:left;background:linear-gradient(90deg,#2f6bff,#8fb0ff);transition:transform .4s var(--ease)}.transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.reg{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.roundswitch{margin-top:14px;padding:12px 14px;border-radius:14px;background:#05081180;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.rs-now{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rs-now .mono em{font-style:normal;color:var(--muted)}.rs-plan{display:inline-flex;gap:4px;flex-wrap:wrap}.rs-plan span{padding:1px 8px;border-radius:6px;border:1px solid var(--line-2)}.rs-plan .cur{border-color:var(--accent-2);color:var(--text)}.rs-plan .done{opacity:.5;text-decoration:line-through}.rs-next{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:14.5px}.setup-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.setup-head .btn,.setup-head .pill{margin-top:4px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span:first-child{font-size:13px;font-weight:600;color:var(--text-2)}.field>span em{font-style:normal;color:var(--muted);font-weight:500;margin-left:4px}.title-field{margin:18px 0 4px}.title-field input{font-size:18px;font-weight:600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.field.wide{grid-column:1 / -1}.switches{display:grid;gap:14px;margin-top:16px}.setup-sec{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.sec-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap}.sec-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:12.5px;font-weight:700;color:var(--accent-3);background:var(--accent-tint);border:1px solid var(--accent-border);margin-top:1px}.sec-title{flex:1;min-width:220px}.sec-title h3{margin:0;font-size:16.5px;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.sec-title h3 .icon{color:var(--muted)}.sec-title p{margin:3px 0 0}.sec-right{display:flex;align-items:center}.qtools-bar{display:flex;gap:6px;flex-wrap:wrap}.setup.locked .card-head h2 .muted{font-weight:500;font-size:15px}.modes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mode{text-align:left;border:1px solid var(--line-2);background:#05081180;color:var(--text);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.mode span{color:var(--muted);font-size:13px;line-height:1.45}.mode b{display:flex;align-items:center;gap:8px}.mode b .pill{font-size:10.5px;padding:1px 7px}.modes-help summary{cursor:pointer;color:var(--accent-2);font-size:14px;margin-top:8px}.modes-help .modes{margin-top:10px}.mix{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:16px;background:#05081180;border:1px solid var(--line);transition:border-color .25s,box-shadow .25s}.mix.pending{border-color:var(--accent-border);box-shadow:0 0 0 1px #5b8cff1f inset,0 0 50px -30px #2f6bffe6}.mix-top{display:flex;flex-direction:column;gap:12px}.mix-total{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mix-label{font-size:12px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:4px}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:11px;overflow:hidden;background:#050811cc}.stepper button{border:0;background:transparent;color:var(--text-2);width:36px;display:grid;place-items:center;transition:background .15s,color .15s}.stepper button:hover:not(:disabled){background:#ffffff0f;color:#fff}.stepper button:disabled{opacity:.3}.stepper input{width:64px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;text-align:center;font-family:var(--mono);font-size:20px;font-weight:700;padding:6px 4px;box-shadow:none;background:transparent}.stepper input:focus{box-shadow:none;background:#5b8cff14}.mix-bar{display:flex;height:38px;border-radius:11px;overflow:hidden;gap:2px;background:#8ca5dc14}.mix-bar>span{flex-basis:0;min-width:34px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 92%,#fff),color-mix(in srgb,var(--pc) 70%,#000));box-shadow:inset 0 1px #ffffff4d;transition:flex-grow .45s var(--ease)}.mix-bar>span b{font-size:15px}.mix-bar>span em{font-style:normal;font-weight:600;opacity:.92}.mix-bar>span.pool-medium,.mix-bar>span.pool-tf{color:#0b1220}.mix-bar-empty{flex:1;display:grid!important;place-items:center;color:var(--muted)!important;background:none!important;box-shadow:none!important}.pool-tf{--pc: var(--p-tf)}.pool-easy{--pc: var(--p-easy)}.pool-medium{--pc: var(--p-medium)}.pool-hard{--pc: var(--p-hard)}.mix-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.mix-rows li{display:grid;grid-template-columns:12px minmax(160px,1.3fr) minmax(120px,1fr) 78px 92px 118px;gap:14px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff05;transition:opacity .2s,border-color .2s}.mix-rows li:hover{border-color:var(--line-2)}.mix-rows li.off{opacity:.55}.mix-swatch{width:12px;height:34px;border-radius:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 90%,#fff),var(--pc));box-shadow:0 0 12px -2px var(--pc)}.mix-name{display:flex;flex-direction:column;gap:2px;min-width:0}.mix-name b{font-size:14.5px}.mix-name em{font-style:normal;color:var(--muted);font-size:12.5px;line-height:1.35}.mix-rows input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;padding:0;border:0;border-radius:99px;box-shadow:none;cursor:pointer;background:linear-gradient(90deg,var(--pc) 0 var(--v),rgba(140,165,220,.18) var(--v) 100%)}.mix-rows input[type=range]:focus{box-shadow:none}.mix-rows input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--pc);box-shadow:0 2px 8px #00000080;transition:transform .15s}.mix-rows input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.mix-rows input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--pc)}.mix-pct{display:flex;align-items:center;gap:4px}.mix-pct input{width:58px;padding:6px 8px;text-align:right;font-family:var(--mono);font-weight:700;font-size:15px}.mix-pct em{font-style:normal;color:var(--muted)}.mix-count{display:flex;align-items:baseline;gap:5px}.mix-count b{font-size:20px;color:var(--pc)}.mix-count em{font-style:normal;color:var(--muted);font-size:12.5px}.mix-avail{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12px;color:var(--muted);text-align:right;line-height:1.3}.mix-avail b{font-family:var(--mono);color:var(--text-2)}.mix-avail em{font-style:normal;color:var(--dim);font-size:11.5px}.mix-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}.mix-sum{display:inline-flex;align-items:center;gap:7px}.mix-sum.ok{color:#86f0c6}.mix-sum.warn{color:#ffd08a}.mix-sum b{color:inherit}.mix-warn{display:inline-flex;gap:6px;align-items:center;color:#ffd08a;font-size:13px}.mix-opts{display:flex;flex-direction:column;gap:14px;padding-top:12px;border-top:1px dashed var(--line)}.mix-order{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mix-go{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line)}.mix-hint{color:var(--muted);font-size:13.5px;line-height:1.4;flex:1;min-width:240px}.mix-hint .icon{vertical-align:-2px}.mix-notes{list-style:none;margin:0;padding:10px 12px;border-radius:12px;background:#f5a52414;border:1px solid rgba(245,165,36,.3);display:grid;gap:4px;font-size:13.5px;color:#ffd9a0}.mix-notes li{display:flex;gap:8px;align-items:flex-start}.mix-notes .icon{margin-top:2px;flex:none}.pool-badge{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:6px;white-space:nowrap;color:color-mix(in srgb,var(--pc, #8592ad) 75%,#fff);background:color-mix(in srgb,var(--pc, #8592ad) 15%,transparent);border:1px solid color-mix(in srgb,var(--pc, #8592ad) 40%,transparent)}.pool-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc, #8592ad)}.pool-badge.custom{--pc: #8592ad}.teamopts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.teamopt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--line-2);background:#05081180;color:var(--text);transition:border-color .2s,background .2s,box-shadow .2s}.teamopt:hover{border-color:var(--line-3)}.teamopt.on{border-color:var(--accent-2);background:var(--accent-tint);box-shadow:0 0 0 3px #5b8cff24}.teamopt b{font-size:15px}.teamopt em{font-style:normal;color:var(--muted);font-size:12.5px}.room-mini{display:grid;grid-auto-flow:column;grid-template-rows:6px 26px;gap:3px;width:72px;margin-bottom:6px}.room-mini .stage{grid-column:1 / -1;border-radius:2px;background:#8ca5dc59}.room-mini i:not(.stage){border-radius:4px;background:var(--tc, rgba(140, 165, 220, .3));opacity:.85}.room-mini .solo{background:repeating-linear-gradient(90deg,rgba(140,165,220,.35) 0 6px,transparent 6px 9px)!important}.room-mini.n0{grid-template-columns:1fr}.room-mini.n2{grid-template-columns:1fr 1fr}.room-mini.n3{grid-template-columns:1fr 1fr 1fr}.qlist{list-style:none;margin:0;padding:0;display:grid;gap:6px;transition:opacity .2s}.qlist.busy{opacity:.45}.qlist li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#05081180;border:1px solid var(--line);flex-wrap:wrap;transition:border-color .15s,background .15s;animation:rowin .35s var(--ease) both;animation-delay:calc(var(--i, 0) * 18ms)}.qlist li:hover{border-color:var(--line-2);background:#050811b3}.qlist li.open{border-color:var(--accent-border)}.qlist li.swapping{opacity:.5}.qn{color:var(--muted);width:24px;text-align:right;flex:none}.qbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px;background:none;border:0;padding:0;text-align:left;color:inherit;cursor:pointer}.qbody b{font-size:14px}.qtext{color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.qbody:hover .qtext{color:var(--text)}.qlist li.open .qtext{display:none}.qans{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line);white-space:nowrap;max-width:30%;overflow:hidden;text-overflow:ellipsis;flex:none}.qans.true{color:#6cf0bf}.qans.false{color:#ff9aa8}.qans.c0{color:#a9c1ff}.qans.c1{color:#ff9aa8}.qans.c2{color:var(--gold)}.qans.c3{color:#6cf0bf}.qtools{display:flex;gap:2px;flex:none;align-items:center}.qpeek{flex-basis:100%;border-top:1px solid var(--line);margin-top:6px}.qpeek .qv-detail{padding:10px 0 2px 36px}.qdivider,.qv-divider{display:flex;align-items:baseline;gap:10px;padding:12px 12px 4px;margin-top:6px;color:var(--accent-3);background:none!important;border:0!important;border-top:2px solid var(--accent-border)!important;border-radius:0!important;animation:none!important}.qdivider .mono,.qv-divider .mono{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.qdivider b,.qv-divider b{color:var(--text)}.qlist li:hover .newround,.qlist li:focus-within .newround{visibility:visible}.newround{visibility:hidden}@media(hover:none){.newround{visibility:visible}}.empty{text-align:center;padding:18px 0 6px;margin:0}.subpanel{margin:0 0 12px;padding:14px;border-radius:14px;background:#05081199;border:1px solid var(--line-2);display:flex;flex-direction:column;gap:12px;animation:rise .25s var(--ease) both}.subpanel select{width:auto;min-width:260px}.pick{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto;display:grid;gap:2px}.pick li label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:8px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1.4}.pick li label:hover{background:#ffffff08}.pick li.have{opacity:.45}.pick em{font-style:normal;font-size:12.5px;font-weight:700}.pick em.true{color:#6cf0bf}.pick em.false{color:#ff9aa8}.qform .field textarea,.qform .field input{font-size:15px}.mc-choices{display:grid;gap:8px}.mc-choice{display:flex;align-items:center;gap:10px}.rounds{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.round-row{display:grid;grid-template-columns:76px 92px minmax(130px,200px) minmax(0,1fr) 30px;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:#05081180;border:1px solid var(--line)}.round-row select,.round-row input{padding:7px 10px;font-size:14px}.round-row select{padding-right:32px}.players{position:sticky;top:72px;max-height:calc(100vh - 92px);display:flex;flex-direction:column;gap:12px}.players-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.players-count{display:inline-flex;align-items:center;gap:7px;font-size:14px}.players-count .live-dot{color:var(--ok)}.search-wrap{position:relative}.search-wrap .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}.search{font-size:14.5px;padding:9px 12px 9px 34px}.clear-all{align-self:flex-start}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 12px;border:1px dashed var(--line-2);border-radius:14px}.empty-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--muted);background:#ffffff08;border:1px solid var(--line)}.plist{list-style:none;margin:0 -6px;padding:0;overflow-y:auto;flex:1;min-height:80px;display:grid;gap:1px;align-content:start}.plist li{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:10px;font-size:14.5px;animation:fadein .3s ease both}.plist li:hover{background:#ffffff09}.plist li.away .pname{color:var(--muted)}.plist li.away .avatar{filter:grayscale(.8) brightness(.7)}.pav{position:relative;flex:none;display:inline-flex}.pav .dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--panel);background:var(--dim)}.pav .dot.on{background:var(--ok)}.dot,.tdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--tc, var(--dim));flex:none}.pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.prank{color:var(--muted);font-size:12.5px}.ppts{font-size:13px;min-width:48px;text-align:right;font-weight:600}.answered{color:var(--dim);width:18px;text-align:center}.answered.yes{color:var(--ok)}.ptools{display:none;gap:4px}.plist li:hover .ptools,.plist li:focus-within .ptools{display:flex}.code{background:var(--gold-tint);color:var(--gold);border:1px solid var(--gold-border);padding:2px 8px;border-radius:6px;font-size:14px;letter-spacing:.15em}.rename{display:flex;gap:6px;flex:1}.rename input{padding:5px 8px;font-size:14px}.players .foot{margin:0;line-height:1.45}.psel{width:46px;padding:2px 4px;font-size:12px;border-radius:6px;border-color:var(--tc, var(--line-2));background:var(--tc-tint, var(--bg-deep));flex:none;background-image:none;text-align:center}.psel.team-none{border-style:dashed}.qview .qv-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.qv-now{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px;margin-top:14px}.qv-main{min-width:0;display:flex;flex-direction:column;gap:10px}.qv-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qv-meta>.mono{font-size:17px;font-weight:700}.qv-meta em{font-style:normal;color:var(--muted)}.qv-title{margin:0;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.qv-text{margin:0;font-size:17px;line-height:1.5}.qv-choices{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}.qv-choices li{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(60px,34%) 34px 42px;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#05081180;border:1px solid var(--line)}.qv-choices li:not(:has(.qv-bar)){grid-template-columns:auto minmax(0,1fr)}.qv-choices li.right{border-color:#22c08a80;background:#22c08a12}.qv-swatch{--a: var(--c0);--b: var(--c0-2);width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:16px;background:linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 1px #ffffff4d}.qv-swatch.true{--a: var(--true);--b: var(--true-2)}.qv-swatch.false{--a: var(--false);--b: var(--false-2)}.qv-swatch.c1{--a: var(--c1);--b: var(--c1-2)}.qv-swatch.c2{--a: var(--c2);--b: var(--c2-2);color:#1d1300}.qv-swatch.c3{--a: var(--c3);--b: var(--c3-2)}.qv-label{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.qv-label em{font-style:normal;color:var(--muted);font-size:12px}.qv-right{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#6cf0bf;background:#22c08a24;border-radius:999px;padding:2px 8px}.qv-bar{height:10px;border-radius:99px;background:#8ca5dc24;overflow:hidden}.qv-bar>span{display:block;height:100%;transform-origin:left;transition:transform .35s ease-out;background:var(--accent-2)}.qv-bar>.true{background:var(--true)}.qv-bar>.false{background:var(--false)}.qv-bar>.c0{background:var(--c0)}.qv-bar>.c1{background:var(--c1)}.qv-bar>.c2{background:var(--c2)}.qv-bar>.c3{background:var(--c3)}.qv-n{text-align:right;font-weight:700}.qv-pct{text-align:right;color:var(--muted);font-size:13px}.qv-stats{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--text-2);padding:10px 0 0;border-top:1px solid var(--line)}.qv-stats b{color:var(--text)}.qv-who{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#05081180}.qv-who summary{cursor:pointer;font-weight:600;font-size:14.5px}.qv-who-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:start;margin-top:10px}.qv-who-label{--a: var(--c0);--b: var(--c0-2);display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:7px;color:#fff;justify-self:start;background:linear-gradient(160deg,var(--a),var(--b))}.qv-who-label.true{--a: var(--true);--b: var(--true-2)}.qv-who-label.false{--a: var(--false);--b: var(--false-2)}.qv-who-label.c1{--a: var(--c1);--b: var(--c1-2)}.qv-who-label.c2{--a: var(--c2);--b: var(--c2-2);color:#1d1300}.qv-who-label.c3{--a: var(--c3);--b: var(--c3-2)}.qv-who-label.waiting{background:var(--panel-2);color:var(--muted);border:1px solid var(--line-2)}.qv-names{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.qv-chip{font-size:13px;padding:2px 9px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line-2);white-space:nowrap}.qv-names.waiting .qv-chip{color:var(--muted);border-style:dashed}.qv-side{display:flex;flex-direction:column;gap:12px;min-width:0}.qv-notes{border-radius:14px;padding:14px;background:#05081180;border:1px solid var(--line);border-left:3px solid var(--gold);display:flex;flex-direction:column;gap:8px}.qv-notes h3{margin:0;color:var(--gold);font-size:17px;line-height:1.25}.qv-notes p{margin:0;font-size:14px;line-height:1.5;color:var(--text-2)}.qv-take b{color:var(--text)}.qv-src{font-family:var(--mono);font-size:12px;color:var(--accent-2);line-height:1.4;text-decoration:none}a.qv-src:hover{text-decoration:underline}.qv-next{border-radius:14px;padding:14px;background:#05081166;border:1px dashed var(--line-2);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.qv-next b{font-size:14.5px}.qv-next-text{margin:0;font-size:13.5px;line-height:1.45;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.qv-rundown{margin-top:14px;display:flex;flex-direction:column;gap:10px}.qv-summary{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 14px;border-radius:14px;background:var(--gold-tint);border:1px solid var(--gold-border);font-size:14px;color:var(--text-2)}.qv-summary b{color:var(--text)}.qv-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.qv-list>li{border-radius:12px;background:#05081180;border:1px solid var(--line)}.qv-list>li.now{border-color:#22c08a80}.qv-list>li.todo .qv-row-q{opacity:.7}.qv-list>li.open{border-color:var(--accent-border)}.qv-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto 150px;gap:12px;align-items:center;padding:10px 12px;background:none;border:0;text-align:left;color:inherit}.qv-row .qn{color:var(--muted);text-align:right}.qv-row-q{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px}.qv-row-q span{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qv-row .qans{max-width:160px}.qv-row-stat{display:flex;align-items:center;gap:8px;justify-content:flex-end}.qv-meter{width:60px;height:8px;border-radius:99px;background:#8ca5dc24;overflow:hidden}.qv-meter>span{display:block;height:100%;background:var(--ok);transform-origin:left}.qv-detail{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px}.pwform{display:flex;flex-direction:column;gap:8px}.pwform label{font-size:14px;margin-top:4px}.team-left{--tc: #3d7bff;--tc-ink: #fff;--tc-tint: rgba(61, 123, 255, .14)}.team-center{--tc: #f2b705;--tc-ink: #1b1300;--tc-tint: rgba(242, 183, 5, .14)}.team-right{--tc: #b06cff;--tc-ink: #fff;--tc-tint: rgba(176, 108, 255, .15)}.tdot{margin-right:6px;vertical-align:1px}.teamtag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2)}.teamtag .dot{box-shadow:0 0 8px var(--tc)}.who .teamtag{margin-top:1px}.teamtag.big{font-size:16px;padding:5px 13px;border-radius:999px;background:var(--tc-tint);border:1px solid var(--tc);color:var(--text)}.teamtag.big .dot{width:11px;height:11px}.lobby-team{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin:0;color:var(--text-2)}.teampick{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:4vh;animation:rise .4s var(--ease) both}.teampick h1{margin:0;font-size:30px;letter-spacing:-.02em}.room{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:14px;border-radius:22px;background:#ffffff05;border:1px solid var(--line)}.room-front{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px 10px;border-radius:12px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:linear-gradient(180deg,#5b8cff4d,#5b8cff0f);border:1px solid var(--accent-border);box-shadow:0 10px 30px -10px #5b8cffcc}.room-front:before{content:"";position:absolute;top:4px;left:30%;right:30%;height:3px;border-radius:3px;background:#cfe0ff;box-shadow:0 0 12px #8fb0ff}.room-back{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.room-sections{display:grid;gap:8px}.room-sections.n2{grid-template-columns:1fr 1fr}.room-sections.n3{grid-template-columns:1fr 1fr 1fr}.section{position:relative;min-height:200px;border-radius:16px;border:2px solid var(--tc);color:var(--text);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;background:radial-gradient(circle,color-mix(in srgb,var(--tc) 40%,transparent) 1.4px,transparent 1.8px) 0 0 / 14px 14px,var(--tc-tint);transition:transform .1s,background .2s,box-shadow .2s}.section b{font-size:21px;letter-spacing:.08em;color:var(--tc);position:relative}.room-sections.n3 .section b{font-size:16px}.section span{font-size:13px;color:var(--text-2);position:relative}.section .icon{position:absolute;top:8px;right:8px;color:var(--tc)}.section.on{background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 100%,#fff 12%),var(--tc));box-shadow:0 14px 34px -12px var(--tc)}.section.on b,.section.on span,.section.on .icon{color:var(--tc-ink)}.section:active:not(:disabled){transform:scale(.98)}.teampick.compact{flex:none;padding:10px 0 0;gap:8px;animation:none}.teampick.compact p{margin:0;font-size:14px;color:var(--text-2)}.teampick.compact .section{min-height:52px;font-weight:700;letter-spacing:.06em;color:var(--tc)}.teamline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 14px;border-radius:16px;background:var(--tc-tint);border:1px solid color-mix(in srgb,var(--tc) 70%,transparent);font-size:14.5px;animation:rise .4s .12s var(--ease) both}.teamline .teamtag{font-size:14.5px;color:var(--text)}.teamline-rank{display:flex;align-items:baseline;gap:6px}.teamline-rank b{font-size:20px}.teamline-rank em{font-style:normal;color:var(--muted);font-size:13px}.teamline-rank .mono:last-child{margin-left:8px;font-weight:700}.teamline-win{flex-basis:100%;margin:2px 0 0;font-weight:700;color:var(--tc)}.hl-sides{flex:1;min-height:0;display:grid;gap:1.2vw}.hl-sides.n2{grid-template-columns:1fr 1fr}.hl-sides.n3{grid-template-columns:1fr 1fr 1fr}.hl-side{min-height:0;display:flex;flex-direction:column;gap:1.2vh;border-radius:20px;border:1px solid color-mix(in srgb,var(--tc) 60%,transparent);background:linear-gradient(180deg,var(--tc-tint),rgba(14,21,38,.6));padding:1.6vh 1.1vw;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.hl-side-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:1.5vw;color:var(--tc)}.hl-side-head b{font-size:2.6vw;color:var(--text)}.hl-side-names{display:flex;flex-wrap:wrap;gap:.5vw;align-content:flex-start;overflow:hidden}.hl-side .hl-name{font-size:1.1vw;padding:.45vh .8vw .45vh .35vw}.hl-side .hl-name .avatar{--sz: 1.6vw}.teamstrip{display:grid;gap:.8vh}.ts-row{display:grid;grid-template-columns:10vw 1fr 7vw auto;align-items:center;gap:1vw;font-size:1.15vw}.teamstrip.big .ts-row{font-size:1.55vw;grid-template-columns:12vw 1fr 8vw 12vw 3vw;padding:.7vh 1.1vw;border-radius:14px;background:linear-gradient(90deg,#18223ad1,#0e1526d1);border:1px solid var(--line)}.teamstrip.big .ts-row.lead{border-color:var(--tc);background:linear-gradient(90deg,var(--tc-tint),rgba(14,21,38,.82));box-shadow:0 0 40px -16px var(--tc)}.ts-name{font-weight:700;color:var(--tc);white-space:nowrap;display:inline-flex;align-items:center;gap:.6vw}.ts-name .dot{width:.8vw;height:.8vw;box-shadow:0 0 10px var(--tc)}.ts-bar{height:1.2vh;border-radius:99px;background:#8ca5dc1f;overflow:hidden}.teamstrip.big .ts-bar{height:2vh}.ts-bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 70%,#000),var(--tc));transform-origin:left;transition:transform 1s var(--ease);box-shadow:0 0 14px -2px var(--tc)}.ts-score{font-weight:700;text-align:right}.ts-q{color:var(--text-2);font-size:.95vw;white-space:nowrap}.ts-top{color:var(--muted);font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-top b{color:var(--text);font-weight:600}.host-board.with-teams .board-rows li{font-size:1.35vw;padding:.75vh 1.3vw}.host-board.with-teams .teamstrip{margin-bottom:1.2vh}.final-teams{display:flex;flex-direction:column;gap:1vh}.final-win{margin:0;text-align:center;font-size:2.4vw;font-weight:700;color:var(--tc, var(--text));display:flex;align-items:center;justify-content:center;gap:.8vw}.host-final.with-teams .podium{margin-top:.4vh}.host-final.with-teams .pod .avatar{--sz: 3.8vw;font-size:1.4vw}.host-final.with-teams .pod-crown{font-size:1.9vw}.host-final.with-teams .pod-name{font-size:1.4vw}.host-final.with-teams .pod.p1 .pod-name{font-size:1.7vw}.host-final.with-teams .pod-pts{font-size:1.1vw}.host-final.with-teams .pod.p1 .avatar{--sz: 4.6vw;font-size:1.7vw}.host-final.with-teams .pod.p1 .pod-block{height:11vh}.host-final.with-teams .pod.p2 .pod-block{height:8vh}.host-final.with-teams .pod.p3 .pod-block{height:5.5vh}.host-final.with-teams .pod-block .mono{font-size:2.2vw}.host-final.with-teams .final-win{font-size:2vw}.host-final.with-teams .teamstrip.big .ts-row{font-size:1.35vw;padding:.5vh 1.1vw}.sidecounts{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:12px;font-size:14px}.sidecount{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:var(--tc-tint);border:1px solid color-mix(in srgb,var(--tc) 70%,transparent)}.sidecount em{font-style:normal;font-size:12.5px}.ask-round{display:block;font-family:var(--sans);font-size:12.5px;color:var(--gold);letter-spacing:.02em;margin-bottom:1px;font-weight:600}.roundplan{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;text-align:left}.roundplan li{display:flex;align-items:baseline;gap:10px}.roundplan .mono{color:var(--muted);width:14px}.roundplan em{font-style:normal;color:var(--muted);font-size:14px;margin-left:auto}.roundbreak{flex:1;display:flex;flex-direction:column;gap:14px;padding-top:5vh}.rb-mine{display:flex;flex-direction:column;align-items:center;gap:2px;padding:20px;border-radius:20px;animation:pop .45s var(--spring) both}.rb-mine b{font-size:46px;line-height:1;font-weight:700}.rb-mine>span{color:var(--text-2)}.rb-mine em{font-style:normal;color:var(--gold);font-weight:600;margin-top:6px}.rb-team{margin:0;padding:10px 14px;border-radius:14px;background:var(--tc-tint);border:1px solid var(--tc);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rb-overall{margin:0;text-align:center}.rb-next{margin-top:0}.rb-next h2{margin:6px 0 0;font-size:24px;letter-spacing:-.01em}.hl-plan{list-style:none;margin:1vh 0 0;padding:0;display:grid;gap:.6vh;font-size:1.25vw}.hl-plan li{display:flex;align-items:baseline;gap:.8vw}.hl-plan .mono{color:var(--muted)}.hl-plan em{font-style:normal;color:var(--muted);margin-left:auto}.hl-first{margin:1.2vh 0 0;font-size:1.15vw;color:var(--text-2)}.host-break{display:grid;grid-template-columns:50fr 50fr;gap:3vw;padding:4vh 4vw;min-height:0}.hb-left,.hb-right{display:flex;flex-direction:column;gap:1.4vh;min-height:0}.host-break .eyebrow{font-size:1vw}.hb-left h1{margin:0;font-size:3.4vw}.hb-label{margin:.6vh 0 0;color:var(--muted);font-size:1.1vw}.hb-teams{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1vw}.hb-team{display:flex;flex-direction:column;gap:.4vh;padding:1.4vh 1.1vw;border-radius:16px;border:1px solid color-mix(in srgb,var(--tc) 60%,transparent);background:var(--tc-tint)}.hb-team>span{color:var(--tc);font-weight:700;font-size:1.3vw}.hb-team b{font-size:2.6vw}.hb-team.lead{box-shadow:0 0 0 2px var(--tc) inset,0 0 40px -12px var(--tc)}.host-break .board-rows li{font-size:1.5vw;padding:.9vh 1.4vw}.hb-right{justify-content:center;padding:4vh 3vw;border-radius:28px}.hb-right h2{margin:0;font-size:3.8vw;letter-spacing:-.03em}.hb-mode{margin:0;font-size:2.2vw;font-weight:700;color:var(--gold)}.hb-right ul{margin:1.4vh 0 0;padding-left:1.4vw;font-size:1.45vw;line-height:1.5;color:var(--text-2)}.hb-right li+li{margin-top:.8vh}.hb-right li::marker{color:var(--gold)}@media(hover:none){.ptools{display:flex}}@media(max-width:1180px){.mix-rows li{grid-template-columns:12px minmax(0,1fr) 78px 92px}.mix-rows li input[type=range]{grid-column:2 / -1;grid-row:2}.mix-rows li .mix-avail{grid-column:2 / -1;align-items:flex-start;flex-direction:row;gap:8px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.qv-now{grid-template-columns:1fr}}@media(max-width:1000px){.admin-grid{grid-template-columns:1fr;padding:14px 16px 40px}.players{position:static;max-height:none}.plist{max-height:60vh}}@media(max-width:760px){.round-row{grid-template-columns:70px 1fr 30px}.round-row select,.round-row input{grid-column:1 / -1}.teamopts{grid-template-columns:1fr}.flow{overflow-x:auto;padding:12px 16px 0}.flow li+li:before{width:16px}}@media(max-width:640px){.admin-top{padding:10px 16px;gap:8px}.admin-top .btn.sm{padding:6px 9px;font-size:13px}.admin-sep,.admin-title{display:none}.fields,.modes{grid-template-columns:1fr}.card{padding:16px}.qans{max-width:40%}.mix{padding:12px}.mix-rows li{grid-template-columns:10px minmax(0,1fr) 72px;gap:10px}.mix-rows li .mix-count{grid-column:2 / -1}.qv-choices li{grid-template-columns:auto minmax(0,1fr) 30px 38px}.qv-choices li .qv-bar{grid-column:2 / -1;grid-row:2}.qv-row{grid-template-columns:24px minmax(0,1fr)}.qv-row .qans,.qv-row .qv-row-stat{grid-column:2;justify-self:start}.qv-who-row{grid-template-columns:1fr}.qpeek .qv-detail{padding-left:0}}@media(max-height:680px){.answers.tf .answer{min-height:112px}.answers.tf .answer-shape{width:48px;height:48px;font-size:28px}.answer{min-height:72px}.lobby,.final,.join-body{padding-top:3vh}.lobby-badge{width:80px;height:80px}.lobby-badge .avatar.xl{--sz: 80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}