/* Page basics. The HUD's own styles are further down, owned by hud.js. */
html, body { margin: 0; height: 100%; overflow: hidden; background: #bfe6ff; }
body { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
canvas#view { display: block; position: fixed; inset: 0; width: 100vw; height: 100vh; touch-action: none; outline: none; }
#hud { position: fixed; inset: 0; pointer-events: none; font-family: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif; }
.fatal { position: fixed; inset: 0; display: grid; place-items: center; padding: 24px; text-align: center; color: #3b4a5a; font-size: 18px; }

/* ---- HUD (hud.js) ---- */