: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-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:168px;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{position:absolute;left:12px;right:12px;bottom:10px;display:flex;gap:6px}.hud-drift:before{content:"DRIFT";position:absolute;left:0;right:0;bottom:18px;text-align:center;color:var(--energy-color);font-size:10px;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{flex:1;height:14px;border-radius:7px;background:#fff6e81a;border:2px solid var(--panel-outline);overflow:hidden}.hud-drift .pill>i{display:block;height:100%;border-radius:5px;transform:scaleX(0);transform-origin:left center}.hud-drift .p1>i{background:var(--drift-1)}.hud-drift .p2>i{background:var(--drift-2)}.hud-drift .p3>i{background:var(--drift-3)}.hud-drift .pill.full>i{box-shadow:0 0 10px currentcolor}.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)}}@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{animation: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:126px}.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{left:9px;right:9px;bottom:8px}.hud-drift .pill{height:11px}.hud-drift:before{bottom:14px;font-size:8px}.hud-toast{font-size:17px}.hud-warn{font-size:22px}.hud-debug{font-size:9px}}