@import"./assets/fonts/fonts.css";*{box-sizing:border-box}body{margin:0;background:#101c21;color:#fff;font-family:DM Sans,sans-serif;overflow:hidden}#game{width:100vw;height:100dvh;min-height:400px;position:relative}#canvas,canvas,.shade{position:absolute;width:100%;height:100%;inset:0}.shade{pointer-events:none;background:linear-gradient(180deg,rgba(7,21,29,.45),transparent 28%,transparent 68%,rgba(5,17,21,.7))}header{position:absolute;top:28px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:14px;align-items:center;font-weight:700;letter-spacing:3px;font-size:18px}.brand small{display:block;letter-spacing:2px;font-size:10px;margin-top:4px;color:#d1dad5}.mark{font-size:37px;letter-spacing:-5px;font-style:italic;border:1px solid #ffffff60;padding:0 12px 2px 6px;border-radius:3px}button{font:inherit;color:inherit;cursor:pointer;border:0}#pause{background:#11202775;border:1px solid #ffffff40;border-radius:50%;width:43px;height:43px;font-size:22px}.route{position:absolute;top:117px;left:36px;font-size:11px;letter-spacing:2px}.dot{display:inline-block;background:#dbff87;width:6px;height:6px;border-radius:50%;margin-right:9px}.weather{opacity:.65}.telemetry{position:absolute;top:115px;right:36px;display:flex;gap:35px}.telemetry small{font-size:10px;letter-spacing:1.8px;color:#d7e0de}.telemetry strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:40px;font-weight:500}.telemetry em{font:14px DM Sans;opacity:.65}.speed{position:absolute;right:42px;bottom:62px;width:180px;text-align:right}.speed b{font:100px/.95 Barlow Condensed,sans-serif;letter-spacing:-3px}.speed span{font-size:13px;color:#cbd4d1;margin-left:8px}.meter{height:3px;background:#ffffff35;margin:14px 0 12px}.meter i{display:block;height:3px;background:#d9ff8b;width:0;transition:width .2s}.speed small{font-size:11px;letter-spacing:2px}.help{position:absolute;bottom:30px;left:36px;font-size:12px;letter-spacing:1px;color:#fff}.help span{color:#b2bfbe;font-size:10px;margin-left:5px}#overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,29,.87),rgba(7,22,29,.45) 42%,transparent 75%);display:flex;align-items:center;padding:36px;z-index:3}.intro{max-width:530px;margin-top:25px}.eyebrow{font-size:11px;letter-spacing:3px;color:#deffac}h1{font-family:Barlow Condensed,Impact,sans-serif;text-transform:uppercase;font-size:clamp(60px,7vw,108px);font-weight:600;line-height:.93;letter-spacing:-1px;margin:23px 0}p{font-size:15px;color:#d3dedf;line-height:1.8;margin-bottom:28px}#start{background:#d9fc8d;color:#182625;padding:19px 24px;font-size:12px;font-weight:800;letter-spacing:1.3px;min-width:290px;text-align:left;border-radius:3px}#start span{float:right;font-size:20px;line-height:14px}.instructions{font-size:12px;line-height:1.8;color:#aebabc;margin-top:19px}.edition{position:absolute;bottom:35px;right:38px;font:30px Barlow Condensed;letter-spacing:5px;text-align:right}.edition span{font:10px DM Sans;letter-spacing:2px}#notice{position:absolute;top:25%;left:50%;transform:translate(-50%);color:#e2ffb0;background:#152321bd;border-radius:3px;padding:12px 22px;font-size:13px;letter-spacing:1px;opacity:0;transition:opacity .3s;white-space:nowrap}#touch{display:none}#error{position:absolute;inset:25%;background:#10252b;padding:30px;z-index:5}button:hover{filter:brightness(1.12)}button:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:700px){header{top:20px;left:20px;right:20px}.route{left:20px;top:96px;font-size:9px}.weather{display:none}.telemetry{top:135px;right:20px;gap:16px}.telemetry small{font-size:8px}.telemetry strong{font-size:29px}.speed{right:20px;bottom:116px;width:132px}.speed b{font-size:68px}.help{display:none}#overlay{padding:24px}.intro{margin-top:45px}h1{font-size:68px}.edition{display:none}p{font-size:14px}#touch{display:flex;position:absolute;bottom:22px;left:16px;right:16px;gap:9px;justify-content:space-between}#touch button{height:60px;min-width:60px;padding:0 16px;border-radius:10px;background:#122a35a8;border:1px solid #ffffff50;touch-action:none;user-select:none;font-size:16px}#touch button:nth-child(2){margin-right:auto}#notice{top:32%;font-size:11px}}[hidden]{display:none!important}.stage{position:absolute;left:36px;top:155px;padding:12px 16px;border-left:3px solid #d9fc8d;background:#10272eaf;max-width:300px;pointer-events:none}.stage b{display:block;font-size:12px;letter-spacing:1.3px}.stage small{display:block;margin-top:7px;font-size:10px;letter-spacing:1px;color:#d7e2da}@media(max-width:700px){.stage{left:20px;top:126px;max-width:185px;padding:10px}.stage b{font-size:10px}.stage small{font-size:9px}.telemetry{top:209px}.intro h1{font-size:60px}}#nitroPanel{position:absolute;bottom:83px;left:36px;width:240px;padding:15px 17px;background:#10272edb;border:1px solid #79dbdc55;border-radius:5px;pointer-events:none}.nitroTitle{display:flex;justify-content:space-between;font-size:14px;letter-spacing:2px;color:#8fedff}#nitroBar{height:8px;background:#46707866;margin:10px 0;border-radius:4px;overflow:hidden}#nitroFill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#48b9dc,#c1faff);box-shadow:0 0 14px #71e4ff}#nitroStatus{font-size:10px;letter-spacing:1px;color:#bdd8df}.boosting{box-shadow:0 0 28px #39cfff55;border-color:#9cf1ff!important}#combo{margin-top:14px;color:#d9fc8d}#combo>div:first-child{display:flex;justify-content:space-between;font-size:12px}.comboTrack{margin-top:7px;height:3px;background:#ffffff25}#comboFill{display:block;height:100%;background:#d9fc8d}#touch .nitroTouch{border-color:#8fedff;color:#8fedff;background:#113c50d9}@media(max-width:700px){#nitroPanel{left:20px;bottom:112px;width:170px;padding:11px}#nitroStatus{font-size:9px}.nitroTitle{font-size:12px}#touch{gap:6px;left:10px;right:10px}#touch button{min-width:0;padding:0 12px;font-size:12px;flex:1}#touch button:nth-child(2){margin-right:3px}.speed{bottom:155px;width:125px}.speed b{font-size:58px}}#speedFX{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}body[data-mode=menu] :is(.route,.telemetry,.stage,.speed,.help,#nitroPanel,#touch,#pause,#cameraToggle,#viewToggle){display:none!important}header{z-index:4;pointer-events:none}header button{pointer-events:auto}#cameraToggle{margin-left:auto;margin-right:12px;background:#10272ebb;border:1px solid #ffffff50;border-radius:5px;padding:12px 16px;font-size:12px;letter-spacing:1px}.secondary{display:block;background:#152d38cc;border:1px solid #ffffff45;padding:13px 20px;border-radius:3px;margin-top:12px;font-size:12px;letter-spacing:1px}#mainMenu{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#0b1a22f2,#0b1a22c9 25%,#0b1a2200 55%);overflow:auto;pointer-events:none}#mainMenu button,#mainMenu input,#mainMenu select,#mainMenu nav{pointer-events:auto}.menuRail{position:absolute;left:4%;top:24%;width:260px;max-width:28%}.menuRail h1{font-size:clamp(42px,4.3vw,72px);line-height:1;margin:20px 0 28px}.menuRail .eyebrow{font-size:10px;letter-spacing:2px}.primary{padding:19px 22px;background:#d9fc8d;color:#152321;width:100%;border-radius:3px;font-size:16px;font-weight:800;letter-spacing:2px;text-align:left}.primary span{float:right}.menuRail nav{margin-top:16px;display:flex;flex-direction:column;gap:3px}.menuRail nav button{background:transparent;text-align:left;padding:11px 14px;font-size:15px;color:#c2cfd5;border-left:2px solid transparent}.menuRail nav button[aria-pressed=true]{background:#ffffff0d;border-color:#d9fc8d;color:#e7ffb9}.menuRail nav span{float:right;opacity:.5;font-size:12px}.localNote{display:block;color:#93a9b5;font-size:11px;line-height:1.6;margin-top:22px;max-width:230px}#orbitCapture{position:absolute;inset:16% 1% 27% 34%;cursor:grab;pointer-events:auto;touch-action:none}#orbitCapture:active{cursor:grabbing}#showcaseInfo{position:absolute;left:39%;right:5%;bottom:9%;pointer-events:none}#showcaseInfo h2{font:600 clamp(36px,4vw,60px)/1 "Barlow Condensed",sans-serif;letter-spacing:1px;margin:12px 0 6px}#showcaseInfo p{font-size:14px;line-height:1.5;margin:0;max-width:490px;color:#ccd9df}.orbitHint{display:block;font-size:10px;letter-spacing:2px;margin-top:13px;color:#93a9b5}#mainMenu[data-view=garage] #showcaseInfo{bottom:auto;top:15%}#mainMenu[data-view=garage] #showcaseInfo h2{font-size:40px}#mainMenu[data-view=garage] #showcaseInfo p{font-size:12px;max-width:530px}#garageChoices{position:absolute;left:39%;right:4%;bottom:4%}.carChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.carChoices button{background:#132630eb;border:1px solid #6c879955;text-align:left;padding:14px 15px;border-radius:4px}.carChoices small{display:block;color:#9aafb9;font-size:10px;letter-spacing:1px}.carChoices b{display:block;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:500;margin-top:6px}.carChoices button[aria-pressed=true]{border-color:#d9fc8d;background:#223832}.carChoices button[aria-pressed=true] small{color:#d9fc8d}.paintRow{display:flex;align-items:center;gap:10px;margin:13px 0 8px}.paintRow span{font-size:11px;letter-spacing:2px;color:#b8cad2;margin-right:5px}.paintRow button{height:27px;min-width:27px;border-radius:50%;background:var(--paint);border:2px solid #677e89}.paintRow button[data-paint=original]{background:transparent;border-radius:4px;color:#d9e5db;font-size:12px;padding:0 10px}.paintRow button[aria-pressed=true]{outline:2px solid #d9fc8d;outline-offset:3px}#garageChoices>small{color:#aebec4;font-size:11px}.menuPanel:not([data-menu-panel=home]):not([data-menu-panel=garage]){position:absolute;inset:18% 5% 6% 39%;overflow:auto;padding:28px 32px;background:#10242df5;border:1px solid #65829055;border-radius:6px;pointer-events:auto;max-width:650px}.menuPanel h2{font:500 45px Barlow Condensed;margin:10px 0 25px}.menuPanel label{display:block;font-size:15px;margin:22px 0;color:#dfebee}.menuPanel output{float:right;color:#d9fc8d;font-size:14px}.menuPanel input[type=range]{display:block;width:100%;accent-color:#d9fc8d;margin-top:13px;cursor:pointer}.menuPanel select{display:block;width:100%;margin-top:10px;padding:12px;background:#1b3541;border:1px solid #6d8793;border-radius:4px;color:#e6eeee;font:14px DM Sans,sans-serif}.menuPanel p{font-size:14px;line-height:1.7}.menuPanel dl{display:grid;grid-template-columns:145px 1fr;gap:16px;font-size:14px;line-height:1.5}.menuPanel dt{color:#d9fc8d}.menuPanel dd{margin:0;color:#dce6e9}.recordGrid{display:flex;flex-direction:column;gap:25px}.recordGrid small{font-size:11px;letter-spacing:2px;color:#afc3cc}.recordGrid b{font:500 44px Barlow Condensed;display:block;margin-top:5px}@media(max-height:760px)and (min-width:760px){.menuRail{top:19%}.menuRail h1{font-size:46px;margin:14px 0 18px}.menuRail nav button{padding:8px 14px}.localNote{margin-top:14px}.primary{padding:15px 20px}}@media(max-width:759px){#mainMenu{background:linear-gradient(180deg,#0b1a2200 10%,#0b1a2230 45%,#0b1a22f5 73%);min-height:640px}.menuRail{inset:auto 20px 20px;width:auto;max-width:none}.menuRail>.eyebrow,.menuRail h1,.localNote{display:none}.menuRail nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:10px}.menuRail nav button{font-size:12px;padding:9px 10px;border-left:0;border-bottom:2px solid transparent}.menuRail nav button[aria-pressed=true]{border-bottom-color:#d9fc8d}.menuRail nav span{display:none}#showcaseInfo{left:22px;right:22px;bottom:175px}#showcaseInfo h2{font-size:38px;margin:7px 0}#showcaseInfo p{font-size:12px;max-width:330px}.orbitHint{font-size:9px;margin-top:9px}#orbitCapture{inset:90px 0 280px}#mainMenu[data-view=garage] #showcaseInfo{top:100px;bottom:auto}#mainMenu[data-view=garage] #showcaseInfo h2{font-size:30px}#mainMenu[data-view=garage] #showcaseInfo p{display:none}#mainMenu[data-view=garage] .orbitHint{margin-top:7px}#garageChoices{left:20px;right:20px;bottom:145px}.carChoices{gap:6px}.carChoices button{padding:10px 8px}.carChoices small{font-size:8px}.carChoices b{font-size:20px}.paintRow{gap:9px}.paintRow span{font-size:10px}.paintRow button{height:23px;min-width:23px}#garageChoices>small{font-size:10px}.menuPanel:not([data-menu-panel=home]):not([data-menu-panel=garage]){inset:96px 20px 150px;padding:22px}.menuPanel h2{font-size:36px}.menuPanel dl{grid-template-columns:100px 1fr;gap:12px;font-size:12px}#cameraToggle{font-size:9px;padding:10px 8px;margin-right:6px}.brand{font-size:14px;gap:9px}.brand small{font-size:8px}.mark{font-size:30px}.primary{padding:15px 20px}}@media(max-height:640px){#mainMenu{min-height:600px}}#viewToggle{margin-left:auto;margin-right:8px;padding:12px 14px;border-radius:5px;border:1px solid #59dfff99;background:linear-gradient(150deg,#123a52e8,#03131ee8);color:#f3fcff;font-weight:800;font-size:12px;letter-spacing:1px}#viewToggle[aria-pressed=true]{color:#8af3ff;border-color:#8af3ff}#cameraToggle{margin-left:0}.carChoices{grid-template-columns:repeat(5,minmax(0,1fr))}.carChoices button{padding-left:8px;padding-right:8px}@media(max-width:759px){.carChoices{grid-template-columns:repeat(3,minmax(0,1fr))}}#bikeStats{font-size:10px;line-height:1.8;color:#b5dc99;display:block;margin-top:7px}#bikeStats[hidden]{display:none}.resistanceStat{display:flex;align-items:center;gap:10px;max-width:270px;font-size:11px;letter-spacing:1px;color:#bddac8;margin:10px 0}.resistanceStat meter{width:110px;height:10px;accent-color:#d9fc8d}.resistanceStat meter::-webkit-meter-optimum-value{background:#d9fc8d}.resistanceStat b{white-space:nowrap}body[data-mode=crash] #game>:not(#overlay){visibility:hidden!important}body[data-mode=crash] #overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000;padding:24px;backdrop-filter:none}body[data-mode=crash] #overlay .intro{margin:0;max-width:none;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}body[data-mode=crash] #overlay h1{font-size:clamp(44px,8vmin,90px);line-height:1;margin:0 0 25px;letter-spacing:.035em;color:#fff}body[data-mode=crash] #overlay :is(#eyebrow,#description,#reviewBuild,.instructions,.edition){display:none!important}body[data-mode=crash] #overlay button{min-width:min(280px,80vw);min-height:50px;margin:0;border:1px solid #777;border-radius:4px;background:#000;color:#fff;font:inherit;font-weight:600;letter-spacing:.06em;padding:14px 24px}body[data-mode=crash] #overlay button:hover,body[data-mode=crash] #overlay button:focus-visible{background:#181818;border-color:#fff}#deathFade{position:absolute;inset:0;background:#000;opacity:0;z-index:999;pointer-events:auto;touch-action:none}body[data-mode=accident] #game>:not(#canvas):not(#policeEdges):not(#deathFade){visibility:hidden!important}body[data-mode=accident] #game{pointer-events:none}body[data-mode=accident] #deathFade{pointer-events:auto}body[data-mode=crash] #overlay button:disabled{opacity:.65;pointer-events:none}.speedFeelDetails{border-block:1px solid #65829055;padding:12px 0;margin:16px 0}.speedFeelDetails summary{cursor:pointer;color:#d9fc8d;font-size:14px}.speedFeelDetails small{display:block;color:#aebec4;font-size:11px;line-height:1.5;margin-top:7px}#resetSpeedFeel{background:#1b3541;border:1px solid #6d8793;border-radius:4px;padding:10px 14px;color:#dfebee;font:inherit;font-size:12px}#speedFeelNumber_lateralBlur{width:5.5rem;min-height:40px;margin-top:8px;padding:6px 10px;background:#1b3541;border:1px solid #6d8793;border-radius:4px;color:#e6eeee;font:inherit;font-size:16px}