:root{--bg:#120f1c;--surface:#1e1930;--surface-2:#2a2342;--border:#3b3259;--text:#f6f3ff;--muted:#a8a0c4;--accent:#ff3d7f;--gold:#ffc53d;--danger:#e5243b;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body.is-missed{background:var(--danger)}button,input{font:inherit;color:inherit}p,h1,h2,ul{margin:0}ul{padding:0;list-style:none}.screen{max-width:480px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.screen--center{text-align:center;justify-content:center}.actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.screen--center .actions{margin-top:16px}.muted{color:var(--muted)}.hint{color:var(--muted);text-align:center;font-size:15px}body.is-missed .muted,body.is-missed .hint{color:#ffffffd9}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:700}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;touch-action:manipulation;min-height:56px;padding:0 20px;font-size:18px;font-weight:700;transition:transform 80ms,opacity .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--ghost{background:0 0}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--small{border-radius:12px;min-height:40px;padding:0 14px;font-size:15px}.field{flex-direction:column;gap:8px;display:flex}.field__label{color:var(--muted);font-size:14px;font-weight:700}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);outline:none;width:100%;min-height:56px;padding:0 16px;font-size:18px}.input:focus{border-color:var(--accent)}.input--code{text-align:center;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;font-size:32px;font-weight:900}.input--number{text-align:center;font-variant-numeric:tabular-nums;min-height:84px;font-size:48px;font-weight:900}.tag{background:var(--surface-2);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:700}.tag--host{background:var(--gold);color:#2a1d00}.tag--offline{border:1px solid var(--border);background:0 0}.error{color:#ff9aa9;text-align:center;background:#e5243b26;border-radius:12px;padding:12px 14px}.notice{background:var(--surface-2);text-align:center;border-radius:12px;padding:12px 14px}.connection-banner{z-index:10;padding:calc(6px + env(safe-area-inset-top)) 16px 6px;background:var(--gold);color:#2a1d00;text-align:center;font-size:14px;font-weight:700;position:fixed;inset:0 0 auto}.home__hero{flex-direction:column;gap:12px;margin-top:8vh;display:flex}.logo{letter-spacing:-.03em;font-size:58px;font-weight:900;line-height:.95}.logo span{color:var(--accent)}.room-code{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;align-items:center;gap:4px;padding:20px;display:flex}.room-code__label{color:var(--muted);font-size:14px;font-weight:700}.room-code__value{letter-spacing:.15em;color:var(--gold);padding-left:.15em;font-size:64px;font-weight:900;line-height:1.1}.player-list{flex-direction:column;gap:8px;display:flex}.player-list li{background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding:14px 16px;display:flex}.player-list__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:18px;font-weight:600;overflow:hidden}.player-list li.is-offline .player-list__name{opacity:.5}.game__header{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.question{text-align:center;text-wrap:balance;font-size:clamp(24px,7vw,30px);font-weight:800;line-height:1.2}.question--center{margin-top:auto}.question--small{color:var(--muted);font-size:18px;font-weight:700}body.is-missed .question--small{color:#fff}.countdown{flex-direction:column;align-items:center;gap:8px;display:flex}.countdown__value{font-variant-numeric:tabular-nums;font-size:64px;font-weight:900;line-height:1}.countdown__bar{background:var(--surface-2);border-radius:999px;width:100%;height:8px;overflow:hidden}.countdown__fill{background:var(--accent);height:100%;transition:width .2s linear}.countdown--urgent .countdown__value{color:var(--danger)}.countdown--urgent .countdown__fill{background:var(--danger)}.picker{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.picker__item{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;min-height:64px;padding:8px 12px;font-size:17px;font-weight:700;display:flex}.picker__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.picker__item.is-selected{background:var(--accent);border-color:var(--accent);color:#fff}.picker__item.is-selected .tag{color:#fff;background:#ffffff40}.number-answer{flex-direction:column;gap:10px;display:flex}.my-answer{text-align:center;font-size:17px}.my-answer strong{color:var(--gold)}body.is-missed .my-answer strong{color:#fff}.result{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.result--me{border-color:var(--accent);box-shadow:0 0 0 3px #ff3d7f59}.result__label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:14px;font-weight:700}.result--me .result__label{color:var(--accent)}.result__name{color:var(--gold);overflow-wrap:anywhere;font-size:44px;font-weight:900;line-height:1.1;animation:.35s cubic-bezier(.2,1.4,.4,1) pop}.host-note{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-weight:600;display:flex}.result__title{font-size:28px;font-weight:900}.result__penalty{font-size:22px;font-weight:800}.tie-choices{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.tie-names{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tie-names li{background:var(--surface-2);border-radius:999px;padding:8px 14px;font-weight:700}.bonus{text-align:center;border-color:var(--gold)}.bonus strong{color:var(--gold);margin-top:4px;font-size:20px;display:block}.missed{text-align:center;color:#fff;font-size:20px;font-weight:700}.missed strong{font-size:34px;font-weight:900;display:block}.finished__title{font-size:40px;font-weight:900;line-height:1.1}.dialog-backdrop{z-index:20;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:448px;padding:20px;display:flex}.dialog__message{text-align:center;font-size:18px;font-weight:600}.dialog__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.result__name{animation:none}}