html, body { margin: 0; overflow: hidden; background: #cfe8f7; font-family: system-ui, sans-serif; }
canvas { display: block; }
#hud { position: fixed; top: 12px; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 20px; font-size: 26px; font-weight: bold; color: #17324d; text-shadow: 0 0 6px #fff; pointer-events: none; }
#msg { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 30px; font-weight: bold; color: #17324d; text-shadow: 0 0 8px #fff; white-space: pre-line; pointer-events: none; }