*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,sans-serif;background:#0f1218;color:#e8eaef}#canvas{display:block;width:100%;height:100%;cursor:crosshair}#hud{position:fixed;top:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(to bottom,rgba(15,18,24,.92),transparent);pointer-events:none;z-index:2}#hud h1{margin:0 0 .25rem;font-size:1rem;font-weight:600}#hud p{margin:.15rem 0;font-size:.82rem}.hint{color:#9aa3b5;max-width:42rem;line-height:1.4}.muted{color:#6b9fd4}kbd{font-size:.75rem;padding:.1rem .35rem;border-radius:4px;border:1px solid #3a4458;background:#1c2030}