html,body{background:#4fa8ff;height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block}.title-badge{color:#1b1b1b;letter-spacing:1px;-webkit-user-select:none;user-select:none;background:#ffd23f;border:3px solid #1b1b1b;border-radius:14px;padding:8px 20px;font-size:22px;font-weight:900;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px #1b1b1b}.debug-overlay{color:#9dff9d;white-space:pre;pointer-events:none;background:#0009;border-radius:6px;padding:6px 10px;font:12px/1.4 ui-monospace,monospace;position:fixed;top:8px;left:8px}.help-hint{color:#1b1b1b;-webkit-user-select:none;user-select:none;background:#ffffffd9;border:3px solid #1b1b1b;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.5;position:fixed;bottom:12px;left:12px;box-shadow:0 3px #1b1b1b}.help-hint.hidden{display:none}.hud{pointer-events:none;color:#1b1b1b;-webkit-user-select:none;user-select:none;font-weight:800;position:fixed;inset:0}.hud-panel{background:#ffffffe0;border:3px solid #1b1b1b;border-radius:14px;padding:6px 14px;position:absolute;box-shadow:0 4px #1b1b1b}.hud-top-left{top:14px;left:14px}.hud-lap{font-size:22px}.hud-lap b{font-size:30px}.hud-time{font-variant-numeric:tabular-nums;font-size:20px}.hud-place{font-size:22px;top:14px;right:14px}.hud-place b{color:#e63946;-webkit-text-stroke:2px #1b1b1b;font-size:56px;line-height:1}.hud-countdown{color:#ffd23f;-webkit-text-stroke:5px #1b1b1b;opacity:0;font-size:140px;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.hud-countdown.pop{animation:.9s ease-out forwards pop}.hud-countdown.go{color:#2ec27e}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.hud-toast{opacity:0;background:#ffd23f;border:3px solid #1b1b1b;border-radius:14px;padding:8px 22px;font-size:30px;transition:opacity .15s,transform .15s;position:absolute;top:18%;left:50%;transform:translate(-50%)scale(.6);box-shadow:0 4px #1b1b1b}.hud-toast.show{opacity:1;transform:translate(-50%)scale(1)}.hud-wrongway{color:#fff;opacity:0;background:#e63946;border:3px solid #1b1b1b;border-radius:14px;padding:8px 22px;font-size:32px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.hud-wrongway.show{opacity:1;animation:.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.3}}.minimap{background:#6ccf4abf;border:3px solid #1b1b1b;border-radius:14px;position:absolute;bottom:14px;right:14px;box-shadow:0 4px #1b1b1b}.hud-results{text-align:center;pointer-events:auto;background:#fffdf5;border:4px solid #1b1b1b;border-radius:18px;min-width:380px;padding:18px 26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px #1b1b1b}.hud-results.hidden{display:none}.hud-results h2{color:#e63946;margin:0 0 10px;font-size:34px}.hud-results table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:18px}.hud-results th{text-transform:uppercase;opacity:.6;font-size:13px}.hud-results td{border-top:2px solid #eee4cc;padding:5px 8px}.hud-results tr.me td{background:#ffd23f}.hud-button{color:#fff;font:inherit;cursor:pointer;background:#2ec27e;border:3px solid #1b1b1b;border-radius:12px;margin-top:16px;padding:10px 30px;font-size:22px;font-weight:900;box-shadow:0 4px #1b1b1b}.hud-button:active{transform:translateY(3px);box-shadow:0 1px #1b1b1b}.hud-results td{white-space:nowrap}