:root{--orange: #ff6338;--white: #f0f3ee;--muted: #849096;--cyan: #7cf9ef;--mono: "IBM Plex Mono", monospace;--display: "Barlow Condensed", Impact, sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070d17;color:var(--white);font-family:Barlow,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}#game{position:absolute;inset:0;width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,10,17,.83),transparent 56%),linear-gradient(0deg,rgba(5,10,17,.97),transparent 39%,transparent 75%,rgba(5,10,17,.4))}header{position:absolute;z-index:5;left:3.4%;right:3.4%;top:28px;height:45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff23;padding-bottom:22px;box-sizing:content-box}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:1.3px;text-decoration:none;color:var(--white)}.brand svg{width:30px;height:30px}.brand>span{font:10px var(--mono);align-self:flex-start;margin-top:7px}.top-meta{font:10px var(--mono);letter-spacing:1.6px;display:flex;gap:16px;align-items:center}.top-meta b{font-weight:400}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #5cf5c6}.top-actions{display:flex;gap:25px;align-items:center}.top-actions button{border:0;background:none;font:10px var(--mono);letter-spacing:1px}.top-actions #help{width:24px;height:24px;border:1px solid #ffffff65;border-radius:50%;font-size:13px}.sound-icon{color:var(--orange);margin-left:10px}.muted{color:var(--muted)}.orange{color:var(--orange)}.intro{position:absolute;left:5.1%;top:17.5%}.eyebrow{font:10px var(--mono);letter-spacing:2.3px}.eyebrow .orange{margin-right:9px}h1{font:800 clamp(62px,7.3vw,112px) / .86 var(--display);letter-spacing:-1px;margin:24px 0;transform:skew(-5deg);transform-origin:left}h1>span{color:var(--orange)}.intro p{font-size:13px;color:#a7b1b7;line-height:1.7;margin:0 0 25px}.event{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff22;padding-top:17px;width:285px}.event-icon{font-size:33px;color:var(--orange);border:1px solid #ff63384a;width:43px;height:43px;text-align:center}.micro{display:block;font:9px var(--mono);letter-spacing:1.7px;color:#9aa8ae}.event strong{display:block;font:600 18px var(--display);letter-spacing:1.5px;margin:5px 0}.location{font:7px var(--mono);letter-spacing:.8px;color:#849096}.event-class{margin-left:auto;font:7px var(--mono);color:#849096;text-align:center}.event-class b{font:25px var(--display);color:var(--white)}.world-label{position:absolute;top:140px;right:3.6%;font:9px var(--mono);letter-spacing:1.3px}.world-label>div{margin:10px 0 0 31px;color:#8699a4;font-size:8px}.world-label>div span{margin-left:25px}.craft-caption{position:absolute;right:13%;bottom:32%;display:flex;align-items:center;gap:14px;text-shadow:0 2px 10px #000}.craft-caption>span:first-child{font:500 44px var(--display);color:#ffffff47;border-right:1px solid #ffffff47;padding-right:16px}.craft-caption b{display:block;font:700 24px var(--display);letter-spacing:3px;margin-top:4px}.craft-caption i{height:1px;width:60px;background:#fff5}.craft-class{font:8px var(--mono);letter-spacing:2px}.bottom-menu{position:absolute;bottom:77px;left:5.1%;right:3.6%;display:grid;grid-template-columns:440px minmax(180px,1fr) minmax(245px,330px);gap:34px;align-items:end}.section-line{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px;margin-bottom:13px}.crafts{display:flex;gap:9px}.craft{position:relative;background:#111b238c;border:1px solid #ffffff20;text-align:left;width:33.333%;height:140px;padding:12px;transition:background .2s,border .2s,transform .2s;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.craft:hover{background:#253b467a;transform:translateY(-3px)}.craft.selected{border-color:var(--orange);background:linear-gradient(135deg,#ff633827,#ff633804)}.craft.selected:after{content:"";position:absolute;right:0;top:0;border-left:8px solid transparent;border-top:8px solid var(--orange)}.craft-top{display:flex;justify-content:space-between;font:9px var(--mono);color:#a3b0b6}.craft-top i{font-style:normal;font-size:7px;color:#70838c}.craft svg{display:block;width:80px;height:45px;margin:4px auto 1px;fill:#a2b2bc}.craft.selected svg{fill:var(--orange)}.craft strong{display:block;font:600 20px var(--display);letter-spacing:1.5px}.craft small{display:block;font:7px var(--mono);letter-spacing:.5px;color:#8d9ca5;margin-top:4px}.craft-stats{padding-bottom:5px}.craft-stats>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font:9px var(--mono);letter-spacing:1px}.craft-stats b{font:600 25px var(--display)}.craft-stats b small{font:8px var(--mono);color:#8a979d}.stat-bars{display:grid;grid-template-columns:75px 1fr;gap:11px;align-items:center}.stat-bars label{font:8px var(--mono);color:#92a0a8;letter-spacing:1px}.stat-bars i{height:4px;background:linear-gradient(to right,#d4e3e6 75%,#ffffff20 75%)}.craft-stats p{color:#84949e;font-size:10px;margin:16px 0 0}.launch-meta{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;margin-bottom:14px}.launch-meta span+span:before{content:"·";color:var(--orange);margin-right:15px}#start,.primary{width:100%;height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:var(--orange);border:0;color:#100e0c;font:700 23px var(--display);letter-spacing:1.5px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .2s,transform .2s}#start:hover,.primary:hover{background:#ff8654;transform:translateY(-2px)}#start span,.primary span{font:32px Barlow}.launch-hint{display:block;text-align:center;margin-top:12px;font:8px var(--mono);letter-spacing:1.6px;color:#839199}footer{position:absolute;bottom:21px;left:3.4%;right:3.4%;border-top:1px solid #ffffff20;padding-top:17px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#819097}footer .live-dot{margin-right:8px}footer b{font-weight:400;margin-left:25px}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none}body.racing header{top:18px;border:0}body.racing .top-meta{visibility:hidden}body.racing #vignette{background:linear-gradient(0deg,#060d18ae,transparent 30%,transparent 75%,#060d1855)}.race-top{position:absolute;top:105px;left:4%;right:4%;display:flex;gap:40px;align-items:center}.position b{font:700 78px/.9 var(--display);font-style:italic}.position>span:last-child{font:20px var(--display);color:#9fa8ae;margin-left:8px}.position .micro{margin-bottom:8px}.lap{padding-left:25px;border-left:1px solid #ffffff33}.lap b{font:500 34px var(--display);display:block;margin-top:5px}.lap small{font-size:17px;color:#95a7b2}.timing{margin-left:auto;text-align:right}.timing b{display:block;font:500 25px var(--mono);margin:6px 0}.timing>span:last-child{font:8px var(--mono);letter-spacing:1px;color:var(--cyan)}.race-bottom{position:absolute;bottom:70px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end}.systems{width:225px}.systems .micro{display:flex;justify-content:space-between}.meter{height:5px;background:#fff2;margin-top:10px}.meter i{display:block;height:100%;width:100%;background:var(--cyan);transition:width .1s;box-shadow:0 0 10px #7cf9ef44}.weapon{margin-top:23px;display:flex;align-items:center;gap:13px}.weapon>span{font-size:35px;color:var(--orange)}.weapon small{display:block;font:7px var(--mono);letter-spacing:1px;color:#92a5ac}.weapon b{font:600 19px var(--display);letter-spacing:1px;display:block;margin-top:4px}.weapon kbd{margin-left:auto}kbd{font:8px var(--mono);border:1px solid #ffffff45;padding:4px 6px;color:#d9e4e7;white-space:nowrap}#minimap{width:170px;height:111px;margin-top:20px;opacity:.9}.speedo{text-align:right;width:280px}.speedo>b{font:600 108px/.9 var(--display);font-style:italic;letter-spacing:-3px}.speedo>span{font:10px var(--mono);color:#aebec5;letter-spacing:2px;margin-left:10px}.speed-line{height:3px;margin:15px 0 16px;background:repeating-linear-gradient(90deg,#ffffffbc 0 3px,transparent 3px 8px);transform:skew(-15deg)}.boost-info{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#a3b1bc}.boost-info b{font-weight:400;color:var(--white)}.boost-info kbd{margin-left:9px}.boost i{background:var(--orange);box-shadow:0 0 15px #ff633866}.race-controls{position:absolute;bottom:24px;width:100%;display:flex;justify-content:center;gap:24px;font:8px var(--mono);color:#859ba8}.race-controls kbd{margin-right:8px}#drift-label{height:25px;color:var(--cyan);font:10px var(--mono);letter-spacing:3px;opacity:0}#race-message{position:absolute;top:28%;width:100%;text-align:center;font:600 29px var(--display);letter-spacing:6px;color:var(--cyan);text-shadow:0 0 20px #58eaff;transition:opacity .25s}#countdown{position:absolute;inset:0;display:grid;place-items:center;font:800 180px var(--display);font-style:italic;text-shadow:0 0 60px #ff6338;color:var(--white);pointer-events:none}#overlay{position:absolute;z-index:20;inset:0;background:#050a14b8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;place-items:center}.modal{width:470px;max-width:90%;background:#0c1720ed;border:1px solid #ffffff28;padding:35px}.modal h2{font:700 53px var(--display);margin:10px 0 25px;letter-spacing:1px}.control-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;gap:20px;font-size:12px;color:#afbec6}.control-row kbd{min-width:85px;text-align:center}.control-row span{text-align:right}.modal p{font-size:12px;line-height:1.8;color:#8fa0ac;margin:23px 0}.modal .primary{height:53px;font-size:20px;margin-top:25px}.text-button{display:block;margin:20px auto 0;border:0;background:none;font:9px var(--mono);letter-spacing:1px;color:#a0b2bf}#damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #ff432e;opacity:0;z-index:3}#loading{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;background:#070d17;font:10px var(--mono);letter-spacing:3px}#touch{position:absolute;bottom:65px;left:3%;right:3%;display:flex;gap:8px;justify-content:space-between}#touch button{padding:18px;background:#102835b0;border:1px solid #79faff77;font:11px var(--mono);touch-action:none}.result-line{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:14px 0;font:12px var(--mono)}@media(min-width:1600px){.bottom-menu{grid-template-columns:510px minmax(200px,1fr) 380px;gap:50px}.craft{height:155px}.craft svg{height:57px}.intro{top:19%}}@media(max-height:760px){.intro{top:18%}h1{font-size:clamp(58px,6.9vw,88px);margin:18px 0}.intro p{margin-bottom:15px;font-size:12px}.bottom-menu{bottom:65px}.craft{height:116px}.craft svg{height:30px}.event{padding-top:12px}.craft-caption{bottom:31%}.world-label{top:120px}}@media(max-width:1100px){.bottom-menu{grid-template-columns:390px 1fr;gap:25px}.craft-stats{display:none}.top-meta{font-size:8px;gap:9px}.intro{left:4%}.craft-caption{right:8%}h1{font-size:86px}.launch{max-width:300px;justify-self:end;width:100%}}@media(max-width:700px){header{top:15px;height:30px;padding-bottom:14px}.brand{font-size:17px}.brand svg{width:23px}.top-meta{display:none}.top-actions{gap:15px}.intro{top:115px}.eyebrow{font-size:8px}h1{font-size:64px}.intro p{font-size:11px}.event,.world-label{display:none}.bottom-menu{left:4%;right:4%;bottom:55px;grid-template-columns:1fr;gap:16px}.crafts{gap:8px}.craft{height:105px}.craft svg{height:29px}.craft strong{font-size:18px}.craft small{font-size:6px}.launch{max-width:none}.launch-meta,.launch-hint{display:none}#start{height:52px;font-size:22px}.craft-caption{bottom:350px;right:5%}.craft-caption>span:first-child{font-size:30px}.craft-caption i,.craft-class{display:none}footer{font-size:6px}footer>span:nth-child(2){display:none}footer b{display:none}.race-top{top:86px;gap:15px}.position b{font-size:57px}.timing b{font-size:16px}.timing>span:last-child{font-size:6px}.lap{padding-left:15px}.lap b{font-size:25px}.race-bottom{bottom:150px}.speedo{width:180px}.speedo>b{font-size:73px}.systems{width:145px}.weapon{gap:6px}.weapon b{font-size:15px}.weapon kbd{display:none}#minimap{width:125px;height:81px}.race-controls{gap:10px;font-size:6px;flex-wrap:wrap;bottom:18px}.race-controls kbd,.boost-info{font-size:6px}#touch:not(.hidden)~*{pointer-events:none}}@media(max-height:760px)and (min-width:701px){.intro{top:17.8%}h1{font-size:80px;margin:18px 0}.intro p{margin-bottom:12px;line-height:1.6}.event{padding-top:10px}.event strong{font-size:16px;margin:3px 0}.event-icon{width:36px;height:36px;font-size:28px}.event .micro{font-size:8px}}#inspect-open{position:absolute;right:8%;bottom:40%;z-index:6;background:#0a1526ba;border:1px solid #a6bcc755;padding:10px 16px;font:9px var(--mono);letter-spacing:1px;color:#c5dce4;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#inspect-open:hover{border-color:var(--orange);color:var(--orange)}body.racing #inspect-open{display:none}#inspection{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,#080d1544,transparent 45%)}#inspection button{pointer-events:auto;cursor:pointer}.inspect-heading{position:absolute;left:5%;top:19%}.inspect-heading h2{font:700 90px/.9 var(--display);letter-spacing:2px;margin:20px 0 12px}.inspect-heading h2 span{font:22px var(--mono);color:#ff6338;vertical-align:top;margin:8px 0 0 14px;display:inline-block}.inspect-heading p{font:10px var(--mono);letter-spacing:3px;color:#8ca3b4}#inspect-close{position:absolute;right:4%;top:125px;background:none;border:0;font:10px var(--mono);letter-spacing:1px}#inspect-close span{color:var(--orange);font-size:20px;margin-left:12px}.inspect-detail{position:absolute;left:5%;bottom:18%;width:250px}.inspect-detail>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #7c9bab26;font:8px var(--mono)}.inspect-detail>div span{color:#7e97a6}.inspect-detail b{font-weight:400;color:#c5d5df}#inspect-brakes{width:100%;background:#ff63381c;color:#ff895d;border:1px solid #ff63385c;font:9px var(--mono);letter-spacing:1px;padding:13px;margin-top:18px}.inspect-bottom{position:absolute;left:5%;right:5%;bottom:45px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a4b9c333;padding-top:24px}.inspect-options{display:flex;gap:10px}.inspect-options button{background:#121f2b;border:1px solid #6b82934a;padding:13px 18px;font:10px var(--mono);color:#8da0af}.inspect-options .selected{border-color:#ff6338;color:#ff8757}.inspect-bottom>span{font:9px var(--mono);letter-spacing:1px;color:#8199aa}.inspect-bottom i{font-style:normal;margin:0 12px;color:var(--orange)}@media(max-width:700px){#inspect-open{right:5%;bottom:38%;font-size:8px}.inspect-heading{top:105px}.inspect-heading h2{font-size:56px}.inspect-heading p{font-size:8px}.inspect-heading .eyebrow{font-size:7px}#inspect-close{top:80px;font-size:8px}.inspect-detail{bottom:140px;width:210px}.inspect-detail>div{padding:8px 0;font-size:7px}.inspect-bottom{bottom:25px;display:block;padding-top:16px}.inspect-options button{font-size:8px;padding:12px 10px}.inspect-bottom>span{display:block;font-size:7px;margin-top:16px}}