:root{--safe-top: 0px;--safe-bottom: 0px;--bg: #060d17;--surface: #101a2a;--surface-2: #17233a;--border: #24334d;--text: #f4f7fb;--text-dim: #93a1b8;--accent: #3ddc84;--danger: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{min-height:100dvh;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);display:flex;flex-direction:column}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.muted{color:var(--text-dim);font-size:14px;margin:0}.title{font-size:20px;font-weight:700;margin:0}.card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:left}.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.row:last-child{border-bottom:0}.row dt{color:var(--text-dim);margin:0;flex:0 0 auto}.row dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;text-align:right}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}button{font:inherit;font-weight:600;border:0;border-radius:12px;padding:12px 20px;min-height:48px;background:var(--accent);color:#06210f;cursor:pointer}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button:active{opacity:.85}.error{color:var(--danger)}.screen-host{flex:1;display:flex;flex-direction:column;min-height:0}.overlay{position:fixed;inset:0;background:#060d17e0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.overlay-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:320px}.roster{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px}.player{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.player.offline{opacity:.45}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#06210f;flex:0 0 auto}.player-name{flex:1;text-align:left;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinner.tiny{width:14px;height:14px;border-width:2px}.letters{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px;width:100%;max-width:420px}button.letter{padding:0;min-height:52px;font-size:18px;font-weight:700;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.letter.used{opacity:.3}button:disabled{opacity:.5}.round{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.round-head{display:flex;justify-content:space-between;align-items:baseline}.timer{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.timer.urgent{color:var(--danger)}.letter-badge{align-self:center;width:64px;height:64px;border-radius:20px;background:var(--accent);color:#06210f;display:grid;place-items:center;font-size:34px;font-weight:800;flex:0 0 auto}.fields{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;flex:1}.field{display:flex;flex-direction:column;gap:4px}.field-label{font-size:12px;color:var(--text-dim)}input.answer{font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;min-height:48px;width:100%}input.answer:focus{outline:2px solid var(--accent);outline-offset:-2px}.results-screen{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.results{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0;flex:1}.result-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.result-row.mine{border-color:var(--accent)}.result-head{display:flex;align-items:center;gap:10px;font-weight:700}.rank{color:var(--text-dim);font-variant-numeric:tabular-nums}.score{font-variant-numeric:tabular-nums}.result-answers{display:flex;flex-direction:column;gap:2px;margin-top:6px;font-size:13px}.result-answer{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.good{color:var(--accent)}.zero{color:var(--text-dim)}