body{background:#000;color:#e6f0ff;font-family:system-ui;margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0e1122}
.btn{background:#172050;color:#e6f0ff;border:1px solid #2a3568;border-radius:8px;padding:8px 12px;text-decoration:none}
.card{background:#0f1330;border:1px solid #27315c;border-radius:12px;padding:16px;margin:16px}
.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}
canvas#game{display:block;width:100%;max-width:960px;height:auto;margin:0 auto;border-top:1px solid #1b2240;image-rendering:pixelated;image-rendering:crisp-edges}
input,button{background:#111739;color:#e6f0ff;border:1px solid #2a3568;border-radius:8px;padding:8px 10px}
ol{margin:8px 0 16px 20px}

.toggle{--w:44px;--h:26px;position:relative;width:var(--w);height:var(--h);background:#2a3568;border-radius:var(--h);box-shadow:inset 0 0 0 2px #1d274e;cursor:pointer}
.toggle input{opacity:0;width:0;height:0}
.knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s ease}
.toggle input:checked + .knob{transform:translateX(18px);background:#b7d1ff}
.toggle input:checked ~ .toggle-bg{background:#4a7dff}
.toggle-bg{position:absolute;inset:0;border-radius:var(--h);transition:background .2s ease}

.tog{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.tog label{display:flex;align-items:center;gap:8px;background:#0d1330;border:1px solid #283268;padding:10px 12px;border-radius:12px}