:root{color-scheme:dark;font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;--ink: #f7f9ff;--muted: #9da7ba;--muted-2: #6f7a8d;--bg: #070a13;--bg-deep: #04060c;--surface: rgba(16, 21, 35, .88);--surface-strong: #121827;--line: rgba(255, 255, 255, .09);--line-bright: rgba(255, 255, 255, .17);--cyan: #22d3ee;--cyan-soft: #72efff;--pink: #ff477e;--green: #39e58c;--orange: #ff8a4c;--yellow: #ffd55c;--danger: #fb7185;--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--shadow: 0 26px 90px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}html{background:var(--bg-deep);scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 78% 8%,rgba(34,211,238,.11),transparent 31rem),radial-gradient(circle at 17% 92%,rgba(255,71,126,.08),transparent 30rem),linear-gradient(145deg,#080b15,#050810 58%,#090d19)}body:before{position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;content:"";mask-image:linear-gradient(to bottom,black,transparent 86%);pointer-events:none}button,input,select{color:inherit;font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3,p{margin-block:0}.app{min-height:100vh;min-height:100dvh}.screen{width:min(100%,1500px);min-height:100vh;min-height:100dvh;margin-inline:auto;padding:clamp(22px,3vw,48px) clamp(18px,5vw,80px);animation:screen-in .38s cubic-bezier(.22,.82,.28,1) both}.screen--page{padding-bottom:70px}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%),var(--surface);box-shadow:0 15px 50px #0000002e;backdrop-filter:blur(18px)}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:.7rem;font-weight:800;letter-spacing:.22em}.eyebrow>span{width:28px;height:2px;background:currentColor;box-shadow:0 0 12px currentColor}.button{position:relative;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:11px;overflow:hidden;padding:0 22px;border:1px solid transparent;border-radius:12px;background:#222a3b;color:#fff;font-size:.88rem;font-weight:750;letter-spacing:.01em;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.button:before{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22),transparent 65%);content:"";transform:translate(-120%);transition:transform .45s ease}.button:hover:not(:disabled){transform:translateY(-2px)}.button:hover:not(:disabled):before{transform:translate(130%)}.button--primary{background:linear-gradient(125deg,#fe376d,#ff5c52);box-shadow:0 10px 30px #ff376d38}.button--primary:hover:not(:disabled){box-shadow:0 14px 42px #ff376d57}.button--glass{border-color:var(--line-bright);background:#ffffff0d}.button--glass:hover:not(:disabled){border-color:#22d3ee6b;background:#22d3ee14}.button--ready{border-color:#39e58c6b;background:#39e58c21;color:#87f7bc}.button--large{min-height:58px;padding-inline:28px;border-radius:14px;font-size:.95rem}.button--small{min-height:38px;padding-inline:15px}.button--block{width:100%}.button__icon{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#ffffff29;font-size:.65rem}.icon-button{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;font-size:1.25rem;transition:.16s ease}.icon-button:hover:not(:disabled){border-color:#22d3ee73;background:#22d3ee17;transform:translate(-2px)}.text-button{padding:3px 0;border-bottom:1px solid currentColor;background:transparent;color:var(--cyan);font-size:.76rem;font-weight:750}.brand{display:inline-flex;align-items:center;gap:12px;padding:0;background:transparent;text-align:left}.brand__mark{position:relative;display:block;width:39px;height:39px;border:1px solid rgba(34,211,238,.48);border-radius:10px 4px;background:#22d3ee0f;box-shadow:inset 0 0 18px #22d3ee1f,0 0 25px #22d3ee14;transform:skew(-8deg)}.brand__mark i{position:absolute;top:10px;width:20px;height:4px;background:var(--cyan);box-shadow:0 0 10px #22d3eee6;transform:skew(-28deg)}.brand__mark i:first-child{left:5px}.brand__mark i:last-child{top:22px;right:4px;background:var(--pink);box-shadow:0 0 10px #ff477ee6}.brand>span:last-child{display:flex;flex-direction:column;font-size:1rem;font-style:italic;line-height:.9;letter-spacing:.1em;transform:skew(-4deg)}.brand b{color:#fff;font-weight:900}.brand strong{color:var(--cyan);font-size:.76em;font-weight:900;letter-spacing:.32em}.brand small{margin-top:5px;color:var(--muted);font-size:.42rem;font-style:normal;font-weight:850;letter-spacing:.22em}.brand--compact{margin-left:auto}.brand--compact .brand__mark{width:33px;height:33px}.brand--compact>span:last-child{display:none}.menu-topbar{display:flex;align-items:center;justify-content:space-between}.status-pill,.connection-line,.hud-connection{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-weight:650}.status-pill{padding:9px 13px;border:1px solid var(--line);border-radius:99px;background:#ffffff08}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#778195;box-shadow:0 0 0 4px #7781951a}.is-online .status-dot,.hud-connection.is-local .status-dot{background:var(--green);box-shadow:0 0 0 4px #39e58c1a,0 0 10px #39e58c99}.hero{display:grid;min-height:clamp(500px,65vh,710px);grid-template-columns:minmax(370px,.9fr) minmax(470px,1.2fr);align-items:center;gap:clamp(20px,5vw,90px)}.hero__copy{position:relative;z-index:2}.hero__copy h1{max-width:680px;margin:22px 0;font-size:clamp(3rem,5.8vw,6.2rem);font-style:italic;font-weight:900;letter-spacing:-.075em;line-height:.88;text-transform:uppercase;text-wrap:balance}.hero__copy h1 em{color:transparent;font-style:inherit;-webkit-text-stroke:1.5px var(--pink);filter:drop-shadow(0 0 15px rgba(255,71,126,.25))}.hero__lead{max-width:570px;color:var(--muted);font-size:clamp(.93rem,1.2vw,1.05rem);line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-car{position:relative;min-height:520px;isolation:isolate;perspective:900px}.hero-car__halo{position:absolute;z-index:-2;top:8%;right:-5%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--car),transparent 72%),transparent 58%),repeating-radial-gradient(circle,transparent 0 32px,rgba(255,255,255,.04) 33px 34px);filter:blur(.1px);opacity:.82}.hero-car__road{position:absolute;z-index:-1;right:-15%;bottom:8%;width:115%;height:52%;overflow:hidden;border-block:1px solid rgba(255,255,255,.05);background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.08) 29% 29.4%,transparent 30%),repeating-linear-gradient(100deg,#121827 0 72px,#101522 73px 145px);clip-path:polygon(5% 55%,91% 0,100% 70%,15% 100%);opacity:.72;transform:rotate(-6deg)}.hero-car__road:after{position:absolute;width:100%;height:3px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);content:"";transform:translateY(130px) rotate(-7deg)}.hero-car .car-visual--hero{position:absolute;top:45%;left:50%;width:clamp(340px,35vw,560px);height:clamp(185px,19vw,300px);filter:drop-shadow(15px 35px 20px rgba(0,0,0,.55));transform:translate(-50%,-50%) rotate(-13deg) skewY(2deg);animation:car-float 4s ease-in-out infinite}.hero-car__speedline{position:absolute;right:20%;width:35%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 10px var(--cyan);opacity:.65;transform:rotate(-10deg)}.hero-car__speedline--one{top:26%}.hero-car__speedline--two{top:72%;right:44%;width:44%;background:linear-gradient(90deg,transparent,var(--pink));box-shadow:0 0 10px var(--pink)}.hero-car__label{position:absolute;right:2%;bottom:12%;display:flex;flex-direction:column;padding:11px 15px;border-left:2px solid var(--car);background:#050810b3;backdrop-filter:blur(8px)}.hero-car__label small,.summary-car small,.identity-car small,.lobby-track small,.garage-showcase__title .eyebrow{color:var(--muted);font-size:.6rem;font-weight:800;letter-spacing:.15em}.hero-car__label strong{margin-top:2px;font-size:.88rem;text-transform:uppercase}.menu-dock{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0a0e18bf;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.menu-dock>button{display:flex;min-height:84px;align-items:center;gap:14px;padding:15px 20px;border-right:1px solid var(--line);background:transparent;text-align:left;transition:.16s ease}.menu-dock>button:hover{background:#22d3ee0f}.dock-icon,.settings-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid var(--line-bright);border-radius:11px;color:var(--cyan);font-size:1.2rem}.menu-dock>button>span:last-child,.identity-car>span,.summary-car>span,.lobby-track>span{display:flex;min-width:0;flex-direction:column}.menu-dock b{font-size:.83rem}.menu-dock small{margin-top:4px;color:var(--muted-2);font-size:.67rem}.career-mini{display:flex;align-items:center;gap:20px;padding:0 20px;background:#ffffff06}.career-mini>span{display:flex;flex-direction:column;text-align:center}.career-mini b{color:var(--cyan);font-size:1.1rem}.career-mini small{color:var(--muted-2);font-size:.58rem;text-transform:uppercase}.car-visual{--car: #ff477e;--accent: #fff;--body-inset: 9% 8%;--body-radius: 32% 16% 18% 34%;--body-clip: polygon(4% 26%, 24% 8%, 79% 10%, 98% 36%, 96% 72%, 79% 91%, 19% 91%, 2% 66%);--glass-inset: 22% 36% 23% 32%;--glass-radius: 30% 15% 15% 30%;--glass-clip: polygon(10% 4%, 84% 10%, 96% 47%, 82% 92%, 10% 96%, 0 54%);position:relative;display:inline-block;width:92px;height:50px;flex:0 0 auto;filter:drop-shadow(5px 9px 8px rgba(0,0,0,.32)) drop-shadow(0 0 9px color-mix(in srgb,var(--car),transparent 78%));transform:rotate(-3deg)}.car-visual__body{position:absolute;z-index:2;inset:var(--body-inset);border:1px solid color-mix(in srgb,var(--car),white 35%);border-radius:var(--body-radius);background:linear-gradient(100deg,transparent 44%,rgba(255,255,255,.32) 46%,transparent 49%),linear-gradient(155deg,color-mix(in srgb,var(--car),white 24%),var(--car) 48%,color-mix(in srgb,var(--car),black 42%));box-shadow:inset 0 -8px 10px #0000003d,inset 0 8px 10px #ffffff17,0 0 20px color-mix(in srgb,var(--car),transparent 65%);clip-path:var(--body-clip)}.car-visual__body:before,.car-visual__body:after{position:absolute;content:""}.car-visual__body:before{inset:5% 4% auto 7%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);opacity:.75}.car-visual__body:after{bottom:8%;left:11%;width:21%;height:7%;border-radius:99px;background:#ff2148;box-shadow:0 0 6px #ff2148e6;opacity:.9}.car-visual__hood{position:absolute;z-index:4;top:25%;right:9%;bottom:25%;width:29%;border:1px solid rgba(255,255,255,.13);border-radius:9% 40% 40% 9%;background:linear-gradient(90deg,transparent 0 51%,rgba(255,255,255,.2) 52% 54%,transparent 55%),linear-gradient(145deg,color-mix(in srgb,var(--car),white 9%),color-mix(in srgb,var(--car),black 21%));clip-path:polygon(0 7%,85% 0,100% 30%,99% 70%,84% 100%,0 93%,8% 52%);opacity:.92}.car-visual__glass{position:absolute;z-index:5;inset:var(--glass-inset);border:1px solid rgba(255,255,255,.28);border-radius:var(--glass-radius);background:linear-gradient(90deg,transparent 47%,rgba(2,6,23,.9) 48% 52%,transparent 53%),linear-gradient(130deg,#dffaff,#17233d 48%,#07111f 84%);box-shadow:inset 4px 0 4px #ffffff1f,0 0 5px #7dd3fc29;clip-path:var(--glass-clip);opacity:.94}.car-visual__intakes{position:absolute;z-index:6;top:25%;right:8%;width:13%;height:50%;border-block:3px solid #05070b;border-radius:2px 10px 10px 2px;background:#020617db;box-shadow:inset 2px 0 #ffffff1f}.car-visual__stripe{position:absolute;z-index:6;top:47%;right:15%;left:12%;height:5%;background:var(--accent);box-shadow:0 0 7px color-mix(in srgb,var(--accent),transparent 20%);opacity:.72}.car-visual__aero{position:absolute;z-index:7;top:8%;bottom:8%;left:5%;width:7%;border-radius:3px;background:linear-gradient(90deg,#020308,#313846 45%,#050609);box-shadow:2px 0 color-mix(in srgb,var(--accent),transparent 42%)}.car-visual__aero:before,.car-visual__aero:after{position:absolute;left:100%;width:65%;height:3px;background:#05070b;content:""}.car-visual__aero:before{top:17%}.car-visual__aero:after{bottom:17%}.car-visual__lights:before,.car-visual__lights:after{position:absolute;z-index:8;right:7%;width:7%;height:18%;border-radius:50% 80% 80% 50%;background:#e8fcff;box-shadow:0 0 4px #fff,0 0 9px color-mix(in srgb,var(--accent),white 45%);content:""}.car-visual__lights:before{top:19%}.car-visual__lights:after{bottom:19%}.car-visual__wheels:before,.car-visual__wheels:after{position:absolute;z-index:1;top:8%;left:28%;width:25%;height:84%;border-block:5px solid #020308;border-radius:8px;box-shadow:inset 0 4px #252a33,inset 0 -4px #252a33;content:""}.car-visual__wheels:after{right:16%;left:auto}.car-visual__badge{position:absolute;z-index:9;top:50%;right:20%;max-width:25%;overflow:hidden;color:color-mix(in srgb,var(--accent),white 18%);font-family:Arial Narrow,Roboto Condensed,sans-serif;font-size:5px;font-style:italic;font-weight:950;letter-spacing:-.02em;line-height:1;text-shadow:0 1px 2px #020617;text-transform:uppercase;text-overflow:clip;transform:translateY(-50%);white-space:nowrap}.car-visual--comet{--body-inset: 10% 10%;--body-radius: 48% 23% 24% 48%;--body-clip: polygon(5% 32%, 22% 9%, 72% 12%, 96% 31%, 98% 69%, 73% 90%, 22% 92%, 4% 68%);--glass-inset: 23% 40% 24% 29%;--glass-radius: 48% 20% 20% 48%;--glass-clip: polygon(8% 10%, 77% 3%, 98% 38%, 96% 67%, 74% 96%, 8% 90%, 0 55%)}.car-visual--comet .car-visual__hood{width:24%;border-radius:25% 60% 60% 25%}.car-visual--comet .car-visual__intakes{top:26%;right:17%;width:10%;height:48%;border:0;background:repeating-linear-gradient(90deg,#05070b 0 2px,transparent 2px 4px);opacity:.75}.car-visual--comet .car-visual__aero{left:8%;width:5%}.car-visual--comet .car-visual__lights:before,.car-visual--comet .car-visual__lights:after{right:10%;width:9%;height:17%;border-radius:50%}.car-visual--volt{--body-inset: 7% 5%;--body-radius: 20% 8% 9% 20%;--body-clip: polygon(2% 24%, 16% 6%, 82% 4%, 98% 22%, 98% 78%, 82% 96%, 15% 94%, 2% 76%);--glass-inset: 18% 32% 19% 28%;--glass-radius: 15% 8% 8% 15%;--glass-clip: polygon(4% 3%, 86% 7%, 98% 33%, 98% 67%, 86% 93%, 4% 97%, 0 51%)}.car-visual--volt .car-visual__hood{top:20%;bottom:20%;width:32%;border-radius:4% 13% 13% 4%}.car-visual--volt .car-visual__intakes{right:5%;width:12%;border-block-width:6px}.car-visual--volt .car-visual__body:after{width:8%;height:18%;border-radius:50%;box-shadow:0 -8px #ff2148,0 0 6px #ff2148,8px 0 #ff2148,8px -8px #ff2148}.car-visual--drift{--body-inset: 7% 5%;--body-radius: 23% 9% 10% 24%;--body-clip: polygon(2% 25%, 18% 5%, 86% 8%, 99% 31%, 98% 69%, 85% 92%, 17% 95%, 2% 75%);--glass-inset: 20% 42% 20% 28%;--glass-radius: 18% 8% 8% 18%;--glass-clip: polygon(4% 4%, 87% 8%, 98% 38%, 96% 68%, 84% 94%, 5% 96%, 0 52%)}.car-visual--drift .car-visual__hood{right:5%;width:39%}.car-visual--drift .car-visual__intakes{top:28%;right:6%;width:12%;height:44%;border:2px solid #98a2af;border-block-width:2px;border-radius:45%;background:linear-gradient(90deg,transparent 44%,#98a2af 45% 55%,transparent 56%),#05070b}.car-visual--drift .car-visual__stripe{height:3%;background:linear-gradient(90deg,transparent 8%,#60a5fa 9% 38%,#7c3aed 39% 66%,#ef4444 67% 92%,transparent 93%)}.car-visual--titan{--body-inset: 4% 3%;--body-radius: 20% 8% 9% 22%;--body-clip: polygon(1% 20%, 14% 4%, 84% 5%, 99% 24%, 99% 76%, 84% 95%, 14% 96%, 1% 80%);--glass-inset: 20% 46% 20% 24%;--glass-radius: 17% 6% 6% 17%}.car-visual--titan .car-visual__hood{right:3%;width:44%;border-radius:2% 12% 12% 2%}.car-visual--titan .car-visual__hood:after{position:absolute;inset:31% 27%;border:1px solid rgba(255,255,255,.16);background:#080b11;box-shadow:0 0 4px #000000b3;content:""}.car-visual--titan .car-visual__body:after{width:4%;height:14%;box-shadow:0 -7px #ff2148,0 7px #ff2148,0 0 6px #ff2148}.car-visual--pulse{--body-inset: 11% 7%;--body-radius: 35% 8% 9% 35%;--body-clip: polygon(4% 30%, 22% 8%, 72% 9%, 99% 40%, 99% 60%, 72% 91%, 21% 92%, 3% 70%);--glass-inset: 21% 40% 21% 31%;--glass-radius: 31% 9% 9% 31%}.car-visual--pulse .car-visual__hood{right:6%;width:31%;clip-path:polygon(0 10%,70% 0,100% 39%,100% 61%,70% 100%,0 90%,12% 50%)}.car-visual--pulse .car-visual__intakes{right:8%;width:18%;border:0;background:radial-gradient(ellipse at 20% 12%,#04060a 0 22%,transparent 25%),radial-gradient(ellipse at 20% 88%,#04060a 0 22%,transparent 25%)}.car-visual--pulse .car-visual__lights:before,.car-visual--pulse .car-visual__lights:after{width:10%;height:8%;border-radius:99px;transform:rotate(12deg)}.car-visual--phantom{--body-inset: 9% 4%;--body-radius: 14% 5% 5% 14%;--body-clip: polygon(2% 27%, 15% 7%, 73% 5%, 100% 42%, 100% 58%, 73% 95%, 15% 93%, 2% 73%);--glass-inset: 19% 39% 19% 30%;--glass-radius: 16% 5% 5% 16%;--glass-clip: polygon(2% 7%, 79% 0, 100% 36%, 100% 64%, 78% 100%, 2% 93%, 0 50%)}.car-visual--phantom .car-visual__hood{right:4%;width:35%;border-radius:0 7% 7% 0}.car-visual--phantom .car-visual__intakes{right:4%;width:17%;border:0;clip-path:polygon(0 0,100% 17%,58% 50%,100% 83%,0 100%,28% 50%)}.car-visual--phantom .car-visual__lights:before,.car-visual--phantom .car-visual__lights:after{right:5%;width:10%;height:7%;border-radius:0;transform:rotate(18deg)}.car-visual--quattro{--body-inset: 7% 4%;--body-radius: 18% 8% 8% 19%;--body-clip: polygon(2% 24%, 17% 5%, 82% 7%, 99% 31%, 99% 69%, 82% 93%, 17% 95%, 2% 76%);--glass-inset: 18% 37% 18% 32%;--glass-radius: 16% 7% 7% 16%}.car-visual--quattro .car-visual__intakes{top:20%;right:4%;width:17%;height:60%;border:2px solid #aeb7c2;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);background:repeating-linear-gradient(90deg,#080b10 0 2px,#4b5563 2px 3px)}.car-visual--quattro .car-visual__stripe{inset:12% 37% 12% auto;width:7%;height:auto;background:#0a0c11;opacity:.94}.car-visual--arrow{--body-inset: 7% 3%;--body-radius: 25% 8% 8% 25%;--body-clip: polygon(2% 28%, 18% 5%, 87% 7%, 99% 31%, 99% 69%, 87% 93%, 18% 95%, 2% 72%);--glass-inset: 20% 49% 20% 22%;--glass-radius: 22% 7% 7% 22%}.car-visual--arrow .car-visual__hood{right:3%;width:47%}.car-visual--arrow .car-visual__intakes{top:21%;right:3%;width:15%;height:58%;border:2px solid #b9c1ca;background:repeating-linear-gradient(90deg,#05070b 0 2px,#8e98a5 2px 3px)}.car-visual--arrow .car-visual__badge{right:25%}.car-visual--velocity{--body-inset: 11% 7%;--body-radius: 43% 13% 13% 43%;--body-clip: polygon(4% 34%, 24% 9%, 68% 7%, 98% 36%, 100% 50%, 98% 64%, 68% 93%, 23% 91%, 4% 66%);--glass-inset: 19% 38% 19% 30%;--glass-radius: 42% 15% 15% 42%}.car-visual--velocity .car-visual__intakes{top:17%;right:5%;width:19%;height:66%;border:0;border-radius:50%;background:radial-gradient(ellipse at 43% 16%,#020308 0 25%,transparent 28%),radial-gradient(ellipse at 43% 84%,#020308 0 25%,transparent 28%)}.car-visual--velocity .car-visual__lights:before,.car-visual--velocity .car-visual__lights:after{right:8%;width:11%;height:7%;border-radius:99px;transform:rotate(14deg)}.car-visual--vantage{--body-inset: 8% 3%;--body-radius: 32% 10% 10% 34%;--body-clip: polygon(2% 31%, 19% 6%, 83% 8%, 99% 35%, 99% 65%, 83% 92%, 18% 94%, 2% 69%);--glass-inset: 21% 45% 21% 25%;--glass-radius: 28% 8% 8% 28%}.car-visual--vantage .car-visual__hood{right:3%;width:42%;border-radius:4% 22% 22% 4%}.car-visual--vantage .car-visual__intakes{top:27%;right:3%;width:18%;height:46%;border:2px solid #aab3bd;border-radius:38%;background:repeating-linear-gradient(0deg,#05070b 0 2px,#7b8490 2px 3px)}.car-visual--stingray{--body-inset: 8% 4%;--body-radius: 16% 6% 6% 17%;--body-clip: polygon(2% 27%, 17% 5%, 73% 8%, 100% 38%, 100% 62%, 73% 92%, 17% 95%, 2% 73%);--glass-inset: 18% 36% 18% 34%;--glass-radius: 14% 5% 5% 14%}.car-visual--stingray .car-visual__hood{right:4%;width:34%;clip-path:polygon(0 4%,70% 0,100% 38%,100% 62%,70% 100%,0 96%,14% 50%)}.car-visual--stingray .car-visual__stripe{inset:11% 31% 11% auto;width:3%;height:auto}.car-visual--stingray .car-visual__intakes{top:17%;right:33%;width:10%;height:66%;border:0;clip-path:polygon(0 0,100% 20%,64% 50%,100% 80%,0 100%,28% 50%)}.car-visual--samurai{--body-inset: 5% 2%;--body-radius: 21% 7% 7% 21%;--body-clip: polygon(1% 24%, 15% 4%, 83% 5%, 99% 27%, 99% 73%, 83% 95%, 15% 96%, 1% 76%);--glass-inset: 17% 42% 17% 25%;--glass-radius: 18% 7% 7% 18%}.car-visual--samurai .car-visual__hood{right:2%;width:40%}.car-visual--samurai .car-visual__intakes{top:13%;right:2%;width:17%;height:74%;border:2px solid #c1c8d0;clip-path:polygon(0 0,72% 10%,100% 50%,72% 90%,0 100%,27% 50%);background:repeating-linear-gradient(90deg,#05070b 0 2px,#69727d 2px 3px)}.car-visual--samurai .car-visual__lights:before,.car-visual--samurai .car-visual__lights:after{right:8%;width:8%;height:11%;border-radius:1px;transform:rotate(18deg)}.car-visual--x3m .car-visual__body{inset:5%;border-radius:18% 10% 10% 18%;clip-path:polygon(3% 17%,16% 5%,83% 5%,98% 25%,98% 75%,83% 95%,16% 95%,3% 83%)}.car-visual--x3m .car-visual__glass{inset:15% 30% 15% 24%;border-radius:18% 8% 8% 18%;clip-path:polygon(6% 3%,88% 7%,98% 40%,90% 94%,6% 97%,0 52%)}.car-visual--x3m .car-visual__stripe{display:none}.car-visual--x3m .car-visual__hood{top:16%;right:5%;bottom:16%;width:31%;border-radius:2% 11% 11% 2%}.car-visual--x3m .car-visual__intakes{top:21%;right:5%;width:13%;height:58%;border:2px solid #aeb7c2;border-radius:35%;background:linear-gradient(90deg,transparent 45%,#aeb7c2 46% 54%,transparent 55%),#05070b}.car-visual--x3m .car-visual__aero{top:14%;bottom:14%;left:5%;width:5%}.car-visual--x3m .car-visual__lights:before,.car-visual--x3m .car-visual__lights:after{right:7%;width:8%;height:14%;border-radius:2px}.car-visual--x3m .car-visual__wheels:before{top:4%;left:22%;height:92%;border-block-width:6px}.car-visual--x3m .car-visual__wheels:after{top:4%;right:12%;height:92%;border-block-width:6px}.car-visual--supra{--body-inset: 9% 6%;--body-radius: 42% 13% 13% 42%;--body-clip: polygon(4% 31%, 21% 7%, 77% 8%, 98% 32%, 98% 68%, 77% 92%, 21% 93%, 4% 69%);--glass-inset: 21% 39% 21% 30%;--glass-radius: 38% 12% 12% 38%}.car-visual--supra .car-visual__hood{right:6%;width:34%;border-radius:8% 35% 35% 8%}.car-visual--supra .car-visual__intakes{top:25%;right:6%;width:15%;height:50%;border:0;background:radial-gradient(ellipse,#03050a 0 45%,transparent 48%)}.car-visual--continental{--body-inset: 4% 2%;--body-radius: 24% 8% 8% 24%;--body-clip: polygon(1% 23%, 15% 4%, 85% 5%, 99% 28%, 99% 72%, 85% 95%, 15% 96%, 1% 77%);--glass-inset: 17% 43% 17% 23%;--glass-radius: 22% 7% 7% 22%}.car-visual--continental .car-visual__hood{right:2%;width:42%}.car-visual--continental .car-visual__intakes{top:18%;right:2%;width:18%;height:64%;border:2px solid #cbd5e1;border-radius:25%;background:repeating-linear-gradient(0deg,#05070b 0 2px,#7b8490 2px 3px)}.car-visual--nsx{--body-inset: 9% 4%;--body-radius: 19% 6% 6% 20%;--body-clip: polygon(2% 28%, 17% 5%, 72% 6%, 100% 39%, 100% 61%, 72% 94%, 17% 95%, 2% 72%);--glass-inset: 18% 35% 18% 35%;--glass-radius: 17% 6% 6% 17%}.car-visual--nsx .car-visual__hood{right:4%;width:33%}.car-visual--nsx .car-visual__intakes{top:16%;right:32%;width:11%;height:68%;border:0;clip-path:polygon(0 0,100% 18%,62% 50%,100% 82%,0 100%,28% 50%)}.page-header{display:flex;min-height:95px;align-items:center;gap:19px;margin-bottom:clamp(28px,4vw,52px);border-bottom:1px solid var(--line)}.page-header__copy h1{margin-top:4px;font-size:clamp(1.65rem,3vw,2.5rem);font-style:italic;font-weight:900;letter-spacing:-.045em;text-transform:uppercase}.page-header__copy>p:last-child{margin-top:5px;color:var(--muted);font-size:.78rem}.setup-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);align-items:start;gap:22px}.setup-main,.race-summary,.garage-details,.settings-panel,.connect-panel,.rooms-panel,.roster-panel,.lobby-settings{padding:clamp(20px,2.5vw,31px)}.section-heading{display:flex;align-items:center;gap:14px}.section-heading--spaced{margin-top:34px}.section-heading h2{font-size:1rem;font-weight:800}.section-heading p{margin-top:4px;color:var(--muted);font-size:.73rem;line-height:1.45}.step-number{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgba(34,211,238,.3);border-radius:9px;background:#22d3ee12;color:var(--cyan);font-size:.7rem;font-weight:850}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:21px}.track-card{position:relative;overflow:hidden;padding:0 0 16px;border:1px solid var(--line);border-radius:15px;background:#ffffff06;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.track-card:hover{border-color:#ffffff38;transform:translateY(-3px)}.track-card.is-selected{border-color:var(--track-accent, var(--cyan));background:#22d3ee0e;box-shadow:0 0 0 1px #22d3ee14}.track-preview{--track-accent: var(--cyan);position:relative;display:block;width:100%;min-height:120px;overflow:hidden;background:radial-gradient(circle at 65% 25%,color-mix(in srgb,var(--track-accent),transparent 78%),transparent 48%),#0a0f1c}.track-preview__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:17px 17px;transform:perspective(200px) rotateX(25deg) scale(1.2)}.track-preview__route{position:absolute;inset:22% 18%;border:9px solid #485064;border-radius:42% 55% 48% 35%;box-shadow:0 0 0 2px #ffffff21,inset 0 0 0 1px #ffffff24,0 0 24px #000000b3;transform:rotate(-8deg) skew(7deg)}.track-preview--metro .track-preview__route{inset:20% 15%;border-radius:15% 40% 14% 37%;transform:rotate(4deg) skew(-12deg)}.track-preview--canyon .track-preview__route{inset:16% 24%;border-radius:60% 26% 62% 24%;transform:rotate(-17deg) skewY(10deg)}.track-preview--coast .track-preview__route{inset:24% 13%;border-radius:50% 34% 58% 31%;transform:rotate(7deg) skew(-5deg)}.track-preview--alpine .track-preview__route{inset:14% 27%;border-radius:28% 66% 24% 58%;transform:rotate(18deg) skewY(-13deg)}.track-preview--harbor .track-preview__route{inset:18% 13%;border-radius:14% 42% 19% 37%;transform:rotate(-4deg) skew(14deg)}.track-preview--spa .track-preview__route{inset:13% 25%;border-radius:38% 62% 45% 55%;transform:rotate(13deg) skewY(-9deg)}.track-preview--monza .track-preview__route{inset:23% 11%;border-radius:48% 24% 46% 20%;transform:rotate(3deg) skew(-8deg)}.track-preview--suzuka .track-preview__route{inset:13% 21%;border-radius:58% 28% 56% 31%;transform:rotate(-11deg) skewY(8deg)}.track-preview--silverstone .track-preview__route{inset:19% 15%;border-radius:28% 52% 31% 47%;transform:rotate(8deg) skew(9deg)}.track-preview__start{position:absolute;right:29%;bottom:25%;width:3px;height:18px;background:repeating-linear-gradient(#fff 0 3px,#101522 3px 6px);transform:rotate(62deg)}.track-card__copy{display:flex;min-height:114px;flex-direction:column;padding:14px 14px 0}.tag{display:inline-flex;width:fit-content;align-items:center;min-height:20px;padding:0 8px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:#ffffff0e;color:var(--muted);font-size:.55rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.tag--bright{border-color:#22d3ee4d;background:#22d3ee1f;color:var(--cyan-soft)}.track-card__copy strong{margin-top:10px;font-size:.85rem}.track-card__copy small{margin-top:6px;color:var(--muted-2);font-size:.64rem;line-height:1.45}.environment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.environment-card{display:flex;min-height:72px;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.08),transparent 45%),#ffffff06;text-align:left;transition:.18s ease}.environment-card:hover,.environment-card.is-selected{border-color:#22d3ee9e;background-color:#22d3ee13;transform:translateY(-2px)}.environment-card i{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:#ffffff14;color:var(--cyan-soft);font-size:1.05rem;font-style:normal}.environment-card span{display:flex;min-width:0;flex-direction:column;gap:4px}.environment-card strong{font-size:.72rem}.environment-card small{overflow:hidden;color:var(--muted);font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.difficulty-dots{display:flex;gap:4px;padding:0 14px}.difficulty-dots i{width:15px;height:3px;border-radius:4px;background:#ffffff1f}.difficulty-dots i.is-active{background:var(--track-accent, var(--cyan));box-shadow:0 0 8px var(--track-accent, var(--cyan))}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:18px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#03060c85}.segmented button{min-height:42px;border-radius:8px;background:transparent;color:var(--muted);font-size:.76rem;font-weight:750}.segmented button.is-selected{background:#22d3ee21;color:var(--cyan-soft);box-shadow:inset 0 0 0 1px #22d3ee33}.race-summary{position:sticky;top:20px}.race-summary__visual{position:relative;overflow:hidden;margin:-12px -12px 19px;border:1px solid var(--line);border-radius:14px}.race-summary__visual .track-preview{min-height:145px}.race-summary__visual .tag{position:absolute;top:12px;left:12px}.race-summary>h2{margin-bottom:18px;font-size:1.3rem}.summary-car,.identity-car{display:flex;min-height:65px;align-items:center;gap:11px;margin-bottom:8px;padding-block:10px;border-block:1px solid var(--line)}.summary-car strong,.identity-car strong{overflow:hidden;margin-top:3px;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.summary-car .text-button,.identity-car .text-button{margin-left:auto}.field-row{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.field-row>span{display:flex;flex-direction:column}.field-row b{font-size:.76rem}.field-row small{margin-top:4px;color:var(--muted-2);font-size:.63rem}select,.input-field input,.code-entry input{min-height:40px;padding:0 34px 0 12px;border:1px solid var(--line-bright);border-radius:9px;background:#0a0f1b;font-size:.75rem}select{color-scheme:dark}.race-summary>.button{margin-top:22px}.summary-hint,.privacy-note{margin-top:12px;color:var(--muted-2);font-size:.62rem;line-height:1.5;text-align:center}.garage-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:22px}.garage-showcase{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 48% 48%,color-mix(in srgb,var(--car),transparent 80%),transparent 39%),linear-gradient(155deg,#111729,#080c16 70%);box-shadow:var(--shadow);isolation:isolate}.garage-showcase:before,.garage-showcase:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--car),transparent 82%);border-radius:50%;content:""}.garage-showcase:before{inset:-34% 25% 8%}.garage-showcase:after{inset:-3% 37% -50% 2%}.garage-showcase__floor{position:absolute;right:-15%;bottom:-24%;left:-15%;height:62%;background:linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--car),transparent 30%) 50%,transparent 50.2%),linear-gradient(color-mix(in srgb,var(--car),transparent 67%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--car),transparent 75%) 1px,transparent 1px);background-size:100% 100%,44px 44px,44px 44px;transform:perspective(320px) rotateX(60deg);transform-origin:top}.garage-showcase__index{position:absolute;top:20px;right:28px;color:transparent;font-size:clamp(5rem,10vw,10rem);font-style:italic;font-weight:900;line-height:1;-webkit-text-stroke:1px rgba(255,255,255,.07)}.garage-showcase .car-visual--garage{position:absolute;top:48%;left:51%;width:clamp(300px,39vw,540px);height:clamp(160px,21vw,285px);filter:drop-shadow(15px 35px 19px rgba(0,0,0,.55));transform:translate(-50%,-50%) rotate(-7deg);animation:car-float 4.4s ease-in-out infinite}.garage-3d-preview{position:absolute;z-index:1;inset:0 0 64px;pointer-events:none}.garage-3d-preview__canvas{display:block;width:100%;height:100%}.garage-showcase:has(.garage-3d-preview.is-ready) .car-visual--garage{opacity:0;pointer-events:none}.garage-showcase__title{position:absolute;z-index:2;bottom:26px;left:29px}.garage-showcase__title h2{margin-top:4px;font-size:clamp(1.8rem,3vw,3rem);font-style:italic;letter-spacing:-.05em;text-transform:uppercase}.garage-showcase__title>p:not(.eyebrow,.garage-showcase__signature){margin-top:3px;color:var(--muted);font-size:.73rem}.garage-showcase__title .garage-showcase__signature{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:9px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--car),transparent 66%);border-radius:99px;background:#020617a3;color:#dbeafe;font-size:.58rem;font-weight:750;letter-spacing:.025em;backdrop-filter:blur(8px)}.garage-showcase__signature span{color:color-mix(in srgb,var(--car),white 30%)}.stats{margin-top:25px}.stat{margin-bottom:17px}.stat>div{display:flex;justify-content:space-between;margin-bottom:7px}.stat span{color:var(--muted);font-size:.72rem}.stat b{color:var(--cyan);font-size:.7rem}.stat__bar{display:block;height:5px;overflow:hidden;border-radius:99px;background:#ffffff12}.stat__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 11px #22d3ee73;animation:stat-grow .65s ease both}.garage-tip{display:flex;gap:11px;margin:25px 0 21px;padding:13px;border:1px solid rgba(34,211,238,.15);border-radius:11px;background:#22d3ee0e}.garage-tip>span{color:var(--cyan)}.garage-tip p{color:var(--muted);font-size:.63rem;line-height:1.55}.garage-tip b{display:block;margin-bottom:2px;color:var(--ink)}.car-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-top:18px}.car-chip{position:relative;display:flex;min-width:0;min-height:95px;align-items:center;gap:8px;overflow:hidden;padding:11px;border:1px solid var(--line);border-radius:13px;background:#ffffff06;text-align:left;transition:.18s ease}.car-chip:hover,.car-chip.is-selected{border-color:color-mix(in srgb,var(--car),white 12%);background:color-mix(in srgb,var(--car),transparent 92%);transform:translateY(-3px)}.car-chip .car-visual{width:64px;height:37px}.car-chip>span{display:flex;min-width:0;flex-direction:column}.car-chip strong{overflow:hidden;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.car-chip small{display:none}.car-chip>i{position:absolute;right:11px;bottom:8px;left:11px;height:2px;border-radius:3px;background:transparent}.car-chip.is-selected>i{background:var(--car);box-shadow:0 0 8px var(--car)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.settings-panel--wide{grid-column:1 / -1}.range-setting{min-height:82px;padding-top:18px;border-bottom:1px solid var(--line)}.range-setting>div{display:flex;align-items:center;gap:10px}.range-setting label{font-size:.75rem;font-weight:700}.range-setting output{min-width:35px;margin-left:auto;color:var(--cyan);font-size:.68rem;font-weight:750;text-align:right}input[type=range]{width:100%;height:4px;margin-top:15px;appearance:none;border-radius:99px;background:linear-gradient(90deg,var(--cyan),rgba(255,255,255,.12));cursor:pointer}input[type=range]::-webkit-slider-thumb{width:15px;height:15px;appearance:none;border:3px solid #101625;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--cyan),0 0 10px #22d3ee66}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:3px solid #101625;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--cyan)}.switch{position:relative;width:40px;height:22px;padding:0;border:1px solid var(--line-bright);border-radius:99px;background:#ffffff12;transition:.18s ease}.switch i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#8993a5;transition:.18s ease}.switch.is-on{border-color:#39e58c73;background:#39e58c33}.switch.is-on i{left:21px;background:var(--green);box-shadow:0 0 9px #39e58cb3}.bindings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;margin-top:20px}.binding-row{display:flex;min-height:57px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:.74rem}.keycap,kbd{display:inline-grid;min-width:48px;min-height:32px;place-items:center;padding:3px 9px;border:1px solid rgba(255,255,255,.19);border-bottom-width:3px;border-radius:7px;background:linear-gradient(#1d2536,#121827);color:var(--ink);font:700 .7rem/1 Segoe UI,sans-serif;box-shadow:0 3px 7px #00000038}.keycap.is-listening{min-width:90px;border-color:var(--cyan);color:var(--cyan);animation:key-pulse 1s ease-in-out infinite}.settings-actions{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.help-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:20px}.help-hero{display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,4vw,52px);background:radial-gradient(circle at 65% 52%,rgba(34,211,238,.1),transparent 40%),var(--surface)}.help-hero h2{margin:16px 0;font-size:clamp(2rem,4vw,4.1rem);font-style:italic;letter-spacing:-.06em;line-height:.95;text-transform:uppercase}.help-hero h2 em{color:var(--cyan);font-style:inherit}.help-hero>p:last-child{color:var(--muted);font-size:.78rem;line-height:1.7}.keyboard-demo{display:grid;width:fit-content;grid-template-columns:repeat(3,58px);gap:7px;margin:20px 0 29px}.keyboard-demo kbd{min-height:51px;font-size:1rem}.help-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.help-card{display:flex;min-height:170px;gap:14px;padding:23px}.help-card>span{color:var(--cyan);font-size:.66rem;font-weight:850}.help-card h3{font-size:.9rem}.help-card p{margin-top:10px;color:var(--muted);font-size:.7rem;line-height:1.6}.rules-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;padding:20px}.rules-strip>div{display:flex;flex-direction:column;gap:5px;padding:0 18px;border-right:1px solid var(--line);text-align:center}.rules-strip>div:last-child{border:0}.rules-strip b{color:var(--cyan-soft);font-size:.73rem}.rules-strip span{color:var(--muted);font-size:.64rem}.multiplayer-layout,.lobby-layout{display:grid;grid-template-columns:minmax(290px,.65fr) minmax(0,1.35fr);align-items:start;gap:20px}.input-field{display:flex;flex-direction:column;gap:7px;margin-top:20px;color:var(--muted);font-size:.67rem;font-weight:700}.input-field input,.input-field select{width:100%;min-height:46px;color:var(--ink)}.connect-panel .button--block{margin-top:16px}.identity-car{margin:13px 0 3px}.or-divider{display:flex;align-items:center;gap:9px;margin:21px 0 14px;color:var(--muted-2);font-size:.6rem}.or-divider:before,.or-divider:after{height:1px;flex:1;background:var(--line);content:""}.code-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.code-entry input{min-width:0;padding:0 12px;font-size:.9rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.connect-panel .connection-line{margin-top:21px}.rooms-heading{justify-content:space-between}.room-list{display:flex;min-height:320px;flex-direction:column;gap:7px;margin-top:20px}.room-row{display:grid;min-height:74px;grid-template-columns:74px minmax(100px,1fr) auto auto 25px;align-items:center;gap:13px;padding:8px 13px 8px 8px;border:1px solid var(--line);border-radius:12px;background:#ffffff06;text-align:left;transition:.16s ease}.room-row:hover{border-color:#22d3ee4d;background:#22d3ee0d;transform:translate(3px)}.room-row__track{overflow:hidden;align-self:stretch;border-radius:8px}.room-row__track .track-preview{min-height:100%}.room-row__track .track-preview__route{border-width:4px}.room-row__copy{display:flex;min-width:0;flex-direction:column}.room-row__copy b{overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.room-row__copy small{margin-top:4px;color:var(--muted);font-size:.62rem}.room-row__players{color:var(--muted);font-size:.67rem}.room-row>strong{color:var(--cyan);font-size:.74rem;letter-spacing:.13em}.room-row>i{color:var(--muted);font-style:normal}.empty-state{display:flex;min-height:300px;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--line-bright);border-radius:14px;color:var(--muted);text-align:center}.empty-state>span:first-child:not(.loader){margin-bottom:16px;color:var(--cyan);font-size:2rem}.empty-state b{margin-top:13px;color:var(--ink);font-size:.8rem}.empty-state p{margin-top:6px;font-size:.68rem}.loader{display:inline-block;width:17px;height:17px;border:2px solid rgba(255,255,255,.14);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.room-code-card{display:flex;align-items:center;gap:15px}.room-code-card>span{color:var(--muted);font-size:.6rem;font-weight:800;letter-spacing:.13em}.room-code-card button{padding:3px 11px;border-bottom:2px solid var(--cyan);background:transparent;color:var(--ink);font-size:1.3rem;font-weight:900;letter-spacing:.16em}.room-code-card button i{margin-left:8px;color:var(--cyan);font-size:.75rem;font-style:normal}.room-code-card small{color:var(--muted-2);font-size:.61rem}.lobby-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.player-list{display:flex;flex-direction:column;gap:7px;margin-top:20px}.player-row{display:grid;min-height:68px;grid-template-columns:26px 84px minmax(120px,1fr) auto auto;align-items:center;gap:10px;padding:6px 13px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.player-row.is-current{border-color:#22d3ee4d;background:#22d3ee0e}.player-row.is-disconnected{opacity:.5}.player-row>span:first-child{color:var(--muted-2);font-size:.62rem;font-weight:750}.player-row>div{display:flex;min-width:0;flex-direction:column}.player-row b{overflow:hidden;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.player-row b em,.results-table em{margin-left:7px;padding:2px 5px;border-radius:4px;background:#22d3ee26;color:var(--cyan);font-size:.5rem;font-style:normal}.player-row small{margin-top:3px;color:var(--muted);font-size:.61rem}.host-badge{color:var(--yellow)}.ready-state{min-width:55px;padding:4px 7px;border-radius:6px;background:#ffffff0d;color:var(--muted);font-size:.51rem;font-weight:850;text-align:center}.ready-state.is-ready{background:#39e58c1f;color:var(--green)}.player-row--empty{grid-template-columns:26px 84px minmax(120px,1fr);border-style:dashed;opacity:.5}.player-row--empty>i{display:block;width:60px;height:28px;border:1px dashed var(--line-bright);border-radius:20px}.lobby-track{position:relative;overflow:hidden;min-height:135px;margin:20px 0;border:1px solid var(--line);border-radius:13px}.lobby-track .track-preview{position:absolute;inset:0;opacity:.72}.lobby-track>span:last-child{position:absolute;right:14px;bottom:13px;left:14px;z-index:1;padding:8px 10px;border-left:2px solid var(--cyan);background:#04070db8}.lobby-track strong{margin-top:3px;font-size:.8rem}.lobby-settings .input-field{margin-top:11px}.lobby-actions{margin-top:22px}.lobby-actions .button+.button{margin-top:8px}.waiting-host{display:flex;min-height:50px;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:.66rem}.race-stage{position:fixed;z-index:1;inset:0;overflow:hidden;background:#080c13}.game-host,.game-host>canvas{width:100%!important;height:100%!important}.game-host{position:relative}.game-host[aria-busy=true]:before,.game-host[aria-busy=true]:after{position:absolute;z-index:2;pointer-events:none}.game-host[aria-busy=true]:before{content:"";inset:0;background:radial-gradient(circle at center,rgba(34,211,238,.12),transparent 28%),#080c13}.game-host[aria-busy=true]:after{content:"CHARGEMENT DU CIRCUIT…";left:50%;top:50%;transform:translate(-50%,-50%);color:#e6fbff;font:800 .78rem/1 system-ui,sans-serif;letter-spacing:.18em;text-shadow:0 0 18px rgba(34,211,238,.65)}.game-host>canvas{display:block;object-fit:contain}.game-host.has-3d-renderer>canvas:not(.race-3d-layer){display:none!important}.game-host>.race-3d-layer{position:absolute;z-index:2;inset:0;display:block;width:100%!important;height:100%!important;pointer-events:none}.game-host>.race-3d-layer--perspective{background:#0b1520;object-fit:cover}.race-vignette{position:absolute;z-index:3;inset:0;background:linear-gradient(to bottom,rgba(3,5,10,.46),transparent 18%,transparent 77%,rgba(3,5,10,.52)),radial-gradient(ellipse at center,transparent 52%,rgba(2,4,8,.38));pointer-events:none}.race-stage[data-quality=low] .race-vignette{display:none}.race-stage[data-quality=low] .hud-chip,.race-stage[data-quality=low] .hud-leaderboard,.race-stage[data-quality=low] .hud-minimap,.race-stage[data-quality=low] .hud-pause-button{backdrop-filter:none}.race-stage[data-quality=medium] .race-vignette{opacity:.65}.hud{position:absolute;z-index:5;inset:0;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none}.hud-signature{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));left:50%;padding:5px 10px;border:1px solid rgba(34,211,238,.22);border-radius:99px;background:#03070f80;color:#fff;font-size:.53rem;font-style:italic;font-weight:900;letter-spacing:.18em;opacity:.7;transform:translate(-50%)}.hud-signature span,.creator-signature span{color:var(--cyan)}.touch-controls{position:absolute;z-index:8;inset:0;display:none;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls__steering,.touch-controls__pedals{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:10px;pointer-events:auto}.touch-controls__steering{left:max(15px,env(safe-area-inset-left))}.touch-controls__pedals{right:max(15px,env(safe-area-inset-right))}.touch-controls button{display:flex;width:70px;height:70px;align-items:center;justify-content:center;flex-direction:column;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.18),transparent 42%),#04081094;box-shadow:inset 0 0 18px #ffffff0a,0 10px 25px #00000040;color:#fff;opacity:.72;outline:none;pointer-events:auto;touch-action:none;transition:opacity 80ms linear,transform 80ms linear,background 80ms linear;-webkit-tap-highlight-color:transparent}.touch-controls__pedals button{width:76px;height:76px}.touch-controls__pedals [data-race-control=accelerate]{width:84px;height:84px;border-color:#22d3ee73;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.2),transparent 42%),#08434f9e}.touch-controls button span{font-size:1.55rem;font-weight:900;line-height:1}.touch-controls button small{margin-top:4px;color:#ffffffb8;font-size:.45rem;font-weight:900;letter-spacing:.12em}.touch-controls button.is-active{border-color:var(--cyan);background:#22d3ee59;box-shadow:inset 0 0 22px #22d3ee4d,0 0 24px #22d3ee59;opacity:1;transform:scale(.94)}.race-stage.is-paused .touch-controls{opacity:0;pointer-events:none}.race-stage.is-paused .touch-controls *{pointer-events:none}.hud-chip{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#04070da3;box-shadow:0 9px 25px #0000002e;backdrop-filter:blur(9px)}.hud-position{position:absolute;top:max(23px,env(safe-area-inset-top));left:max(27px,env(safe-area-inset-left));display:grid;grid-template-columns:auto auto;align-items:baseline;transform:skew(-5deg)}.hud-position>span{color:#fff;font-size:clamp(2.1rem,4vw,4rem);font-style:italic;font-weight:900;letter-spacing:-.08em;line-height:.8;text-shadow:0 4px 20px rgba(0,0,0,.65)}.hud-position>small{margin-left:8px;color:var(--muted);font-size:.74rem}.hud-position>em{grid-column:1 / -1;margin-top:9px;color:var(--cyan);font-size:.52rem;font-style:normal;font-weight:900;letter-spacing:.23em}.hud-lap{position:absolute;top:max(23px,env(safe-area-inset-top));left:clamp(145px,16vw,230px);display:flex;min-width:94px;min-height:55px;align-items:center;justify-content:center;flex-direction:column}.hud-lap small,.hud-times small,.hud-minimap>small{color:var(--muted);font-size:.48rem;font-weight:850;letter-spacing:.14em}.hud-lap strong{margin-top:2px;font-size:1rem}.hud-lap i{margin:0 5px;color:var(--muted-2);font-style:normal;font-weight:400}.hud-times{position:absolute;top:max(23px,env(safe-area-inset-top));left:50%;display:flex;gap:7px;transform:translate(-50%)}.hud-times>div{display:flex;min-width:134px;min-height:55px;align-items:center;justify-content:center;flex-direction:column}.hud-times strong{margin-top:4px;font-size:.82rem;letter-spacing:.03em}.hud-times>div:last-child strong{color:var(--cyan-soft)}.hud-connection{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(70px,calc(env(safe-area-inset-right) + 65px));min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:#04070d99}.hud-connection b{color:var(--muted);font-size:.48rem;letter-spacing:.12em}.hud-connection small{color:#fff;font-size:.54rem}.hud-pause-button{position:absolute;top:max(23px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:grid;width:39px;height:39px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#04070da6;color:#fff;font-size:.8rem;pointer-events:auto;backdrop-filter:blur(8px)}.race-stage[data-mode=multiplayer] .hud-pause-button{opacity:.55}.hud-leaderboard{position:absolute;top:100px;left:max(27px,env(safe-area-inset-left));display:flex;width:190px;flex-direction:column;gap:3px}.hud-leaderboard>div{display:grid;min-height:26px;grid-template-columns:19px 5px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;border-radius:5px;background:#04070d8a;color:var(--muted);font-size:.59rem;backdrop-filter:blur(5px)}.hud-leaderboard>div.is-player{background:#22d3ee26;color:#fff}.hud-leaderboard strong{font-size:.57rem;text-align:center}.hud-leaderboard i{width:4px;height:12px;border-radius:4px;background:var(--player-color);box-shadow:0 0 6px var(--player-color)}.hud-leaderboard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-leaderboard small{font-size:.51rem}.hud-minimap{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(31px,env(safe-area-inset-bottom));width:clamp(145px,14vw,200px);padding:7px 9px 6px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#04070d94;backdrop-filter:blur(8px);transition:.18s ease}.hud-minimap.is-hidden{display:none}.hud-minimap svg{display:block;width:100%;overflow:visible}.minimap-road{fill:none;stroke:#080c14e6;stroke-linecap:round;stroke-linejoin:round;stroke-width:14}.minimap-line{fill:none;stroke:#ffffff52;stroke-dasharray:2 4;stroke-linecap:round;stroke-width:2}#hud-minimap-markers circle{filter:drop-shadow(0 0 3px currentColor);transition:90ms linear}#hud-minimap-markers circle.is-player{stroke:#fff;stroke-width:1.5}.hud-minimap>small{display:block;margin-top:-5px;text-align:center}.hud-speed{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:max(27px,env(safe-area-inset-left));display:flex;align-items:flex-end;gap:14px}.speed-ring{--speed-progress: 0deg;position:relative;display:flex;width:94px;height:94px;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:radial-gradient(circle at center,rgba(5,8,15,.82) 0 61%,transparent 62%),conic-gradient(from 225deg,var(--cyan) 0 var(--speed-progress),rgba(255,255,255,.09) var(--speed-progress) 270deg,transparent 270deg);filter:drop-shadow(0 9px 15px rgba(0,0,0,.4))}.speed-ring strong{font-size:1.8rem;font-style:italic;font-weight:900;letter-spacing:-.07em;line-height:.95}.speed-ring small{color:var(--muted);font-size:.45rem;font-weight:800;letter-spacing:.17em}.speed-bars{display:flex;height:40px;align-items:flex-end;gap:3px}.speed-bars i{width:4px;height:calc(6px + var(--i) * 2px);border-radius:3px;background:#ffffff1f;transform:skew(-8deg)}.speed-bars i.is-active{background:color-mix(in srgb,var(--cyan) calc(100% - var(--i) * 4%),var(--pink));box-shadow:0 0 6px currentColor}.countdown,.pause-overlay{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;background:#03050a21;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}.countdown.is-visible,.pause-overlay.is-visible{opacity:1;visibility:visible}.countdown span{color:#fff;font-size:clamp(7rem,18vw,15rem);font-style:italic;font-weight:950;letter-spacing:-.1em;line-height:1;text-shadow:0 0 8px var(--cyan),0 0 45px rgba(34,211,238,.65),0 14px 50px rgba(0,0,0,.65);transform:skew(-7deg)}.countdown span.is-popping{animation:countdown-pop .62s cubic-bezier(.1,.8,.2,1) both}.pause-overlay{z-index:30;background:#03050a9e;backdrop-filter:blur(10px);pointer-events:auto}.pause-card{width:min(90%,390px);padding:37px;border:1px solid var(--line-bright);border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(34,211,238,.11),transparent 42%),#0d1220;box-shadow:var(--shadow);text-align:center}.pause-card .eyebrow{justify-content:center}.pause-card h2{margin:14px 0 26px;font-size:1.6rem;font-style:italic}.pause-actions{display:flex;flex-direction:column;gap:8px}.pause-actions .text-button{width:fit-content;margin:14px auto 0;color:var(--muted)}.race-announcement{position:absolute;z-index:15;top:19%;left:50%;padding:10px 20px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:#04070db8;color:#fff;font-size:.72rem;font-weight:800;opacity:0;transform:translate(-50%,-12px);transition:.22s ease;backdrop-filter:blur(8px)}.race-announcement.is-visible{opacity:1;transform:translate(-50%)}.race-announcement[data-tone=success]{border-color:#39e58c59;color:#8af7bd}.race-announcement[data-tone=warning]{border-color:#ffd55c59;color:var(--yellow)}.button--trophy{border-color:#ffd55c57;background:linear-gradient(125deg,#ffd55c33,#ff8a4c2e);color:#fff2b7;box-shadow:0 10px 30px #ffbe461f}.button--trophy:hover:not(:disabled){border-color:#ffd55c9e;box-shadow:0 14px 38px #ffbe4638}.trophy-case{display:grid;width:min(100%,660px);grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto clamp(26px,4vw,46px)}.trophy-case__item{display:flex;min-height:72px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:15px;background:#ffffff06;color:var(--muted-2);filter:grayscale(1);opacity:.52}.trophy-case__item.is-won{border-color:color-mix(in srgb,currentColor,transparent 55%);background:color-mix(in srgb,currentColor,transparent 91%);filter:none;opacity:1;box-shadow:inset 0 0 28px color-mix(in srgb,currentColor,transparent 88%)}.trophy-case__item--bronze{color:#d58b55}.trophy-case__item--silver{color:#dbe4ef}.trophy-case__item--gold{color:#ffd55c}.trophy-case__item .trophy-symbol{font-size:1.65rem;text-shadow:0 0 16px currentColor}.trophy-case__item small{font-size:.55rem;font-weight:850;letter-spacing:.13em}.competition-layout,.competition-active{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.8fr);align-items:start;gap:clamp(18px,3vw,35px)}.competition-cups{display:grid;gap:14px}.competition-cup{position:relative;display:grid;min-height:142px;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:20px;overflow:hidden;padding:20px 24px;color:inherit;text-align:left;transition:.18s ease}.competition-cup:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--cup);box-shadow:0 0 20px var(--cup);content:"";opacity:.45}.competition-cup:hover,.competition-cup.is-selected{border-color:color-mix(in srgb,var(--cup),transparent 48%);background:linear-gradient(100deg,color-mix(in srgb,var(--cup),transparent 90%),transparent 48%),var(--surface);transform:translate(5px)}.competition-cup.is-selected:before{opacity:1}.competition-cup.is-locked{filter:grayscale(.7);opacity:.62}.competition-cup__trophy{color:var(--cup);font-size:3.25rem;line-height:1;text-align:center;text-shadow:0 0 28px color-mix(in srgb,var(--cup),transparent 48%)}.competition-cup__copy{display:flex;min-width:0;flex-direction:column}.competition-cup__copy small,.competition-cup__copy em,.competition-cup__state{color:var(--muted);font-size:.61rem;font-style:normal;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.competition-cup__copy strong{margin:6px 0 8px;font-size:clamp(1.15rem,2vw,1.65rem);font-style:italic}.competition-cup__state{padding:7px 9px;border:1px solid color-mix(in srgb,var(--cup),transparent 60%);border-radius:99px;color:var(--cup)}.competition-details,.competition-ranking{position:sticky;top:24px;padding:clamp(24px,3.5vw,38px)}.competition-details{overflow:hidden;text-align:center}.competition-details:before{position:absolute;z-index:-1;inset:-90px -20% auto;height:240px;background:radial-gradient(circle,color-mix(in srgb,var(--cup),transparent 72%),transparent 66%);content:"";pointer-events:none}.competition-trophy{display:flex;flex-direction:column;align-items:center;color:var(--cup, var(--yellow))}.competition-trophy span{font-size:clamp(4rem,8vw,6.5rem);line-height:.9;filter:drop-shadow(0 0 25px color-mix(in srgb,currentColor,transparent 48%))}.competition-trophy small{margin-top:10px;font-size:.59rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.competition-details>.eyebrow{justify-content:center;margin-top:24px;color:var(--cup)}.competition-details>h2{margin:9px 0;font-size:clamp(1.7rem,3vw,2.5rem);font-style:italic}.competition-details>p:not(.eyebrow,.summary-hint){color:var(--muted);font-size:.76rem;line-height:1.65}.competition-calendar{display:grid;gap:8px;margin:24px 0;text-align:left}.competition-calendar>div{display:grid;min-height:64px;grid-template-columns:29px 72px minmax(0,1fr);align-items:center;gap:11px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#ffffff06}.competition-calendar>div>span{color:var(--cup);font-size:.66rem;font-weight:900}.competition-calendar .track-preview{width:66px;height:46px}.competition-calendar p{display:flex;min-width:0;flex-direction:column}.competition-calendar strong{overflow:hidden;font-size:.71rem;text-overflow:ellipsis;white-space:nowrap}.competition-calendar small{margin-top:4px;color:var(--muted);font-size:.56rem;text-transform:capitalize}.competition-active__hero{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;padding:clamp(24px,4vw,45px)}.competition-active__hero .competition-trophy span{font-size:5rem}.competition-active__hero h2{margin:8px 0;font-size:clamp(1.8rem,4vw,3.3rem);font-style:italic;letter-spacing:-.04em}.competition-active__hero>div:nth-child(2)>p:last-of-type{color:var(--muted)}.competition-progress{display:flex;gap:7px;margin-top:18px}.competition-progress i{width:42px;height:4px;border-radius:99px;background:#ffffff1a}.competition-progress i.is-done{background:var(--green)}.competition-progress i.is-current{background:var(--cup);box-shadow:0 0 12px var(--cup)}.competition-next-track{display:flex;grid-column:1 / -1;align-items:center;gap:17px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.competition-next-track .track-preview{width:115px;height:72px}.competition-next-track>span{display:flex;min-width:0;flex-direction:column}.competition-next-track small{color:var(--cup);font-size:.55rem;font-weight:850;letter-spacing:.13em}.competition-next-track strong{margin:5px 0}.competition-next-track em{color:var(--muted);font-size:.67rem;font-style:normal}.competition-active__hero>.button{grid-column:1 / -1}.competition-active__hero>.text-button{grid-column:1 / -1;justify-self:center;color:var(--muted)}.competition-ranking .section-heading{margin-bottom:18px}.competition-empty{padding:32px 16px;border:1px dashed var(--line-bright);border-radius:12px;color:var(--muted);font-size:.72rem;line-height:1.5;text-align:center}.competition-standings{overflow:hidden;border:1px solid var(--line);border-radius:12px}.competition-standings>div{display:grid;min-height:41px;grid-template-columns:48px minmax(110px,1fr) 52px 48px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.65rem;text-align:left}.competition-standings>div:last-child{border:0}.competition-standings>div.is-player{background:#22d3ee14;color:#fff}.competition-standings__head{min-height:31px!important;background:#ffffff09;color:var(--muted-2)!important;font-size:.49rem!important;font-weight:850;letter-spacing:.09em}.competition-standings strong,.competition-standings b{color:var(--cyan)}.competition-standings em{margin-left:7px;padding:2px 5px;border-radius:4px;background:#22d3ee26;color:var(--cyan);font-size:.46rem;font-style:normal}.result-trophy{display:flex;width:fit-content;align-items:center;gap:15px;margin:22px auto 0;padding:12px 19px;border:1px solid var(--line-bright);border-radius:14px;background:#ffffff09;color:var(--muted);text-align:left}.result-trophy.is-won{border-color:#ffd55c73;background:#ffd55c14;color:var(--yellow);box-shadow:0 0 30px #ffd55c1f}.result-trophy>span{font-size:2.6rem;line-height:1}.result-trophy>div{display:flex;flex-direction:column}.result-trophy small{font-size:.5rem;font-weight:900;letter-spacing:.14em}.result-trophy strong{margin-top:4px;color:#fff}.results-screen{position:relative;display:grid;min-height:100vh;min-height:100dvh;place-items:center;overflow-x:hidden;overflow-y:auto;padding:30px 18px;background:linear-gradient(#04070da8,#04070de6),repeating-linear-gradient(120deg,#131a29 0 70px,#0f1522 71px 140px)}.results-glow{position:absolute;top:-30%;left:50%;width:min(90vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,71,126,.2),transparent 66%);transform:translate(-50%)}.results-glow.is-win{background:radial-gradient(circle,rgba(34,211,238,.25),transparent 66%)}.results-card{position:relative;z-index:1;width:min(100%,830px);padding:clamp(26px,5vw,53px);border:1px solid var(--line-bright);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 40%),#0a0e18eb;box-shadow:var(--shadow);text-align:center;backdrop-filter:blur(18px);animation:result-in .6s cubic-bezier(.18,.85,.26,1) both}.results-card--competition{width:min(100%,940px)}.results-card>.eyebrow{justify-content:center}.results-card>h1{margin:12px 0 9px;font-size:clamp(2rem,5vw,4rem);font-style:italic;font-weight:950;letter-spacing:-.06em;text-transform:uppercase}.results-card>p:not(.eyebrow){color:var(--muted);font-size:.78rem}.results-card>p.creator-signature{width:fit-content;margin:22px auto 0;padding-top:12px;border-top:1px solid var(--line);color:#fff;font-size:.56rem;font-style:italic;font-weight:900;letter-spacing:.18em}.podium{display:flex;min-height:130px;align-items:end;justify-content:center;gap:8px;margin:30px 0 20px}.podium__place{position:relative;display:flex;width:min(31%,150px);min-height:91px;align-items:center;justify-content:center;flex-direction:column;padding:13px 8px;border:1px solid var(--line);border-radius:12px 12px 4px 4px;background:#ffffff0a}.podium__place--1{order:2;min-height:128px;border-color:#ffd55c5c;background:linear-gradient(#ffd55c1c,#ffffff09)}.podium__place--2{order:1}.podium__place--3{order:3;min-height:76px}.podium__place>span{position:absolute;top:-13px;display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#242d40;color:var(--muted);font-size:.65rem;font-weight:850}.podium__place--1>span{background:var(--yellow);color:#17120b;box-shadow:0 0 18px #ffd55c59}.podium__place b{overflow:hidden;max-width:100%;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.podium__place small{margin-top:5px;color:var(--muted);font-size:.57rem}.podium__place.is-player{box-shadow:inset 0 -2px var(--cyan)}.results-table{overflow:hidden;border:1px solid var(--line);border-radius:12px;text-align:left}.results-ranking-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:25px 0 12px}.results-ranking-heading>span{height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.45))}.results-ranking-heading>span:last-child{background:linear-gradient(90deg,rgba(34,211,238,.45),transparent)}.results-ranking-heading small{color:var(--cyan);font-size:.5rem;font-weight:850;letter-spacing:.18em}.results-ranking-heading h2{margin-top:4px;font-size:.9rem;font-style:italic;text-transform:uppercase}.results-table>div{display:grid;min-height:42px;grid-template-columns:62px minmax(120px,1fr) 130px 130px;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.65rem}.results-table>div:last-child{border:0}.results-table>div.is-player{background:#22d3ee13;color:#fff}.results-table__head{min-height:30px!important;background:#ffffff09;color:var(--muted-2)!important;font-size:.5rem!important;font-weight:800;letter-spacing:.11em}.results-table strong{color:var(--cyan)}.results-actions{display:flex;justify-content:center;gap:9px;margin-top:26px}.toast-region{position:fixed;z-index:1000;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;width:min(calc(100vw - 36px),370px);flex-direction:column;gap:8px;pointer-events:none}.toast{display:grid;min-height:54px;grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line-bright);border-radius:12px;background:#0e131ff0;box-shadow:0 14px 40px #00000061;opacity:0;pointer-events:auto;transform:translateY(12px);transition:.18s ease;backdrop-filter:blur(12px)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.is-leaving{opacity:0;transform:translate(20px)}.toast>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#22d3ee21;color:var(--cyan);font-size:.68rem;font-weight:850}.toast--success>span{background:#39e58c21;color:var(--green)}.toast--error>span{background:#fb718521;color:var(--danger)}.toast p{font-size:.69rem;line-height:1.4}.toast button{background:transparent;color:var(--muted);font-size:1rem}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}@keyframes car-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes stat-grow{0%{width:0}}@keyframes key-pulse{50%{box-shadow:0 0 13px #22d3ee73}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.8) skew(-7deg)}35%{opacity:1}to{opacity:.88;transform:scale(1) skew(-7deg)}}@keyframes result-in{0%{opacity:0;transform:scale(.94) translateY(15px)}}@media(max-width:1120px){.hero{grid-template-columns:minmax(330px,.9fr) minmax(380px,1.1fr)}.hero-car{min-height:440px}.menu-dock{grid-template-columns:repeat(3,1fr)}.career-mini{display:none}.car-selector{grid-template-columns:repeat(3,1fr)}.car-chip small{display:block;overflow:hidden;margin-top:4px;color:var(--muted-2);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:900px){.hero{min-height:auto;grid-template-columns:1fr;padding:65px 0 25px}.hero__copy{max-width:690px}.hero-car{min-height:420px;order:-1;margin-bottom:-90px;opacity:.62}.hero-car__label{display:none}.setup-layout,.garage-layout,.help-layout,.multiplayer-layout,.lobby-layout,.competition-layout,.competition-active{grid-template-columns:1fr}.race-summary,.competition-details,.competition-ranking{position:static}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-showcase{min-height:360px}.garage-details{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.garage-details>.section-heading,.garage-details>.garage-tip,.garage-details>.button{grid-column:1 / -1}.help-cards{grid-template-columns:repeat(2,1fr)}.hud-times{left:auto;right:125px;transform:none}.hud-times>div:last-child{display:none}.hud-connection{top:84px;right:24px}}@media(max-width:700px){.screen{padding:max(18px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) max(45px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))}input,select,textarea{font-size:16px}.menu-topbar .status-pill{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{padding-top:34px}.environment-grid{grid-template-columns:1fr}.hero-car{min-height:310px;margin-bottom:-55px}.hero-car .car-visual--hero{width:330px;height:175px}.hero__copy h1{font-size:clamp(2.65rem,15vw,4.5rem)}.hero__actions{display:grid;grid-template-columns:1fr}.trophy-case{gap:6px}.trophy-case__item{min-height:62px}.trophy-case__item small{display:none}.competition-cup{min-height:116px;grid-template-columns:58px minmax(0,1fr);gap:13px;padding:16px}.competition-cup__trophy{font-size:2.5rem}.competition-cup__state{display:none}.competition-active__hero{grid-template-columns:1fr;text-align:center}.competition-active__hero .eyebrow,.competition-progress{justify-content:center}.competition-active__hero .competition-trophy{display:none}.competition-next-track{text-align:left}.menu-dock{grid-template-columns:1fr;margin-top:28px}.menu-dock>button{min-height:67px;border-right:0;border-bottom:1px solid var(--line)}.page-header{min-height:77px;margin-bottom:25px}.page-header__copy .eyebrow,.page-header__copy>p:last-child{display:none}.page-header__copy h1{font-size:1.45rem}.track-grid{grid-template-columns:1fr}.track-card{display:grid;grid-template-columns:132px 1fr;padding:0}.track-card .track-preview{min-height:100%}.track-card__copy{min-height:120px}.difficulty-dots{position:absolute;right:11px;bottom:10px}.garage-showcase{min-height:300px}.garage-showcase .car-visual--garage{top:44%;width:300px;height:160px}.garage-showcase__title{bottom:18px;left:20px}.garage-details{display:block}.car-selector{grid-template-columns:repeat(2,1fr)}.settings-grid,.bindings-grid{grid-template-columns:1fr}.settings-panel--wide{grid-column:auto}.settings-actions{align-items:stretch;flex-direction:column-reverse;gap:18px}.help-cards{grid-template-columns:1fr}.help-card{min-height:120px}.rules-strip{grid-template-columns:repeat(2,1fr);gap:20px 0}.rules-strip>div:nth-child(2){border:0}.room-code-card{align-items:flex-start;flex-direction:column;gap:6px}.lobby-top{align-items:flex-end}.player-row{grid-template-columns:20px 64px minmax(90px,1fr) auto}.player-row .car-visual{width:62px;height:35px}.player-row .host-badge{display:none}.hud-position{top:15px;left:15px}.hud-position>span{font-size:2.4rem}.hud-lap{top:14px;left:112px;min-width:73px;min-height:48px}.hud-times{top:14px;right:60px}.hud-times>div{min-width:106px;min-height:48px}.hud-pause-button{top:14px;right:13px;width:37px;height:37px}.hud-connection{display:none}.hud-leaderboard{top:76px;left:15px;width:145px}.hud-leaderboard>div:not(.is-player){display:none}.hud-speed{bottom:14px;left:14px}.speed-ring{width:78px;height:78px}.speed-ring strong{font-size:1.5rem}.speed-bars{display:none}.hud-minimap{right:14px;bottom:14px;width:130px}.results-table>div{grid-template-columns:48px minmax(100px,1fr) 100px}.results-table>div>:nth-child(3){display:none}.results-screen{align-items:start;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.results-card{margin-block:auto}}@media(max-width:470px){.brand>span:last-child{display:none}.hero-car{min-height:270px}.hero-car .car-visual--hero{width:275px;height:148px}.track-card{grid-template-columns:110px 1fr}.segmented button{font-size:.66rem}.car-selector{grid-template-columns:1fr}.car-chip{min-height:70px}.room-row{grid-template-columns:58px minmax(80px,1fr) auto 18px}.room-row__players{display:none}.room-row>strong{font-size:.64rem}.player-row{grid-template-columns:17px 50px minmax(75px,1fr) auto;padding-inline:8px}.player-row .car-visual{width:49px;height:29px}.ready-state{min-width:44px;padding-inline:4px;font-size:.45rem}.hud-times{display:none}.hud-minimap{width:112px}.results-card{padding-inline:17px}.podium__place{width:32%}.results-actions{align-items:stretch;flex-direction:column}}@media(pointer:coarse){html,body{overscroll-behavior:none}.race-stage{touch-action:none}.touch-controls{display:block}.hud-signature,.hud-leaderboard{display:none}.hud-speed{top:max(68px,calc(env(safe-area-inset-top) + 58px));right:max(13px,env(safe-area-inset-right));bottom:auto;left:auto}.speed-ring{width:66px;height:66px}.speed-ring strong{font-size:1.3rem}.speed-bars{display:none}.hud-minimap{right:auto;bottom:max(14px,env(safe-area-inset-bottom));left:50%;width:112px;transform:translate(-50%)}.hud-pause-button{width:44px;height:44px}.button,.icon-button,.text-button,.car-chip,.track-card,.room-row{-webkit-tap-highlight-color:transparent}}@media(pointer:coarse)and (orientation:portrait){.hud-minimap{display:none}}@media(pointer:coarse)and (max-height:520px){.touch-controls__steering,.touch-controls__pedals{bottom:max(8px,env(safe-area-inset-bottom));gap:7px}.touch-controls button{width:60px;height:60px}.touch-controls__pedals button{width:64px;height:64px}.touch-controls__pedals [data-race-control=accelerate]{width:70px;height:70px}.touch-controls button span{font-size:1.25rem}.hud-minimap{width:94px;padding:3px 6px}.hud-speed{top:max(60px,calc(env(safe-area-inset-top) + 52px))}.speed-ring{width:58px;height:58px}.race-announcement{top:24%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}