@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #0f1b33;--ink-2: #3c4a63;--muted: #64708a;--bg: var(--surface-2);--card: #ffffff;--line: #e2e8f2;--brand: #0f766e;--brand-dark: #0b5952;--brand-soft: #e6f4f2;--gold: #f5b301;--good: #15803d;--good-soft: #e7f6ec;--bad: #c2332f;--bad-soft: #fdecea;--warn-soft: #fff6dc;--opt-0: #e5484d;--opt-1: #3e63dd;--opt-2: #d97706;--opt-3: #15803d;--surface-2: #f6f8fc;--track: #e3e9f2;--input: #fbfcfe;--placeholder: #c3cad8;--btn2: #eef2f8;--btn2-shadow: #d5dce8;--btn2-hover: #e2e8f2;--glow-1: #dff3ef;--glow-2: #fdf3d8;--tint-good: #d9f2e2;--tint-bad: #fbdcd9;--tint-none: #e4e8ef;--link: #0f766e;--good-ink: #15803d;--bad-ink: #8a1f12;--bad-line: #f5c2bd;--warn-ink: #6b4e00;--warn-line: #f3dc9a;color-scheme:light;--radius: 18px;--shadow: 0 1px 2px rgb(15 27 51 / 6%), 0 8px 24px rgb(15 27 51 / 8%);--shadow-lg: 0 2px 4px rgb(15 27 51 / 6%), 0 18px 48px rgb(15 27 51 / 12%);font-family:Inter Variable,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-feature-settings:"cv11","ss01";color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:radial-gradient(1200px 600px at 100% -10%,var(--glow-1) 0%,transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--glow-2) 0%,transparent 55%),var(--bg);background-attachment:fixed}h1,h2{margin:0 0 10px;line-height:1.2;letter-spacing:-.01em}h1{font-size:26px}h2{font-size:20px}p{margin:8px 0;line-height:1.5}a{color:var(--link)}button{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.page{min-height:100vh;padding:12px 16px 32px;max-width:520px;margin:0 auto}.page.host{max-width:1320px;padding:16px 32px 40px}.center-text{text-align:center}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;color:var(--muted)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);margin-top:48px;font-weight:600}.loading:before{content:"";width:18px;height:18px;border-radius:50%;border:3px solid var(--track);border-top-color:var(--brand);animation:spin .8s linear infinite}.loading.small{margin-top:12px;font-size:14px}.card,.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.card{padding:28px 22px;margin-top:12px}.panel{padding:24px}.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 12px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd34d,var(--gold));color:#6b4a00;font-weight:900;font-size:18px;box-shadow:inset 0 -2px #0000001f}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.01em}.host .brand-mark{width:44px;height:44px;font-size:22px}.host .brand-name{font-size:24px}.pill{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink-2);max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host .pill{font-size:18px;padding:8px 18px}.btn{display:block;width:100%;font-size:18px;font-weight:700;padding:15px 20px;border:0;border-radius:14px;background:var(--brand);color:#fff;cursor:pointer;margin-top:18px;box-shadow:0 4px 0 var(--brand-dark);transition:transform .08s,box-shadow .08s,background .15s}.btn:hover:not(:disabled){background:#0d6b64}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--brand-dark)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.btn.secondary{background:var(--btn2);color:var(--ink);box-shadow:0 3px 0 var(--btn2-shadow)}.btn.secondary:hover:not(:disabled){background:var(--btn2-hover)}.big-btn{font-size:22px;padding:18px}.link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;margin-top:14px;display:inline-block;padding:6px}.join h1{font-size:28px}.join label{display:block;font-weight:700;margin-top:18px;font-size:15px;color:var(--ink-2)}.join input{display:block;width:100%;margin-top:8px;font:inherit;font-size:20px;padding:14px 16px;border:2px solid var(--line);border-radius:12px;background:var(--input);color:var(--ink);transition:border-color .15s,background .15s}.join input:focus{outline:none;border-color:var(--brand);background:var(--card)}.join input[aria-invalid=true]{border-color:var(--bad)}.join .code-input{font-size:30px;font-weight:800;letter-spacing:.3em;text-align:center;text-transform:uppercase}.join .code-input::placeholder{color:var(--placeholder);letter-spacing:.3em}.join .link{display:block;text-align:center;margin:14px auto 0}.form-error{color:var(--bad-ink);font-weight:700;background:var(--bad-soft);padding:10px 12px;border-radius:10px}.banner{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--warn-soft);color:var(--warn-ink);padding:10px 14px;border-radius:12px;font-weight:700;margin-bottom:8px;border:1px solid var(--warn-line)}.banner-error{background:var(--bad-soft);color:var(--bad-ink);border-color:var(--bad-line);justify-content:space-between}.banner button{border:0;border-radius:10px;padding:8px 16px;background:#8a1f12;color:#fff;font-weight:700;cursor:pointer}.spinner{flex:none;width:16px;height:16px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{background:var(--bad-soft);color:var(--bad-ink);border-radius:12px;padding:14px 16px;margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--bad-line)}.error-panel p{margin:0;font-weight:700}.error-panel .btn{width:auto;margin:0;padding:10px 18px;font-size:16px;background:#8a1f12;box-shadow:none}.timer-bar{display:flex;align-items:center;gap:12px;margin:6px 0 14px}.timer-bar-track{flex:1;height:12px;border-radius:999px;background:var(--track);overflow:hidden}.timer-bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),#22a699);transform-origin:left center;transition:transform .1s linear}.timer-bar-num{min-width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:3px solid var(--brand);color:var(--link);font-weight:900;font-size:20px;font-variant-numeric:tabular-nums}.timer-bar.urgent .timer-bar-fill{background:linear-gradient(90deg,var(--bad),#e5484d)}.timer-bar.urgent .timer-bar-num{border-color:var(--bad);color:var(--bad);animation:pulse 1s ease-in-out infinite}.timer-ring{position:relative;width:132px;height:132px;flex:none}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:10}.timer-ring-track{stroke:var(--track)}.timer-ring-fill{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset .1s linear}.timer-ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:52px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ink)}.timer-ring.urgent .timer-ring-fill{stroke:var(--bad)}.timer-ring.urgent span{color:var(--bad);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08)}}.q-text{font-size:22px;font-weight:800;margin:4px 0 18px;line-height:1.3}.options{display:grid;gap:10px}.option{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;font-size:18px;font-weight:700;color:#fff;border:0;border-radius:16px;padding:14px 16px;min-height:62px;cursor:pointer;box-shadow:0 4px #0000002e;transition:transform .08s,box-shadow .08s,opacity .2s,filter .2s}.option:hover:not(:disabled){filter:brightness(1.05)}.option:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0000002e}.option:disabled{cursor:default}.option .letter{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff38;font-weight:900}.opt-0{background:var(--opt-0)}.opt-1{background:var(--opt-1)}.opt-2{background:var(--opt-2)}.opt-3{background:var(--opt-3)}.option.dim{opacity:.3;filter:saturate(.6)}.option.chosen{outline:4px solid var(--ink);outline-offset:3px;transform:scale(1.01)}.locked{text-align:center;font-weight:800;color:var(--good-ink);background:var(--good-soft);padding:12px;border-radius:12px;margin-top:16px;animation:fade-up .25s ease-out}.result-icon{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:44px;font-weight:900;color:#fff}.result-icon.good{background:var(--good);box-shadow:0 0 0 10px var(--good-soft)}.result-icon.bad{background:var(--bad);box-shadow:0 0 0 10px var(--bad-soft)}.result-icon.none{background:#8a94a8;box-shadow:0 0 0 10px var(--track)}.result.good h1{color:var(--good-ink)}.result.bad h1{color:var(--bad-ink)}.points{display:inline-block;font-size:22px;font-weight:900;color:var(--good-ink);background:var(--good-soft);padding:6px 16px;border-radius:999px;margin:4px 0 10px}.correct-answer{display:flex;flex-direction:column;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0 6px;font-size:18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 8px}.stats div{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px 8px;color:var(--muted);font-size:14px}.stats .big{display:block;font-size:30px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}.final-rank{font-size:88px;font-weight:900;line-height:1;margin:8px 0 12px;color:var(--link)}.final-rank.medal-1{color:#c99400}.final-rank.medal-2{color:#7b8796}.final-rank.medal-3{color:#b4652d}.waiting{display:flex;justify-content:center;gap:8px;margin:18px 0 10px}.waiting span{width:10px;height:10px;border-radius:50%;background:var(--brand);animation:bounce 1.2s infinite ease-in-out}.waiting span:nth-child(2){animation-delay:.15s}.waiting span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.lobby{display:grid;grid-template-columns:minmax(320px,1fr) 1.25fr;gap:28px;align-items:start;margin-top:8px}.join-card{background:linear-gradient(160deg,var(--brand) 0%,#115e59 100%);color:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:var(--shadow-lg)}.join-steps{text-align:left;margin:0 auto 18px;padding-left:26px;font-size:20px;line-height:1.7;max-width:380px}.join-steps strong{color:#ffe08a}.room-code{background:#fff;color:#0f1b33;border-radius:18px;padding:10px 16px;font-size:clamp(48px,6.5vw,96px);font-weight:900;letter-spacing:.12em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.qr-wrap{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:16px;opacity:.95}.qr{width:200px;height:200px;background:#fff;padding:10px;border-radius:14px;image-rendering:pixelated}.lobby-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.lobby-head h2{margin:0;font-size:28px}.count-badge{min-width:44px;height:44px;padding:0 12px;border-radius:999px;display:grid;place-items:center;background:var(--brand-soft);color:var(--link);font-weight:900;font-size:22px}.empty{color:var(--muted);font-size:20px;padding:28px 0;text-align:center;border:2px dashed var(--line);border-radius:14px}.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;max-height:50vh;overflow:auto}.chips li{display:inline-flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 18px 6px 6px;font-size:20px;font-weight:700;animation:pop .3s ease-out}.host-question{max-width:1180px;margin:0 auto}.host-q-top{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.answered{display:flex;flex-direction:column;align-items:flex-end;color:var(--muted);font-size:18px;font-weight:600}.answered-num{font-size:56px;font-weight:900;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}.host .q-text{font-size:clamp(30px,3.4vw,48px);text-align:center;margin:4px auto 32px;max-width:1050px}.host-options{grid-template-columns:1fr 1fr;gap:18px}.host-options .option{font-size:clamp(22px,2.2vw,32px);min-height:110px;cursor:default;padding:20px 24px}.host-options .option .letter{width:52px;height:52px;font-size:26px}.reveal-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start;margin-top:8px}.reveal-q{font-size:clamp(22px,2.2vw,30px);margin-bottom:18px}.answer-bars{display:grid;gap:10px}.answer-bar{position:relative;display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 16px;border-radius:14px;background:var(--surface-2);overflow:hidden;font-size:22px;font-weight:700;color:var(--ink-2);border:2px solid transparent}.answer-bar>:not(.answer-bar-fill){position:relative}.answer-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;opacity:.18;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.fill-0{background:var(--opt-0)}.fill-1{background:var(--opt-1)}.fill-2{background:var(--opt-2)}.fill-3{background:var(--opt-3)}.answer-bar .letter{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900}.letter-0{background:var(--opt-0)}.letter-1{background:var(--opt-1)}.letter-2{background:var(--opt-2)}.letter-3{background:var(--opt-3)}.answer-bar.correct{border-color:var(--good);background:var(--good-soft);color:var(--ink)}.answer-bar.correct .letter{background:var(--good)}.answer-bar.correct .answer-bar-fill{background:var(--good);opacity:.16}.reveal-grid .panel>h2:not(.reveal-q){font-size:26px}.answer-text{flex:1}.answer-bar .count{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums}.explain{margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--brand-soft);border-left:5px solid var(--brand)}.explain p{margin:0 0 6px;font-size:22px;color:var(--ink)}.explain a{font-size:15px;font-weight:600}.leaderboard{list-style:none;padding:0;margin:0;display:grid;gap:8px}.leaderboard li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 18px;font-size:22px;animation:fade-up .35s ease-out both}.leaderboard .rank{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:17px;background:var(--track);color:var(--ink-2)}.leaderboard .name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard .score{font-weight:900;font-variant-numeric:tabular-nums}.leaderboard .top-1 .rank{background:linear-gradient(145deg,#ffd34d,var(--gold));color:#6b4a00}.leaderboard .top-2 .rank{background:linear-gradient(145deg,#e9edf2,#b9c2cf);color:#3c4653}.leaderboard .top-3 .rank{background:linear-gradient(145deg,#f2c6a0,#c98048);color:#5a2f10}.leaderboard .more{display:block;background:none;border:0;color:var(--muted);text-align:center;font-size:18px}.final{max-width:760px;margin:0 auto}.final h1{text-align:center;font-size:48px;margin:8px 0 24px}.podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;margin-bottom:24px}.step{flex:1;max-width:220px;text-align:center;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.step-name{font-size:24px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-score{color:var(--muted);font-weight:700;margin-bottom:8px;font-variant-numeric:tabular-nums}.step-block{border-radius:14px 14px 0 0;display:grid;place-items:center;color:#fff;font-size:48px;font-weight:900;box-shadow:var(--shadow)}.step-1 .step-block{height:180px;background:linear-gradient(180deg,#ffd34d,#e0a100);color:#6b4a00}.step-2 .step-block{height:130px;background:linear-gradient(180deg,#dfe5ec,#aab4c2);color:#3c4653}.step-3 .step-block{height:100px;background:linear-gradient(180deg,#edb88d,#c0743c);color:#5a2f10}.step-1{animation-delay:.25s}.step-3{animation-delay:.12s}.final .leaderboard{margin-bottom:8px}.fade-in{animation:fade-up .3s ease-out}.pop{animation:pop .4s cubic-bezier(.2,.9,.3,1.4)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:860px){.page.host{padding:12px 16px 32px}.lobby,.reveal-grid{grid-template-columns:1fr;gap:18px}.host-options{grid-template-columns:1fr}.host-options .option{min-height:72px}.join-card{padding:22px}.timer-ring{width:96px;height:96px}.timer-ring span{font-size:36px}.answered-num{font-size:40px}.final h1{font-size:34px}.step-name{font-size:18px}.step-block{font-size:34px}.step-1 .step-block{height:130px}.step-2 .step-block{height:95px}.step-3 .step-block{height:72px}}@media(min-width:861px)and (max-height:800px){.host .brand-bar{padding-bottom:4px}.timer-ring{width:104px;height:104px}.timer-ring span{font-size:40px}.answered-num{font-size:44px}.host .q-text{font-size:clamp(26px,2.8vw,38px);margin-bottom:20px}.host-options .option{min-height:84px;padding:14px 20px}.join-card{padding:22px}.qr{width:160px;height:160px}.answer-bar{min-height:54px}.leaderboard li{padding:9px 16px;font-size:20px}.final h1{font-size:38px;margin:0 0 12px}.step-1 .step-block{height:120px}.step-2 .step-block{height:88px}.step-3 .step-block{height:64px}.step-block{font-size:36px}.crown{font-size:26px}}@media(max-width:380px){.q-text{font-size:19px}.option{font-size:16px;min-height:60px;padding:12px 14px}.join .code-input{font-size:24px;letter-spacing:.2em}}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 -2px #00000026}.pill-user{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px}.dots{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 12px}.dots span{width:9px;height:9px;border-radius:50%;background:var(--track);transition:background .3s,transform .3s}.dots span.done{background:var(--brand)}.dots span.now{background:var(--gold);transform:scale(1.35)}.dots b{margin-left:6px;font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}.host .dots{padding:10px 16px;gap:8px}.host .dots span{width:12px;height:12px}.host .dots b{font-size:18px}.hero{text-align:center;padding:18px 0 4px}.coins{position:relative;height:92px;width:160px;margin:0 auto}.coin{position:absolute;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:28px;color:#6b4a00;background:radial-gradient(circle at 35% 30%,#ffe48a,#f5b301 60%,#d39100);box-shadow:inset 0 -4px #00000024,0 8px 18px #d5910059;animation:float 3.2s ease-in-out infinite}.coin.c1{left:6px;top:22px;transform:rotate(-12deg);animation-delay:-.6s}.coin.c2{left:48px;top:0;width:72px;height:72px;font-size:32px;z-index:1}.coin.c3{left:94px;top:26px;transform:rotate(10deg);animation-delay:-1.4s}@keyframes float{50%{translate:0 -6px}}.hero-line{font-weight:600;color:var(--ink-2);margin:10px 0 0}.lobby-avatar{position:relative;width:84px;margin:0 auto 14px}.lobby-tick{position:absolute;right:-6px;bottom:-4px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--good);color:#fff;font-weight:900;border:3px solid var(--card)}body:has(.tone-good){background:linear-gradient(180deg,var(--tint-good) 0%,var(--bg) 70%)}body:has(.tone-bad){background:linear-gradient(180deg,var(--tint-bad) 0%,var(--bg) 70%)}body:has(.tone-none){background:linear-gradient(180deg,var(--tint-none) 0%,var(--bg) 70%)}.page.player.tone-good,.page.player.tone-bad,.page.player.tone-none{background:transparent}.answered-track{display:block;width:180px;height:8px;border-radius:999px;background:var(--track);overflow:hidden;margin-top:8px}.answered-track span{display:block;height:100%;background:var(--brand);transform-origin:left;transition:transform .4s ease}.leaderboard .who{display:flex;align-items:center;gap:12px;min-width:0}.step{position:relative;display:flex;flex-direction:column;align-items:center}.step .avatar{margin-bottom:8px;border:4px solid var(--card);box-shadow:var(--shadow)}.step-block{width:100%}.crown{font-size:34px;line-height:1;margin-bottom:2px;animation:pop .5s .6s both}.final,.card{position:relative}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti span{position:absolute;top:-20px;opacity:0;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.6,.5,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(105vh) rotate(720deg)}}.final .eyebrow{margin-bottom:0}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink: #e8edf6;--ink-2: #c3cbe0;--muted: #93a0ba;--bg: #0b1222;--card: #141d32;--line: #26324d;--surface-2: #1a2440;--track: #2a3655;--input: #101828;--placeholder: #4b5873;--btn2: #1f2a44;--btn2-shadow: #0a0f1c;--btn2-hover: #28355a;--brand-soft: #0f302d;--glow-1: rgb(20 184 166 / 14%);--glow-2: rgb(245 179 1 / 8%);--good-soft: #0f2c1c;--bad-soft: #3a1714;--warn-soft: #382c0b;--tint-good: #0f3a24;--tint-bad: #451a17;--tint-none: #1d2638;--link: #2dd4bf;--good-ink: #4ade80;--bad-ink: #fca5a5;--bad-line: #6b2a25;--warn-ink: #f5d78a;--warn-line: #5c4a14;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 35%);--shadow-lg: 0 2px 4px rgb(0 0 0 / 30%), 0 18px 48px rgb(0 0 0 / 45%)}.option.chosen{outline-color:#fff}.answer-bar-fill{opacity:.28}.answer-bar.correct .answer-bar-fill{opacity:.22}.explain p{color:var(--ink)}}.answer-bar.correct{animation:glow 1.2s ease-out .2s both}@keyframes glow{0%{box-shadow:0 0 #15803d00}35%{box-shadow:0 0 0 8px #15803d40}to{box-shadow:0 0 #15803d00}}.move{font-size:14px;font-weight:800;margin-left:8px;padding:2px 8px;border-radius:999px}.move.up{color:var(--good-ink);background:var(--good-soft)}.move.down{color:var(--bad-ink);background:var(--bad-soft)}