: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-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)}.hud-topleft{position:absolute;top:var(--hud-gap);left:var(--hud-gap);display:flex;flex-direction:column;gap:6px}.hud-lap{align-self:flex-start;background:var(--panel-bg-strong);border:3px solid var(--panel-outline);border-radius:var(--panel-radius);padding:4px 14px 5px;font-size:20px;font-weight:800;letter-spacing:.04em}.hud-lap b{color:var(--ui-yellow);font-size:24px}.hud-timer{align-self:flex-start;background:var(--panel-bg);border:3px solid var(--panel-outline);border-radius:var(--panel-radius);padding:3px 14px 4px;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.hud-lapbest{padding-left: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:var(--panel-bg-strong);border:3px solid var(--panel-outline);border-radius:var(--panel-radius);padding:6px 18px 8px;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)}.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}.hud-warn.show{opacity:1}.hud-minimap{position:absolute;top:var(--hud-gap);right:var(--hud-gap);width:132px;height:132px;background:var(--panel-bg);border:3px solid var(--panel-outline);border-radius:var(--panel-radius-lg)}.hud-speedo{position:absolute;left:var(--hud-gap);bottom:var(--hud-gap);width:168px;height:158px;background:var(--panel-bg);border:3px solid var(--panel-outline);border-radius:var(--panel-radius-lg)}.hud-speedo svg{position:absolute;inset:8px 8px auto;width:152px;height:110px;display:block}.hud-gauge-bg{fill:none;stroke:#ffffff24;stroke-width:11;stroke-linecap:round}.hud-gauge-fill{fill:none;stroke:var(--ui-yellow);stroke-width:11;stroke-linecap:round}.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 3px 0 var(--text-outline)}.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:12px;display:flex;gap:6px}.hud-drift .pill{flex:1;height:14px;border-radius:7px;background:#ffffff1a;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}@keyframes hud-pulse{0%{filter:brightness(1)}to{filter:brightness(1.6)}}@media(prefers-reduced-motion:reduce){.hud-speedo.boosting .hud-drift .pill.full>i{animation:none}.hud-toast{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:120px}.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:9px}.hud-drift .pill{height:11px}.hud-toast{font-size:17px}.hud-warn{font-size:22px}.hud-debug{font-size:9px}}