html,body{margin:0;height:100%;overflow:hidden;background:#0a100e;font-family:DM Sans,system-ui,sans-serif;color:#e8efe8}#c{display:block;width:100%;height:100%}#hud{position:fixed;inset:0 auto auto 0;z-index:2;padding:1.1rem 1.25rem;pointer-events:none;max-width:min(420px,92vw);background:linear-gradient(135deg,rgba(10,16,14,.72),transparent 70%)}#hud h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.03em;font-weight:700}#hud header p{margin:.15rem 0 .85rem;color:#8aa094;font-size:.92rem}.meters{display:flex;gap:1.1rem;font-family:IBM Plex Mono,monospace;font-size:.85rem}.meters span{display:block;color:#8aa094;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.meters strong{font-weight:500;color:#c4a35a}.help{margin:.9rem 0 0;color:#6d8076;font-size:.78rem;line-height:1.4}