@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap";:root{color:#f6fbff;background:#070914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-canvas{position:fixed;inset:0;width:100%;height:100%;outline:none}.hud{position:fixed;inset:0;pointer-events:none;color:#f6fbff}.hud:before{content:"";position:absolute;right:0;bottom:0;left:0;height:22vh;background:linear-gradient(to top,rgb(2 6 12 / 88%),rgb(2 6 12 / 34%) 46%,transparent);pointer-events:none}.hud:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgb(49 232 255 / 8%),transparent 18% 78%,rgb(255 202 58 / 7%)),radial-gradient(circle at 50% 100%,rgb(49 232 255 / 6%),transparent 38%);pointer-events:none}.objective,.status,.hint,.event-toast,.restart,.overlay>div{-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);background:linear-gradient(135deg,#04091461,#090f1c2e),linear-gradient(90deg,#31e8ff14,#ffca3a0a);border:1px solid rgb(61 220 255 / 24%);box-shadow:0 16px 42px #00000029,inset 0 0 18px #31e8ff0a}.objective{position:absolute;top:22px;left:24px;width:min(330px,calc(100vw - 48px));min-height:104px;padding:13px 18px 11px 84px;border-radius:0;clip-path:polygon(22px 0,calc(100% - 34px) 0,100% 34px,calc(100% - 16px) 100%,0 100%,0 22px)}.objective:before,.status:before{content:"";position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(120deg,rgb(49 232 255 / 72%),transparent 22% 72%,rgb(255 202 58 / 62%)) border-box;clip-path:inherit;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.objective:after,.status:after{content:"";position:absolute;right:12px;bottom:10px;left:68px;height:1px;background:linear-gradient(90deg,transparent,rgb(255 202 58 / 72%),transparent);pointer-events:none}.flag{position:absolute;top:18px;left:18px;width:42px;height:42px;border:3px solid #f7fbff;transform:rotate(-4deg);clip-path:polygon(0 0,76% 0,100% 24%,80% 50%,100% 76%,76% 100%,0 100%);box-shadow:0 0 18px #31e8ff38}.flag:after{content:"";position:absolute;inset:10px 9px 12px 12px;background:linear-gradient(90deg,#f7fbff 50%,transparent 0) 0 0 / 12px 12px,linear-gradient(90deg,transparent 50%,#f7fbff 0) 0 6px / 12px 12px;opacity:.92}.objective .label{display:block;margin-bottom:6px;color:#62e6ff;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.objective strong{display:block;color:#f8fbff;font-size:clamp(17px,1.8vw,21px);font-style:italic;line-height:1;text-transform:uppercase}.lap{display:block;margin-top:8px;color:#b9c4d2;font-size:16px;font-style:italic;font-weight:800;text-transform:uppercase}.lap b{color:#ffca3a;font-size:25px}.race-meta{display:flex;align-items:center;gap:10px;margin-top:2px;color:#7eeeff;font-size:11px;font-weight:900;text-transform:uppercase}.race-meta b{display:inline-grid;place-items:center;min-width:34px;height:22px;color:#07101b;background:linear-gradient(90deg,#ffca3a,#ff8c2a);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.race-meta i{color:#9befff;font-style:normal;text-shadow:0 0 12px rgb(49 232 255 / 36%)}.minimap{position:absolute;top:126px;left:28px;width:92px;height:116px;margin-top:0;opacity:.86;filter:drop-shadow(0 10px 16px rgb(0 0 0 / 24%))}.minimap svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 10px rgb(49 232 255 / 30%))}.minimap .route-shadow{fill:none;stroke:#070d19c7;stroke-width:12;stroke-linecap:round}.minimap .route{fill:none;stroke:#e6f0ffc2;stroke-width:7;stroke-linecap:round}.minimap .route-progress{fill:none;stroke:url(#route-heat);stroke-width:7;stroke-linecap:round;stroke-dasharray:8 100;filter:drop-shadow(0 0 7px rgb(49 232 255 / 70%))}.minimap .gate,.minimap .rival{fill:#2ee8ff;stroke:#09101c;stroke-width:3}.minimap .gate{filter:drop-shadow(0 0 8px rgb(46 232 255 / 62%))}.minimap .gate-b,.minimap .rival-b{fill:#ff3f8b}.minimap .rival-a{fill:#ffca3a}.minimap .rival-c{fill:#8aff80}.minimap .player{fill:#ffca3a;stroke:#09101c;stroke-width:3;filter:drop-shadow(0 0 8px rgb(255 202 58 / 70%))}.status{position:absolute;top:24px;right:24px;display:grid;grid-template-columns:1fr;gap:10px;width:min(322px,calc(100vw - 48px));padding:9px 10px 10px;border-radius:0;clip-path:polygon(20px 0,calc(100% - 16px) 0,100% 18px,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%,0 20px)}.status:after{right:14px;bottom:7px;left:42px;background:linear-gradient(90deg,transparent,rgb(49 232 255 / 56%),rgb(176 91 255 / 42%),transparent)}.event-toast{--pulse: 0;position:absolute;bottom:88px;left:24px;display:grid;grid-template-columns:auto auto;gap:12px;align-items:baseline;min-width:236px;justify-content:center;padding:11px 20px 11px 18px;color:#faffff;opacity:var(--pulse);transform:translateY(0);transition:opacity .12s linear,transform .12s linear;clip-path:polygon(14px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,14px 100%,0 50%);background:linear-gradient(90deg,#ffca3a33,#31e8ff38),linear-gradient(135deg,#040914d1,#0a121f94);border-color:#ffca3a85;box-shadow:0 16px 46px #00000061,0 0 42px #31e8ff2e,inset 0 0 24px #ffca3a1f;text-transform:uppercase;z-index:4}.event-toast.hidden{display:none;opacity:0;transform:translateY(12px)}.event-toast.visible{display:grid;opacity:1;transform:translateY(0)}.event-toast b{color:#ffca3a;font-size:19px;font-style:italic;text-shadow:0 0 20px rgb(255 202 58 / 64%)}.event-toast span{color:#bdf8ff;font-size:12px;font-weight:900}.meter,.score{min-width:0;padding:8px 11px;border-radius:2px;background:linear-gradient(90deg,#04091457,#3722601f),linear-gradient(90deg,#ffffff0a,#fff0);border:1px solid rgb(83 218 255 / 12%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%,0 10px)}.meter span,.score span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;color:#a8b7c7;font-size:10px;font-weight:700;text-transform:uppercase}.meter strong,.score strong{display:flex;align-items:baseline;gap:3px;font-size:19px;font-style:italic;line-height:1}.meter small{color:#8edff0;font-size:10px;font-weight:800;text-transform:uppercase}.meter i{display:block;height:4px;margin-top:7px;overflow:hidden;border-radius:999px;background:#ffffff1f}.meter b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2ee8ff,#ffca3a,#ff3f8b)}.meter.segmented i{height:6px;border-radius:1px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / 17%) 0 9px,transparent 9px 14px),#ffffff14}.meter.segmented b{border-radius:1px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / 28%) 0 9px,transparent 9px 14px),linear-gradient(90deg,#31e8ff,#2ee8ff,#7b68ff,#b43cff,#ff3fca)}.meter.nitro b{background:repeating-linear-gradient(90deg,rgb(255 255 255 / 24%) 0 13px,transparent 13px 18px),linear-gradient(90deg,#22e6ff,#40e0ff,#2ef5d0)}.nitro-flame{width:14px;height:18px;margin-left:auto;background:linear-gradient(180deg,#31e8ff,#0c8fff 58%,#03101a);clip-path:polygon(52% 0,74% 25%,68% 44%,90% 66%,72% 100%,47% 88%,28% 100%,10% 68%,28% 42%,34% 20%);filter:drop-shadow(0 0 10px rgb(49 232 255 / 70%))}.meter.draft{border-color:#31e8ff3d;box-shadow:inset 0 0 18px #31e8ff0d}.meter.draft b{background:repeating-linear-gradient(90deg,rgb(255 255 255 / 24%) 0 13px,transparent 13px 18px),linear-gradient(90deg,#31e8ff,#83f7ff,#fff)}.meter.surge{border-color:#ffca3a33;box-shadow:inset 0 0 18px #ffca3a0a}.meter.surge b{background:repeating-linear-gradient(90deg,rgb(255 255 255 / 28%) 0 13px,transparent 13px 18px),linear-gradient(90deg,#31e8ff,#ffca3a,#ff3f8b)}.meter.hero{display:grid;grid-template-columns:1fr auto;align-items:end;min-height:82px;padding:9px 14px;border-color:#31e8ff3d;background:linear-gradient(90deg,#050a1661,#10142a2e),radial-gradient(circle at 86% 50%,rgb(49 232 255 / 14%),transparent 52%)}.meter.hero span{grid-column:1}.meter.hero strong{grid-column:2;grid-row:1 / span 2;font-size:54px;font-style:italic;letter-spacing:0;text-shadow:0 0 26px rgb(49 232 255 / 18%)}.meter.hero small{font-size:13px}.meter.hero i{grid-column:1 / -1;height:6px}.meter.hero i b{background:linear-gradient(90deg,#31e8ff,#2ee8ff,#ffca3a,#ff3f8b)}.meter.hero+.meter{border-color:#31e8ff2e}.meter.hero+.meter i b{background:linear-gradient(90deg,#2ee8ff,#30dff6,#7f5cff,#ff3fca)}.score{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:6px}.score span{margin-bottom:0;text-transform:uppercase}.score-main{border-color:#ff3fc42e;background:linear-gradient(90deg,#070c1e52,#3818582e),linear-gradient(90deg,transparent,rgb(255 63 196 / 8%))}.score-main strong{justify-content:flex-end;color:#f6efff;font-size:32px;text-shadow:0 0 18px rgb(176 91 255 / 30%)}.score small{color:#8edff0;font-size:10px;font-weight:800}.aux-strip{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:8px;padding:2px 6px 0;color:#9fb5c7;font-size:9px;font-weight:800;text-transform:uppercase}.aux-strip span{white-space:nowrap}.aux-strip b{color:#dffaff;font-size:11px;font-style:italic}.hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 48px);display:flex;align-items:center;gap:10px;padding:8px 18px 8px 12px;border-radius:8px;color:#d9f7ff;font-size:13px;font-weight:800;transition:opacity .28s ease,transform .28s ease;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.hint kbd{min-width:50px;padding:3px 10px;border:1px solid rgb(219 242 255 / 72%);border-radius:3px;color:#effaff;background:#040a14a3;box-shadow:inset 0 -2px #ffffff24,0 0 14px #31e8ff2e;font:inherit;font-size:11px;text-align:center;text-transform:uppercase}.hint span{white-space:nowrap}.hint.faded{opacity:0;transform:translate(-50%,8px)}.restart{position:absolute;right:24px;bottom:24px;padding:11px 14px;border-radius:8px;color:#f9fdff;cursor:pointer;pointer-events:auto;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#141d342e,#0000008a);pointer-events:auto}.overlay.hidden{display:none}.overlay>div{width:min(520px,calc(100vw - 32px));padding:32px;border-radius:8px;text-align:center}.overlay h1{margin:0 0 10px;font-size:clamp(38px,6vw,74px);line-height:.9}.overlay p{margin:0 0 18px;color:#d8ecf2;font-size:17px}.overlay span{color:#61eaff;font-size:13px;font-weight:800}@media(max-width:760px){.objective{top:14px;left:14px;right:auto;width:min(136px,calc(100vw - 218px));min-width:130px;min-height:78px;padding:8px 8px 8px 48px}.flag{top:17px;left:14px;width:29px;height:29px}.minimap{top:96px;left:16px;width:66px;height:84px}.objective .label{font-size:9px}.objective strong{max-width:78px;font-size:12px;line-height:1.05;overflow-wrap:break-word}.lap{margin-top:5px;font-size:11px}.lap b{font-size:16px}.race-meta{gap:6px;font-size:8px}.race-meta b{min-width:28px;height:18px}.status{inset:14px 14px auto auto;width:min(176px,calc(100vw - 184px));gap:5px;padding:5px}.status:after{display:none}.event-toast{bottom:72px;left:14px;min-width:188px;padding:9px 12px;gap:8px}.event-toast b{font-size:16px}.event-toast span{font-size:11px}.meter strong,.score strong{font-size:13px}.aux-strip{grid-template-columns:repeat(2,auto);gap:4px 8px;font-size:8px}.aux-strip b{font-size:9px}.score-main strong{font-size:17px}.meter.hero strong{font-size:28px}.meter.hero{min-height:66px;padding:7px 10px}.meter,.score{padding:7px 9px}.meter.hero i,.meter:not(.hero) i{height:4px}.hint{bottom:12px;font-size:11px}.hint kbd{min-width:42px;padding-inline:8px}.restart{top:auto;right:14px;bottom:54px;padding:9px 12px}}