:root{--bg: #140b3a;--bg-2: #0b0820;--panel: #241a5c;--panel-2: #2f2470;--text: #ffffff;--muted: #c9c3ea;--gold: #ffd23f;--accent: #ff3d8b;--ok: #3ddc84;--bad: #ff5a6e;--radius: 18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;color:var(--text);background:var(--bg-2);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%) fixed}button,input{font:inherit;color:inherit}h1,h2,h3{margin:0}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom))}.main{flex:1;display:flex;flex-direction:column;padding-top:12px;padding-bottom:84px}.stack{display:flex;flex-direction:column;gap:14px}.center-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between}.logo{font-size:56px;font-weight:900;color:var(--gold);text-shadow:0 4px 0 var(--accent);margin-bottom:16px}.topbar{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.topbar-avatar{width:40px;height:40px;border-radius:50%;border:3px solid;display:grid;place-items:center;font-size:22px}.topbar-name{flex:1;font-weight:800;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner,.notice{margin-top:8px;padding:12px 14px;border-radius:12px;font-weight:700}.banner{background:var(--bad)}.notice{background:#3a2a10;border:2px solid var(--gold);display:flex;justify-content:space-between;gap:12px}.notice-close{font-size:22px;line-height:1}.hostbar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#0b0820f5;border-top:1px solid rgba(255,255,255,.15)}.hostbar .btn{flex:1;padding:14px 6px;font-size:16px}.hostbar{z-index:2}.paused{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:30px;font-weight:900;background:#0b0820eb;color:var(--gold);z-index:1}.field-label{font-weight:800;font-size:18px;color:var(--muted)}.help{margin:0;color:var(--muted)}.error{margin:0;color:#ffb3bd;font-weight:700}.code-input,.text-input{width:100%;padding:16px;border-radius:var(--radius);border:3px solid var(--panel-2);background:#0e0930;outline:none}.code-input:focus,.text-input:focus{border-color:var(--gold)}.code-input{max-width:320px;text-align:center;font-size:48px;font-weight:900;letter-spacing:12px;text-transform:uppercase}.text-input{font-size:22px}.picker{border:0;margin:0;padding:0}.color-grid{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch{height:52px;border-radius:14px;border:4px solid transparent}.swatch.selected{border-color:#fff;box-shadow:0 0 0 3px var(--bg-2),0 0 0 6px #fff}.swatch:disabled{opacity:.18}.avatar-grid{margin-top:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-btn{height:52px;font-size:30px;border-radius:14px;border:3px solid transparent;background:var(--panel)}.avatar-btn.selected{border-color:var(--gold);background:var(--panel-2)}.btn{border:0;border-radius:999px;padding:16px 22px;font-weight:800;font-size:18px;cursor:pointer}.btn:disabled{opacity:.45}.btn:focus-visible,.answer-btn:focus-visible,.pack:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-primary{background:var(--gold);color:#1a1033}.btn-secondary{background:var(--panel-2)}.btn-ghost{background:transparent;color:var(--muted);text-decoration:underline}.btn-block{width:100%}.btn-big{padding:20px;font-size:22px}.btn-small{padding:4px 12px;font-size:22px;text-decoration:none}.card{padding:16px;border-radius:var(--radius);background:#ffffff0f}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#ffffff0f}.player-list li.offline{opacity:.5}.list-avatar{width:38px;height:38px;border-radius:50%;border:3px solid;display:grid;place-items:center;font-size:20px}.list-name{flex:1;font-weight:800}.tag{font-size:14px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--gold);color:#1a1033}.tag.muted{background:var(--panel-2);color:var(--muted)}.waiting{text-align:center;font-size:20px;color:var(--muted)}.pack-list{display:flex;flex-direction:column;gap:8px}.pack{text-align:left;padding:12px 14px;border-radius:14px;border:3px solid transparent;background:var(--panel);display:flex;flex-direction:column;gap:2px}.pack.selected{border-color:var(--gold)}.pack:disabled{opacity:.45}.pack-title{font-weight:800;font-size:19px}.pack-desc{font-size:15px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:12px}.stepper-label{flex:1;font-weight:700}.step-btn{width:48px;height:48px;border-radius:50%;border:0;font-size:26px;font-weight:900;background:var(--panel-2)}.step-btn:disabled{opacity:.35}.stepper-value{min-width:32px;text-align:center;font-size:24px;font-weight:900}.toggle{display:flex;gap:12px;align-items:flex-start}.toggle input{width:26px;height:26px;accent-color:var(--gold);flex-shrink:0}.toggle small{color:var(--muted)}.answer-screen,.answer-list{flex:1;display:flex;flex-direction:column;gap:10px}.answer-btn{flex:1;min-height:64px;border:0;border-radius:18px;padding:8px 16px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .12s,opacity .2s}.answer-btn:active:not(:disabled){transform:scale(.97)}.answer-btn.chosen{box-shadow:0 0 0 4px #fff}.answer-list.sent .answer-btn{opacity:.3}.answer-dot{position:absolute;left:14px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#14102b}.answer-sent{margin:0;text-align:center;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.answer-btn.faded{opacity:.25}.answer-letter{font-size:40px;font-weight:900}.answer-time{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:6px 12px;border-radius:999px;background:#14102b;color:#fff;font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.kicker{margin:0;font-size:20px;font-weight:800;color:var(--muted)}.big-title{font-size:44px;font-weight:900;color:var(--gold)}.watch{font-size:22px;color:var(--muted)}.rank{font-size:20px;color:var(--muted)}.spinner{width:44px;height:44px;border-radius:50%;border:5px solid var(--panel-2);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}