@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--yellow:#eaff64;--ink:#122027}*{box-sizing:border-box}body{margin:0;background:#14262e;color:white;font-family:Barlow,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}button:hover{filter:brightness(1.15)}#world{position:fixed;width:100%;height:100%;inset:0}.vignette{position:fixed;inset:0;background:linear-gradient(90deg,rgba(7,20,29,.88),rgba(7,20,29,.22) 60%,rgba(7,20,29,.05)),linear-gradient(0deg,rgba(5,19,26,.9),transparent 35%);pointer-events:none}header{height:100px;position:absolute;inset:0 4% auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;z-index:4}.brand{color:white;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.7px;position:relative}.brand>span:not(.brand-icon){font-weight:400}.brand-icon{display:inline-block;color:var(--yellow);font-size:35px;font-style:italic;margin-right:12px}.brand i{display:block;font-style:normal;font-size:8px;letter-spacing:3px;margin-left:53px;margin-top:-4px}nav{display:flex;gap:35px;height:100%;align-items:center}nav button{height:100%;background:none;font-size:13px;color:#c3cdd0;position:relative}nav button.active{color:var(--yellow)}nav button.active:after{content:'';height:2px;background:var(--yellow);position:absolute;bottom:0;left:0;right:0}.utilities{display:flex;align-items:center;gap:18px}.utilities button{background:#ffffff0d;border:1px solid #ffffff2b;padding:10px;font-size:11px}.credits{font-size:14px;color:var(--yellow)}.credits b{color:white;margin-left:8px}#menu{position:absolute;inset:100px 4% 65px;padding-top:5vh}.eyebrow{letter-spacing:3px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow>span{width:25px;height:2px;background:var(--yellow)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(72px,8.3vw,130px);line-height:.87;letter-spacing:-2px;margin:22px 0;font-weight:800}h1 em{font-style:italic;color:var(--yellow)}.intro{font-size:14px;line-height:1.8;color:#c1cbce}.hero-meta{display:flex;gap:35px;font-size:10px;letter-spacing:1.8px;margin:27px 0 18px}.hero-meta i{color:var(--yellow);padding:0 10px}.primary{background:var(--yellow);color:#152025;font-weight:800;padding:19px 23px;font-size:12px;letter-spacing:1px;min-width:280px;display:flex;justify-content:space-between;align-items:center;gap:30px}.primary span{font-size:22px}.micro{font-size:8px;color:#a1b0b8;letter-spacing:1.6px;margin-top:15px}.modes{position:absolute;bottom:0;left:0;display:flex;gap:12px;width:72%;max-width:890px}.mode{text-align:left;flex:1;background:#10232cbd;border:1px solid #ffffff25;padding:20px;backdrop-filter:blur(15px);transition:background .2s}.mode.selected{border-color:var(--yellow);background:#243331e6}.mode small{color:#9eaeb5;font-size:9px;display:flex;justify-content:space-between;letter-spacing:1px}.mode small span{font-size:8px}.mode strong{font-size:21px;display:block;font-family:'Barlow Condensed',Arial,sans-serif;margin-top:16px;text-transform:uppercase;letter-spacing:.8px}.mode b{float:right;font-weight:400;color:var(--yellow)}.mode p{font-size:11px;color:#a7b8bf;margin-bottom:0}.car-caption{position:absolute;right:1%;bottom:17px;display:flex;flex-direction:column;gap:10px;text-align:right}.car-caption span{font-size:8px;letter-spacing:2px;color:var(--yellow)}.car-caption strong{font-family:'Barlow Condensed',sans-serif;font-size:22px;letter-spacing:1px}.car-caption small{font-size:8px;color:#acbdc4;letter-spacing:1px}footer{position:absolute;bottom:0;left:4%;right:4%;height:45px;border-top:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#a4b7bc}footer i{display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;margin-right:8px}[hidden]{display:none!important}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:25px;left:4%;right:4%;display:flex;gap:55px}.hud-top small{display:block;font-size:9px;letter-spacing:2px;color:#bcd1d7}.hud-top strong{font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:600}.hud-top em{font-size:22px;color:#bdd0d6;font-style:normal}#pause{pointer-events:auto;margin-left:auto;background:#10232ccf;padding:12px 18px;align-self:flex-start}#pause span{font-size:9px;letter-spacing:2px;margin-left:10px}.progress{position:absolute;top:103px;left:4%;right:4%;height:3px;background:#ffffff33}.progress>div{background:var(--yellow);height:100%;width:0}#callout{position:absolute;top:25%;width:100%;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:45px;font-weight:800;color:var(--yellow);text-shadow:0 3px 20px #123}.speed{position:absolute;right:5%;bottom:12%;display:flex;align-items:center;gap:18px}.speed>strong{font:italic 90px 'Barlow Condensed',Impact,sans-serif}.speed>span{font-size:12px;letter-spacing:2px}.speed b{display:block;background:var(--yellow);color:var(--ink);font-size:22px;text-align:center;padding:5px;margin-top:10px}.nitro{position:absolute;left:4%;bottom:12%;width:230px}.nitro>div:first-child{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.bar{height:7px;margin-top:12px;background:#ffffff30;transform:skewX(-20deg)}.bar i{display:block;width:100%;height:100%;background:var(--yellow)}.nitro small{display:block;font-size:10px;margin-top:12px;color:#d1dedf}.race-help{position:absolute;bottom:25px;width:100%;text-align:center;font-size:9px;letter-spacing:1px}#map{position:absolute;right:4%;top:135px;background:#14242b55;border:1px solid #ffffff20;border-radius:100%}#overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#06151bbd;backdrop-filter:blur(12px)}.dialog{width:min(700px,92vw);max-height:90vh;overflow:auto;background:#14272f;border:1px solid #ffffff30;padding:35px;box-shadow:0 25px 100px #0006}.dialog h2{font:700 46px 'Barlow Condensed',Impact,sans-serif;margin:10px 0 20px;text-transform:uppercase}.dialog p{color:#b5c8cf;font-size:14px;line-height:1.7}.dialog .tag{color:var(--yellow);font-size:10px;letter-spacing:2px}.dialog .actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.secondary{padding:16px 22px;background:#ffffff10;border:1px solid #ffffff30}.garage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vehicle{border:1px solid #ffffff20;padding:15px;background:#ffffff05}.vehicle h3{font-family:'Barlow Condensed',sans-serif;font-size:24px}.vehicle p{font-size:11px}.vehicle button{width:100%;background:var(--yellow);color:var(--ink);padding:10px;font-weight:700}.swatch{height:40px;border-radius:25% 25% 10% 10%;width:75%;margin:auto;box-shadow:inset 0 -12px #0006;border-bottom:5px solid #090f14}.stats{display:flex;justify-content:space-between;border-block:1px solid #ffffff20;padding:20px 0}.stats strong{display:block;font-size:30px;font-family:'Barlow Condensed',sans-serif}.stats small{font-size:10px;color:#b5c8cf}#touch{position:absolute;bottom:20px;left:3%;right:3%;display:flex;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:9px}#touch button{pointer-events:auto;touch-action:none;user-select:none;background:#13262cc9;border:1px solid #ffffff50;min-width:58px;height:62px;font-weight:700;font-size:12px;border-radius:8px}#touch button:active{background:var(--yellow);color:var(--ink)}body.playing header,body.playing footer,body.playing .vignette{display:none} @media(max-height:760px) and (min-width:801px){header{height:76px}#menu{top:76px;padding-top:3vh}h1{font-size:85px;margin:18px 0}.intro{font-size:12px}.hero-meta{margin-top:18px}.mode{padding:15px}.mode strong{margin-top:10px}.primary{padding:14px 20px}}@media(max-width:800px){header{height:75px}.brand{font-size:18px}.brand-icon{font-size:25px;margin-right:7px}.brand i{font-size:6px;margin-left:36px}nav{gap:15px}nav button{font-size:11px}.utilities{gap:8px}.credits{display:none}#full{display:none}#menu{top:75px;padding-top:5vh;bottom:55px}h1{font-size:85px}.modes{width:100%;gap:7px}.mode{padding:12px}.mode small span{display:none}.mode strong{font-size:18px}.mode p{font-size:10px}.car-caption{display:none}footer span:nth-child(2){display:none}footer{font-size:6px}.hero-meta{margin-top:22px}.hud-top{gap:20px}.hud-top strong{font-size:30px}.speed{bottom:110px}.speed>strong{font-size:60px}.nitro{bottom:125px;width:150px}.nitro>div:first-child{font-size:8px}.nitro small{display:none}.race-help{display:none}#map{width:90px;height:90px}.garage{grid-template-columns:1fr}.vehicle{display:grid;grid-template-columns:80px 1fr 90px;align-items:center;gap:10px}.vehicle h3{font-size:20px;margin:0}.vehicle p{grid-column:2}.vehicle button{grid-column:3;grid-row:1/3}.swatch{width:65px;grid-row:1/3}.dialog{padding:24px}}@media(max-height:600px){#menu{padding-top:20px}h1{font-size:65px;margin:12px 0}.intro,.micro,.hero-meta,.car-caption{display:none}.modes{left:auto;right:0;bottom:25px;width:44%;flex-direction:column;gap:6px}.mode{padding:8px 12px}.mode strong{margin-top:5px}.mode p{display:none}.primary{margin-top:20px;min-width:230px}.eyebrow{font-size:8px}.hud-top{top:12px}.progress{top:80px}.speed{bottom:90px}#map{top:95px;width:75px;height:75px}.nitro{bottom:100px}}
.event-links{display:flex;gap:8px;margin-top:18px}.event-links button{font-size:9px;letter-spacing:1px;background:#16333dd9;border:1px solid #ffffff35;padding:11px 13px}.event-links b{color:var(--yellow);margin-left:12px}.hero-meta{margin-top:17px}.levels{display:grid;gap:9px}.level{display:flex;align-items:center;gap:18px;text-align:left;width:100%;background:#ffffff06;border:1px solid #ffffff20;padding:15px}.level:hover{border-color:var(--yellow)}.level-num{font:34px 'Barlow Condensed',Impact,sans-serif;color:var(--yellow)}.level>div{flex:1}.level small{font-size:8px;letter-spacing:1.5px;color:#9bb6bf}.level strong{display:block;font:600 25px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:5px 0}.level p{margin:0;font-size:11px;line-height:1.4}.level>b{color:var(--yellow);font-size:18px;white-space:nowrap}.level.locked{opacity:.42;cursor:not-allowed}.level.locked>b{font-size:9px;letter-spacing:1px}.settings{display:grid;gap:20px;margin:25px 0}.settings label{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:20px}.settings input{accent-color:var(--yellow);width:50%}.settings select{background:#1e3b46;color:white;border:1px solid #6e858e;padding:12px;max-width:55%}#objectives{position:absolute;top:135px;left:4%;background:#10242ac9;border-left:2px solid var(--yellow);padding:14px 18px;display:flex;flex-direction:column;gap:7px;max-width:310px}#objectives small{font-size:8px;letter-spacing:2px;color:var(--yellow)}#objectives b{font:600 22px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}#objectives span{font-size:10px;color:#c0d4dc}#objectives strong{color:var(--yellow);font-size:18px;margin-top:4px}#skillHud{position:absolute;top:55%;right:5%;text-align:right;color:var(--yellow);text-shadow:0 2px 10px #071b26}#skillHud strong{display:block;font:italic 28px 'Barlow Condensed',Impact,sans-serif}#skillHud span{font-size:9px;letter-spacing:2px}#touch button[data-key=" "]{border-color:var(--yellow);color:var(--yellow)}@media(min-width:801px) and (max-height:850px){#menu{padding-top:20px}h1{font-size:76px;margin:15px 0}.intro{line-height:1.4}.event-links{margin-top:12px}.hero-meta{margin-top:12px;margin-bottom:10px}.micro{margin-top:10px}.modes{bottom:0}.mode{padding:12px}}@media(max-width:800px){nav{gap:12px}nav button{font-size:10px}#raceTab{display:none}.event-links{gap:5px}.event-links button{font-size:8px;padding:10px}.event-links b{margin-left:5px}#objectives{padding:10px;max-width:230px;top:120px}#objectives b{font-size:18px}#objectives span{font-size:9px}#skillHud{top:50%}#touch{left:2%;right:2%}#touch button{min-width:44px;font-size:10px;height:56px}#touch>div{gap:5px}.level{padding:12px;gap:12px}.level strong{font-size:22px}.level>b{font-size:14px}}@media(max-height:600px){.event-links{margin-top:15px;flex-wrap:wrap;max-width:45%}.event-links button{padding:8px}.primary{margin-top:12px}#objectives{top:92px;max-width:240px}#objectives b{font-size:16px}#objectives span{font-size:8px}#skillHud{top:43%}}
/* Street Edition */
:root{--yellow:#7df6c7;--ink:#0c1b25}body{background:#0c1824}header{height:86px}.brand-icon{color:#7df6c7}.vignette{background:linear-gradient(90deg,#07131dee 0%,#07131d70 45%,#07131d0a 78%),linear-gradient(0deg,#07131df5,transparent 40%)}#menu{top:86px;padding-top:4vh}h1{font-size:clamp(78px,8.5vw,126px);letter-spacing:-1px}h1 em{color:#7df6c7}.eyebrow{font-size:9px;letter-spacing:3px}.primary{border-radius:6px;box-shadow:0 6px 30px #7df6c719;min-width:300px}.utilities button{border-radius:7px}.event-links button{border-radius:5px;background:#122b36cc}.modes{gap:12px;width:73%}.mode{border-radius:10px;background:#10232ce8;box-shadow:0 8px 35px #0002}.mode.selected{background:#1c3c3dd9;border-color:#7df6c7}.mode strong{font-size:23px}.mode small span{color:#7df6c7}.car-caption strong{font-size:24px}.route-panel{position:absolute;right:0;top:25px;width:258px;background:#0e202be3;border:1px solid #8bbacb30;border-radius:12px;padding:19px;backdrop-filter:blur(16px)}.panel-kicker{font-size:9px;letter-spacing:2px;color:#98acb8;display:block;margin-bottom:14px}.route-options{display:grid;gap:9px}.route-options button{text-align:left;display:flex;flex-direction:column;gap:7px;background:#ffffff05;border:1px solid #ffffff15;padding:13px;border-radius:7px}.route-options button.chosen{border-color:#7df6c780;background:#7df6c70d}.route-options span{font-size:8px;letter-spacing:1.5px;color:#7df6c7}.route-options b{font:600 23px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.route-options small{font-size:10px;color:#9ab0bd}.pickup-legend{display:flex;justify-content:space-between;margin-top:18px;font-size:9px;font-weight:700;letter-spacing:.8px}.fuel-color{color:#ffac63}.boost-color{color:#61eaff}.bonus-color{color:#ffe18a}.route-tip{display:block;color:#94acb7;font-size:9px;line-height:1.5;margin-top:12px}.dialog{border-radius:14px;background:#102432}.secondary,.vehicle button{border-radius:6px}.level{border-radius:7px}.hud-top{padding:14px 20px;top:20px;border-radius:12px;background:linear-gradient(90deg,#0b1f2ae8,#0b1f2a40);border:1px solid #b8e4ff18;backdrop-filter:blur(12px)}.hud-top strong{font-size:34px}.hud-top small{font-size:8px}#pause{border:1px solid #9bd2ea30;border-radius:7px;background:#122f40}.progress{top:115px;height:2px}#objectives{top:136px;border-radius:0 8px 8px 0;background:#102632d9}#map{top:140px;border-color:#76f6c72c;background:#0c2432b3}.resource-hud{position:absolute;left:4%;bottom:22%;width:230px;padding:14px 16px;background:#10242ee6;border:1px solid #7ca8c833;border-radius:10px;backdrop-filter:blur(10px)}.fuel-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#ffac63}.fuel-bar{height:5px;background:#ffffff1c;border-radius:5px;margin:10px 0 14px;overflow:hidden}.fuel-bar i{display:block;width:100%;height:100%;background:#ffac63;transition:width .1s}.run-bank{display:flex;align-items:center;gap:12px}.run-bank>span{font-size:8px;color:#91aab6;letter-spacing:1px}.run-bank>strong{font:600 24px 'Barlow Condensed',Impact,sans-serif;color:#ffe18a;flex:1}.run-bank>b{font-size:14px;background:#ffe18a1a;color:#ffe18a;padding:4px 7px;border-radius:5px}#powerStatus{display:flex;flex-wrap:wrap;gap:8px;font-size:9px;margin-top:6px}#powerStatus small{display:block;width:100%;font-size:8px;color:#b4c9d2;letter-spacing:1px}.shield-power{color:#bda3ff}.magnet-power{color:#ff8bd1}#pickupToast{position:absolute;top:40%;left:20%;right:20%;text-align:center;font:700 32px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;text-shadow:0 2px 10px #000,0 0 20px currentColor;transition:opacity .12s;pointer-events:none}.nitro{background:#10242eb3;border-radius:8px;padding:12px 16px;bottom:9%;border:1px solid #61eaff30}.bar{transform:none;border-radius:3px;height:6px}.bar i{background:#61eaff}.nitro>div:first-child{color:#61eaff;font-size:9px}.nitro small{font-size:9px;color:#9eb6c3}.speed{right:4%;bottom:9%;background:#10242edb;border:1px solid #8fb7c033;border-radius:12px;padding:0 20px;min-width:200px;justify-content:center}.speed>strong{font-size:82px}.speed>span{font-size:10px}.speed b{border-radius:5px;font-size:20px}.race-help{color:#a7bfc9;font-size:8px;letter-spacing:1.4px}#skillHud{top:58%}#callout{font-size:42px;top:29%}
@media(min-width:801px) and (max-height:850px){header{height:72px}#menu{top:72px;padding-top:18px}h1{font-size:76px;margin:15px 0}.route-panel{top:15px}.intro{font-size:12px}.event-links{margin-top:10px}.hero-meta{margin:12px 0}.primary{padding:12px 20px}.resource-hud{bottom:25%}.nitro{bottom:9%}}
@media(max-width:1000px){.route-panel{width:215px;padding:14px}.route-options b{font-size:20px}.route-options small{font-size:9px}.car-caption{display:none}.modes{width:100%}}
@media(max-width:800px){header{height:72px}#menu{top:72px;padding-top:26px}h1{font-size:78px}.route-panel{top:18px;width:180px;padding:12px}.route-options button{padding:9px}.route-options b{font-size:18px}.route-options small,.route-tip{display:none}.pickup-legend{font-size:7px}.panel-kicker{font-size:7px;letter-spacing:1px}.intro{font-size:12px;max-width:53%}.mode strong{font-size:19px}.hud-top{padding:10px 13px;gap:18px;top:14px}.hud-top strong{font-size:27px}.progress{top:95px}#map{top:110px}#objectives{top:110px;max-width:220px}.resource-hud{width:165px;bottom:176px;padding:11px}.fuel-heading{font-size:9px}.run-bank{gap:6px}.run-bank>span{font-size:7px}.run-bank>strong{font-size:20px}.nitro{width:165px;bottom:108px;padding:10px}.speed{min-width:135px;padding:5px 12px;bottom:108px}.speed>strong{font-size:58px}.speed b{font-size:17px}.primary{min-width:250px}#pickupToast{font-size:26px;left:7%;right:7%;top:42%}#touch button{background:#132d3beb}#touch button[data-key="ArrowUp"]{background:#7df6c7;color:#102432}}
@media(max-width:530px){#menu{padding-top:22px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:72px;margin:17px 0}.route-panel{top:54px;width:145px;padding:9px}.route-options button{padding:8px}.route-options b{font-size:16px}.route-options span{font-size:6px}.panel-kicker{font-size:6px}.pickup-legend{font-size:6px;gap:3px;margin-top:10px}.intro{font-size:11px;line-height:1.6}.event-links b{display:none}.hero-meta{font-size:8px;gap:15px}.primary{padding:14px 20px;min-width:235px}.micro{font-size:6px}.mode{padding:11px}.mode strong{font-size:17px}.mode p{font-size:9px}.utilities{gap:4px}.utilities button{font-size:9px;padding:8px}nav{gap:9px}.brand{font-size:16px}.brand-icon{font-size:22px}.brand i{font-size:5px;letter-spacing:2px}.resource-hud{width:148px}.nitro{width:148px}#objectives{max-width:200px}#skillHud strong{font-size:22px}}
@media(max-height:600px){header{height:58px}#menu{top:58px;padding-top:15px}h1{font-size:62px;margin:12px 0}.route-panel{display:none}.modes{width:43%;bottom:10px;flex-direction:column}.intro{display:none}.event-links{margin-top:10px}.micro{display:none}.primary{min-width:220px;padding:11px 15px}.hud-top{top:8px;padding:6px 12px}.hud-top strong{font-size:25px}.progress{top:76px}#objectives{top:88px;padding:8px;max-width:200px}#objectives b{font-size:15px}#map{top:88px;width:65px;height:65px}.resource-hud{bottom:93px;width:150px;padding:8px}.fuel-bar{margin:6px 0}.nitro{bottom:22px;width:150px;padding:8px}.speed{bottom:85px;min-width:135px}#touch{bottom:12px}#touch:not([hidden])~*{pointer-events:auto}body:has(#touch:not([hidden])) .nitro{left:calc(50% - 75px);bottom:15px}body:has(#touch:not([hidden])) .resource-hud{bottom:83px}.race-help{display:none}#pickupToast{top:42%;font-size:25px}#powerStatus small{display:none}}
@media(max-width:800px) and (min-height:601px){#menu{overflow-y:auto;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#426575 transparent}.route-panel{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:100%;margin:24px 0 15px;padding:12px;order:1}.route-options{grid-template-columns:1fr 1fr}.route-options small{display:block;font-size:8px}.route-options b{font-size:18px}.panel-kicker{font-size:8px;margin-bottom:10px}.pickup-legend{justify-content:flex-start;gap:22px;font-size:8px;margin-top:12px}.modes{position:relative;bottom:auto;left:auto;width:100%;margin-top:25px}.intro{max-width:100%}h1{font-size:74px}.hero-meta{font-size:9px}.route-tip{display:none}.car-caption{display:none}footer{height:38px}#menu{bottom:38px}.route-panel{margin-top:16px}}
.tilt-preview{display:flex;align-items:center;gap:15px;margin:25px 0;font-size:9px;letter-spacing:2px;color:#9dbbc9}.tilt-track{width:180px;max-width:55%;height:8px;background:#ffffff15;border-radius:8px;position:relative;margin:auto}.tilt-track:after{content:'';position:absolute;left:50%;top:-6px;width:1px;height:20px;background:#ffffff60}#tiltNeedle{position:absolute;left:calc(50% - 8px);top:-4px;width:16px;height:16px;border-radius:50%;background:#7df6c7;box-shadow:0 0 20px #7df6c777;z-index:1;transition:transform .08s}#motionStatus{min-height:48px;color:#7df6c7}.settings input[type=checkbox]{width:22px;height:22px}.motion-note{font-size:12px!important}button:disabled{opacity:.4;cursor:not-allowed;filter:none}#steeringMode{font-size:8px;letter-spacing:1px;color:#a9c5d2;margin-top:10px}.tilt-enabled #steeringMode{color:#7df6c7}#touch button{touch-action:none;min-height:48px}body.playing{overscroll-behavior:none;touch-action:none}#mobileControls{font-size:11px}
@media(pointer:coarse){#guideTab{display:none}header{padding-top:env(safe-area-inset-top)}#touch{bottom:calc(14px + env(safe-area-inset-bottom));left:max(3%,env(safe-area-inset-left));right:max(3%,env(safe-area-inset-right))}.dialog{max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:pan-y}.dialog .actions{gap:9px}.dialog .actions button{min-height:48px}.tilt-enabled #touch button[data-key="ArrowUp"]{background:#1c4548;color:#a5e8cf}.resource-hud{bottom:calc(190px + env(safe-area-inset-bottom))}.nitro,.speed{bottom:calc(113px + env(safe-area-inset-bottom))}}
@media(pointer:coarse) and (max-height:600px){.resource-hud{bottom:calc(85px + env(safe-area-inset-bottom))}.nitro{bottom:calc(20px + env(safe-area-inset-bottom))}.speed{bottom:calc(85px + env(safe-area-inset-bottom))}#objectives{max-width:170px}#steeringMode{font-size:7px;margin-top:6px}}
body.playing{touch-action:manipulation}#world,#touch{touch-action:none}#overlay{touch-action:pan-y}#mobileControls{white-space:nowrap}
@media(max-width:530px){#mobileControls{font-size:10px}nav{gap:8px}.dialog .actions .primary{min-width:0;width:100%}.dialog .actions .secondary{flex:1;padding:13px 12px;font-size:11px}.settings label{font-size:12px}}
.weather-picker{display:flex;gap:6px;margin-top:14px}.weather-picker button{padding:9px 12px;border-radius:6px;background:#0c2635d9;border:1px solid #ffffff30;font-size:9px;letter-spacing:.7px;color:#c2d6df}.weather-picker button.chosen{background:#ffe6a5;color:#302818;border-color:#ffe6a5;font-weight:800}.sunny-scene .vignette{background:linear-gradient(90deg,#061722de 0%,#06172270 40%,#06172200 75%),linear-gradient(0deg,#061722e8,transparent 32%)}.sunny-scene h1 em{color:#ffe6a5}.sunny-scene .route-panel{background:#112e40c9}.hero-meta{margin:14px 0}.garage-wide{width:min(1080px,95vw)}.supercar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.supercar-card{border:1px solid #4e66773d;border-radius:10px;background:#0c1c29;overflow:hidden}.supercar-card.equipped{border-color:#7df6c7}.supercar-photo{aspect-ratio:1.2;background-image:url('assets/supercars.webp');background-size:300% 200%;position:relative;border-bottom:1px solid #ffffff16}.supercar-photo>span{position:absolute;top:12px;left:12px;background:#0c1d2cce;color:#b2ffdf;font-size:8px;letter-spacing:1.5px;padding:6px 9px;border-radius:4px}.car-spec{padding:17px}.car-spec>small{font-size:9px;letter-spacing:1px;color:#8fa9bb}.car-spec h3{font:700 30px 'Barlow Condensed',Impact,sans-serif;margin:7px 0 10px}.car-spec>strong{color:#7df6c7;font-size:12px}.car-spec>p{font-size:11px;line-height:1.6;min-height:36px}.car-spec dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.car-spec dt{font-size:7px;letter-spacing:1px;color:#8eabbd}.car-spec dd{margin:4px 0 0;font:600 20px 'Barlow Condensed',Impact,sans-serif}.car-spec button{width:100%;background:#7df6c7;color:#0d2531;padding:13px 8px;font-size:11px;font-weight:800;border-radius:6px}.car-spec button:disabled{background:#204539;color:#aee8cc;opacity:1}.purchase-art{width:280px;margin:0 auto 15px;border-radius:10px}.garage-wide .stats{gap:30px}.car-caption{bottom:18px}.hero-meta{font-size:9px}h1{font-size:clamp(70px,7.2vw,109px)}
@media(min-width:801px) and (max-height:850px){h1{font-size:68px;margin:12px 0}.intro{margin:10px 0}.weather-picker{margin-top:10px}.weather-picker button{padding:7px 10px}.hero-meta{margin:10px 0}.micro{font-size:7px}}
@media(max-width:800px){.supercar-grid{grid-template-columns:repeat(2,1fr);gap:10px}.car-spec{padding:12px}.car-spec h3{font-size:26px}.car-spec>p{min-height:53px}.car-spec dl{gap:8px}.car-spec dd{font-size:18px}.weather-picker{flex-wrap:wrap}.weather-picker button{padding:10px;font-size:8px}.garage-wide{padding:18px}.supercar-photo>span{font-size:6px;left:8px;top:8px}h1{font-size:69px}.purchase-art{max-width:100%}}
@media(max-width:390px){.supercar-grid{grid-template-columns:1fr}.car-spec>p{min-height:0}.supercar-photo{aspect-ratio:1.25}h1{font-size:60px}}
@media(max-height:600px){h1{font-size:53px}.weather-picker{margin-top:8px;max-width:50%;gap:4px}.weather-picker button{padding:7px;font-size:7px}.hero-meta{display:none}.event-links{margin-top:7px}.primary{margin-top:8px}}
/* Driver hub and accessible touch settings */
.event-links{flex-wrap:wrap}.hub-contracts{padding:16px;background:#7df6c709;border:1px solid #7df6c730;border-radius:10px}.hub-contracts>b{color:#7df6c7;font-size:11px;letter-spacing:1px}.import-label{cursor:pointer;font-size:12px}.import-label input{display:block;max-width:180px;margin-top:8px}#saveNotice:empty{display:none}#saveNotice{position:fixed;top:0;left:0;right:0;margin:0;padding:9px;text-align:center;background:#613e16;color:#fff1d1;z-index:30;font-size:12px}#contractHud{position:absolute;bottom:36px;left:25%;right:25%;font-size:10px;text-align:center;color:#b9e7db;background:#10242aaa;border-radius:6px;padding:8px}#touch>div{gap:var(--touch-gap,6px);flex-wrap:wrap;max-width:58%}#touch>div:first-child{max-width:38%}#touch button{min-width:var(--touch-size,48px);width:var(--touch-size,48px);height:var(--touch-size,48px)}#touch.left-handed{flex-direction:row-reverse}@media(max-width:800px){#contractHud{top:95px;bottom:auto;left:4%;right:4%;padding:4px;font-size:8px}#objectives{top:128px}}@media(max-height:600px){#contractHud{top:77px}#objectives{top:105px}}