*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}[hidden]{display:none!important}body{background:#fff;color:#1c1c20;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.desktop{background:#fff}body.desktop #game{display:block;width:100vw;height:100vh}body.desktop #hud-tr{position:fixed;top:20px;right:20px;z-index:10;pointer-events:none}#qr-panel{pointer-events:none;font-family:Orbitron,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;padding:15px 17px 13px;border-radius:16px;border:1.5px solid rgba(255,45,149,.55);background:radial-gradient(125% 90% at 50% 0%,rgba(255,45,149,.18),transparent 60%),linear-gradient(180deg,#1a0b33,#0c0720);box-shadow:0 0 28px #ff2d9559,0 18px 50px #0000008c,inset 0 0 42px #2de2e60f;display:flex;flex-direction:column;align-items:center;gap:9px}#qr-logo{font-weight:900;font-size:26px;letter-spacing:3px;line-height:1;background-image:linear-gradient(100deg,#ff2d95,#ff5fa2 42%,#ff8a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 8px rgba(255,45,149,.6)) drop-shadow(0 0 16px rgba(255,138,61,.4))}#qr-scan{font-weight:800;font-size:11px;letter-spacing:4px;color:#2de2e6;text-shadow:0 0 8px rgba(45,226,230,.85)}#qr-frame{background:#fff;padding:7px;border-radius:10px;line-height:0;box-shadow:0 0 18px #2de2e680,inset 0 0 0 1px #0000000f}#qr{width:160px;height:160px;display:block}#code-text{font-family:Orbitron,ui-monospace,monospace;font-weight:800;font-size:24px;letter-spacing:8px;margin-left:8px;color:#ffdcec;text-shadow:0 0 10px rgba(255,45,149,.9),0 0 22px rgba(255,122,24,.4)}#status{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#9aa6c0;text-shadow:0 0 8px rgba(45,226,230,.25)}#status.connected{color:#5dffb0;text-shadow:0 0 10px rgba(57,255,140,.85)}#qr-hint{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#9aa6c08c}#lobby-roster{display:flex;flex-direction:column;gap:5px;width:100%}#lobby-roster:empty{display:none}.roster-row{display:flex;align-items:center;gap:7px;font-family:Orbitron,ui-monospace,monospace;font-size:10px;letter-spacing:1px;color:#cdd6f4;padding:4px 7px;border-radius:7px;background:#2de2e60f;border:1px solid rgba(45,226,230,.16)}.roster-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.roster-name{font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.roster-color{text-transform:uppercase;color:#9aa6c0;margin-left:auto}.roster-ok{color:#5dffb0;font-size:9px;text-shadow:0 0 6px rgba(57,255,140,.85)}body.desktop #race-hud{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:11;pointer-events:none;text-align:center;font-family:Orbitron,ui-monospace,monospace}#race-timer{font-weight:900;font-size:34px;letter-spacing:3px;color:#2de2e6;line-height:1;text-shadow:0 0 12px rgba(45,226,230,.85),0 0 28px rgba(45,226,230,.4);font-variant-numeric:tabular-nums}#race-meta{margin-top:6px;display:flex;gap:14px;justify-content:center;font-weight:800;font-size:12px;letter-spacing:2px}#race-cp{color:#2de2e6;text-shadow:0 0 8px rgba(45,226,230,.7)}#race-cp:empty{display:none}#race-lap{color:#ff8a3d;text-shadow:0 0 8px rgba(255,138,61,.7)}body.desktop #race-finish{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);z-index:12;pointer-events:none;text-align:center;font-family:Orbitron,ui-monospace,monospace}#race-finish .rf-title{font-weight:900;font-size:clamp(48px,9vw,110px);letter-spacing:8px;line-height:1;background-image:linear-gradient(100deg,#ff2d95,#ff5fa2 42%,#ff8a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 16px rgba(255,45,149,.7)) drop-shadow(0 0 34px rgba(255,138,61,.5))}#race-finish-time{margin-top:10px;font-weight:900;font-size:clamp(26px,4vw,52px);letter-spacing:4px;color:#2de2e6;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(45,226,230,.9),0 0 32px rgba(45,226,230,.45)}body.desktop #pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;background:#07030f8c;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);font-family:Orbitron,ui-monospace,monospace}#pause-title{font-weight:900;font-size:clamp(54px,11vw,140px);letter-spacing:10px;line-height:1;background-image:linear-gradient(100deg,#ff2d95,#ff5fa2 42%,#ff8a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 18px rgba(255,45,149,.7)) drop-shadow(0 0 40px rgba(255,138,61,.5))}#pause-hint{font-weight:800;font-size:clamp(11px,1.6vw,16px);letter-spacing:4px;text-transform:uppercase;color:#2de2e6;text-shadow:0 0 10px rgba(45,226,230,.7)}body.desktop #editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;font-family:Orbitron,ui-monospace,monospace}#editor-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}#editor-palette{display:flex;gap:8px;padding:8px 10px;border-radius:14px;background:#080412d1;border:1.5px solid rgba(45,226,230,.4);box-shadow:0 0 24px #2de2e62e,0 10px 30px #0000008c}.etool,#editor-clear{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:12px;letter-spacing:2px;padding:9px 12px;border-radius:9px;color:#cdd6f4;background:#ffffff0a;border:1.5px solid rgba(154,166,192,.3);transition:background .12s,box-shadow .12s,transform 80ms,border-color .12s}.etool[data-tool=start]{color:#bfffd0;border-color:#39ff6a80}.etool[data-tool=finish]{color:#ffd0e6;border-color:#ff2d9580}.etool[data-tool=checkpoint]{color:#bff4ff;border-color:#2de2e680}.etool[data-tool=delete]{color:#ffb3b3;border-color:#ff3b3b73}#editor-clear{color:#ff8a8a;border-color:#ff3b3b73;margin-left:4px}#editor-laps{display:flex;align-items:center;gap:7px;margin-left:8px;padding:4px 9px;border-radius:9px;background:#ffffff0a;border:1.5px solid rgba(255,226,61,.45);font-weight:800;letter-spacing:2px;color:#ffe9a6}#editor-laps .laps-label{font-size:11px;opacity:.8}#editor-laps #laps-val{font-size:13px;min-width:14px;text-align:center;color:#ffe23d;text-shadow:0 0 8px rgba(255,226,61,.6)}.lapbtn{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;font-family:inherit;font-weight:900;font-size:15px;line-height:1;width:22px;height:22px;border-radius:6px;color:#ffe9a6;background:#ffffff0d;border:1.5px solid rgba(255,226,61,.45);transition:background .12s,box-shadow .12s,transform 80ms}.lapbtn:hover{box-shadow:0 0 12px #ffe23d80}.lapbtn:active{transform:translateY(1px)}.etool.sel{background:#ffffff1f;box-shadow:0 0 16px currentColor,inset 0 0 0 1.5px currentColor;transform:translateY(-1px)}.etool:active,#editor-clear:active{transform:translateY(1px)}#editor-status{display:flex;gap:14px;font-weight:800;font-size:11px;letter-spacing:2px;padding:5px 11px;border-radius:8px;background:#08041299;border:1px solid rgba(45,226,230,.16)}#editor-status .ok{color:#5dffb0;text-shadow:0 0 8px rgba(57,255,140,.6)}#editor-status .no{color:#9aa6c08c}#editor-status .cp{color:#2de2e6;text-shadow:0 0 8px rgba(45,226,230,.5)}#editor-status .mode{color:#ff8a3d;text-shadow:0 0 9px rgba(255,138,61,.6)}#editor-status .laps{color:#ffe23d;text-shadow:0 0 8px rgba(255,226,61,.5)}#editor-status .sep{color:#9aa6c066}#editor-hint{position:absolute;bottom:54px;left:50%;transform:translate(-50%);pointer-events:none;font-weight:700;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#9aa6c0b3}#editor-hint.flash{color:#ffe23d;text-shadow:0 0 10px rgba(255,226,61,.85)}body.desktop.editing #game{cursor:crosshair}body.desktop #hud-bl{position:fixed;bottom:56px;left:24px;z-index:10;pointer-events:none;display:none;flex-direction:column;align-items:flex-start;gap:10px}#speedo{display:flex;align-items:baseline;gap:8px;background:#fff;border:1px solid #e5e7eb;padding:12px 18px;border-radius:12px;box-shadow:0 10px 28px #00000024}#speed{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:800;font-size:44px;letter-spacing:2px;color:#1c1c20;font-variant-numeric:tabular-nums;line-height:1}#speed-unit{font-size:12px;letter-spacing:2px;color:#6b7280}#sound-toggle{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;font-size:16px;line-height:1;padding:6px 8px;margin-left:6px;cursor:pointer;align-self:center}#sound-toggle:hover{background:#f3f4f6}#sound-toggle.off{opacity:.55}#drift{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:700;font-size:12px;letter-spacing:4px;padding:6px 12px;border-radius:6px;background:#2da44e1a;color:#2da44e;border:1px solid rgba(45,164,78,.4);transition:background 80ms linear,color 80ms linear,border-color 80ms linear}#drift.on{background:#fff3cd;color:#b54708;border-color:#f0c674}#slip-readout,#wspin-readout{font:700 11px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:1.5px;color:#6b7280;display:flex;gap:8px;align-items:baseline;background:#ffffffe0;border:1px solid #e5e7eb;padding:5px 9px;border-radius:7px}#slip-readout #rear-slip-val,#wspin-readout #wspin-val{color:#1c1c20;font-weight:800;font-variant-numeric:tabular-nums;min-width:5ch;text-align:right}#pedal-hud{display:flex;align-items:flex-end;gap:10px;margin-top:6px}.bar{position:relative;width:14px;height:80px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;overflow:hidden}.bar-fill{position:absolute;left:0;right:0;bottom:0;height:0%;transition:height 60ms linear}.bar-gas .bar-fill{background:#2da44e}.bar-brk .bar-fill{background:#e63946}.bar-label{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);font:700 9px/1 ui-monospace,monospace;color:#6b7280;letter-spacing:1px}#handbrake-hud{font:700 11px/1 ui-monospace,monospace;letter-spacing:2px;padding:6px 10px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;align-self:center}#handbrake-hud.on{background:#b54708;color:#fff;border-color:#b54708}body.phone{background:radial-gradient(120% 85% at 50% 12%,#2a0f4e,#150a30 46%,#07030f);color:#e9d5ff;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;font-family:Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#phone-stage{position:fixed;width:100vmax;height:100vmin;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));transform-origin:center;transition:transform .12s ease-out;overflow:hidden;background:radial-gradient(125% 95% at 50% 0%,rgba(255,45,149,.12),transparent 55%),radial-gradient(125% 95% at 50% 100%,rgba(45,226,230,.1),transparent 55%),linear-gradient(180deg,#160a31,#0b0622 58%,#07030f)}#phone-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(45,226,230,.045) 0 1px,transparent 1px 3px),linear-gradient(rgba(255,45,149,.06) 1px,transparent 1px) 0 0 / 100% 46px,linear-gradient(90deg,rgba(45,226,230,.06) 1px,transparent 1px) 0 0 / 46px 100%}:root{--hb-w: clamp(170px, 26vmax, 240px);--hb-h: clamp(100px, 16vmax, 160px);--hb-margin: 8px}#pedals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pedal,#handbrake{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;padding:0;font-family:inherit;font-weight:900;letter-spacing:4px;color:#fff;position:absolute;overflow:hidden;touch-action:none;transition:filter 80ms ease-out,box-shadow .14s ease-out;cursor:pointer}.pedal{top:0;height:100%;width:50%;font-size:22px}#pedal-brake{left:0;background:linear-gradient(180deg,#ff2d951f,#16081c9e 42%,#080410f0);box-shadow:inset 0 0 0 2px #ff2d95cc,inset 0 0 34px #ff2d9538,inset 0 0 80px #ff7a181a}#pedal-throttle{right:0;background:linear-gradient(180deg,#39ff8c1f,#08161a9e 42%,#060c12f0);box-shadow:inset 0 0 0 2px #2dffaacc,inset 0 0 34px #2dffaa33,inset 0 0 80px #2de2e61a}#pedal-brake{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--hb-h) - var(--hb-margin)),calc(100% - var(--hb-w) / 2 - var(--hb-margin)) calc(100% - var(--hb-h) - var(--hb-margin)),calc(100% - var(--hb-w) / 2 - var(--hb-margin)) 100%,0% 100%)}#pedal-throttle{clip-path:polygon(0% 0%,100% 0%,100% 100%,calc(var(--hb-w) / 2 + var(--hb-margin)) 100%,calc(var(--hb-w) / 2 + var(--hb-margin)) calc(100% - var(--hb-h) - var(--hb-margin)),0% calc(100% - var(--hb-h) - var(--hb-margin)))}.pedal-fill{position:absolute;left:0;right:0;bottom:0;height:0%;pointer-events:none;z-index:0}#pedal-brake .pedal-fill{background:linear-gradient(180deg,#ff8a3d,#ff2d95 52%,#b3146a);box-shadow:0 0 28px #ff2d9599,0 -2px 14px #ff8a3dd9}#pedal-throttle .pedal-fill{background:linear-gradient(180deg,#c4ffd6,#39ff6a 46%,#00d39a);box-shadow:0 0 28px #39ff5a8c,0 -2px 14px #2de2e6cc}.pedal-saturation{position:absolute;left:0;right:0;top:0;height:25%;background:#ffffff0d;border-bottom:2px dashed rgba(255,255,255,.5);pointer-events:none;z-index:0;transition:background 80ms linear,box-shadow 80ms linear}#pedal-brake .pedal-saturation{border-bottom-color:#ff2d95bf}#pedal-throttle .pedal-saturation{border-bottom-color:#2dffaabf}#pedal-brake.at-max .pedal-saturation{background:#ff2d954d;box-shadow:inset 0 0 34px #ff2d958c}#pedal-throttle.at-max .pedal-saturation{background:#2dffaa47;box-shadow:inset 0 0 34px #2dffaa8c}.pedal-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:1;font-weight:900;letter-spacing:6px}#pedal-brake .pedal-label{color:#ffe2f0;text-shadow:0 0 9px rgba(255,45,149,.95),0 0 22px rgba(255,122,24,.6)}#pedal-throttle .pedal-label{color:#dcffe6;text-shadow:0 0 9px rgba(57,255,110,.95),0 0 22px rgba(45,226,230,.65)}.pedal.active{filter:brightness(1.14) saturate(1.12)}#handbrake{left:50%;bottom:var(--hb-margin);transform:translate(-50%);width:var(--hb-w);height:var(--hb-h);border-radius:16px;font-size:18px;color:#ffe9c7;background:linear-gradient(180deg,#ff8a3d24,#160b08e6);box-shadow:inset 0 0 0 2px #ff9628d9,inset 0 0 28px #ff8a3d33,0 0 24px #ff8a3d47;z-index:2}#handbrake .pedal-label{position:static;display:grid;place-items:center;height:100%;width:100%;font-weight:900;letter-spacing:4px;text-shadow:0 0 9px rgba(255,150,40,.95),0 0 22px rgba(255,90,40,.6)}#handbrake.active{background:linear-gradient(180deg,#ffac408c,#7c2d12e6);filter:brightness(1.12);box-shadow:inset 0 0 0 2px #ffc86e,inset 0 0 40px #ffa5378c,0 0 50px #ff8c28d9,0 0 100px #ff5a1e73}#unlock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:86%;height:60%;z-index:3;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background-color:transparent;padding:0 6%;font-family:inherit;font-size:clamp(34px,9.5vmin,70px);font-weight:900;letter-spacing:6px;line-height:1.12;text-align:center;background-image:linear-gradient(100deg,#ff2d95,#ff5fa2 42%,#ff8a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:tapPulse 1.9s ease-in-out infinite}@keyframes tapPulse{0%,to{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 10px rgba(255,45,149,.55)) drop-shadow(0 0 26px rgba(255,138,61,.4))}50%{transform:translate(-50%,-50%) scale(1.04);filter:drop-shadow(0 0 22px rgba(255,45,149,.95)) drop-shadow(0 0 50px rgba(255,138,61,.7))}}#unlock:active{animation:none;transform:translate(-50%,-50%) scale(.98);filter:drop-shadow(0 0 26px rgba(255,45,149,1)) drop-shadow(0 0 60px rgba(255,138,61,.85))}#lobby-slot{position:absolute;top:7%;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;white-space:nowrap;font-weight:900;font-size:clamp(16px,4.6vmin,30px);letter-spacing:5px;color:#2de2e6;text-shadow:0 0 10px rgba(45,226,230,.9),0 0 26px rgba(45,226,230,.5)}#lobby-slot.full{color:#ff3b3b;text-shadow:0 0 12px rgba(255,59,59,.95),0 0 28px rgba(255,59,59,.5)}#lobby-name{position:absolute;top:19%;left:50%;transform:translate(-50%);z-index:4;pointer-events:auto;width:min(56vmax,360px);max-width:80vw;text-align:center;font-family:Orbitron,system-ui,sans-serif;font-weight:800;font-size:clamp(13px,3vmin,20px);letter-spacing:3px;text-transform:uppercase;color:#ffdcec;caret-color:#ff5fa2;background:#08041299;border:1.5px solid rgba(255,45,149,.45);border-radius:12px;padding:8px 14px;outline:none;box-shadow:0 0 16px #ff2d952e,inset 0 0 18px #2de2e60d;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .14s ease-out,box-shadow .14s ease-out}#lobby-name::placeholder{color:#9aa6c08c;letter-spacing:3px}#lobby-name:focus{border-color:#2de2e6cc;box-shadow:0 0 22px #2de2e659,inset 0 0 18px #ff2d950f}#lobby-colors{position:absolute;bottom:7%;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(7px,1.8vmin,14px);max-width:92vmax;padding:9px 13px;border-radius:16px;background:#0804128c;border:1px solid rgba(255,45,149,.28);box-shadow:0 0 22px #ff2d952e,inset 0 0 30px #2de2e60d}.swatch{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;width:clamp(26px,5.6vmin,42px);height:clamp(26px,5.6vmin,42px);border-radius:50%;cursor:pointer;pointer-events:auto;background:var(--sw);box-shadow:0 0 10px var(--sw),inset 0 0 0 2px #ffffff2e;outline:2px solid transparent;outline-offset:3px;transition:transform 90ms ease-out,box-shadow .14s ease-out,outline-color .14s ease-out;touch-action:none}.swatch.selected{outline-color:#fff;transform:scale(1.14);box-shadow:0 0 18px var(--sw),0 0 36px var(--sw),inset 0 0 0 2px #ffffff73}#error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:#ff5fa2;text-align:center;font-size:16px;line-height:1.5;text-shadow:0 0 12px rgba(255,45,149,.6);z-index:4}#debug{position:fixed;top:max(4px,env(safe-area-inset-top));left:max(4px,env(safe-area-inset-left));font:10px/1.25 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#7ff3e0;background:#0a0618b3;border:1px solid rgba(45,226,230,.25);padding:4px 6px;border-radius:4px;z-index:999;pointer-events:none;max-width:calc(100vw - 16px);word-break:break-all;white-space:pre-wrap}