:root{color-scheme:dark;--bg: #0a0e17;--panel: #131a28;--text: #e6edf7;--muted: #8b9bb4;--accent: #4cc9f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.4 system-ui,sans-serif}button{min-height:56px;padding:0 20px;border:1px solid #2a3547;border-radius:10px;background:var(--panel);color:var(--text);font-size:17px;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.seat-list,.player-cards,.initiative,.table-cards,.seat-admin{list-style:none;margin:0;padding:0;display:grid;gap:12px}.seat-button{width:100%;display:flex;justify-content:space-between;align-items:center}.phone-header,.table-header{display:flex;gap:16px;justify-content:space-between;padding:12px 16px;background:var(--panel);position:sticky;top:0}.stat{display:flex;flex-direction:column;gap:2px}.stat>span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat>strong{font-size:20px;font-variant-numeric:tabular-nums}.player-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:baseline}.player-card .identity{font-weight:600}.player-card .strategy{color:var(--muted);font-size:14px}.player-card .total{justify-self:end}.player-card .passed{grid-column:1 / -1;font-size:14px}.turn-timer{font-size:56px;font-variant-numeric:tabular-nums;margin:8px 0}.clock,.total{font-variant-numeric:tabular-nums}.paused-banner,.error-banner{padding:12px 16px;background:#7a3b12;text-align:center}.player-card,.table-card{padding:12px;border-radius:10px;background:var(--panel);border-left:6px solid var(--muted)}.table-card.active,.initiative .active{outline:2px solid var(--accent)}.passed{color:var(--muted)}[data-color=blue]{border-left-color:#3b82f6}[data-color=green]{border-left-color:#22c55e}[data-color=red]{border-left-color:#ef4444}[data-color=yellow]{border-left-color:#eab308}[data-color=purple]{border-left-color:#a855f7}[data-color=orange]{border-left-color:#f97316}[data-color=pink]{border-left-color:#ec4899}[data-color=black]{border-left-color:#64748b}.table-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:16px}.table-display h2{font-size:24px;margin:0 0 4px}.lobby,.now,.table,.host-panel,.take-host{padding:16px}.create-game,.created{max-width:32rem;margin:0 auto;padding:24px 16px;display:grid;gap:16px;justify-items:start}.create-game label,.created p{display:flex;align-items:center;gap:10px;margin:0}.create-game input[type=number]{min-height:48px;width:5rem;padding:0 12px;border:1px solid #2a3547;border-radius:10px;background:var(--panel);color:var(--text);font-size:17px}.create-game input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.create-game input[type=checkbox]:disabled+*{color:var(--muted)}.created canvas{border-radius:10px;background:#fff;padding:8px}.join-code{font-size:32px;letter-spacing:.12em;font-variant-numeric:tabular-nums}.created a{color:var(--accent)}.actions,.row{display:flex;gap:12px;flex-wrap:wrap}.seat-admin li{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.seat-admin li>span{min-width:6rem}.strategy-cards,.phase-controls{padding:16px}.phase-controls{border-top:1px solid #2a3547;border-bottom:1px solid #2a3547;background:#101728}.phase-controls h2{margin:0 0 12px}.card-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.card-list button{width:100%;display:flex;align-items:center;gap:12px;justify-content:flex-start}.card-initiative{font-size:20px;font-weight:700;min-width:1.5rem;color:var(--muted);font-variant-numeric:tabular-nums}.card.mine{outline:2px solid var(--accent)}.card.mine .card-initiative{color:var(--accent)}.card-spent{color:var(--muted)}.take-host{border-top:1px solid #2a3547;margin-top:24px}.take-host-note{color:var(--muted);margin:0 0 8px}