:root{--bg:#080a0f;--panel:rgba(18,21,29,.88);--text:#f5f7fb;--muted:#8992a4;--border:rgba(255,255,255,.09);--orange:#ff6b24;--amber:#ffb020;--red:#ff354d;--cyan:#39d7ff;--shadow:0 24px 60px rgba(0,0,0,.32)}
body{color:var(--text);background:var(--bg);overflow-x:hidden}
.portal-motion{position:fixed;z-index:-5;inset:0;overflow:hidden;background:radial-gradient(circle at 18% 12%,#241309 0,transparent 31%),radial-gradient(circle at 84% 78%,#17101e 0,transparent 34%),linear-gradient(135deg,#07090e,#0c0f16 52%,#080a10);pointer-events:none}
.portal-motion:before{content:"";position:absolute;inset:-40%;opacity:.18;background:repeating-conic-gradient(from 15deg at 50% 50%,transparent 0 8deg,rgba(255,107,36,.19) 9deg 10deg,transparent 11deg 22deg);animation:radarTurn 28s linear infinite}
.portal-motion:after{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 5px;animation:scanDrift 8s linear infinite}
.race-glow{position:absolute;border-radius:50%;filter:blur(4px);opacity:.28}.race-glow-one{width:480px;height:480px;left:-210px;top:-180px;background:radial-gradient(circle,rgba(255,107,36,.55),transparent 66%);animation:glowPulse 6s ease-in-out infinite}.race-glow-two{width:520px;height:520px;right:-230px;bottom:-230px;background:radial-gradient(circle,rgba(255,53,77,.3),transparent 68%);animation:glowPulse 8s ease-in-out -3s infinite}
.race-track{position:absolute;width:150%;height:62%;left:-25%;bottom:-39%;opacity:.25;background-image:linear-gradient(rgba(255,176,32,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,176,32,.16) 1px,transparent 1px);background-size:74px 48px;transform:perspective(420px) rotateX(62deg);transform-origin:center top;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%);mask-image:linear-gradient(to bottom,transparent,#000 28%);animation:trackRush 1.8s linear infinite}
.race-stripe{position:absolute;left:-45vw;width:38vw;height:3px;background:linear-gradient(90deg,transparent,var(--stripe),#fff);box-shadow:0 0 13px var(--stripe);transform:skewX(-36deg) rotate(-10deg);opacity:0;animation:stripeRush var(--speed) cubic-bezier(.15,.75,.2,1) var(--delay) infinite}.race-stripe:after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 15px 3px var(--stripe)}.race-stripe-one{--stripe:var(--orange);--speed:3.2s;--delay:0s;top:23%}.race-stripe-two{--stripe:var(--amber);--speed:4.1s;--delay:-2s;top:67%;height:2px}.race-stripe-three{--stripe:var(--red);--speed:4.8s;--delay:-3.4s;top:84%;width:25vw}
.speed-chevron{position:absolute;color:rgba(255,176,32,.14);font:900 72px/1 Arial;letter-spacing:-10px;transform:skewX(-12deg);animation:chevronDrive 5s ease-in-out infinite}.speed-chevron-one{right:5%;top:17%}.speed-chevron-two{left:3%;bottom:15%;font-size:48px;color:rgba(255,107,36,.12);animation-delay:-2.5s}
.telemetry-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,176,32,.18);border-top-color:rgba(255,176,32,.65);animation:orbitSpin 9s linear infinite}.telemetry-orbit:after{content:"";position:absolute;width:6px;height:6px;right:12%;top:10%;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}.telemetry-orbit-one{width:190px;height:190px;right:8%;top:10%}.telemetry-orbit-two{width:120px;height:120px;left:7%;bottom:8%;animation-direction:reverse;animation-duration:7s}
@keyframes radarTurn{to{transform:rotate(360deg)}}@keyframes scanDrift{to{background-position:0 50px}}@keyframes glowPulse{0%,100%{transform:scale(.85);opacity:.18}50%{transform:scale(1.12);opacity:.34}}@keyframes trackRush{to{background-position:0 48px,74px 48px}}@keyframes stripeRush{0%{transform:translateX(0) skewX(-36deg) rotate(-10deg);opacity:0}12%{opacity:.75}55%,100%{transform:translateX(190vw) skewX(-36deg) rotate(-10deg);opacity:0}}@keyframes chevronDrive{0%,100%{transform:translateX(-18px) skewX(-12deg);opacity:.35}50%{transform:translateX(18px) skewX(-12deg);opacity:1}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes onlineBlink{0%,100%{opacity:.35;transform:scale(.78)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:620px){.speed-chevron{font-size:44px}.telemetry-orbit-one{right:-90px}.telemetry-orbit-two{left:-60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}