:root{--bg:#0b0e1a;--ink:#f2f5ff;--muted:#f2f5ff9e;--accent:#29e6ff;--accent-2:#ffb52e;--danger:#ff4d6d;--gold:#ffcf3f;--silver:#d7dee8;--bronze:#e08d4f;--author:#29e6ff;--panel:#0d1222d1;--panel-border:#78a0ff29;--font-display:"Orbitron", "Rajdhani", system-ui, sans-serif;--font-ui:"Rajdhani", "Segoe UI", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;z-index:10;position:absolute;inset:0}#ui-root>*{pointer-events:auto}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.hud,.menu-layer{position:absolute;inset:0}.hidden{display:none!important}.hud{z-index:20;pointer-events:none;font-family:var(--font-ui)}.hud-top{top:calc(12px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:flex-start;gap:12px;display:grid;position:absolute}.hud-track-name{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;text-shadow:0 2px 8px #0009;justify-self:start;font-size:15px;font-weight:700}.hud-timer-wrap{text-align:center}.hud-timer{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 2px 16px #000000a6;font-variant-numeric:tabular-nums;font-size:clamp(28px,5vw,44px);font-weight:900}.hud-best{color:var(--accent);letter-spacing:.08em;font-size:14px;font-weight:600}.hud-live-delta{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-height:20px;font-size:17px;font-weight:700}.hud-live-delta.ahead{color:#7dff6e}.hud-live-delta.behind{color:#ff6e7d}.split-delta{font-family:var(--font-display);margin-top:2px;font-size:20px;font-weight:700}.split-delta.ahead,.delta-ahead{color:#7dff6e}.split-delta.behind,.delta-behind{color:#ff6e7d}.split-cp{letter-spacing:.14em;color:var(--muted);font-size:13px}.hud-cp-wrap{justify-self:end;align-items:center;gap:8px;padding-right:0;display:flex}.touch-active .hud-cp-wrap{padding-right:52px}.hud-cp{font-family:var(--font-display);color:var(--muted);letter-spacing:.1em;text-shadow:0 2px 8px #0009;font-size:15px;font-weight:700}.hud-bottom{bottom:calc(18px + var(--safe-bottom));left:calc(20px + var(--safe-left));right:calc(20px + var(--safe-right));justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.touch-active .hud-speed-wrap{right:calc(20px + var(--safe-right));bottom:calc(214px + var(--safe-bottom));position:absolute}.touch-active .hud-drift{left:calc(20px + var(--safe-left));bottom:calc(214px + var(--safe-bottom));position:absolute}.hud-respawn-hint{bottom:calc(140px + var(--safe-bottom));font-family:var(--font-display);letter-spacing:.1em;color:var(--accent-2);text-shadow:none;opacity:0;pointer-events:none;background:#0a0e1ab8;border:1px solid #ffb52e66;border-radius:10px;padding:8px 18px;font-size:15px;font-weight:700;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}.hud-respawn-hint.show{opacity:1}.progress-track{bottom:calc(76px + var(--safe-bottom));pointer-events:none;background:#ffffff2e;border-radius:2px;width:min(420px,44vw);height:4px;position:absolute;left:50%;transform:translate(-50%)}.progress-tick{background:#ffffff73;border-radius:1px;width:2px;height:10px;position:absolute;top:-3px;transform:translate(-1px)}.progress-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-dot.player{background:var(--accent);box-shadow:0 0 10px #29e6ffe6}.progress-dot.ghost{background:#ffffffbf;width:7px;height:7px}.touch-active .progress-track{display:none}.hud-drift{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent-2);opacity:0;text-shadow:0 0 18px #ffb52ea6;font-size:22px;font-weight:900;transition:opacity .12s;transform:skew(-8deg)}.hud-drift.active{opacity:1}.hud-speed-wrap{text-align:right;text-shadow:0 2px 14px #000000a6}.hud-speed{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(40px,7vw,64px);font-weight:900;line-height:.95}.hud-speed-unit{letter-spacing:.18em;color:var(--muted);font-size:14px;font-weight:600}.hud-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown{font-family:var(--font-display);color:#fff;text-shadow:0 0 40px #29e6ffcc,0 4px 24px #00000080;opacity:0;font-size:clamp(90px,18vw,190px);font-weight:900}.countdown.go{color:var(--accent)}.countdown.pop{animation:.9s ease-out forwards countPop}@keyframes countPop{0%{opacity:0;transform:scale(1.7)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.92)}}.hud-split-toast{text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-split-toast.show{opacity:1}.split-time{font-family:var(--font-display);color:#fff;text-shadow:0 2px 14px #000000b3;font-size:30px;font-weight:700}.finish-flash{font-family:var(--font-display);color:#fff;text-shadow:0 0 40px #ffffff80,0 4px 24px #00000080;font-size:clamp(40px,8vw,90px);font-weight:900;animation:2.2s ease-out forwards countPop}.finish-flash.banner-author{color:var(--author);text-shadow:0 0 60px #29e6ffe6}.finish-flash.banner-gold{color:var(--gold);text-shadow:0 0 60px #ffcf3fe6}.finish-flash.banner-silver{color:var(--silver);text-shadow:0 0 60px #d7dee8cc}.finish-flash.banner-bronze{color:var(--bronze);text-shadow:0 0 60px #e08d4fcc}.medal{font-family:var(--font-display);letter-spacing:.1em;border-radius:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.medal-author{color:var(--author);background:#29e6ff2e}.medal-gold{color:var(--gold);background:#ffcf3f2e}.medal-silver{color:var(--silver);background:#d7dee82e}.medal-bronze{color:var(--bronze);background:#e08d4f2e}.menu-layer{z-index:30;pointer-events:none}.menu-layer>*{pointer-events:auto}.screen{padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));background:radial-gradient(at 50% 30%,#0a0e1c8c,#080a14e0);flex-direction:column;justify-content:safe center;align-items:center;gap:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen>.panel,.screen>.track-grid,.screen>.screen-header,.screen>.settings-list,.screen>.controls-help{margin:auto 0}.title-screen{background:radial-gradient(at 50% 20%,#0a0e1c59,#080a14cc)}.game-logo{text-align:center;-webkit-user-select:none;user-select:none}.logo-race{font-family:var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 0 30px #29e6ff8c,0 6px #29e6ff40,0 12px 40px #0009;font-size:clamp(64px,14vw,130px);font-weight:900;line-height:1}.logo-2{color:var(--accent);text-shadow:0 0 44px #29e6fff2}.logo-tag{letter-spacing:.42em;color:var(--muted);text-transform:uppercase;margin-top:10px;font-size:clamp(11px,2vw,15px);font-weight:600}.menu-buttons{flex-direction:column;gap:12px;width:min(320px,80vw);display:flex}.menu-btn{font-family:var(--font-display);letter-spacing:.14em;border:1px solid var(--panel-border);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141b30d9;border-radius:10px;padding:14px 26px;font-size:17px;font-weight:700;transition:transform 90ms,background .15s,border-color .15s}.menu-btn:hover{background:#263258e6;border-color:#78c8ff73;transform:translateY(-1px)}.menu-btn:active{transform:translateY(1px)scale(.99)}.menu-btn.primary{color:#04121a;background:linear-gradient(135deg,#0fa8c4,#29e6ff);border-color:#0000;box-shadow:0 4px 30px #29e6ff59}.menu-btn.primary:hover{filter:brightness(1.1)}.menu-btn.danger{color:#ff8ba0;border-color:#ff4d6d66}.menu-btn.small{width:-moz-fit-content;width:fit-content;padding:8px 16px;font-size:13px}.title-hint{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:13px}.screen-header{justify-content:space-between;align-items:center;width:min(760px,94vw);display:flex}.screen-title{font-family:var(--font-display);letter-spacing:.1em;font-size:clamp(22px,4vw,34px);font-weight:900}.track-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;width:min(760px,94vw);display:grid}.track-card{text-align:left;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;transition:transform .11s,border-color .15s,box-shadow .15s;display:flex}.track-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 40px #29e6ff29}.track-card-top{align-items:center;gap:14px;display:flex}.track-num{font-family:var(--font-display);color:var(--accent,#29e6ff);opacity:.9;font-size:34px;font-weight:900}.track-name{font-family:var(--font-display);letter-spacing:.04em;font-size:19px;font-weight:700}.track-sub{color:var(--muted);letter-spacing:.06em;font-size:13px}.track-card-bottom{justify-content:space-between;align-items:center;display:flex}.track-best{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.track-medals{gap:6px;display:flex}.mini-medal{background:0 0;border:2px solid #ffffff2e;border-radius:50%;width:14px;height:14px}.mini-medal.earned.mm-author{background:var(--author);border-color:var(--author);box-shadow:0 0 10px var(--author)}.mini-medal.earned.mm-gold{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px var(--gold)}.mini-medal.earned.mm-silver{background:var(--silver);border-color:var(--silver)}.mini-medal.earned.mm-bronze{background:var(--bronze);border-color:var(--bronze)}.settings-list{flex-direction:column;gap:8px;width:min(560px,92vw);display:flex}.setting-row{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.setting-label{letter-spacing:.12em;color:var(--muted);font-size:13px;font-weight:700}.setting-select{color:var(--ink);border:1px solid var(--panel-border);background:#1e2846e6;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:15px;font-weight:600}.setting-range-wrap{align-items:center;gap:12px;display:flex}.setting-range{width:160px;accent-color:var(--accent)}.setting-range-val{text-align:right;min-width:48px;font-size:14px;font-weight:700}.controls-help{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:min(760px,92vw);margin-top:6px;display:grid}.controls-col{background:var(--panel);border:1px solid var(--panel-border);color:var(--muted);border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.7}.controls-col h4{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent);margin-bottom:6px;font-size:12px}.overlay-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a1499}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;align-items:stretch;gap:12px;width:min(400px,92vw);padding:28px;display:flex}.panel .menu-btn{width:100%}.finish-panel{text-align:center;align-items:center}.finish-panel .menu-btn{width:100%}.finish-time{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(38px,8vw,56px);font-weight:900}.finish-medal{font-family:var(--font-display);letter-spacing:.2em;border-radius:999px;padding:8px 22px;font-size:22px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) medalPop}.finish-medal.none{color:var(--muted);border:1px dashed #ffffff40}.finish-medal.banner-author{color:var(--author);background:#29e6ff29;box-shadow:0 0 40px #29e6ff66}.finish-medal.banner-gold{color:var(--gold);background:#ffcf3f29;box-shadow:0 0 40px #ffcf3f66}.finish-medal.banner-silver{color:var(--silver);background:#d7dee824;box-shadow:0 0 40px #d7dee84d}.finish-medal.banner-bronze{color:var(--bronze);background:#e08d4f29;box-shadow:0 0 40px #e08d4f59}@keyframes medalPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.finish-best{letter-spacing:.08em;color:var(--muted);font-size:14px;font-weight:600}.finish-deltas,.finish-history{border-top:1px solid var(--panel-border);width:100%;margin-top:4px;padding-top:10px}.fh-title{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent);margin-bottom:6px;font-size:11px}.delta-row{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding:2px 4px;font-size:14px;font-weight:600;display:flex}.delta-row .delta-split{color:var(--ink);font-family:var(--font-display);font-size:13px}.touch-controls{z-index:25;pointer-events:none;position:absolute;inset:0}.tc-btn{pointer-events:auto;color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-display);letter-spacing:.1em;-webkit-touch-callout:none;touch-action:none;background:#10162880;border:2px solid #ffffff38;border-radius:18px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.tc-btn.pressed{border-color:var(--accent);background:#29e6ff4d}.tc-steer{pointer-events:none}.tc-left,.tc-right{bottom:calc(110px + var(--safe-bottom));width:88px;height:88px;font-size:30px}.tc-left{left:calc(18px + var(--safe-left));border-radius:22px}.tc-right{left:calc(118px + var(--safe-left));border-radius:22px}.tc-gas,.tc-brake{bottom:calc(110px + var(--safe-bottom));width:92px;height:96px;font-size:15px}.tc-gas{right:calc(18px + var(--safe-right));border-color:#7dff6e66}.tc-brake{right:calc(122px + var(--safe-right));border-color:#ff4d6d66}.tc-gas span,.tc-brake span{writing-mode:horizontal-tb}.tc-small{border-radius:14px;width:52px;height:52px;font-size:22px}.tc-respawn{right:calc(20px + var(--safe-right));top:calc(64px + var(--safe-top))}.tc-look{right:calc(84px + var(--safe-right));top:calc(64px + var(--safe-top))}.tc-pause{right:calc(16px + var(--safe-right));top:calc(10px + var(--safe-top));width:44px;height:44px;font-size:16px}@media (max-height:460px){.tc-left,.tc-right,.tc-gas,.tc-brake{bottom:calc(70px + var(--safe-bottom));width:76px;height:74px}.tc-brake{right:calc(104px + var(--safe-right))}.tc-right{left:calc(102px + var(--safe-left))}}@media (min-width:900px) and (pointer:fine){.touch-controls{display:none}}.garage-wrap{flex-direction:column;align-items:center;gap:16px;width:min(560px,94vw);display:flex}.garage-canvas{aspect-ratio:3/2;border:1px solid var(--panel-border);background:radial-gradient(at 50% 40%,#1c2440,#0b0e1a);border-radius:14px;width:min(440px,88vw);height:auto}.paint-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.paint-swatch{border:2px solid #ffffff26;border-radius:12px;width:52px;height:52px;transition:transform .1s,border-color .15s,box-shadow .15s}.paint-swatch:hover{transform:scale(1.08)}.paint-swatch.selected{border-color:#fff;transform:scale(1.06);box-shadow:0 0 16px #ffffff73}.body-grid{gap:10px;display:flex}.body-btn.selected{color:#04121a;background:linear-gradient(135deg,#0fa8c4,#29e6ff);border-color:#0000}#speedlines{pointer-events:none;z-index:5;opacity:0;mix-blend-mode:screen;background:repeating-conic-gradient(#ffffff24 0deg .35deg,#0000 .35deg 3deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 34%,#000 78%);mask-image:radial-gradient(circle,#0000 34%,#000 78%)}#vignette{pointer-events:none;z-index:4;opacity:.25;background:radial-gradient(#0000 52%,#04060ed9 100%);position:absolute;inset:0}.title-credits{letter-spacing:.14em;color:#f2f5ff66;text-transform:uppercase;font-size:11px}.tracks-header-right{align-items:center;gap:14px;display:flex}.star-total{font-family:var(--font-display);color:var(--gold);letter-spacing:.06em;font-size:16px;font-weight:700}.track-card.locked{opacity:.55;filter:saturate(.4);cursor:not-allowed}.track-card.locked:hover{border-color:var(--panel-border);box-shadow:none;transform:none}.track-stars{justify-content:flex-end;gap:2px;font-size:11px;display:flex}.pstar{opacity:.22;filter:grayscale()}.pstar.on{opacity:1;filter:none}.hud.practice .hud-timer-wrap,.hud.practice .hud-best{visibility:hidden}.touch-controls.touch-lefty .tc-left{left:auto;right:calc(122px + var(--safe-right))}.touch-controls.touch-lefty .tc-right{left:auto;right:calc(18px + var(--safe-right))}.touch-controls.touch-lefty .tc-gas{right:auto;left:calc(18px + var(--safe-left))}.touch-controls.touch-lefty .tc-brake{right:auto;left:calc(122px + var(--safe-left))}.achv-list{flex-direction:column;gap:8px;width:min(560px,92vw);display:flex}.achv-row{background:var(--panel);border:1px solid var(--panel-border);opacity:.5;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.achv-row.done{opacity:1;border-color:#ffcf3f66}.achv-name{font-family:var(--font-display);font-size:15px;font-weight:700}.achv-row.done .achv-name{color:var(--gold)}.achv-desc{color:var(--muted);font-size:13px}.achv-check{font-family:var(--font-display);color:var(--gold);text-align:center;width:32px;font-size:20px}