@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,900;1,800;1,900&family=Rajdhani:wght@500;600;700&display=swap";:root{--ink:#f7f7f3;--muted:#aebbc9;--blue:#4c9cf0;--red:#e34146;--panel:#0b1420dc;--line:#87a9cb54}*{box-sizing:border-box}body{color:var(--ink);background:#0b111a;margin:0;font:600 14px Rajdhani,Arial;overflow:hidden}button{color:inherit;border:1px solid var(--line);cursor:pointer;background:#152332c9;padding:8px 14px;font:700 14px Rajdhani}button:hover{filter:brightness(1.4)}.hidden{display:none!important}.loading,.garage,.race{position:absolute;inset:0}.loading{z-index:10;text-align:center;background:#0b121c;place-content:center;gap:12px;display:grid}.loading p,.loading span,.intro label,.eyebrow{letter-spacing:.12em;color:var(--muted);font-weight:700}.loading h1,.wordmark,h1,h2,strong{font-family:Barlow Condensed,Arial;font-style:italic;font-weight:900}.loading h1{margin:0;font-size:66px;line-height:.8}.loading i,.wordmark i{color:var(--red);font-style:inherit}.loadline{background:#263547;width:230px;height:3px;margin:14px auto}.loadline b{background:var(--blue);height:100%;animation:1.5s ease-out forwards load;display:block}@keyframes load{0%{width:0}to{width:100%}}.garage{background:radial-gradient(at 50% 48%,#33546b 0,#1b2a38 28%,#0b111b 72%);overflow:hidden}.workshop{opacity:.8;background:repeating-linear-gradient(90deg,#0000 0 12.35%,#20324199 12.5% 13%,#0000 13.2% 24.8%),linear-gradient(0deg,#081019 0 22%,#0000 56%),linear-gradient(115deg,#0000 35%,#5d9cc22e 36%,#0000 38%);position:absolute;inset:0}.workshop span{background:#3d5c70;width:7px;height:55%;position:absolute;top:4%;box-shadow:0 0 20px #85d8ff50}.workshop span:first-child{left:14%}.workshop span:nth-child(2){left:35%}.workshop span:nth-child(3){left:63%}.workshop span:nth-child(4){left:87%}.rain{background:repeating-linear-gradient(105deg,#0000 0 26px,#b4e4ff12 27px 29px,#0000 30px 57px);animation:1.3s linear infinite rain;position:absolute;inset:-20%;transform:rotate(-8deg)}@keyframes rain{to{translate:-35px 55px}}.brandbar{justify-content:space-between;align-items:start;display:flex;position:absolute;top:25px;left:32px;right:32px}.wordmark{text-shadow:0 2px 12px #000;font-size:34px;line-height:.75}.wordmark small{letter-spacing:.15em;color:var(--muted);margin-top:11px;font:700 12px Rajdhani;display:block}.brandbar nav{letter-spacing:.08em;align-items:center;gap:12px;display:flex}.brandbar nav b{color:var(--red);font-size:20px}.intro{text-shadow:0 3px 10px #000;position:absolute;top:128px;left:32px}.intro h1{margin:12px 0;font-size:40px;line-height:.88}.intro p{font-size:16px}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px #0005}.detail{border-top:3px solid var(--blue);width:294px;padding:20px;position:absolute;top:128px;right:32px}.serial{letter-spacing:.08em;color:var(--muted);justify-content:space-between;display:flex}.detail h2{margin:16px 0 8px;font-size:39px;line-height:.85}.detail>p{color:#c1ccd7;min-height:42px}.stats div{grid-template-columns:65px 1fr 22px;align-items:center;gap:8px;margin:9px 0;display:grid}.stats b{background:#47607555;height:5px}.stats i{background:var(--blue);height:100%;display:block}.stats em{font-style:normal}.spec{border-top:1px solid var(--line);color:var(--muted);margin:14px 0;padding-top:12px}.wide{width:100%;margin:7px 0;display:block}.plain{background:0 0;border:0;margin:auto;display:block}.inspection{background:var(--panel);border:1px solid var(--line);width:226px;padding:14px;position:absolute;top:275px;left:32px}.inspection strong{color:var(--blue);letter-spacing:.08em}.inspection p{color:var(--muted);margin:6px 0 0}.hint{text-align:center;letter-spacing:.08em;text-shadow:0 2px 10px #000;width:100%;position:absolute;bottom:292px}.hint b{color:var(--blue);padding:0 10px}.car-stage{perspective:800px;place-items:center;display:grid;position:absolute;inset:28% 23% 19% 20%}.shadow{filter:blur(18px);background:#0009;border-radius:50%;width:390px;height:70px;position:absolute;transform:rotateX(70deg)translateY(100px)}.car{width:380px;height:180px;transition:filter .5s,transform .7s;position:relative;transform:rotateX(56deg)rotate(-5deg)}.car.spin{animation:.4s linear infinite spin}@keyframes spin{50%{transform:rotateX(56deg)rotate(-2deg)translate(3px)}}.body{clip-path:polygon(2% 58%,19% 31%,40% 25%,55% 5%,77% 10%,94% 40%,100% 70%,80% 83%,68% 99%,23% 91%);background:linear-gradient(105deg,#d8e8f1,#f9ffff 32%,#b5c6d2 33%,#e8f4f6 68%,#82949e);width:280px;height:135px;position:absolute;top:20px;left:55px;box-shadow:inset -8px -10px #6b7e89,0 4px 12px #000}.body:after{content:"";clip-path:polygon(0 58%,36% 20%,100% 30%,80% 74%,32% 92%);background:linear-gradient(145deg,#e72932 0 18%,#1f77d5 19% 30%,#fff 31% 45%,#e72932 46% 59%,#1e6fc5 60%);position:absolute;inset:15% 13%}.cockpit{clip-path:polygon(18% 90%,36% 0,100% 20%,79% 100%);z-index:2;background:#10263a;width:80px;height:58px;position:absolute;top:24px;left:108px}.stripe{z-index:4;background:#e73e42;width:160px;height:11px;position:absolute;top:85px;left:33px;transform:rotate(-11deg)}.nose{z-index:3;clip-path:polygon(0 0,100% 42%,0 100%);background:#e5353e;width:70px;height:26px;position:absolute;top:86px;right:-13px}.wing{clip-path:polygon(0 0,100% 22%,86% 100%,13% 76%);z-index:-1;background:#2569bf;width:88px;height:35px;position:absolute;top:26px;left:18px}.wheel{z-index:-1;background:radial-gradient(circle,#ccd4da 0 18%,#202931 19% 31%,#10161c 33% 58%,#606d75 60% 67%,#151b21 69%);border-radius:50%;width:54px;height:54px;position:absolute}.w1{top:18px;left:55px}.w2{top:22px;right:34px}.w3{bottom:5px;left:48px}.w4{bottom:9px;right:31px}.roller{z-index:5;background:#2c3338;border:6px solid #d0d6d6;border-radius:50%;width:30px;height:30px;position:absolute}.r1{bottom:5px;left:14px}.r2{top:8px;right:5px}.parts{grid-template-columns:repeat(8,1fr);gap:3px;padding:5px;display:grid;position:absolute;bottom:185px;left:32px;right:358px}.parts button{background:#172735aa;border-color:#0000;height:61px}.parts button.active{border-color:var(--blue);background:#31506a}.garage footer{gap:32px;display:flex;position:absolute;bottom:45px;left:32px;right:32px}.choices{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.choices button{text-align:left;background:#101a27df;border-bottom:3px solid #435d75;flex-direction:column;justify-content:end;height:84px;display:flex}.choices button.active{border-color:var(--blue);background:#20354add}.choices small{color:var(--muted)}.start{flex-direction:column;justify-content:center;align-items:center;gap:7px;width:294px;display:flex}.start button{background:var(--red);border-color:#ff8384;width:100%;height:54px;font:italic 900 25px Barlow Condensed;box-shadow:4px 4px #050a0f}.start span{color:var(--muted)}.start b{color:var(--blue)}.foot{color:var(--muted);letter-spacing:.08em;justify-content:space-between;display:flex;position:absolute;bottom:12px;left:32px;right:32px}.race{background:#0b1320}.track{perspective:300px;background:linear-gradient(105deg,#0b1724 0 23%,#526c79 24% 26%,#171f29 27% 65%,#3f5c68 66% 69%,#07111d 70%),repeating-linear-gradient(0deg,#0000 0 60px,#b9eaff08 61px 63px);position:absolute;inset:0}.track:before{content:"";transform-origin:bottom;background:repeating-linear-gradient(90deg,#0f1720 0 90px,#1e2a32 92px 95px);position:absolute;inset:24% -10% -20%;transform:rotateX(61deg)}.trackline{transform-origin:top;background:repeating-linear-gradient(#f7f7e2 0 50px,#0000 50px 95px);width:5px;height:100%;position:absolute;top:16%;left:48%;transform:perspective(250px)rotateX(62deg)}.lights{background:#fff7a1;height:4px;position:absolute;top:12%;left:10%;right:10%;box-shadow:0 0 30px 7px #ffe391aa}.racecar{clip-path:polygon(0 60%,18% 25%,73% 18%,100% 60%,83% 90%,23% 95%);filter:drop-shadow(0 15px 7px #000);background:linear-gradient(130deg,#fff,#d92d37 36%,#2d7fd2 39%,#f5f6f4 63%,#173f7a);width:100px;height:52px;transition:left .1s;position:absolute;top:61%;left:44%}.race header{gap:12px;display:flex;position:absolute;top:24px;left:28px;right:28px}.hud{background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 24px #0005}.position{border-top:3px solid var(--red);padding:11px 18px}.hud small{color:var(--muted);letter-spacing:.08em;display:block}.position strong{font-size:52px;line-height:.8}.hud strong em{color:var(--muted);margin-left:5px;font:600 19px Rajdhani}.lap{border-top:3px solid var(--blue);gap:24px;padding:10px 18px;display:flex}.lap>div+div{border-left:1px solid var(--line);padding-left:20px}.lap strong{font-size:35px;line-height:1}.lap>div+div strong{font:700 26px Rajdhani}#pause{height:42px;margin-left:auto}.sector{letter-spacing:.08em;text-shadow:0 2px 7px #000;position:absolute;top:120px;left:30px}.sector span{color:var(--muted);margin-left:22px}.speed{border-right:3px solid var(--red);width:265px;padding:13px 18px;position:absolute;bottom:105px;right:28px}.speed>strong{font-size:76px;line-height:.8}.speed>b{margin-left:12px;font-size:17px;display:inline-block}.speed small{font-size:11px}.meter{background:#334353;height:7px;margin:14px 0 7px}.meter i{background:var(--blue);width:0;height:100%;transition:width .1s;display:block}.speed p{justify-content:space-between;margin:0;display:flex}.speed p span{color:var(--muted)}.controls,.cameras{letter-spacing:.06em;background:#0b1420ab;padding:8px 12px;position:absolute;bottom:49px;left:30px}.cameras{bottom:15px;left:auto;right:30px}.modal{z-index:20;background:#050a10a8;place-items:center;display:grid;position:absolute;inset:0}.modalcard{border:1px solid var(--line);text-align:center;background:#101b29;width:375px;padding:34px;position:relative;box-shadow:0 20px 80px #000}.modalcard h2{margin:8px 0 24px;font-size:50px}.modalcard button:not(.close){background:var(--red);width:100%;margin:8px 0;padding:12px;font-size:17px;display:block}.modalcard .secondary{background:#172635}.close{background:0 0;border:0;font-size:25px;position:absolute;top:5px;right:8px}@media (width<=800px){.brandbar,.garage footer,.foot{left:16px;right:16px}.intro{top:100px;left:16px}.detail{width:235px;padding:13px;top:92px;right:16px}.detail>p,.stats,.spec{display:none}.detail h2{font-size:30px}.car-stage{inset:28% 0 29%;transform:scale(.72)}.parts{bottom:172px;left:16px;right:16px}.parts button{height:44px;font-size:11px}.garage footer{display:block;bottom:38px}.choices button{height:58px;font-size:12px}.choices small{display:none}.start{width:100%;margin-top:6px}.start small,.start span{display:none}.start button{height:40px}.hint{font-size:11px;bottom:240px}.inspection{display:none}.foot{font-size:11px}.foot span+span{display:none}.race header{top:13px;left:12px;right:12px}.position{padding:9px}.position strong{font-size:40px}.lap{gap:10px;padding:8px}.lap>div+div{padding-left:10px}.lap strong{font-size:28px}.lap>div+div{display:none}.sector{top:94px;left:15px}.sector span{display:none}.speed{width:185px;bottom:92px;right:14px}.speed>strong{font-size:55px}.controls{display:none}.cameras{text-align:center;font-size:11px;bottom:12px;left:15px;right:15px}.racecar{top:60%}}.car.exploded .body{transform:translateY(-42px)scale(1.04)}.car.exploded .wing{transform:translate(-62px,-30px)rotate(-17deg)}.car.exploded .w1{transform:translate(-38px,-25px)}.car.exploded .w2{transform:translate(42px,-25px)}.car.exploded .w3{transform:translate(-38px,30px)}.car.exploded .w4{transform:translate(42px,30px)}.race.is-boosting .track{filter:saturate(1.5)brightness(1.12)}.race.is-boosting .racecar{filter:drop-shadow(0 0 18px #ffcc5a)drop-shadow(0 15px 7px #000)}.race.is-boosting .meter i{background:#f0ba45}.race.is-stabilizing .racecar{transform:scale(.9)}.resulttext{color:var(--muted);margin:-10px 0 18px;font-size:16px;line-height:2}.car-model{filter:drop-shadow(0 22px 11px #0008);width:560px;height:315px;display:none;transform:rotateX(54deg)rotate(-5deg)}.tamiya-car{aspect-ratio:760/470;width:min(680px,62vw);transform-style:preserve-3d;filter:drop-shadow(0 22px 12px #0009);z-index:2;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotateX(52deg)rotate(-5deg)}.tamiya-car svg{width:100%;height:100%;display:block;overflow:visible}.tamiya-car .tam-body,.tamiya-car .tam-chassis,.tamiya-car .tam-wheelset,.tamiya-car .tam-rollers{transform-box:fill-box;transform-origin:50%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.tamiya-car.is-exploded .tam-body{transform:translateY(-35px)scale(1.035)}.tamiya-car.is-exploded .tam-chassis{transform:translateY(26px)scale(.95)}.tamiya-car.is-exploded .tam-wheelset{transform:translateY(18px)scale(1.08)}.tamiya-car.is-exploded .tam-rollers{transform:translateY(10px)scale(1.1)}.tamiya-car.is-spinning .tam-wheel{transform-box:fill-box;transform-origin:50%;animation:.24s linear infinite tamiya-wheel}@keyframes tamiya-wheel{to{transform:rotate(360deg)}}.car-art{width:100%;height:100%;display:block;overflow:visible}.car-model .car-body,.car-model .car-chassis,.car-model .car-wheels{transform-box:fill-box;transform-origin:50%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.car-model.exploded .car-body{transform:translateY(-34px)scale(1.035)}.car-model.exploded .car-chassis{transform:translateY(21px)scale(.96)}.car-model.exploded .car-wheels{transform:translateY(10px)scale(1.08)}.car-model.spin .car-wheels{transform-box:view-box;transform-origin:50%;animation:.26s linear infinite wheel-roll}@keyframes wheel-roll{to{transform:rotate(360deg)}}@media (width<=800px){.car-model{width:500px;height:280px}.tamiya-car{width:650px;max-width:none;top:48%;transform:translate(-50%,-50%)scale(.78)rotateX(52deg)rotate(-5deg)}}
