.hud{--ink:#14122b;--panel:#10173ad1;--text:#f4feff;--accent:#39ff88;--warn:#ff3d7f;--boost:#7cfc00;pointer-events:none;z-index:10;text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none;font-family:Arial Black,Arial Bold,Impact,system-ui,sans-serif;font-style:italic;position:absolute;inset:0;overflow:hidden}.hud *{box-sizing:border-box;margin:0;padding:0}.hud-panel{background:var(--panel);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:skew(-8deg)}.hud-inked{text-shadow:3px 3px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 0 3px 0 var(--ink), 3px 0 0 var(--ink), 6px 6px 0 var(--ink)}.hud-topleft{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;top:20px;left:24px}.hud-lap{padding:8px 24px 9px 16px}.hud-lap-val{color:var(--text);font-size:34px;line-height:1}.hud-finallap{color:var(--warn);opacity:0;font-size:28px;line-height:1;transform:skew(-8deg)rotate(-2deg)}.hud-finallap.on{animation:.45s steps(2,jump-none) infinite hud-blink}.hud-pos{align-items:center;gap:14px;padding:5px 22px 7px 16px;display:flex}.hud-pos-num{color:var(--text);font-size:54px;line-height:.95}.hud-pos-num.first{color:var(--accent)}.hud-pos-chip{border:3px solid var(--ink);width:22px;height:22px;box-shadow:3px 3px 0 var(--ink);background:#fff;transform:skew(-14deg)}.hud-map{background:#10173a;padding:9px;position:absolute;top:20px;right:24px}.hud-map-canvas{width:190px;height:190px;display:block}.hud-speedo{align-items:flex-end;display:flex;position:absolute;bottom:26px;right:28px}.hud-gauge-wrap{margin-bottom:16px;margin-right:-16px;padding:10px 12px 2px}.hud-gauge{width:200px;height:120px;display:block}.hud-speed-panel{align-items:baseline;gap:9px;padding:10px 20px 10px 24px;display:flex;position:relative}.hud-speed-num{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;color:var(--text);font-size:66px;line-height:.9}.hud-speed-unit{color:var(--accent);text-shadow:2px 2px 0 var(--ink);font-size:18px}.hud-boost{align-items:center;gap:5px;padding:10px 16px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)skew(-8deg)}.hud-boost-label{color:var(--accent);text-shadow:2px 2px 0 var(--ink);margin-right:8px;font-size:14px}.hud-boost-seg{border:2px solid var(--ink);background:#f4feff1f;width:26px;height:18px;transform:skew(-14deg)}.hud-boost-seg.on{background:var(--accent);box-shadow:inset 0 0 0 2px #f4feff40}.hud-boost-seg.on.hot{background:var(--boost)}.hud-boost.full .hud-boost-seg.on{animation:.5s steps(2,jump-none) infinite hud-boost-pulse}@keyframes hud-boost-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.1);background:#fff}}.hud-toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.hud-toast{font-size:42px;line-height:1;animation:1.4s ease-out forwards hud-toast;transform:skew(-8deg)}.hud-toast.good{color:var(--accent)}.hud-toast.bad{color:var(--warn)}@keyframes hud-toast{0%{opacity:0;transform:translateY(16px)scale(1.5)skew(-8deg)}12%{opacity:1;transform:translateY(0)scale(1)skew(-8deg)}75%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(.92)skew(-8deg)}}.hud-wrongway{color:var(--warn);text-shadow:3px 3px 0 var(--ink);background:var(--panel);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);opacity:0;padding:10px 32px;font-size:44px;line-height:1;position:absolute;top:31%;left:50%;transform:translate(-50%)skew(-8deg)}.hud-wrongway.on{animation:.55s steps(2,jump-none) infinite hud-wrongflash}@keyframes hud-wrongflash{0%{opacity:1;transform:translate(-50%)skew(-8deg)rotate(-1.5deg)}50%{opacity:.2;transform:translate(-50%)skew(-8deg)rotate(1.5deg)}to{opacity:1;transform:translate(-50%)skew(-8deg)rotate(-1.5deg)}}.hud-countdown{color:var(--text);opacity:0;text-shadow:6px 6px 0 var(--ink), -3px -3px 0 var(--ink), 3px -3px 0 var(--ink), -3px 3px 0 var(--ink), 0 6px 0 var(--ink), 6px 0 0 var(--ink), 12px 12px 0 var(--ink);font-size:190px;line-height:1;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.hud-countdown.pop{animation:.5s cubic-bezier(.2,1.8,.3,1) forwards hud-pop}.hud-countdown.go{color:var(--accent)}@keyframes hud-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(3)rotate(-16deg)skew(-8deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(3deg)skew(-8deg)}60%{transform:translate(-50%,-50%)scale(1.08)rotate(-2deg)skew(-8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)skew(-8deg)}}@keyframes hud-blink{0%,49%{opacity:1}50%,to{opacity:.15}}.hud-results{background:#14122b61;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.hud-results.on{display:flex}.hud-results-panel{text-align:center;min-width:580px;box-shadow:10px 10px 0 var(--ink);background:#10173a;border-width:4px;padding:26px 44px 24px;animation:.5s cubic-bezier(.2,1.6,.4,1) hud-results-in}@keyframes hud-results-in{0%{opacity:0;transform:skew(-8deg)translateY(60px)scale(.8)}to{opacity:1;transform:skew(-8deg)translateY(0)scale(1)}}.hud-results-title{color:var(--text);font-size:64px;line-height:1}.hud-results-place{margin-top:4px;font-size:42px;line-height:1}.hud-results-place.win{color:var(--accent)}.hud-results-place.lose{color:var(--warn)}.hud-results-rows{flex-direction:column;gap:5px;margin:20px 0 8px;display:flex}.hud-results-row{color:var(--text);text-align:left;border:2px solid #0000;grid-template-columns:70px 1fr 140px 140px;align-items:center;gap:10px;padding:5px 14px;font-size:22px;line-height:1;display:grid}.hud-results-row.head{color:var(--accent);text-shadow:none;font-size:14px}.hud-results-row.me{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#39ff8824}.hud-results-again{color:var(--text);text-shadow:2px 2px 0 var(--ink);margin-top:16px;font-size:20px;animation:1.1s ease-in-out infinite hud-pulse}@keyframes hud-pulse{0%,to{opacity:1}50%{opacity:.3}}