:root{--hud-ink:#fffdf6;--hud-shadow:#0a1e468c;--hud-gold:#ffc94d;--hud-red:#ff6b5e;--hud-panel:#0e2040b8;--hud-font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif}html,body{height:100%;font-family:var(--hud-font);background:#9ec3ea;margin:0;overflow:hidden}#app canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:block}.hud{pointer-events:none;color:var(--hud-ink);text-shadow:0 1px 3px var(--hud-shadow);-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud-timer{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:34px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-penalty{color:var(--hud-red);font-variant-numeric:tabular-nums;font-size:15px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.hud-rings{letter-spacing:1px;font-size:20px;font-weight:700;position:absolute;top:18px;right:22px}.hud-practice{border:1px solid var(--hud-gold);color:var(--hud-gold);letter-spacing:1px;border-radius:4px;padding:3px 8px;font-size:13px;position:absolute;top:18px;left:22px}.hud-gauges{font-variant-numeric:tabular-nums;position:absolute;bottom:20px;left:22px}.hud-speed{font-size:40px;font-weight:700;line-height:1}.hud-speed small,.hud-alt small{opacity:.85;margin-left:4px;font-size:14px;font-weight:400}.hud-speedbar{background:#ffffff40;border-radius:3px;width:200px;height:6px;margin:8px 0;overflow:hidden}.hud-speedbar>div{background:var(--hud-ink);width:0;height:100%;transition:background .2s}.hud-speedbar.boost>div{background:var(--hud-gold)}.hud-alt{font-size:18px}.hud-draft{letter-spacing:2px;opacity:0;font-size:18px;font-weight:700;transition:opacity .2s;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.hud-draft.up{color:#fff3c9}.hud-draft.down{color:#b9cdf2}.hud-toast{letter-spacing:3px;white-space:nowrap;opacity:0;font-size:44px;font-weight:800;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hud-toast.gold{color:var(--hud-gold)}.hud-toast.red{color:var(--hud-red)}.hud-toast.big{font-size:110px}.hud-marker{width:0;height:0;display:none;position:absolute;top:0;left:0}.hud-marker-shape{border:3px solid var(--hud-gold);box-sizing:border-box;width:22px;height:22px;position:absolute;top:-11px;left:-11px;transform:rotate(45deg);box-shadow:0 0 8px #ffc94db3}.hud-marker.edge .hud-marker-shape{box-shadow:none;border:none;border-left:12px solid #0000;border-right:12px solid #0000;border-bottom:22px solid var(--hud-gold);width:0;height:0;transform:rotate(var(--marker-angle,0deg));filter:drop-shadow(0 0 4px #ffc94dcc);top:-12px;left:-12px}.hud-marker-label{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-pause{pointer-events:auto;touch-action:none;background:#0e204059;border:1px solid #ffffff73;border-radius:8px;width:44px;height:44px;padding:0;display:none;position:absolute;top:12px;right:14px}.hud-pause:before{content:"";box-sizing:border-box;border-left:5px solid var(--hud-ink);border-right:5px solid var(--hud-ink);width:14px;height:16px;margin:0 auto;display:block}.hud-stick{box-sizing:border-box;background:#0e20402e;border:2px solid #ffffff80;border-radius:50%;display:none;position:absolute;top:0;left:0}.hud-stick-knob{width:52px;height:52px;box-shadow:0 1px 4px var(--hud-shadow);background:#ffffff8c;border-radius:50%;position:absolute;top:50%;left:50%}.hud.touch .hud-pause{display:block}.hud.touch .hud-rings{font-size:16px;top:66px;right:16px}.hud.touch .hud-gauges{top:14px;bottom:auto;left:16px}.hud.touch .hud-speed{font-size:28px}.hud.touch .hud-speedbar{width:110px;margin:5px 0}.hud.touch .hud-alt{font-size:14px}.hud.touch .hud-practice{top:86px;left:16px}@media (width<=520px){.hud.touch .hud-timer{font-size:28px;top:84px}.hud.touch .hud-penalty{top:118px}.hud.touch .hud-practice{top:144px}}.hud-vignette{opacity:0;position:absolute;inset:0}.hud-panel{touch-action:pan-y;box-sizing:border-box;background:var(--hud-panel);min-width:min(320px,100vw - 32px);max-width:min(560px,100vw - 32px);max-height:calc(100dvh - 24px);color:var(--hud-ink);text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:26px 30px;display:none;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.hud-panel.show{display:block}.hud-panel h1{letter-spacing:6px;color:var(--hud-gold);margin:0 0 4px;font-size:clamp(24px,7.5vw,54px)}.hud-panel h2{letter-spacing:3px;margin:0 0 14px;font-size:28px}.hud-panel p{opacity:.92;margin:6px 0}.hud-choice{justify-content:center;align-items:center;gap:8px;margin:10px 0;display:flex}.hud-choice span{text-align:right;opacity:.8;width:64px}.hud-panel button{font:inherit;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #fff6;border-radius:6px;padding:7px 16px}.hud-panel button.on{border-color:var(--hud-gold);background:#ffc94d40}.hud-panel button.primary{letter-spacing:2px;border-color:var(--hud-gold);background:#ffc94d59;margin-top:14px;padding:10px 30px;font-size:18px;font-weight:700}.hud-panel button.back{margin-top:14px}.hud-keys{opacity:.85;margin-top:14px;font-size:13px;line-height:1.6}.hud-keys kbd{border:1px solid #ffffff73;border-radius:3px;padding:0 5px;font-family:inherit;font-size:12px;display:inline-block}@media (height<=480px){.hud-panel{padding:12px 22px}.hud-panel h1{font-size:34px}.hud-panel h2{margin-bottom:6px}.hud-choice{margin:5px 0}.hud-panel button.primary,.hud-panel button.back,.hud-keys{margin-top:8px}}.hud-result{color:var(--hud-gold);font-variant-numeric:tabular-nums;font-size:46px;font-weight:800}