html,body{background:#0b0f1a;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;z-index:5;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #0008;-webkit-user-select:none;user-select:none;font-family:ui-monospace,Menlo,Consolas,monospace;position:fixed;inset:0}.hud-crack{width:100%;height:16vh;position:absolute;top:0;left:0}.hud-crack path{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .35s}.hud-crack .shadow{stroke:#000;stroke-width:5px;opacity:.5}.hud-crack .line{stroke:#f4f7ff;stroke-width:2px}.hud-top{top:max(10px, env(safe-area-inset-top));text-align:center;padding:0 64px;position:absolute;left:0;right:0}.hud-lap{letter-spacing:.12em;font-size:clamp(14px,3vw,22px)}.hud-time{font-variant-numeric:tabular-nums;font-size:clamp(26px,6vw,44px);font-weight:700}.hud-best{opacity:.9;font-variant-numeric:tabular-nums;font-size:clamp(11px,2.2vw,15px)}.hud-penalty{color:#ffb4a0;min-height:1em;font-size:12px}.hud-bars{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));width:min(240px,42vw);position:absolute}.hud-bar{letter-spacing:.08em;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.hud-bar-label{width:58px}.hud-bar-track{background:#0009;border:1px solid #fff6;border-radius:3px;flex:1;height:12px;overflow:hidden}.hud-bar-fill{width:0;height:100%;transition:width .12s linear}.hud-bar-fill.boost{background:linear-gradient(90deg,#ff9f1c,#ffe066)}.hud-bar-val{text-align:right;font-variant-numeric:tabular-nums;width:34px}.hud-speed{right:max(14px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));text-align:right;position:absolute}.hud-speed-num{font-variant-numeric:tabular-nums;font-size:clamp(38px,9vw,72px);font-weight:800}.hud-speed-unit{opacity:.85;margin-left:6px;font-size:13px}.hud-center{text-align:center;font-size:clamp(64px,16vw,140px);font-weight:900;position:absolute;top:30%;left:0;right:0}.hud-center.go{color:#7dff9a}.hud-toast{text-align:center;color:#ffd166;opacity:0;font-size:clamp(14px,3vw,22px);font-weight:700;transition:opacity .25s;position:absolute;top:22%;left:0;right:0}.hud-toast.show{opacity:1}.hud-overlay{pointer-events:auto;box-sizing:border-box;background:#0008;justify-content:center;align-items:center;padding:10px 0;display:none;position:absolute;inset:0;overflow-y:auto}.hud-overlay.show{display:flex}.hud-box{text-align:center;background:#0d1320ee;border:1px solid #fff4;border-radius:12px;min-width:min(300px,80vw);padding:22px 30px}.hud-box h2{letter-spacing:.12em;color:#7dff9a;margin:0 0 6px;font-size:30px}.hud-box.wreck h2{color:#ff6b6b}.hud-big{font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:40px;font-weight:800}.hud-row{font-variant-numeric:tabular-nums;margin:4px 0;font-size:15px}.hud-restart{font:inherit;color:#fff;cursor:pointer;background:#3a5bff;border:0;border-radius:8px;margin-top:16px;padding:12px 22px;font-size:15px}.hud-debug{white-space:pre;opacity:.8;font-size:12px;position:absolute;top:8px;left:8px}.hud .cockpit-only{display:none}.hud.cockpit .hud-frame{width:100%;height:100%;display:block;position:absolute;inset:0}.hud.cockpit .hud-top,.hud.cockpit .hud-bars,.hud.cockpit .hud-speed{display:none}.frame-body{fill:#a63c3f}.frame-rim{fill:none;stroke:#f0a0a0;stroke-width:3px}.hud.cockpit .hud-dash{box-sizing:border-box;background:#1c2c78;border-top:6px solid #a63c3f;align-items:stretch;gap:8px;height:clamp(96px,26vh,200px);padding:8px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.dash-box{background:#0d1746;border:2px solid #5a6fd8;border-radius:6px;flex-direction:column;flex:0 0 24%;justify-content:center;gap:6px;padding:6px 8px;display:flex}.dash-mid{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.dash-big{font-variant-numeric:tabular-nums;font-size:clamp(16px,4vw,30px);font-weight:800}.dash-small{opacity:.9;font-size:clamp(10px,2vw,14px)}.dash-strip{background:#0a1038;border:2px solid #5a6fd8;border-radius:4px;height:clamp(22px,5vh,40px);position:relative;overflow:hidden}.dash-fill{background:linear-gradient(90deg,#22d3ee55,#22d3ee);width:0;position:absolute;top:0;bottom:0;left:0}.dash-ticks{z-index:1;justify-content:space-between;align-items:center;padding:0 6px;font-size:clamp(9px,1.8vw,13px);display:flex;position:absolute;inset:0}.dash-speed{text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(14px,3vw,22px);font-weight:800}.dash-mini{letter-spacing:.08em;align-items:center;gap:6px;font-size:10px;display:flex}.dash-mini-bar{background:#050a24;border:1px solid #5a6fd8;border-radius:2px;flex:1;height:10px;overflow:hidden}.dash-mini-bar .fill{height:100%}.dash-mini-bar .fill.boost{background:linear-gradient(90deg,#ff9f1c,#ffe066)}.hud-demo-btn{left:max(12px, env(safe-area-inset-left));pointer-events:auto;font:inherit;color:#241a00;cursor:pointer;background:#ffc233;border:0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:700;display:none;position:absolute;top:26%;box-shadow:0 2px 8px #0008}.hud-demo-banner{pointer-events:none;letter-spacing:.1em;color:#ffc233;justify-content:center;align-items:center;gap:12px;font-size:clamp(13px,2.6vw,18px);font-weight:800;display:none;position:absolute;top:14px;left:0;right:0}.hud-demo-stop{pointer-events:auto;font:inherit;color:#fff;cursor:pointer;background:#0009;border:0;border-radius:6px;padding:6px 12px;font-size:12px}.hud-restart.alt{background:#26314a;margin-left:8px}.hud-box .hud-restart{margin:12px auto 0;display:block}.hud-box .hud-restart.alt{margin-left:auto}.preview{z-index:8;pointer-events:none;color:#fff;text-shadow:0 1px 3px #000;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 16px 20px;font-family:ui-monospace,Menlo,Consolas,monospace;position:fixed;inset:0}.preview-head{pointer-events:auto;align-items:center;gap:14px;display:flex}.preview-title{letter-spacing:.14em;font-size:clamp(24px,6vw,48px);font-weight:900}.preview-arrow{font:inherit;color:#fff;cursor:pointer;background:#0008;border:0;border-radius:50%;width:44px;height:44px;font-size:34px;line-height:1}.preview-counter{opacity:.8;margin-top:-8px;font-size:12px}.preview-card{pointer-events:auto;text-align:center;background:#0d1320e6;border:1px solid #fff4;border-radius:12px;max-width:92vw;padding:14px 16px}.preview-map{background:#0a1226;border-radius:8px;margin:0 auto 10px;display:block}.preview-stats{letter-spacing:.06em;margin-bottom:12px;font-size:clamp(11px,2.4vw,14px)}.preview-go{font:inherit;color:#fff;cursor:pointer;background:#3a5bff;border:0;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700}.preview-hint{opacity:.7;margin-top:8px;font-size:11px}@media (width>=900px){.preview-card{align-self:flex-end}}.minimap{left:max(12px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));pointer-events:none;background:#0a1226cc;border:1px solid #fff5;border-radius:8px;padding:5px;position:absolute}.minimap canvas{width:clamp(130px,22vw,200px);height:auto;display:block}.minimap-legend{letter-spacing:.06em;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:10px;display:flex}.minimap-legend i{border:1px solid #fff;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.hud-debug{top:10px!important;left:max(240px,26vw)!important}.hud-demo-btn{top:42%!important}html,body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none}.rotate-hint{z-index:50;color:#fff;text-align:center;background:#0d1320;justify-content:center;align-items:center;padding:24px;font:600 20px system-ui,sans-serif;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{display:flex}}.tune-btn.settings{font-size:20px;right:62px}.touch{z-index:7;pointer-events:none;position:fixed;inset:0}.tbtn{pointer-events:auto;touch-action:none;color:#fff;letter-spacing:.08em;-webkit-tap-highlight-color:transparent;background:#0d132099;border:2px solid #fff7;border-radius:16px;justify-content:center;align-items:center;font:800 clamp(14px,3.4vw,22px) system-ui,sans-serif;transition:background 60ms;display:flex;position:absolute}.tbtn.down{background:#fff5}.tbtn.small{letter-spacing:0;border-radius:50%;width:44px;height:44px;font-size:20px;top:118px}.tbtn.small.cam{left:max(12px, env(safe-area-inset-left))}.tbtn.small.crane{left:calc(max(12px, env(safe-area-inset-left)) + 54px)}body.touch-ui .hud-bars{width:min(260px,30vw);bottom:8px;left:50%;transform:translate(-50%)}body.touch-ui .hud-speed{top:8px;bottom:auto;right:118px}body.touch-ui .hud-speed-num{font-size:clamp(30px,7vw,54px)}body.touch-ui .hud.cockpit .hud-dash{pointer-events:none}body.touch-ui .help{display:none!important}.preview-side{display:block}@media (height<=520px){.preview-card{align-self:flex-end;align-items:center;gap:14px;max-width:470px;padding:8px 12px;display:flex}.preview-map{margin:0;width:170px!important}.preview-side{text-align:left}.preview-stats{margin-bottom:8px}.preview-title{font-size:clamp(20px,5vw,34px)}}.tbtn.pedal{flex-direction:column;justify-content:space-between;width:clamp(84px,17vw,150px);height:clamp(120px,46vh,230px);padding:10px 0;bottom:14px;overflow:hidden}.tbtn.pedal .fill{background:#fff6;height:0%;position:absolute;bottom:0;left:0;right:0}.tbtn.pedal .plabel,.tbtn.pedal .phint{z-index:1;position:relative}.tbtn.pedal .phint{opacity:.8;letter-spacing:.04em;font-size:10px;font-weight:600}.tbtn.pedal.gas{right:max(14px, env(safe-area-inset-right));background:#1a7a3aaa}.tbtn.boost{right:calc(max(14px, env(safe-area-inset-right)) + clamp(84px, 17vw, 150px) + 14px);background:#b86900aa;border-radius:50%;width:clamp(76px,15vw,120px);height:clamp(76px,15vw,120px);font-size:clamp(12px,2.6vw,18px);bottom:14px}.tune-btn.fs{font-size:20px;right:114px}.leftcol{left:max(14px, env(safe-area-inset-left));pointer-events:none;flex-direction:column-reverse;gap:12px;display:flex;position:absolute;bottom:14px}.leftcol .tbtn{position:relative;bottom:auto;left:auto}.leftcol .tbtn.pedal{background:#8a2323aa}.arrowrow{pointer-events:none;gap:10px;display:none}.touch.with-arrows .arrowrow{display:flex}.touch.with-arrows .leftcol .tbtn.pedal{height:clamp(90px,28vh,140px)}.arrowrow .tbtn{width:clamp(64px,12vw,100px);height:clamp(48px,15vh,68px);font-size:26px;position:relative}body.touch-ui .hud-speed{right:170px}.lobby{z-index:30;color:#fff;box-sizing:border-box;background:#0b1226cc;justify-content:center;align-items:center;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;position:fixed;inset:0;overflow-y:auto}.mp-results{z-index:25;pointer-events:auto;background:#0b122699}.lobby-card{box-sizing:border-box;background:#0d1320;border:1px solid #fff4;border-radius:14px;flex-direction:column;gap:12px;width:min(380px,92vw);padding:18px 20px;display:flex}.lobby-title{text-align:center;letter-spacing:.12em;margin:0;font-size:22px}.lobby-title.win{color:#7dff9a}.lobby-row{flex-direction:column;gap:4px;display:flex}.lobby-label{opacity:.7;letter-spacing:.08em;font-size:11px}.lobby-field{gap:8px;display:flex}.lobby-input{min-width:0;font:inherit;color:#fff;-webkit-user-select:text;user-select:text;background:#16203a;border:1px solid #fff4;border-radius:8px;flex:1;padding:11px 12px;font-size:16px}.lobby-input.code{text-align:center;letter-spacing:.3em;text-transform:uppercase;font-weight:700}.lobby-dice{cursor:pointer;background:#26314a;border:0;border-radius:8px;width:46px;font-size:22px}.lobby-view{flex-direction:column;gap:12px;display:none}.lobby-btn{font:inherit;color:#fff;cursor:pointer;background:#26314a;border:0;border-radius:8px;padding:12px 18px;font-size:15px;font-weight:700}.lobby-btn.primary{background:#3a5bff}.lobby-link{font:inherit;color:#9fb0d6;cursor:pointer;background:0 0;border:0;align-self:center;padding:8px;font-size:13px;text-decoration:underline}.lobby-or{text-align:center;opacity:.7;font-size:12px}.lobby-note{text-align:center;opacity:.85;font-size:13px}.lobby-big{text-align:center;font-size:20px;font-weight:800}.lobby-code{text-align:center;letter-spacing:.25em;color:#ffc233;-webkit-user-select:text;user-select:text;padding-left:.25em;font-size:56px;font-weight:900}.lobby-error{background:#7a2230;border-radius:8px;padding:8px 10px;font-size:13px;display:none}.lobby-result{background:#16203a;border-radius:6px;align-items:baseline;gap:10px;padding:6px 8px;font-size:15px;display:flex}.lobby-result.me{outline:1px solid #7dff9a}.lobby-result .pos{width:34px;font-weight:800}.lobby-result .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lobby-result .tm{font-variant-numeric:tabular-nums}.mp-banner{z-index:26;color:#fff;background:#b8280f;border-radius:999px;padding:8px 16px;font:700 14px ui-monospace,Menlo,Consolas,monospace;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0008}.preview-online{font:inherit;color:#fff;cursor:pointer;background:#26314a;border:0;border-radius:8px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:700}.hud-pos{letter-spacing:.06em;color:#ffd166;min-height:1em;font-size:clamp(13px,2.8vw,20px);font-weight:800}.season{flex-direction:column;gap:8px;margin-top:4px;display:flex}.season-champ{text-align:center;letter-spacing:.08em;color:#ffc233;font-size:18px;font-weight:900}.season-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.season-table th,.season-table td{text-align:right;white-space:nowrap;padding:3px 6px}.season-table th{opacity:.7;text-overflow:ellipsis;max-width:90px;font-size:11px;font-weight:700;overflow:hidden}.season-table .trk,.season-table th:first-child{text-align:left}.season-table tr.next td{color:#ffd166}.season-table td.win{color:#7dff9a;font-weight:800}.season-sum{flex-direction:column;gap:4px;display:flex}.lobby-setup{flex-direction:column;gap:8px;display:flex}.lobby-pick{align-items:center;gap:8px;display:flex}.lobby-pick .name{text-align:center;flex:1;font-size:16px;font-weight:800}.lobby-pick button{width:40px;font:inherit;color:#fff;cursor:pointer;background:#26314a;border:0;border-radius:8px;padding:8px 0;font-size:18px}.lobby-seg{gap:4px;display:flex}.lobby-seg button{font:inherit;color:#cfd8f0;cursor:pointer;background:#16203a;border:0;border-radius:8px;flex:1;padding:9px 4px;font-size:13px}.lobby-seg button.on{color:#fff;background:#3a5bff;font-weight:700}.preview-season{font:inherit;color:#fff;cursor:pointer;background:#5b3aa8;border:0;border-radius:8px;margin-top:8px;margin-left:8px;padding:10px 20px;font-size:14px;font-weight:700}.hud-season{letter-spacing:.1em;opacity:.8;margin-bottom:4px;font-size:12px}.hud-box .season{text-align:left;min-width:min(340px,84vw)}@media (height<=520px){.hud-box{padding:12px 18px}.hud-box h2{font-size:22px}.hud-box .hud-restart{margin-top:8px;padding:9px 18px}.lobby-card{gap:7px;padding:12px 16px}.lobby-result{padding:3px 8px}.season{gap:5px}.season-table{font-size:12px}.season-table th,.season-table td{padding:1px 6px}}.lobby>.lobby-card,.hud-overlay>.hud-box{margin:auto}