:root{
      --ink:#0b1a2b; --white:#fff; --btn:#2b6aff; --btn2:#0f1b31; --glass:rgba(255,255,255,.18);
    }
    *{box-sizing:border-box}
    html,body{height:100%;}
    body{margin:0;background:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--ink)}
    .hud{position:fixed;inset:auto 0 0 0;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;padding:16px}
    .panel{pointer-events:auto;background:var(--glass);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);padding:10px;display:flex;gap:8px;align-items:center}
    h1{margin:0 10px 0 0;font-size:16px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}
    button{border:0;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(180deg,#6da8ff,#2b6aff);box-shadow:0 8px 16px rgba(43,106,255,.35)}
    button.ghost{background:var(--btn2);border:1px solid rgba(255,255,255,.25)}
    .stats{color:#fff;font-weight:800;display:flex;gap:12px}
    canvas{display:block;width:100vw;height:100vh}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    @media (prefers-reduced-motion: reduce){
      .panel{backdrop-filter:none}
    }