:root{--ui-yellow: #ffc233;--ui-orange: #f0862e;--ui-blue: #3d8de0;--ui-green: #54a341;--ui-purple: #9a5fd0;--ui-red: #e8483c;--drift-1: #58a6ff;--drift-2: #f0883e;--drift-3: #bc8cff;--panel-bg: rgba(24, 20, 38, .72);--panel-bg-strong: rgba(24, 20, 38, .9);--panel-outline: rgba(10, 8, 18, .85);--panel-wash: rgba(82, 55, 112, .58);--panel-highlight: rgba(255, 246, 232, .24);--paper-cream: #fff4dc;--ink-plum: #21182d;--ink-shadow: rgba(25, 14, 36, .42);--panel-radius: 14px;--panel-radius-lg: 22px;--text-main: #fdf6e8;--text-dim: #beb7cf;--text-outline: rgba(10, 8, 18, .85);--delta-good: #6fdd6f;--delta-bad: #ff7a70;--font-display: "Arial Rounded MT Bold", ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--hud-gap: 14px}#hud-root{position:fixed;inset:0;z-index:10;pointer-events:none;user-select:none;font-family:var(--font-display);color:var(--text-main);isolation:isolate;--energy-color: var(--ui-yellow);--energy-rgb: 255, 194, 51}#hud-root:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:repeating-radial-gradient(circle at 18% 32%,rgba(70,42,72,.2) 0 .45px,transparent .7px 2.8px),repeating-linear-gradient(97deg,rgba(255,246,226,.12) 0 1px,transparent 1px 4px);background-size:7px 7px,13px 13px;mix-blend-mode:soft-light}#hud-root:after{content:"";position:absolute;inset:-8%;z-index:-1;opacity:0;transform:scale(1.04);background:radial-gradient(ellipse at center,transparent 46%,rgba(var(--energy-rgb),.08) 67%,rgba(var(--energy-rgb),.3) 100%),conic-gradient(from 205deg at 50% 96%,transparent 0 37%,rgba(var(--energy-rgb),.16) 42%,transparent 47% 100%);mix-blend-mode:screen;transition:opacity .16s ease-out}#hud-root[data-stage="1"]{--energy-color: var(--drift-1);--energy-rgb: 88, 166, 255}#hud-root[data-stage="2"]{--energy-color: var(--drift-2);--energy-rgb: 240, 136, 62}#hud-root[data-stage="3"]{--energy-color: var(--drift-3);--energy-rgb: 188, 140, 255}#hud-root.charged:after{opacity:.34}#hud-root.boosting:after{opacity:.72;animation:watercolor-rush .46s ease-in-out infinite alternate}.hud-topleft{position:absolute;top:var(--hud-gap);left:var(--hud-gap);display:flex;flex-direction:column;gap:5px;filter:drop-shadow(0 7px 8px var(--ink-shadow))}.hud-lap{align-self:flex-start;background:linear-gradient(105deg,rgba(154,95,208,.42),transparent 65%),var(--panel-bg-strong);border:3px solid var(--ink-plum);border-radius:18px 13px 16px 11px;box-shadow:inset 0 2px 0 var(--panel-highlight),4px 5px #21182d61;padding:4px 15px 5px;font-size:20px;font-weight:800;letter-spacing:.04em}.hud-lap b{color:var(--ui-yellow);font-size:24px;text-shadow:0 2px 0 rgba(84,48,12,.8),0 0 12px rgba(255,194,51,.45)}.hud-timer{align-self:flex-start;background:linear-gradient(90deg,rgba(61,141,224,.22),transparent 72%),var(--panel-bg);border:3px solid var(--ink-plum);border-radius:11px 16px 14px 9px;box-shadow:inset 0 2px #ffffff24;padding:3px 14px 4px;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.hud-lapbest{margin-top:-1px;padding:3px 8px 4px 7px;background:linear-gradient(90deg,rgba(33,24,45,.48),transparent 96%);border-radius:5px 12px 10px 4px;font-size:13px;font-weight:700;color:var(--text-dim);text-shadow:0 2px 0 var(--text-outline);white-space:pre;font-variant-numeric:tabular-nums}.hud-toast{position:absolute;top:16%;left:50%;transform:translate(-50%) translateY(-12px);background:linear-gradient(115deg,#ffc2334d,#9a5fd047),var(--panel-bg-strong);border:3px solid var(--ink-plum);border-radius:18px 11px 20px 13px;box-shadow:inset 0 2px 0 var(--panel-highlight),0 8px #21182d42,0 13px 24px #150a1e47;padding:7px 20px 9px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;white-space:pre;opacity:0;transition:opacity .18s ease-out,transform .18s ease-out}.hud-toast.show{opacity:1;transform:translate(-50%) translateY(0);animation:toast-pop .36s cubic-bezier(.2,1.8,.5,1)}.hud-toast .sector{color:var(--ui-yellow)}.hud-toast .delta-good{color:var(--delta-good)}.hud-toast .delta-bad{color:var(--delta-bad)}.hud-camflash{position:absolute;top:22%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 16px 7px;font-size:18px;font-weight:800;letter-spacing:.04em;color:var(--text-main);background:var(--panel-bg-strong);border:3px solid var(--ink-plum);border-radius:var(--panel-radius);opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out;filter:drop-shadow(0 6px 8px var(--ink-shadow))}.hud-camflash.show{opacity:1;transform:translate(-50%) translateY(0)}.hud-countdown{position:absolute;top:34%;left:50%;min-width:150px;padding:10px 22px 12px;color:var(--ui-yellow);background:radial-gradient(circle at 50% 30%,rgba(255,194,51,.24),transparent 65%),var(--panel-bg-strong);border:4px solid var(--ink-plum);border-radius:30px 21px 28px 18px;box-shadow:inset 0 3px 0 var(--panel-highlight),7px 9px #21182d57;text-align:center;font-size:72px;font-weight:900;line-height:1;text-shadow:0 5px 0 rgba(84,48,12,.8),0 0 24px rgba(255,194,51,.5);opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-2deg);pointer-events:none}.hud-countdown.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);animation:countdown-pop 1s cubic-bezier(.2,1.7,.4,1) infinite}.hud-countdown.go{color:var(--text-main);background:var(--ui-green);font-size:54px}.hud-warn{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:30px;font-weight:800;letter-spacing:.06em;color:var(--ui-yellow);text-shadow:0 3px 0 var(--text-outline),0 0 18px rgba(0,0,0,.45);white-space:pre;opacity:0;padding:10px 22px 12px;background:radial-gradient(ellipse at center,rgba(232,72,60,.76),rgba(232,72,60,.32) 56%,transparent 72%);filter:drop-shadow(0 5px 0 rgba(76,27,35,.48))}.hud-warn.show{opacity:1;animation:warning-hit .19s ease-out}.hud-minimap{position:absolute;top:var(--hud-gap);right:var(--hud-gap);width:132px;height:132px;background:linear-gradient(145deg,#694685ad,#152330c7);border:3px solid var(--ink-plum);border-radius:27px 18px 25px 15px;box-shadow:inset 0 2px 0 var(--panel-highlight),5px 7px #21182d57,0 12px 24px #150a1e38;transform:rotate(.7deg)}.hud-speedo{position:absolute;left:var(--hud-gap);bottom:var(--hud-gap);width:168px;height:144px;background:radial-gradient(circle at 50% 38%,rgba(var(--energy-rgb),.2),transparent 45%),linear-gradient(145deg,#694685b3,#131e2ddb 72%),var(--panel-bg);border:4px solid var(--ink-plum);border-radius:32px 22px 27px 18px;box-shadow:inset 0 3px 0 var(--panel-highlight),6px 8px #21182d61,0 14px 30px #150a1e4d,0 0 0 2px rgba(var(--energy-rgb),.08);transition:box-shadow .15s ease-out,transform .15s ease-out}.hud-speedo:before{content:"";position:absolute;inset:-10px -14px -12px -12px;z-index:-1;border-radius:45% 55% 48% 52%;background:radial-gradient(ellipse at 45% 58%,rgba(var(--energy-rgb),.22),transparent 67%);transform:rotate(-4deg)}.hud-speedo svg{position:absolute;inset:8px 8px auto;width:152px;height:110px;display:block}.hud-gauge-bg{fill:none;stroke:#fff6e829;stroke-width:11;stroke-linecap:round}.hud-gauge-fill{fill:none;stroke:var(--ui-yellow);stroke-width:11;stroke-linecap:round;filter:drop-shadow(0 0 5px currentcolor) drop-shadow(0 3px 0 rgba(20,12,28,.5))}.hud-speedo[data-stage="1"] .hud-gauge-fill{stroke:var(--drift-1)}.hud-speedo[data-stage="2"] .hud-gauge-fill{stroke:var(--drift-2)}.hud-speedo[data-stage="3"] .hud-gauge-fill{stroke:var(--drift-3)}.hud-speed-num{position:absolute;top:40px;width:100%;text-align:center;font-size:44px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 4px 0 var(--text-outline),0 0 16px rgba(var(--energy-rgb),.45)}.hud-speed-unit{position:absolute;top:86px;width:100%;text-align:center;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--text-dim)}.hud-drift{box-sizing:border-box;position:absolute;top:-46px;left:0;right:0;height:40px;padding:18px 6px 5px;display:flex;gap:4px;background:#100c1ce6;border:2px solid var(--energy-color);border-radius:8px 14px 8px 12px;box-shadow:0 0 14px rgba(var(--energy-rgb),.32),3px 4px #0a081294;opacity:1;transform:translateY(0);transition:opacity .1s ease-out,transform .1s ease-out}.hud-drift:before{content:"DRIFT CHARGE";position:absolute;left:0;right:0;top:3px;text-align:center;color:var(--energy-color);font-size:9px;font-weight:900;font-style:italic;letter-spacing:.16em;text-shadow:0 2px 0 var(--text-outline),0 0 8px rgba(var(--energy-rgb),.5)}.hud-drift .pill{position:relative;flex:1;height:17px;border:2px solid;border-radius:6px 9px 6px 8px;overflow:hidden;box-shadow:inset 0 0 8px #0a0812b8,0 2px #0a0812b8}.hud-drift .pill:after{content:attr(data-label);position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--text-main);font-family:var(--font-mono);font-size:7px;font-weight:900;letter-spacing:-.04em;text-shadow:0 1px 2px var(--text-outline)}.hud-drift .pill>i{position:absolute;inset:0;display:block;border-radius:4px 7px 4px 6px;transform:scaleX(0);transform-origin:left center}.hud-drift .p1{border-color:var(--drift-1);background:#58a6ff33}.hud-drift .p1>i{background:var(--drift-1)}.hud-drift .p2{border-color:var(--drift-2);background:#f0883e33}.hud-drift .p2>i{background:var(--drift-2)}.hud-drift .p3{border-color:var(--drift-3);background:#bc8cff33}.hud-drift .p3>i{background:var(--drift-3)}.hud-drift .pill.full{box-shadow:inset 0 0 8px #fff3,0 0 12px currentcolor}.hud-drift .p1.full{color:var(--drift-1)}.hud-drift .p2.full{color:var(--drift-2)}.hud-drift .p3.full{color:var(--drift-3)}.hud-nitro{box-sizing:border-box;position:absolute;top:-46px;left:0;width:168px;height:40px;padding:4px 7px;color:var(--text-main);background:#100c1ce0;border:2px solid var(--energy-color);border-radius:7px 13px 7px 12px;box-shadow:0 0 18px rgba(var(--energy-rgb),.58),3px 4px #0a081299;font-size:9px;line-height:1;font-weight:900;font-style:italic;letter-spacing:.14em;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .1s ease-out,transform .1s ease-out}.hud-nitro>span{position:absolute;right:7px;bottom:6px;left:7px;width:auto;height:11px;overflow:hidden;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);border-radius:4px}.hud-nitro>span>i{display:block;width:100%;height:100%;background:var(--energy-color);box-shadow:0 0 12px var(--energy-color);transform:scaleX(0);transform-origin:left center}.hud-speedo.boosting .hud-nitro{opacity:1;transform:translateY(0) scale(1)}.hud-speedo.boosting .hud-drift{opacity:0;transform:translateY(5px)}.hud-speedo.boosting .hud-drift .pill.full>i{animation:hud-pulse .5s ease-in-out infinite alternate}.hud-speedo.boosting{transform:translateY(-2px) scale(1.025) rotate(-.5deg);box-shadow:inset 0 3px 0 var(--panel-highlight),6px 9px #21182d59,0 0 28px rgba(var(--energy-rgb),.52)}@keyframes hud-pulse{0%{filter:brightness(1)}to{filter:brightness(1.6)}}@keyframes watercolor-rush{0%{transform:scale(1.02) rotate(-.25deg)}to{transform:scale(1.07) rotate(.25deg)}}@keyframes toast-pop{0%{transform:translate(-50%) translateY(-8px) scale(.84) rotate(-1deg)}72%{transform:translate(-50%) translateY(1px) scale(1.05) rotate(.4deg)}to{transform:translate(-50%) translateY(0) scale(1)}}@keyframes warning-hit{0%{transform:translate(-50%) scale(1.18) rotate(-2deg)}to{transform:translate(-50%) scale(1) rotate(0)}}@keyframes countdown-pop{0%{transform:translate(-50%,-50%) scale(.72) rotate(-2deg)}28%{transform:translate(-50%,-50%) scale(1.08) rotate(1deg)}52%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.hud-speedo.boosting .hud-drift .pill.full>i{animation:none}.hud-toast{transition:none}#hud-root.boosting:after,.hud-toast.show,.hud-warn.show,.hud-countdown.show{animation:none}.hud-camflash,.hud-nitro,.hud-drift{transition:none}#hud-root:after,.hud-speedo{transition:none}}.hud-debug{position:absolute;right:var(--hud-gap);bottom:var(--hud-gap);font-family:var(--font-mono);font-size:11px;line-height:1.5;text-align:right;color:var(--text-dim);text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:pre}@media(max-width:700px){.hud-lap{font-size:15px;padding:3px 10px 4px}.hud-lap b{font-size:18px}.hud-timer{font-size:19px;padding:2px 10px 3px}.hud-lapbest{font-size:11px}.hud-minimap{width:88px;height:88px;border-radius:var(--panel-radius)}.hud-speedo{width:126px;height:108px}.hud-speedo svg{inset:6px 6px auto;width:114px;height:82px}.hud-speed-num{top:30px;font-size:33px}.hud-speed-unit{top:64px;font-size:10px}.hud-drift{top:-42px;left:0;right:0;height:36px;padding:16px 4px 4px;gap:3px}.hud-drift .pill{height:16px}.hud-drift .pill:after{font-size:6px}.hud-drift:before{top:2px;font-size:7px}.hud-nitro{top:-42px;left:0;width:126px;height:36px;padding:4px 6px;font-size:8px}.hud-nitro>span{right:5px;bottom:5px;left:5px;width:auto;height:9px}.hud-toast{font-size:17px}.hud-camflash{font-size:15px;padding:5px 12px 6px}.hud-countdown{min-width:105px;padding:8px 16px 10px;font-size:52px}.hud-countdown.go{font-size:40px}.hud-warn{font-size:22px}.hud-debug{font-size:9px}}#touch-controls{position:fixed;inset:0;z-index:11;pointer-events:none;user-select:none;opacity:0;transition:opacity .18s ease-out;font-family:var(--font-display)}#touch-controls.visible{opacity:1}.touch-hint{position:absolute;top:47%;width:102px;padding:8px 9px 9px;color:var(--text-main);background:var(--panel-bg);border:3px solid var(--panel-outline);border-radius:var(--panel-radius-lg);box-shadow:inset 0 2px 0 var(--panel-highlight),0 7px 16px var(--ink-shadow);text-align:center;font-size:13px;font-weight:800;line-height:1.1;letter-spacing:.04em;opacity:.66;transform:translateY(-50%)}.touch-hint small{display:block;margin-top:4px;color:var(--text-dim);font-size:9px;letter-spacing:.02em}.touch-left{left:10px}.touch-right{right:10px}#touch-controls.left-active .touch-left,#touch-controls.right-active .touch-right{color:var(--ink-plum);background:var(--ui-yellow);border-color:var(--ink-plum);opacity:.92}#touch-controls.left-active .touch-left small,#touch-controls.right-active .touch-right small{color:var(--ink-plum)}@media(prefers-reduced-motion:reduce){#touch-controls{transition:none}}@media(min-width:701px){.touch-hint{width:124px}}