:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05050f;--fg:#f2f2f2;--accent:#ffd400;--wall:#1d2bd6;--ok:#3ddc84;--bad:#ff5252}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100vh;color:var(--fg);place-items:center;margin:0;font-family:ui-monospace,Courier New,monospace;display:grid}#app{width:100vmin;padding:12px}.hud{letter-spacing:.05em;color:#9aa;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-bottom:8px;font-size:12px;display:flex}.hud b{color:var(--accent)}.stage{border:2px solid var(--wall);border-radius:4px;position:relative}canvas{width:100%;height:auto;display:block}.overlay{background:#05050fe6;padding:10px;display:flex;position:absolute;inset:0;overflow:auto}.panel{text-align:center;width:100%;max-width:480px;margin:auto;font-size:14px}h1{color:var(--accent);letter-spacing:.08em;margin:0 0 8px;font-size:22px;line-height:1.2}h2{margin:8px 0;font-size:15px}h3{color:var(--accent);margin:12px 0 4px;font-size:13px}p{margin:6px 0}.hint{color:#9aa;font-size:12px}.ok{color:var(--ok);font-weight:700}.bad{color:var(--bad);font-weight:700}input,button{font:inherit;color:var(--fg);border:2px solid var(--wall);background:#11122b;border-radius:4px;padding:8px 12px}button{cursor:pointer}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent);outline:none}button.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}#start-form{justify-content:center;gap:8px;margin:10px 0;display:flex}#start-form input{flex:1;min-width:0}.board{max-width:260px;margin:0 auto 10px;padding:0;list-style:none}.board li{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.board li span:nth-child(2){text-align:left;flex:1}.board li.empty{color:#567}.tag{color:var(--accent);letter-spacing:.1em;font-size:11px}.equation{border:1px dashed var(--wall);font:inherit;white-space:pre-wrap;background:#0b0c20;margin:6px 0;padding:8px;font-size:17px}.options{gap:6px;margin-top:8px;display:grid}.options button{text-align:left;width:100%}.options button:disabled{cursor:default;opacity:.85}.options button.correct{border-color:var(--ok);background:#0f2a1d}.options button.wrong{border-color:var(--bad);background:#2a1010}kbd{color:var(--accent);margin-right:6px}.explain{color:#bbc;font-size:12px}.feedback{margin-top:8px}