.logo{display:inline-flex;align-items:center;gap:10px}.logo__eq{flex-shrink:0}.logo--large .logo__eq{width:44px;height:30px}.logo--small .logo__eq{width:24px;height:16px}.logo__bar{fill:var(--accent-dim);transform-origin:bottom}.logo__bar--active{fill:var(--accent)}.logo--large .logo__bar--0{animation:eq 2.1s 0s ease-in-out infinite alternate}.logo--large .logo__bar--1{animation:eq 1.8s .3s ease-in-out infinite alternate}.logo--large .logo__bar--2{animation:eq 2.4s .1s ease-in-out infinite alternate}.logo--large .logo__bar--3{animation:eq 1.6s .5s ease-in-out infinite alternate}.logo--large .logo__bar--4{animation:eq 2s .2s ease-in-out infinite alternate}@keyframes eq{0%{transform:scaleY(1)}40%{transform:scaleY(.55)}70%{transform:scaleY(.8)}to{transform:scaleY(.4)}}.logo__wordmark{font-family:var(--font-mono);font-weight:500;color:var(--accent);letter-spacing:6px}.logo--large .logo__wordmark{font-size:32px}.logo--small .logo__wordmark{font-size:18px;letter-spacing:3px}.logo-hero{display:flex;flex-direction:column;align-items:center;gap:12px}.logo-hero__tagline{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim)}.start{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px 16px 40px}.start__logo-wrap{margin-bottom:8px}.start__tabs{display:flex;width:100%;max-width:400px;border:1px solid var(--border);border-radius:2px;overflow:hidden}.start__tab{flex:1;padding:11px 0;font-size:14px;font-weight:500;color:var(--text-dim);background:var(--bg-surface);border:none;border-right:1px solid var(--border);transition:color .15s,background .15s}.start__tab:last-child{border-right:none}.start__tab:hover{color:var(--text-muted)}.start__tab--active{color:var(--accent);background:var(--bg-void)}.start__panel{width:100%;max-width:400px;padding:24px}.start__form{display:flex;flex-direction:column;gap:16px}.field-input--code{font-family:var(--font-mono);font-size:24px;letter-spacing:8px;text-align:center;text-transform:uppercase}.start__stub{display:flex;flex-direction:column;gap:12px;padding:8px 0}.start__stub-text{font-size:14px;color:var(--text-dim);line-height:1.5}.start__status{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.start__dot{width:6px;height:6px;border-radius:50%;display:inline-block}.start__dot--on{background:#4caf73}.start__dot--off{background:var(--text-ghost)}.lobby{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-base)}.lobby__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-void)}.lobby__conn-dot{display:flex;align-items:center}.lobby__main{flex:1;padding:24px 20px 40px;max-width:560px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:28px}.lobby__code-section{display:flex;flex-direction:column;gap:8px}.lobby__code{font-family:var(--font-mono);font-size:40px;font-weight:500;letter-spacing:12px;color:var(--accent);padding:20px 24px;text-align:center}.lobby__code-hint{font-size:13px;color:var(--text-dim);text-align:center}.lobby__players-section{display:flex;flex-direction:column;gap:8px}.player-list{display:flex;flex-direction:column;gap:4px}.lobby__dnd-hint{margin-top:4px;text-align:center}.lobby__empty{font-size:14px;color:var(--text-dim);padding:16px;text-align:center}.player-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:2px;-webkit-user-select:none;user-select:none;transition:border-color .15s}.player-row--dragging{border-color:var(--accent-dim);z-index:10}.player-row--dim{opacity:.45}.player-row--me{border-left:3px solid var(--accent)}.player-row__handle{color:var(--text-ghost);cursor:grab;font-size:13px;line-height:1;padding:2px 4px;touch-action:none}.player-row__handle:active{cursor:grabbing}.player-row__idx{min-width:22px;color:var(--text-faint)}.player-row__name{flex:1;font-size:16px;font-weight:500;color:var(--text-bright)}.player-row__name--dim{color:var(--text-dim)}.player-row__gone{font-size:12px;font-weight:400;color:var(--text-faint)}.player-row__badges{display:flex;gap:6px}.badge{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:2px 6px;border-radius:2px}.badge--host{background:var(--accent-dim);color:var(--accent)}.badge--me{background:var(--border);color:var(--text-dim)}.lobby__settings-section{display:flex;flex-direction:column;gap:8px}.settings-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.settings__input{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--text-bright);text-align:center;padding:10px 8px}.lobby__start-section{display:flex;flex-direction:column}.lobby__waiting{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.lobby__waiting-dots{display:flex;gap:8px}.lobby__waiting-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-dim);animation:pulse-dot 1.4s ease-in-out infinite}.lobby__waiting-dots span:nth-child(2){animation-delay:.2s}.lobby__waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1);background:var(--accent)}}@media(min-width:640px){.lobby__code{font-size:52px;letter-spacing:18px}.settings-panel{gap:16px}}.turn-banner{padding:14px 18px;display:flex;flex-direction:column;gap:4px}.turn-banner--mine{border-left:3px solid var(--accent)}.turn-banner__text{font-size:18px;font-weight:500;color:var(--text-muted)}.turn-banner__you{color:var(--accent)}.round-timer{display:flex;flex-direction:column;align-items:center;gap:10px}.round-timer__display{font-family:var(--font-mono);font-size:48px;font-weight:500;color:var(--accent);letter-spacing:2px;line-height:1;transition:color .3s}.round-timer__display--urgent{color:#c0392b;animation:urgent-pulse .8s ease-in-out infinite}@keyframes urgent-pulse{0%,to{opacity:1}50%{opacity:.55}}.round-timer__track{width:100%;height:4px;background:var(--bg-void);border-radius:0;overflow:hidden}.round-timer__fill{height:100%;background:var(--accent);transition:width .5s linear,background .3s;border-radius:0}.round-timer__fill--urgent{background:#c0392b}.year-stepper{display:flex;align-items:center;gap:0;background:var(--bg-void);border:1px solid var(--border-light);border-radius:2px;overflow:hidden;outline:none;transition:border-color .15s}.year-stepper:focus-visible{border-color:var(--accent)}.year-stepper--locked{opacity:.5}.year-stepper__btn{flex-shrink:0;width:48px;height:60px;font-size:22px;color:var(--text-dim);background:transparent;border:none;border-radius:0;cursor:pointer;transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none}.year-stepper__btn:hover:not(:disabled){color:var(--accent);background:var(--bg-surface)}.year-stepper__btn:disabled{opacity:.2;cursor:default}.year-stepper__strip{flex:1;display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden;height:60px}.year-stepper__year{flex:1;text-align:center;font-family:var(--font-mono);font-weight:400;font-size:calc(14px - var(--dist) * 1.5px);color:var(--text-ghost);opacity:calc(1 - var(--dist) * .28);cursor:pointer;transition:color .15s,opacity .15s,font-size .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.year-stepper__year--current{font-size:26px;font-weight:500;color:var(--accent);opacity:1;cursor:default}.answer-form{display:flex;flex-direction:column;gap:16px}.field-input--locked{opacity:.45;cursor:not-allowed;border-color:var(--border)}.fact-box{padding:20px;display:flex;flex-direction:column;gap:14px}.fact-box__grid{display:flex;flex-direction:column;gap:12px}.fact-field{display:flex;flex-direction:column;gap:3px}.fact-field__value{font-size:22px;font-weight:500;color:var(--text-bright)}.fact-field__value--year{font-family:var(--font-mono);color:var(--accent);font-size:28px}.score-table{padding:16px;display:flex;flex-direction:column;gap:10px}.score-table__rows{display:flex;flex-direction:column;gap:4px}.score-row{display:grid;grid-template-columns:28px 1fr 48px 52px;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-void);border:1px solid var(--border);border-radius:2px}.score-row--me{border-left:3px solid var(--accent);background:var(--bg-surface)}.score-row--top .score-row__total{color:var(--accent)}.score-row__rank{color:var(--text-faint)}.score-row__name{font-size:15px;font-weight:500;color:var(--text-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row__you{font-size:12px;font-weight:400;color:var(--text-dim)}.score-row__rnd{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);text-align:right}.score-row__total{font-family:var(--font-mono);font-size:17px;font-weight:500;color:var(--text-bright);text-align:right}.grade-options-box{padding:16px;display:flex;flex-direction:column;gap:16px}.grade-options-hint{font-size:13px;color:var(--text-dim);margin-top:-6px}.grade-section{display:flex;flex-direction:column;gap:6px}.grade-section__rows{display:flex;flex-direction:column;gap:4px}.grade-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:2px;border:1px solid var(--border);background:var(--bg-void)}.grade-row--correct{border-color:#1a3a1a}.grade-row--wrong{border-color:#3a1a1a}.grade-row__mark{font-family:var(--font-mono);font-size:14px;color:#c0392b;min-width:18px}.grade-row__mark--ok{color:#4caf73}.grade-row__text{flex:1;font-size:15px;color:var(--text-muted)}.grade-row__edited{color:var(--accent-dim);font-size:9px}.grade-row__actions{display:flex;gap:4px}.grade-row__btn{width:32px;height:28px;border-radius:2px;border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-dim);font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.grade-row__btn--ok:hover{background:#1a3a1a;color:#4caf73;border-color:#2a5a2a}.grade-row__btn--no:hover{background:#3a1a1a;color:#c0392b;border-color:#5a2a2a}.grade-row__btn--ok.grade-row__btn--active{background:#1a3a1a;color:#4caf73;border-color:#2a5a2a}.grade-row__btn--no.grade-row__btn--active{background:#3a1a1a;color:#c0392b;border-color:#5a2a2a}.result-banner{padding:12px 16px;border-radius:2px;display:flex;flex-direction:column;gap:4px;font-size:14px}.result-banner--bonus{background:#1a2a1a;border:1px solid #2a5a2a;color:#4caf73}.result-banner--correction{background:#1a1a2a;border:1px solid var(--accent-dim);color:var(--text-muted)}.round-view{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-base)}.round-view--waiting{align-items:center;justify-content:center;gap:16px}.round-view__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-void)}.round-view__answer-count{font-size:12px}.round-view__score{display:flex;align-items:baseline;gap:4px}.round-view__score-val{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--accent)}.round-view__main{flex:1;padding:24px 20px 40px;max-width:560px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.result-panel{display:flex;flex-direction:column;gap:16px}.round-locked-banner{text-align:center;padding:12px;border:1px solid var(--border-accent);border-radius:2px;background:#16100a;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--bg-void: #0f0d0a;--bg-base: #16130f;--bg-surface: #1d1813;--accent: #E8852B;--accent-dim: #5a3a18;--text-bright: #f2ede6;--text-muted: #c9bfb2;--text-dim: #8a7f72;--text-faint: #6b6157;--text-ghost: #5a5249;--border: #2a2521;--border-light: #3a332b;--border-accent: #5a3a18;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-bright);font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font:inherit}input{font:inherit}.mono-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--text-faint)}.box{background:var(--bg-surface);border:1px solid var(--border);border-radius:2px}.box--accent{border-left:3px solid var(--accent)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--accent);color:var(--bg-base);font-family:var(--font-sans);font-size:15px;font-weight:500;border-radius:2px;border:none;width:100%;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--bg-surface);color:var(--text-dim);font-size:15px;font-weight:400;border-radius:2px;border:1px solid var(--border-light);width:100%;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--accent-dim);color:var(--text-muted)}.field-wrap{display:flex;flex-direction:column;gap:6px}.field-input{background:var(--bg-void);border:1px solid var(--border-light);border-radius:2px;padding:13px 14px;color:var(--text-bright);font-size:15px;width:100%;outline:none;transition:border-color .15s}.field-input::placeholder{color:var(--text-ghost)}.field-input:focus{border-color:var(--accent)}.error-msg{font-family:var(--font-mono);font-size:12px;color:#c0392b;padding:10px 12px;border:1px solid #5a1a1a;border-radius:2px;background:#1a0a0a}.divider{border:none;border-top:1px solid var(--border);margin:0}