@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,900&family=Inter:wght@500;600;700&display=swap');
#car3d{position:absolute;inset:-125px -190px -95px -190px;z-index:5}#car3d canvas{width:100%!important;height:100%!important;display:block;cursor:grab;transition:opacity .18s}#car3d.vehicle-loading canvas{opacity:.28}#car3d canvas:active{cursor:grabbing}.webgl-ready .car-image,.webgl-ready .car>.flame,.webgl-ready .shadow,.webgl-ready .ramp{display:none!important}.webgl-ready .orbit-hint{z-index:7;bottom:-18px;color:#8b929d}
.car-wrap{perspective:1100px;cursor:grab!important;user-select:none;touch-action:none}.car-wrap.dragging{cursor:grabbing!important}.car-wrap .car{transition:transform .12s ease-out;transform-style:preserve-3d}.orbit-hint{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);font:700 8px Inter;letter-spacing:.18em;color:#616873;white-space:nowrap}.orbit-hint span{color:#00d9ff;font-size:16px;vertical-align:-2px;margin-right:6px}.car-wrap.dragging .orbit-hint{color:#aab1ba}.car-wrap.dragging .orbit-hint span{color:#ff5a00}
.car-image{position:absolute;inset:-42px -45px auto -25px;width:680px;height:382px;object-fit:contain;filter:drop-shadow(0 30px 30px #000b);transition:filter .25s,transform .25s}.car>.body,.car>.window,.car>.wheel,.car>.spoiler{display:none}.car .flame{z-index:-1;left:-42px;top:132px}.car.rally .car-image{transform:scale(.94) translateY(4px)}.car.muscle .car-image{transform:scale(1.02) translateY(5px)}
.car.hypercar .body{clip-path:polygon(0 57%,18% 34%,42% 28%,52% 5%,74% 9%,84% 30%,100% 48%,97% 83%,8% 88%)}.car.muscle .body{clip-path:polygon(0 42%,12% 23%,47% 18%,53% 8%,76% 10%,84% 31%,98% 39%,100% 86%,3% 88%)}.car.gt .body{clip-path:polygon(0 49%,17% 28%,37% 22%,48% 0,72% 3%,85% 29%,100% 44%,97% 87%,5% 88%)}.car.jdm .body{clip-path:polygon(0 49%,14% 26%,39% 20%,49% 4%,72% 5%,82% 25%,96% 35%,100% 85%,4% 88%)}.car.rally .body{top:55px;height:120px;clip-path:polygon(0 49%,12% 27%,35% 20%,43% 0,72% 2%,84% 29%,100% 39%,98% 88%,4% 90%)}.car.roadster .body{clip-path:polygon(0 57%,17% 35%,42% 27%,52% 22%,67% 26%,81% 37%,100% 47%,96% 87%,5% 88%)}.car.prototype .body{top:78px;height:88px;clip-path:polygon(0 62%,20% 37%,40% 30%,48% 5%,68% 7%,79% 30%,100% 50%,96% 88%,5% 91%)}.car.prototype .spoiler{width:125px;top:59px}.car.rally .wheel{top:137px}.car.offroad .wheel{border-width:20px!important}.car.light .wheel{border-width:11px!important}.car.high-aero .spoiler{width:125px;right:25px;transform:skew(-15deg) rotate(-4deg)}.colors{display:grid!important;grid-template-columns:repeat(6,1fr);gap:10px!important}.color{width:100%!important}
.loader{position:fixed;inset:0;z-index:9999;background:#020304;display:grid;place-items:center;align-content:center;transition:opacity .7s,visibility .7s;overflow:hidden}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-glow{position:absolute;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,#ff580025,transparent 62%);animation:pulse 1.4s infinite}.loader img{width:min(680px,78vw);position:relative;filter:drop-shadow(0 0 35px #008cff55);animation:logoIn 1s both}.load-track{position:relative;width:min(420px,64vw);height:3px;background:#20242a;margin-top:25px;overflow:hidden}.load-track i{display:block;height:100%;background:linear-gradient(90deg,#ff5a00,#ffd000,#00d9ff);box-shadow:0 0 14px #00d9ff;animation:loading 2s linear forwards}.loader p{font:700 9px Inter;letter-spacing:.34em;color:#737983;margin-top:14px}.loader small{position:absolute;bottom:28px;font:600 12px Inter;letter-spacing:.18em;color:#8b9098}@keyframes loading{from{width:0}to{width:100%}}@keyframes logoIn{from{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.6}}
:root{--bg:#050607;--panel:#0d0f12;--line:#24272d;--muted:#696f78;--text:#f6f7f8;--orange:#ff5a00;--blue:#00d9ff;--car:#ff5a00}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020304;color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}button,select,input{font:inherit}.app-shell{width:100%;min-height:100vh;background:radial-gradient(circle at 20% 25%,#19202a 0,transparent 32%),var(--bg)}.topbar{height:96px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;padding:10px 3vw;border-bottom:1px solid var(--line);background:#070809}.logo{width:225px;height:82px;object-fit:contain}.season{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:3px}.season span,.record span,.mod-head span,.control-group>p{font:700 9px Inter;letter-spacing:.18em;color:var(--muted)}.season b{font:800 16px 'Barlow Condensed';letter-spacing:.1em}.record{display:flex;align-items:center;gap:12px}.record strong{font:800 22px 'Barlow Condensed';color:var(--blue)}.record i{height:26px;border-left:1px solid var(--line);margin:0 8px}.cockpit{height:calc(100vh - 96px);display:grid;grid-template-columns:minmax(0,1fr) 390px}.visualizer{position:relative;overflow:hidden;min-height:610px;background:radial-gradient(circle at 54% 45%,#1f2934 0,#0a0c0f 43%,#050607 76%)}.visualizer:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff09 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ffffff08 50%,transparent 50.2%);background-size:80px 80px;mask-image:linear-gradient(transparent,#000 65%);opacity:.35}.stage-copy{position:absolute;top:7%;left:5%;z-index:2}.stage-copy span{font:700 9px Inter;letter-spacing:.2em;color:var(--blue)}h1{font:900 clamp(62px,7vw,118px)/.76 'Barlow Condensed';letter-spacing:-.055em;margin:20px 0;color:#f6f7f8}h1 em{color:transparent;-webkit-text-stroke:1px #4d5660}.horizon{position:absolute;left:0;right:0;bottom:23%;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 30px var(--blue)}.ramp{position:absolute;right:-3%;bottom:23%;width:27%;height:20%;background:linear-gradient(155deg,transparent 48%,#181c22 49%);border-bottom:2px solid #303841;opacity:.9}.car-wrap{position:absolute;width:650px;height:260px;left:48%;top:53%;transform:translate(-50%,-50%);z-index:3}.car{position:absolute;width:600px;height:210px;left:20px;top:0;transform-origin:center}.body{position:absolute;left:25px;top:65px;width:540px;height:105px;background:linear-gradient(155deg,#fff6 0 2%,transparent 3%),var(--car);clip-path:polygon(0 48%,15% 26%,37% 19%,49% 0,73% 4%,83% 23%,97% 34%,100% 75%,91% 90%,7% 90%,0 72%);box-shadow:inset 0 -26px 0 #0005;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--car) 38%,transparent))}.window{position:absolute;left:263px;top:73px;width:145px;height:48px;background:linear-gradient(135deg,#9deaff88,#10151c 65%);clip-path:polygon(14% 0,72% 0,100% 100%,0 100%)}.wheel{position:absolute;width:88px;height:88px;border:16px solid #060708;background:#333;border-radius:50%;top:131px;box-shadow:inset 0 0 0 6px #7b8490,0 0 0 2px #222}.wheel:after{content:'';position:absolute;inset:15px;border-radius:50%;background:#0d0e10}.wheel.rear{left:86px}.wheel.front{right:68px}.spoiler{position:absolute;width:94px;height:10px;background:#0b0c0f;right:42px;top:48px;transform:skew(-15deg)}.shadow{position:absolute;left:75px;right:35px;height:32px;bottom:18px;background:#000;filter:blur(16px);border-radius:50%;opacity:.85}.flame{display:none;position:absolute;left:-45px;top:125px;width:80px;height:24px;background:linear-gradient(90deg,transparent,#00d9ff,#fff,#ff5a00);clip-path:polygon(0 50%,100% 0,100% 100%)}.boosting .flame{display:block}.telemetry{position:absolute;left:4%;right:4%;bottom:4%;display:grid;grid-template-columns:repeat(3,1fr);z-index:4;border-top:1px solid var(--line)}.telemetry div{padding:16px 20px;border-right:1px solid var(--line)}.telemetry small{font-size:8px;letter-spacing:.18em;color:var(--muted);display:block}.telemetry strong{font:800 34px 'Barlow Condensed';color:var(--blue)}.telemetry span{font:700 9px Inter;color:#555;margin-left:5px}.modulator{background:#0a0b0d;border-left:1px solid #2a2d33;padding:24px 28px;overflow:auto}.mod-head{display:flex;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}.mod-head>div{display:grid;gap:4px;margin-right:auto}.mod-head b{font:800 20px 'Barlow Condensed';letter-spacing:.08em}.mod-head>strong{font:900 50px 'Barlow Condensed';color:var(--orange);line-height:.7}.mod-head small{color:var(--muted);font:700 11px Inter}.control-group{padding:19px 0;border-bottom:1px solid var(--line)}.control-group>p{margin:0 0 14px;color:#a3a8af}.control-group label{display:grid;grid-template-columns:1fr auto;gap:9px;font:700 10px Inter;letter-spacing:.1em;color:#8b9098;margin:12px 0}.control-group select{grid-column:1/3;background:#12151a;color:#fff;border:1px solid #292d34;padding:10px 12px;font:800 14px 'Barlow Condensed';letter-spacing:.08em}.control-group output{color:var(--blue)}input[type=range]{grid-column:1/3;width:100%;accent-color:var(--blue)}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.specs span{background:#121418;padding:9px 7px;font-size:7px;color:#626872}.specs b{display:block;font:800 13px 'Barlow Condensed';color:#fff;margin-top:4px}.colors{display:flex;gap:12px}.color{width:34px;height:24px;background:var(--c);border:2px solid #0a0b0d;outline:1px solid #343840;cursor:pointer;transform:skew(-8deg)}.color.active{outline:2px solid white}.launch{width:100%;height:66px;margin-top:20px;border:0;color:#fff;display:grid;grid-template-columns:1fr auto;align-content:center;text-align:left;padding:0 18px;background:linear-gradient(115deg,#ff3d00,#ff7a00);cursor:pointer;box-shadow:0 0 24px #ff570044}.launch span{font-size:8px;letter-spacing:.16em}.launch strong{font:900 25px 'Barlow Condensed';grid-row:2}.launch i{grid-column:2;grid-row:1/3;align-self:center;font:700 9px Inter;border:1px solid #fff7;padding:7px}.launch:active{transform:translateY(2px);filter:brightness(1.3)}.hint{text-align:center;color:#5b6068;font-size:9px}.result{display:none;position:absolute;z-index:9;left:50%;top:48%;transform:translate(-50%,-50%);width:280px;padding:26px;background:#0b0d10eF;border:1px solid #30343a;text-align:center;box-shadow:0 30px 90px #000}.result.show{display:block}.result small{letter-spacing:.16em;color:var(--blue)}.result strong{display:block;font:900 64px 'Barlow Condensed';margin:8px}.result button{border:0;background:var(--orange);color:white;padding:12px 25px;font-weight:800;cursor:pointer}@media(max-width:900px){html,body{overflow:auto}.topbar{grid-template-columns:190px 1fr}.logo{width:175px}.record{display:none}.cockpit{height:auto;grid-template-columns:1fr}.visualizer{height:620px}.modulator{border-left:0;border-top:1px solid var(--line)}.car-wrap{transform:translate(-50%,-50%) scale(.75)}}@media(max-width:560px){.topbar{height:78px;padding:5px 14px}.logo{width:145px}.cockpit{height:auto}.visualizer{min-height:480px;height:480px}.stage-copy{top:5%}h1{font-size:56px}.car-wrap{left:50%;top:56%;transform:translate(-50%,-50%) scale(.52)}.telemetry{bottom:2%}.telemetry div{padding:10px 6px}.telemetry strong{font-size:24px}.modulator{padding:20px}.season{display:none}}