:root,[data-theme=neo]{--bg: #0A0D14;--surface: #12161F;--surface-2: #1A202C;--surface-3: #232B3A;--border: #28303F;--border-strong: #3A4657;--text: #EAF0F7;--text-muted: #9AA7BD;--text-subtle: #5F6D84;--ink: #0A0D14;--accent: #C6F24E;--accent-hover: #D4FF62;--accent-active: #AEDB34;--accent-soft: rgba(198, 242, 78, .12);--accent-ring: rgba(198, 242, 78, .38);--accent-ink: #C6F24E;--glow: 0 0 0 1px rgba(198, 242, 78, .4), 0 0 22px rgba(198, 242, 78, .28);--electric: #38D6FF;--electric-ink: #38D6FF;--success: #2FD98A;--success-soft: rgba(47, 217, 138, .14);--error: #FF5A6E;--error-soft: rgba(255, 90, 110, .14);--warning: #FFC24B;--warning-soft: rgba(255, 194, 75, .14);--opt-a: #38D6FF;--opt-b: #9B7CFF;--opt-c: #FF7AC2;--opt-d: #FFB13D;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--sh-sm: 0 1px 3px rgba(0, 0, 0, .5);--sh-md: 0 8px 24px rgba(0, 0, 0, .45);--sh-lg: 0 20px 50px rgba(0, 0, 0, .55);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Sora", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--fs-display: 44px;--fs-h1: 30px;--fs-h2: 27px;--fs-h3: 22px;--fs-body-l: 16px;--fs-body: 14px;--fs-caption: 12.5px}[data-theme=light]{--bg: #F5F7F4;--surface: #FFFFFF;--surface-2: #F0F3EE;--surface-3: #E6EAE1;--border: #E1E6DC;--border-strong: #CBD2C2;--text: #141A12;--text-muted: #556052;--text-subtle: #8A937F;--ink: #141A12;--accent: #C6F24E;--accent-hover: #BAE93B;--accent-active: #A9DB28;--accent-soft: #EEF8D2;--accent-ring: rgba(150, 190, 40, .45);--accent-ink: #5C7D0A;--glow: 0 0 0 1px rgba(150, 190, 40, .35), 0 6px 18px rgba(150, 190, 40, .22);--electric: #38D6FF;--electric-ink: #0C7E9B;--success: #12A867;--success-soft: #E1F5EC;--error: #E23B4B;--error-soft: #FCE9EB;--warning: #C88A0A;--warning-soft: #FBF1D8;--opt-a: #12A6D6;--opt-b: #7E5CF0;--opt-c: #E24F9E;--opt-d: #E0910A;--sh-sm: 0 1px 2px rgba(20, 26, 18, .06);--sh-md: 0 6px 20px rgba(20, 26, 18, .08);--sh-lg: 0 18px 44px rgba(20, 26, 18, .12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(700px 500px at 82% -8%,rgba(198,242,78,.07),transparent 60%),radial-gradient(600px 480px at 8% 4%,rgba(56,214,255,.06),transparent 55%);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}.btn{font-family:inherit;font-size:14.5px;font-weight:600;padding:10px 18px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.14s ease;line-height:1}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.btn-primary{background:var(--accent);color:var(--ink);box-shadow:0 0 18px #c6f24e38}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-active)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--accent-ink)}.btn-ghost:hover{background:var(--accent-soft)}.btn-danger{background:transparent;color:var(--error);border-color:var(--error)}.btn-danger:hover{background:var(--error-soft)}.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-lg{font-size:16px;padding:14px 24px;border-radius:var(--r-lg)}.btn-sm{font-size:13px;padding:7px 13px}.field{width:100%;max-width:320px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input{width:100%;font-family:inherit;font-size:14.5px;padding:11px 13px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);transition:.14s}.input::placeholder{color:var(--text-subtle)}.input:hover{border-color:#48566b}.input:focus{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-ring)}.input.err{border-color:var(--error);box-shadow:0 0 0 3px #ff5a6e38}.input[disabled]{background:var(--surface);color:var(--text-subtle);cursor:not-allowed}.input.pin{font-family:var(--font-mono);font-size:22px;letter-spacing:.4em;text-align:center;font-weight:700;color:var(--accent-ink)}.hint{font-size:12px;margin-top:6px;color:var(--text-subtle)}.hint.err{color:var(--error)}.badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-full);display:inline-flex;align-items:center;gap:6px}.b-accent{background:var(--accent-soft);color:var(--accent-ink)}.b-success{background:var(--success-soft);color:var(--success)}.b-error{background:var(--error-soft);color:var(--error)}.b-warn{background:var(--warning-soft);color:var(--warning)}.b-neutral{background:var(--surface-3);color:var(--text-muted)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.toggle{width:44px;height:24px;border-radius:var(--r-full);background:var(--surface-3);position:relative;cursor:pointer;transition:.15s;flex:none;border:1px solid var(--border-strong);display:inline-block}.toggle.on{background:var(--accent);border-color:transparent}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text);transition:.15s}.toggle.on:after{left:22px;background:var(--ink)}.radio{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:.12s;position:relative}.radio:hover:not(.is-disabled){background:var(--surface-2)}.radio input{position:absolute;opacity:0;width:1px;height:1px}.radio .mark{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;transition:.12s}.radio .mark:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink);transform:scale(0);transition:.12s}.radio:hover:not(.is-disabled) .mark{border-color:var(--accent)}.radio input:checked+.mark{background:var(--accent);border-color:var(--accent)}.radio input:checked+.mark:after{transform:scale(1)}.radio input:focus-visible+.mark{box-shadow:0 0 0 3px var(--accent-ring);border-color:var(--accent)}.radio.is-disabled{opacity:.45;cursor:not-allowed}.radio .rtext{font-size:15px;font-weight:500}.checkbox{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:.12s;position:relative}.checkbox:hover:not(.is-disabled){background:var(--surface-2)}.checkbox input{position:absolute;opacity:0;width:1px;height:1px}.checkbox .mark{flex:none;width:24px;height:24px;border-radius:var(--r-sm);border:2px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;transition:.12s}.checkbox .mark:after{content:"";width:6px;height:11px;margin-top:-2px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg) scale(0);transition:.12s;transform-origin:center}.checkbox:hover:not(.is-disabled) .mark{border-color:var(--accent)}.checkbox input:checked+.mark{background:var(--accent);border-color:var(--accent)}.checkbox input:checked+.mark:after{transform:rotate(45deg) scale(1)}.checkbox input:focus-visible+.mark{box-shadow:0 0 0 3px var(--accent-ring);border-color:var(--accent)}.checkbox.is-disabled{opacity:.45;cursor:not-allowed}.checkbox .ctext{font-size:15px;font-weight:500}.slider{position:relative;padding:44px 6px 8px}.slider .rail-wrap{position:relative;height:44px;display:flex;align-items:center}.slider .rail{position:relative;width:100%;height:14px;border-radius:var(--r-full);background:var(--surface-3)}.slider .fill{position:absolute;left:0;top:0;height:100%;border-radius:var(--r-full);background:var(--accent)}.slider .thumb{position:absolute;top:50%;width:30px;height:30px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);transform:translate(-50%,-50%);box-shadow:var(--glow);transition:width .1s,height .1s;cursor:grab}.slider .bubble{position:absolute;top:6px;transform:translate(-50%);font-family:var(--font-mono);font-weight:700;font-size:16px;background:var(--accent);color:var(--ink);padding:4px 12px;border-radius:var(--r-full);box-shadow:var(--sh-md);white-space:nowrap}.slider .bubble:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--accent)}.slider .range{position:absolute;left:0;top:0;width:100%;height:44px;margin:0;opacity:0;cursor:grab}.slider .range:active{cursor:grabbing}.slider.js .thumb{pointer-events:none}.slider .marks{display:flex;justify-content:space-between;margin-top:12px;font-family:var(--font-mono);font-size:12px;color:var(--text-subtle)}.slider-value{font-family:var(--font-mono);font-weight:700;font-size:28px;color:var(--accent-ink);line-height:1}.slider-lead{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.slider-lead .lbl{font-size:13px;color:var(--text-muted)}.slider.is-active .thumb{width:36px;height:36px;box-shadow:0 0 0 2px var(--accent),0 0 30px var(--accent-ring)}.slider.is-disabled{opacity:.45;pointer-events:none}.slider .band{position:absolute;top:50%;height:20px;transform:translateY(-50%);border-radius:var(--r-sm);background:var(--success-soft);border:1px solid var(--success)}.slider .correct{position:absolute;top:50%;width:3px;height:34px;transform:translate(-50%,-50%);background:var(--success);border-radius:2px}.slider .correct:before{content:"";position:absolute;left:50%;top:-8px;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:var(--success)}.slider .answer{position:absolute;top:50%;width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%);background:var(--surface);border:3px solid var(--accent)}.slider .answer.miss{border-color:var(--error)}.slider .answer.hit{border-color:var(--success)}.reveal-nums{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.reveal-nums b{color:var(--text)}.reveal-nums b.ok{color:var(--success)}.avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:700;color:var(--ink);font-size:14px;font-family:var(--font-display)}.timer{position:relative;width:66px;height:66px}.timer svg{transform:rotate(-90deg);filter:drop-shadow(0 0 6px var(--accent-ring))}.timer .num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--accent-ink)}.progress{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);border-radius:var(--r-full);box-shadow:0 0 12px var(--accent-ring);transition:width .3s ease}.opt{--c: var(--accent);display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);font-size:16px;font-weight:600;cursor:pointer;transition:.14s;text-align:left;width:100%;color:var(--text)}.opt:hover{border-color:var(--c)}.opt .key{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;color:var(--ink);background:var(--c);font-size:15px}.opt.sel{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,var(--surface-2))}.opt.correct{border-color:var(--success);background:var(--success-soft)}.opt.wrong{border-color:var(--error);background:var(--error-soft);opacity:.9}.opt.dim{opacity:.45}.opt .mark{margin-left:auto;font-weight:700;font-family:var(--font-mono);font-size:14px}.tile{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--r-md);display:flex;align-items:center;gap:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:.12s;position:relative;overflow:hidden}.tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tc)}.tile:hover{border-color:var(--tc);box-shadow:0 0 0 1px var(--tc),0 0 18px color-mix(in srgb,var(--tc) 40%,transparent)}.tile:disabled{cursor:default}.tile .key{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;color:var(--ink);background:var(--tc);font-size:14px}.tile.sel{box-shadow:0 0 0 2px var(--tc),0 0 22px color-mix(in srgb,var(--tc) 45%,transparent);border-color:var(--tc)}.tile.correct{border-color:var(--success);box-shadow:0 0 0 2px var(--success)}.tile.wrong{border-color:var(--error)}.tile.dim{opacity:.4}.ta{--tc: var(--opt-a)}.tb{--tc: var(--opt-b)}.tc{--tc: var(--opt-c)}.td{--tc: var(--opt-d)}.lb{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.lb-row .rank{width:26px;font-family:var(--font-mono);font-weight:700;color:var(--text-subtle);text-align:center}.lb-row .nm{font-weight:600}.lb-row .delta{margin-left:auto;font-size:12.5px;color:var(--success);font-weight:600;font-family:var(--font-mono)}.lb-row .pts{font-family:var(--font-mono);font-weight:700;font-size:16px;min-width:66px;text-align:right;color:var(--accent-ink)}.lb-row.me{border-color:var(--accent-ink);background:var(--accent-soft)}.bars{display:flex;align-items:flex-end;gap:22px;height:220px;padding:0 24px;max-width:640px;margin:0 auto}.bars .b{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:flex-end}.bars .b .bar-v{width:100%;border-radius:8px 8px 0 0;min-height:6px;transition:height .4s ease}.bars .b .cnt{font-family:var(--font-mono);font-weight:700}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin-top:10px}.podium .col{display:flex;flex-direction:column;align-items:center;gap:8px}.podium .stand{width:92px;border-radius:12px 12px 0 0;display:grid;justify-content:center;color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:26px;padding-top:10px;align-content:start}.stat-strip{display:flex;gap:10px;margin-bottom:14px}.stat{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;text-align:center}.stat .v{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--accent-ink)}.stat .l{font-size:11px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.answered-row{display:flex;flex-wrap:wrap;gap:6px}.chipname{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.chipname.in{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.pin-big{font-family:var(--font-mono);font-weight:700;letter-spacing:.14em;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:10px 20px;display:inline-block;color:var(--accent-ink);font-size:24px}.h-controls{display:flex;gap:10px;margin-top:18px;justify-content:flex-end;border-top:1px solid var(--border);padding-top:16px}.label{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.cap{font-size:12.5px;color:var(--text-muted)}.mono-num{font-family:var(--font-mono);color:var(--accent-ink)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.01em}.brand .logo{width:32px;height:32px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:var(--ink);font-weight:800;font-size:17px;box-shadow:var(--glow)}.screen-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:18px}.panel{width:100%;max-width:720px;margin:0 auto;padding:24px}.player-shell{min-height:100vh;max-width:460px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column}.p-q{font-family:var(--font-display);font-weight:700;text-align:center;margin:12px 0 18px}.p-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p-tiles .tile{justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:8px;padding:22px 12px;min-height:96px}.p-tiles .tile:before{width:100%;height:4px;top:0;bottom:auto}.p-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.result-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;border-radius:var(--r-lg);padding:32px 16px}.result-hero.ok{background:radial-gradient(circle at 50% 30%,rgba(47,217,138,.25),transparent 70%)}.result-hero.no{background:radial-gradient(circle at 50% 30%,rgba(255,90,110,.22),transparent 70%)}.result-hero .big{font-family:var(--font-display);font-size:24px;font-weight:800}.result-hero.ok .big{color:var(--success)}.result-hero.no .big{color:var(--error)}.result-hero .pts{font-family:var(--font-mono);font-size:42px;font-weight:700;color:var(--accent-ink)}.result-hero .sub{color:var(--text-muted);font-size:13px;font-family:var(--font-mono)}.result-hero .rankpill{background:var(--surface-2);border:1px solid var(--border);padding:8px 16px;border-radius:var(--r-full);font-weight:600;font-size:14px}.bs-q{font-family:var(--font-display);font-size:34px;font-weight:700;text-align:center;letter-spacing:-.02em}.bs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;max-width:720px;width:100%}.h-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.h-q{font-family:var(--font-display);font-size:22px;font-weight:700}.stack{display:flex;flex-direction:column;gap:8px}.center-col{display:flex;flex-direction:column;align-items:center;gap:6px}.muted{color:var(--text-muted)}.spacer{flex:1}