:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b12;--panel:#14141f;--card:#1c1c2b;--text:#e8e8f0;--muted:#8a8aa0;--accent:#ffd800;--danger:#ff5c5c;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.layout{grid-template-columns:auto minmax(320px,440px);justify-content:center;align-items:start;gap:24px;padding:16px;display:grid}@media (width<=1040px){.layout{grid-template-columns:1fr}}.game{flex-direction:column;gap:8px;display:flex}canvas{background:#000;border-radius:6px;max-width:100%;height:auto}.hud{gap:20px;font-family:ui-monospace,monospace;font-size:15px;display:flex}.hud b{color:var(--accent)}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{color:var(--text);cursor:pointer;font:inherit;background:#24243a;border:1px solid #3a3a5a;border-radius:6px;padding:6px 12px}button:hover{border-color:var(--accent)}.help,.source{color:var(--muted);margin:0;font-size:13px}.source a{color:inherit}#panel{background:var(--panel);border-radius:8px;max-height:calc(100vh - 32px);padding:12px 14px;position:sticky;top:16px;overflow:auto}#panel h2{margin:0 0 8px;font-size:16px}#panel h2 .caption{color:var(--muted);vertical-align:middle;text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:11px;font-weight:500}#panel h3{color:var(--muted);margin:14px 0 6px;font-size:13px}.banner{color:var(--danger);border:1px solid var(--danger);background:#3a1414;border-radius:6px;margin-bottom:8px;padding:6px 8px;font-size:13px}.totals{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;font-family:ui-monospace,monospace;font-size:12px;display:grid}.totals div{background:var(--card);border-radius:6px;padding:4px 6px}.totals span{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:10px;display:block}.cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card{border-left:3px solid var(--actor);background:var(--card);border-radius:6px;padding:6px 8px;font-size:12px}.card:first-child{grid-column:1/-1}.card header{justify-content:space-between;margin-bottom:4px;display:flex}.card .name{color:var(--actor);font-weight:600}.card .status{color:var(--muted)}.card .status[data-state=thinking…]{color:var(--accent)}.bar{grid-template-columns:14px 1fr 64px;align-items:center;gap:6px;height:16px;display:grid}.bar.disabled{opacity:.25}.bar.chosen .arrow,.bar.chosen .pct{color:var(--actor);font-weight:700}.card.fallback .fill{background:var(--danger)}.card.fallback .bar.chosen .arrow,.card.fallback .bar.chosen .pct{color:var(--danger)}.track{background:#2a2a40;border-radius:3px;height:8px;overflow:hidden}.fill{background:var(--actor);width:0;height:100%;transition:width .15s;display:block}.pct{text-align:right;font-family:ui-monospace,monospace}.meta{color:var(--muted);margin-top:4px;font-size:11px}.meta.fallback{color:var(--danger)}.log{max-height:260px;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:11px;list-style:none;overflow:auto}.log li{border-bottom:1px solid #22223a;padding:2px 0}.log li.fallback{color:var(--danger)}.log li.stale{color:var(--muted)}.account{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;min-height:32px;font-size:13px;display:flex}.account a{color:var(--accent)}.account .signin{background:var(--accent);color:#111;border-color:var(--accent);font-weight:600}.account .signin:disabled{opacity:.5;cursor:not-allowed}.account[data-kind=demo],.account[data-kind=signed-out]{color:var(--text)}.account .notice{color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{border-color:#3a3a5a}.account .hint{color:var(--muted)}.account .hint a{color:var(--muted);text-decoration:underline}