:root{--bg:#07131f;--panel:#0f2233;--ink:#e8f1f8;--muted:#8aa4b8;--accent:#4cc9f0;--warn:#f94144;--gold:#e9c46a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}body{background:var(--bg);color:var(--ink);margin:0}header{align-items:baseline;gap:1rem;padding:.75rem 1rem;display:flex}header h1{letter-spacing:.08em;margin:0;font-size:1.4rem}.status{color:var(--muted);flex:1}.debug-toggle{color:var(--muted);font-size:.9rem}main{flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:0 1rem 1rem;display:flex}canvas{aspect-ratio:1;background:#0b1d2e;border-radius:8px;max-width:min(100%,90vh);height:auto}aside{flex:1;gap:1rem;min-width:14rem;max-width:22rem;display:grid}.outcome{color:var(--gold);background:var(--panel);border-radius:8px;justify-items:start;gap:.6rem;padding:.75rem 1rem;font-size:1.6rem;display:grid}.outcome[hidden]{display:none}.outcome button{font:inherit;background:var(--accent);color:#07131f;cursor:pointer;border:0;border-radius:6px;padding:.4rem 1.1rem;font-size:1rem}.hud{background:var(--panel);border-radius:8px;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0;padding:.75rem 1rem;display:grid}.hud dt{color:var(--muted)}.hud dd{font-variant-numeric:tabular-nums;margin:0}.message{color:var(--warn);min-height:1.2em;margin:0}.help{color:var(--muted);font-size:.9rem}.help h2{color:var(--ink);margin:0 0 .25rem;font-size:1rem}.help p{margin:.25rem 0}kbd{border:1px solid var(--muted);border-radius:4px;margin-right:.15em;padding:0 .3em;font-size:.85em}footer{text-align:center;color:var(--muted);padding:1rem;font-size:.85rem}