:root{color-scheme:dark;--bg:#0d0f12;--panel:#12151a;--text:#f2f0e9;--muted:#878b93;--line:#2c3139;--light:#f7efd1;--danger:#e77979;--good:#9ed8b2;--accent:#cfd9ff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}body{min-height:100%;padding:22px}.shell{max-width:1180px;margin:0 auto}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.brand{color:var(--text);text-decoration:none;font:700 16px/1 system-ui,sans-serif}.brand span{opacity:.55}.level-meta{font-size:12px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:20px 0 14px}.title-row h1{margin:0;font:650 clamp(28px,5vw,54px)/.95 system-ui,sans-serif;letter-spacing:-.045em}.title-row p{margin:0;max-width:520px;color:var(--muted);font:14px/1.6 system-ui,sans-serif}.stage{position:relative;border:1px solid var(--line);background:#0a0c0f;overflow:hidden}.stage canvas{display:block;width:100%;height:auto;aspect-ratio:1000/620;touch-action:none}.hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.controls{display:flex;flex-wrap:wrap;gap:8px}.btn{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 13px;min-height:42px;border-radius:0;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.btn:hover{border-color:#575e69}.btn:disabled{opacity:.35;cursor:not-allowed}.hint{font:12px/1.5 system-ui,sans-serif;color:var(--muted)}.result{position:absolute;inset:0;display:none;place-items:center;background:rgba(8,10,12,.76);backdrop-filter:blur(5px);padding:24px;text-align:center}.result.show{display:grid}.result-card{max-width:620px}.result-kicker{font-size:11px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.result h2{margin:10px 0 8px;font:650 clamp(26px,5vw,46px)/1 system-ui,sans-serif;letter-spacing:-.035em}.result p{margin:0 auto 18px;color:#c5c8ce;font:15px/1.65 system-ui,sans-serif}.footer{display:flex;justify-content:space-between;gap:18px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font:11px/1.5 system-ui,sans-serif}.footer a{color:inherit}@media(max-width:700px){body{padding:14px}.title-row{display:block}.title-row p{margin-top:10px}.hud{align-items:flex-start}.hint{width:100%}.footer{display:block}.footer span{display:block;margin-top:8px}}