*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow:hidden}canvas{display:block}#hud{color:#fff;text-shadow:0 1px 3px #0009;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif;position:fixed;top:16px;left:16px}#hud .hud-label{letter-spacing:2px;text-transform:uppercase;opacity:.85;font-size:12px;display:block}#distance{font-size:28px;font-weight:700}#gameover{text-align:center;color:#fff;text-shadow:0 2px 8px #000000b3;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0000,#0006 45%);flex-direction:column;align-items:center;gap:8px;padding:12px 16px 4vh;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:70% 0 0}.hidden{display:none!important}#gameover .gameover-title{letter-spacing:4px;font-size:64px;font-weight:800}#gameover-distance{font-size:24px}