@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#140e32;color:#fff;font-family:'Space Grotesk',system-ui,sans-serif;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%}header{position:fixed;top:0;left:0;right:0;padding:28px 4%;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{font-weight:700;font-size:24px;letter-spacing:-1px;color:white;text-decoration:none}.brand span{color:#bdff50}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;font-weight:400}button,select{font:inherit;cursor:pointer}button{background:#ffffff0c;border:1px solid #ffffff40;color:white;padding:12px 18px;border-radius:6px}button:hover{background:#ffffff25}main{position:absolute;top:22%;left:6%;width:490px;max-width:88%;z-index:2}body:has(#menu:not([hidden])):before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#140e32ee,#140e3277 44%,transparent 80%);z-index:1;pointer-events:none}.eyebrow{color:#c1ff60;font-size:11px;letter-spacing:3px}h1{font-size:clamp(40px,5vw,72px);letter-spacing:-4px;line-height:1.02;margin:22px 0}em{font-style:normal;color:#c1ff60}p{color:#cbc4df;line-height:1.6;max-width:390px;font-size:14px}.tags{display:flex;gap:8px;margin:24px 0}.tags span{border:1px solid #ffffff30;padding:7px;font-size:8px;letter-spacing:1px}.garage{display:flex;gap:13px;flex-wrap:wrap;margin:22px 0}label{font-size:9px;letter-spacing:1px;color:#c4b9da;display:flex;flex-direction:column;gap:8px}input[type=color]{width:44px;height:32px;padding:2px;background:#ffffff12;border:1px solid #ffffff40;border-radius:4px}select{height:32px;background:#21163c;color:#fff;border:1px solid #ffffff40;font-size:11px;max-width:185px}.primary{background:#bdff50;color:#17210c;border:0;min-width:240px;text-align:left;font-weight:700;padding:18px}.primary span{float:right}.primary:hover{background:#d7ff99}.controls{font-size:10px;color:#a59bb7}footer{position:fixed;bottom:22px;left:4%;font-size:8px;letter-spacing:2px;color:#b6aacb;z-index:2}#hud{position:fixed;top:110px;left:4%;right:4%;pointer-events:none}#hud small{display:block;font-size:9px;letter-spacing:2px;color:#c1ff60}#zone{display:block;font-size:24px;margin-top:5px}.numbers{position:absolute;right:0;top:0;text-align:right}#clock{display:block;font-size:18px}#speed{font-size:38px}.progress{margin-top:14px;width:220px;background:#ffffff25;height:3px}.progress i{display:block;background:#bdff50;height:100%;width:0}#toast{position:fixed;top:43%;width:100%;text-align:center;font-size:26px;pointer-events:none;color:#d4ff8c;text-shadow:0 3px 20px #000;z-index:3}#result{position:absolute;inset:25% auto auto 50%;transform:translateX(-50%);background:#1c123bef;padding:40px;width:440px;max-width:90%;border:1px solid #bdff5050;z-index:4}h2{font-size:36px;letter-spacing:-1px}#touch{display:none;position:fixed;bottom:50px;left:4%;right:4%;justify-content:space-between;z-index:4}#touch button{touch-action:none;background:#21163ca9;width:60px;height:60px;font-size:24px}#best{font-size:11px;color:#bdff50}#error{position:fixed;inset:45% 10% auto;background:#391c3e;padding:30px;z-index:9}[hidden]{display:none!important}@media(pointer:coarse){body.playing #touch{display:flex}}@media(max-width:600px){header{padding:20px 5%}main{top:18%}h1{letter-spacing:-2px}.garage{margin:12px 0}.tags{margin:12px 0}footer{font-size:6px;bottom:12px}.controls{font-size:9px}#garageBtn{font-size:11px;padding:10px}#hud{top:95px}}

main{top:16%;width:560px}h1{font-size:clamp(38px,4.3vw,64px);margin:16px 0}.garage{gap:10px;margin:16px 0}.part{display:flex;gap:8px;border:1px solid #ffffff25;padding:10px;border-radius:6px;flex:1;min-width:150px}.part select{max-width:125px;font-size:10px}.part label{font-size:8px}.buildNote{font-size:10px;margin:10px 0 14px;max-width:500px}#stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;font-size:8px;letter-spacing:1px;color:#d4c8e8}#stats b{display:block;color:#bdff50;font-size:17px;margin-top:3px}#stats meter{width:100%;height:5px;display:block;margin-top:5px}#hud .surface{font-size:12px;margin-top:8px;color:#ffcf7a}@media(max-height:760px){main{top:14%;max-height:81vh;overflow:auto}h1{font-size:40px;margin:12px 0}.tags{margin:10px 0}.garage{margin:10px 0}.primary{padding:13px}}@media(max-width:600px){main{top:14%;max-height:81vh;overflow:auto}.part{min-width:140px}.garage{gap:6px}.part{padding:6px}h1{font-size:36px}.tags{margin:8px 0}p{font-size:12px}}
#best{margin:18px 0 0;border-top:1px solid #ffffff25;padding-top:13px;letter-spacing:2px;font-size:9px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}#best strong{font-size:24px;color:#fff;letter-spacing:0}#best small{display:block;color:#b5a9cb;font-size:9px;letter-spacing:0}.brand small{letter-spacing:1.5px}main>p:first-of-type{max-width:440px}
.part{flex-direction:column;min-width:150px}.colorPicker{font-size:8px;letter-spacing:1px;color:#c4b9da}.swatches{display:grid;grid-template-columns:repeat(5,23px);gap:5px;margin-top:8px}.swatches button{width:23px;height:23px;min-width:0;padding:0;border-radius:50%;border:1px solid #ffffff75;position:relative}.swatches button[aria-pressed=true]{outline:2px solid white;outline-offset:2px}.swatches button[aria-pressed=true]:after{content:'✓';color:white;font-size:14px;text-shadow:0 1px 3px black;position:absolute;inset:1px}.part select{max-width:100%;width:100%}.buildNote{font-size:10px}#mapPanel{position:fixed;right:4%;bottom:45px;width:170px;background:#140e32c9;border:1px solid #ffffff25;border-radius:10px;padding:10px;z-index:2;text-align:center;pointer-events:none}#mapPanel>span{font-size:9px;letter-spacing:2px;color:#c4b9da}#minimap{position:relative;display:block;width:100%;height:220px}#mapPanel small{font-size:8px;color:#ddd}.youDot,.novaDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bdff50;margin:0 3px 0 8px}.novaDot{background:#ff9866}#remaining{font-size:11px;margin-top:9px;color:#bdff50}#crashFlash{position:fixed;inset:0;border:0 solid #ff895c;pointer-events:none;z-index:3;transition:border-width .15s,background .3s}body.impact #crashFlash{border-width:8px;background:#ff654a22}#toast{font-size:22px;padding:0 20px;top:37%}#result{z-index:5}@media(max-width:600px){#mapPanel{width:112px;bottom:130px;padding:5px}#minimap{height:150px}#mapPanel>span{font-size:7px}#mapPanel small{font-size:7px}.part{min-width:125px}.swatches{grid-template-columns:repeat(5,20px);gap:4px}.swatches button{width:20px;height:20px}.garage{flex-wrap:wrap}.buildNote{font-size:9px}#remaining{font-size:9px}}
.headerActions{display:flex;gap:8px}#viewBtn{font-size:12px}#previewPanel{position:fixed;left:auto;right:5%;top:20%;width:38%;max-width:570px;background:radial-gradient(ellipse at center,#433362d9,#201534eb);border:1px solid #ffffff25;border-radius:18px;overflow:hidden;box-shadow:0 25px 80px #0004}.previewTop{display:flex;justify-content:space-between;padding:20px 24px;font-size:10px;letter-spacing:2px;color:#bdff50}.previewTop span+span{color:#a99abd;font-size:8px}#kartPreview{position:relative;display:block;width:100%;height:310px;inset:auto}.previewBottom{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#b7a9cd;font-size:9px}.previewBottom button{font-size:11px;padding:9px 12px}main{width:520px}body:has(#menu:not([hidden])) #hud,body:has(#menu:not([hidden])) #mapPanel{visibility:hidden}@media(max-width:1050px){main{width:47%}#previewPanel{width:39%;right:4%}.part{min-width:120px}.swatches{grid-template-columns:repeat(5,20px);gap:4px}.swatches button{width:20px;height:20px}.previewBottom span{display:none}}@media(max-width:700px){main{width:88%;max-height:82vh;overflow:auto;top:13%}#previewPanel{position:relative;right:auto;top:auto;width:100%;margin:14px 0;border-radius:10px}#kartPreview{height:190px}.previewTop{padding:12px 16px}.previewBottom{padding:6px 12px}h1{font-size:34px}.headerActions{gap:5px}#viewBtn{font-size:9px;padding:9px}#garageBtn{font-size:9px}.brand{font-size:20px}.brand small{font-size:6px}header{padding:17px 4%}}
#kartPreview{touch-action:none;cursor:grab}#kartPreview:active{cursor:grabbing}.audioSettings{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:10px;color:#c4b9da}.audioSettings label{font-size:10px;letter-spacing:0}.audioSettings input{accent-color:#bdff50;width:130px}.dashDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52c8ff;margin:0 3px 0 8px}#damageInfo{font-size:10px;color:#ffcb85;margin-top:10px}#eventInfo{font-size:10px;max-width:550px;color:#c7f0e8;margin-top:8px;min-height:15px}#toast{font-size:18px;max-width:750px;left:50%;transform:translateX(-50%);background:#201533b5;padding:10px 16px;border-radius:8px}#toast:empty{display:none}#soundBtn{font-size:11px}#hud .progress{margin-top:8px}body:has(#menu:not([hidden])) #viewBtn{display:none}@media(max-width:700px){#soundBtn{font-size:8px;padding:8px}.headerActions{gap:3px}#eventInfo{font-size:8px;max-width:70%}#damageInfo{font-size:8px}#toast{font-size:13px;width:85%}#mapPanel small{font-size:6px}}
.racerProfiles{font-size:10px;max-width:100%;color:#bdb0d1;margin:10px 0}.racerProfiles b{color:#ff9866}.racerProfiles b:last-child{color:#52c8ff}.racerProfiles span{margin:0 6px}
#countdown{position:fixed;left:50%;top:35%;transform:translateX(-50%);font-size:110px;font-weight:700;color:#bdff50;text-shadow:0 8px 30px #000;z-index:5;pointer-events:none}#menuMusicBtn{font-size:10px;padding:8px 10px}.audioSettings{flex-wrap:wrap}
.echoDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bd95ff;margin:0 3px 0 6px}.racerProfiles b:last-child{color:#bd95ff}#mapPanel small{font-size:7px;line-height:1.8}
#floatingLabels{position:fixed;inset:0;pointer-events:none;z-index:4}.racerPopup{position:absolute;transform:translate(-50%,-100%);padding:7px 10px;border-radius:7px;background:#27183fe8;border:1px solid #ffb276;color:#ffe7c7;white-space:nowrap;font-size:11px;font-weight:600;text-shadow:0 1px 3px #000;box-shadow:0 4px 15px #0004}.racerPopup.foot{color:#bdff50;border-color:#bdff50;font-size:14px}.racerPopup.part{color:#ffb5e7;border-color:#ff80d2}.racerPopup.finish{color:#bdff50;border-color:#bdff50}#minimap{height:220px}#toast{top:30%;font-size:15px}#damageInfo{max-width:65%}@media(max-width:700px){.racerPopup{font-size:8px;padding:5px 7px}#minimap{height:150px}.racerPopup.foot{font-size:10px}}
#rivalStats{font-size:9px;color:#bfb1d2;display:grid;gap:5px;margin:8px 0 12px}#rivalStats b{color:#dbd2eb;margin-right:5px}.racerPopup.route{color:#a9ffe5;border-color:#62dbb6}
.rookDot,.skipDot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 3px 0 6px;background:#ef4444}.skipDot{background:#facc15}.racerPopup.reaction{font-size:17px;color:#fff;border-color:#fff;font-style:italic}.racerPopup.pit,.racerPopup.repair{color:#8dffd1;border-color:#65efb5}#rivalStats{gap:4px;font-size:8px}.racerPopup.lap{color:#bdff50;border-color:#bdff50}
.menuOptions{margin:14px 0;color:#bcb0cd;font-size:11px}.menuOptions summary{cursor:pointer;padding:8px 0}.menuOptions[open]{border-top:1px solid #ffffff20}.menuOptions .buildNote{margin-bottom:10px}#stats{grid-template-columns:repeat(4,1fr)}#result{top:16%;max-height:80vh;overflow:auto;width:470px;padding:28px}#result h2{font-size:30px;margin:12px 0}.standings{width:100%;border-collapse:collapse;margin:18px 0;text-align:left;font-size:13px}.standings th{color:#b5a4c9;font-size:10px;letter-spacing:1px;font-weight:500;padding:9px 8px}.standings td{padding:12px 8px;border-top:1px solid #ffffff18}.standings td:last-child{font-variant-numeric:tabular-nums;text-align:right}.standings th:last-child{text-align:right}.standings i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.standings .playerRow{background:#bdff5015;color:#bdff50}#resultStatus{font-size:10px;color:#b4a3c9;line-height:1.4}#touch button{width:50px;height:56px}@media(max-width:700px){#result{top:14%;padding:20px}.standings td{padding:10px 6px}.controls{line-height:1.8}}
.resultActions{display:flex;gap:10px;align-items:center}.resultActions .primary{min-width:0;flex:1}.resultActions>button:last-child{font-size:12px;padding:15px}
/* A quiet blue garage, with segmented performance bars inspired by the reference. */
body{background:#152847}.brand span,em{color:#d3edff}body:has(#menu:not([hidden])):before{background:linear-gradient(90deg,#12233aef,#18395799 47%,transparent 85%)}#previewPanel{background:radial-gradient(ellipse at center,#6d93b1cc,#203f67e8);border-color:#bedcff45}#stats{display:block;background:#18334bdc;border:1px solid #c9e7ff30;border-radius:16px;padding:15px 18px;margin:14px 0;box-shadow:inset 0 0 25px #091c2c33}.statRow{margin:0 0 12px}.statRow:last-child{margin-bottom:0}.statRow>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.statRow b{display:inline!important;color:#eff7ff!important;font-size:16px!important;font-style:italic;margin:0!important;letter-spacing:0}.statRow span{font-size:10px;color:#c7d9e8}.statSegments{display:flex;gap:3px;height:13px}.statSegments i{display:block;flex:1;border-radius:2px;background:#0d1b2b;overflow:hidden;box-shadow:inset 0 1px 3px #0005}.statSegments i:before{content:'';display:block;width:var(--fill);height:100%;background:linear-gradient(#fff27a,#f3c832);box-shadow:0 0 7px #f6db6040}.designStudio,.partGuide{font-size:11px;color:#d0e3f2;margin:12px 0}.designStudio summary,.partGuide summary{cursor:pointer;padding:10px 12px;border:1px solid #b2d4ee35;border-radius:7px;background:#20435a77}.designGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px 0}.designGrid select,.designGrid input{width:100%;max-width:none;height:34px;background:#17344d;color:#eff8ff;border:1px solid #b3d7f13d;border-radius:4px;padding:5px;font:inherit}.designGrid label{color:#b7d0e4;font-size:8px}.designStudio p{font-size:10px}.partGuide article{padding:12px;margin:10px 0;border:1px solid #aacbe626;border-radius:8px;background:#152d45a8}.partGuide article.chosenPart{border-color:#f4d66599;background:#334459a8}.partGuide h3{font-size:16px;color:#fff;margin:22px 0 8px}.partGuide h4{font-size:13px;color:#fae28b;margin:0 0 8px}.partGuide p{font-size:12px;max-width:100%;line-height:1.7;margin:0}.partGuide .guideIntro{padding:12px 0;color:#d8e7f3}.partDelta{font-size:10px;color:#b9d4e9;line-height:1.7;margin-top:8px}#result{width:680px;max-width:94vw}#fastestLapAward{padding:12px;background:#d1b33822;border:1px solid #e4ce6155;color:#ffea88;border-radius:8px;font-size:12px;line-height:1.6}.standings td{font-size:12px}.standings td small{display:block;font-size:8px;color:#b3c6d7;margin-top:4px}.standings .fastLap{color:#ffe579}.damageLegend{font-size:9px;max-width:100%}#result .standings td:nth-child(3),#result .standings td:nth-child(4){font-variant-numeric:tabular-nums}.primary{background:#daedff;color:#19354e}.primary:hover{background:#fff3bf}.controls{color:#c0d5e5}@media(max-width:700px){.statRow b{font-size:14px!important}.statSegments{height:11px}#stats{padding:12px}.standings td{font-size:10px;padding:9px 4px}.standings th{font-size:8px;padding:8px 3px}.standings td small{font-size:7px}.standings i{margin-right:4px;width:6px;height:6px}.designGrid{gap:10px}}

#previewPanel{top:15%;max-height:82vh;overflow:auto}#previewPanel #stats{margin:0 14px 12px;padding:12px}#kartPreview{height:240px}.previewHint{font-size:10px;padding:0 16px;margin:8px 0 14px}.buildActions{display:flex;gap:8px;margin:12px 0}.buildActions button{font-size:11px;padding:10px}.statRow{margin-bottom:8px}#staminaInfo{font-size:12px;color:#a6ffcf;margin:8px 0}#staminaBar{width:200px;height:14px;accent-color:#7fffbd}@media(max-width:700px){#previewPanel{position:sticky;top:0;z-index:4;background:#203f67;max-height:none;margin:8px 0}#kartPreview{height:135px}.previewTop{padding:7px 12px}.previewBottom{padding:4px 10px}.previewBottom button{padding:5px}#previewPanel #stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 8px 8px;padding:8px}.statRow{margin:0}.statRow b{font-size:12px!important}.statRow span{font-size:8px}.statSegments{height:8px}.previewHint{display:none}}

.partPreviews{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:8px}.partPreviews button{padding:2px;border-radius:5px;background:#26475c;width:100%;overflow:hidden}.partPreviews img{display:block;width:100%;height:auto}.partPreviews span{display:block;font-size:8px;color:#e7f4ff;letter-spacing:0;white-space:normal}.partPreviews button:hover{background:#557e98}

.partExplanation{font-size:10px;line-height:1.6;letter-spacing:0;color:#d0e5f1;margin:7px 0 0}#nitroInfo{font-size:11px;color:#8fe9ff;margin-top:8px}#nitroBar{width:200px;height:14px;accent-color:#66cfff}#damagePanel{position:fixed;left:4%;bottom:48px;width:150px;padding:10px;background:#102b3de8;border:1px solid #74bcac66;border-radius:9px;z-index:2;text-align:center;pointer-events:none}#damagePanel strong{font-size:11px;color:#c1f8db}#damagePanel svg{width:115px;display:block;margin:auto}#damagePanel text{text-anchor:middle;fill:#0c2833;font-family:system-ui;pointer-events:none}.partName{font-size:4px;font-weight:800}.partPercent{font-size:5px;font-weight:700}#damageEffects{display:block;font-size:9px;color:#d2e9ed;line-height:1.4}body:has(#menu:not([hidden])) #damagePanel{visibility:hidden}@media(max-width:700px){#damagePanel{width:105px;left:3%;bottom:130px;padding:5px}#damagePanel svg{width:83px}#damagePanel strong{font-size:9px}#damageEffects{font-size:8px}#touch button{width:43px;font-size:14px}}

.previewChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.previewChoices button{display:flex;flex-direction:column;align-items:center;padding:3px 3px 8px;background:#234759;border:1px solid #a6cee75c;border-radius:12px;color:#f2f7fc;min-width:0;letter-spacing:0;text-transform:none}.previewChoices img{width:100%;height:auto;display:block;border-radius:8px}.previewChoices span{font-size:11px;line-height:1.4}.previewChoices small{font-size:8px;line-height:1.4;color:#bdd8e8;padding-top:2px}.previewChoices button[aria-pressed=true]{background:#4f7b92;border:2px solid #def2ff;box-shadow:0 0 0 1px #addcff55}.previewChoices button:focus-visible{outline:3px solid #ffe98d}.part label{display:block;font-size:10px}.garage{display:grid;grid-template-columns:1fr;gap:14px}.part{padding:14px}.part .previewChoices{grid-template-columns:repeat(3,minmax(0,1fr))}.partExplanation{font-size:11px;margin-top:10px}.cosmeticColors{display:flex;flex-wrap:wrap;gap:7px;padding-top:10px}.cosmeticColors button{width:26px;height:26px;border-radius:50%;padding:0;border:1px solid #ffffff88}.cosmeticColors button[aria-pressed=true]{outline:2px solid white;outline-offset:2px}.designGrid{grid-template-columns:1fr}.designGrid>label{display:block;font-size:10px}.designGrid .previewChoices{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.previewChoices span{font-size:10px}.previewChoices small{font-size:8px}.previewChoices{gap:5px}.part{padding:10px}.garage{grid-template-columns:1fr}.designGrid{grid-template-columns:1fr}}
main{top:13%;max-height:82dvh;overflow-y:auto;overscroll-behavior:contain;padding:0 14px 25px 0}select[hidden]{display:none!important}

.partTabs{display:flex;gap:6px;position:sticky;top:0;z-index:5;background:#193b52;padding:7px;border:1px solid #a6d3ee55;border-radius:10px;margin:10px 0}.partTabs button{flex:1;padding:11px 8px;font-size:13px;font-weight:700;border:0}.partTabs button[aria-selected=true]{background:#d6edff;color:#18344d}.partTabs button:focus-visible{outline:2px solid #ffe798}.garage{margin:8px 0 16px}.garage .part[hidden]{display:none!important}.garage .part{min-height:0}h1{font-size:clamp(28px,3vw,42px);margin:10px 0;line-height:1.05;letter-spacing:-1.5px}.garage .previewChoices img{max-height:95px;width:100%;object-fit:contain}.garage .previewChoices{gap:6px}.garage .partExplanation{font-size:10px;line-height:1.5;max-height:80px;overflow:auto}.buildActions{margin:8px 0}.partTabs~.garage .colorPicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.partTabs~.garage .swatches{display:flex;flex-wrap:wrap;margin:0;gap:5px}.partTabs~.garage .part label{margin-top:10px}.partTabs~.garage .swatches button{width:22px;height:22px}#previewPanel{top:15%;}main>p:first-of-type{margin:8px 0 12px}@media(max-width:700px){.partTabs{top:269px;padding:5px;margin:6px 0}.partTabs button{padding:8px 6px;font-size:12px}#previewPanel{position:relative;top:auto;margin:7px 0}#kartPreview{height:145px}.partTabs{top:0}h1{font-size:28px}.garage .previewChoices img{max-height:72px}.garage .partExplanation{max-height:70px}.garage .part{padding:10px}.garage .previewChoices{grid-template-columns:repeat(3,minmax(0,1fr))}.previewBottom{padding:3px 10px}.previewTop{padding:7px 12px}}
@media(max-width:700px){#previewPanel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.previewTop,.previewBottom{grid-column:1/-1}#kartPreview{grid-column:1;grid-row:2;height:135px}#previewPanel #stats{grid-column:2;grid-row:2;display:block;margin:0 8px 4px 0;padding:8px}.statRow{margin-bottom:7px}.statRow:last-child{margin:0}.statRow b{font-size:10px!important}.statRow span{font-size:8px}.statSegments{height:7px}.previewBottom{padding:3px 8px}.previewBottom button{font-size:10px;padding:4px 8px}.previewTop{padding:7px 10px;font-size:9px}.buildActions button{padding:7px 8px;font-size:10px}.partTabs{margin:5px 0}.previewTop span+span{font-size:7px}}

#boostPanel{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);width:320px;max-width:40vw;padding:12px 15px;background:#10283deF;border:1px solid #8addff88;border-radius:12px;z-index:3;pointer-events:none;box-shadow:0 8px 24px #0004}.boostHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.boostHeader strong{font-size:13px;letter-spacing:1px;color:#e4faff}.boostHeader span{font-size:10px;color:#94e8ff;border:1px solid #8addff66;border-radius:4px;padding:3px 6px}#nitroBar{width:100%;height:15px;border-radius:5px;overflow:hidden;background:#081727;border:1px solid #9bd8f64d}#nitroFill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#268ee8,#6eeaff);box-shadow:0 0 12px #54cfff;transition:width .06s linear}#boostPanel #nitroInfo{font-size:9px;margin-top:6px;letter-spacing:.3px;color:#bbdfe8}#boostPanel[data-boosting=true]{border-color:#efffff;box-shadow:0 0 24px #52d9ff77}body:has(#menu:not([hidden])) #boostPanel{visibility:hidden}@media(max-width:700px){#boostPanel{bottom:70px;width:260px;max-width:82vw;padding:7px 10px}.boostHeader{margin-bottom:5px}.boostHeader strong{font-size:11px}.boostHeader span{font-size:8px;padding:2px 5px}#nitroBar{height:11px}#boostPanel #nitroInfo{font-size:8px;margin-top:4px}#touch{bottom:12px}#touch button{height:48px}body.playing footer{display:none}}

.racerPopup.injury{color:#ffdc87;border-color:#ffb640}.racerPopup.knockout{color:#fff4ed;border-color:#ff6c68;background:#5d2239;font-size:15px}#touch [data-key=Space]{font-size:10px;font-weight:700}

.audioSettings{flex-wrap:wrap}.musicCredit{font-size:10px;color:#c6e5f3;flex-basis:100%}

.coursePicker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 12px}.coursePicker button{text-align:left;padding:10px;font-size:11px;background:#163748}.coursePicker button small{display:block;margin-top:5px;font-size:8px;color:#b8d2ce}.coursePicker button[aria-pressed=true]{border-color:#d2edff;background:#30576c}.coursePicker button:disabled{opacity:.5;cursor:not-allowed}#unlockMessage{padding:14px;background:#7deb9d25;border:1px solid #9deabc;color:#c4ffdc;border-radius:8px;margin:12px 0;font-size:13px}#killFeed{position:fixed;right:4%;top:205px;z-index:5;pointer-events:none}#killFeed>div{padding:10px 14px;margin:5px 0;border-radius:6px;background:#42233eeF;border:1px solid #ffcb8c;color:#fff0ca;font-weight:700;font-size:12px}.resultActions{flex-wrap:wrap;gap:8px}@media(max-width:700px){#killFeed{top:175px}#killFeed>div{font-size:10px}.coursePicker button{font-size:10px;padding:8px}}
.raceSetup{margin:18px 0 24px;padding:16px;background:#10283c;border:1px solid #638096;border-radius:14px}.modeTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modeTabs button{padding:13px;text-align:left}.modeTabs small,.coursePicker small,#cupRoute span,#cupRoute small{display:block;margin-top:5px;font-size:12px;line-height:1.5}.modeTabs [aria-pressed=true],.coursePicker [aria-pressed=true]{border-color:#baff69;background:#294333}.teamToggle{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:14px}.teamToggle input{width:18px;height:18px}.raceSetup p,.raceSetup small{color:#c1d4df;line-height:1.5}.coursePicker{grid-template-columns:1fr 1fr}.coursePicker button{position:relative}.coursePicker button:disabled{opacity:.6}#cupRoute{padding:16px;background:#24374b;border-radius:8px}#onlineSetup,#rewardsShelf{border-top:1px solid #506477;margin-top:16px;padding-top:12px}#onlineSetup label{display:block;font-size:12px}#onlineSetup input{background:#0b1d2b;color:white;border:1px solid #66839b;border-radius:6px;padding:10px;max-width:100%;box-sizing:border-box}.roomActions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}#roomCode{width:125px;text-transform:uppercase}#roomLobby{background:#203d46;padding:14px;margin-top:12px;border-radius:8px}#roomTitle{color:#c4ff8a;font-size:20px;letter-spacing:2px}#rewardList p{font-size:13px;margin:10px 0}.lockedPrize{opacity:.55}.previewChoices button:disabled{opacity:.4;cursor:not-allowed}.previewChoices button:disabled small{color:#ffdc91}#roomChat{position:fixed;left:16px;bottom:18px;z-index:55;width:300px;max-width:calc(100vw - 32px);padding:10px;background:#0b2032ed;border:1px solid #6e91a4;border-radius:12px}#chatToggle{padding:6px 10px}#chatMessages{max-height:145px;overflow:auto;font-size:12px;line-height:1.5;margin:8px 0}#chatMessages div{overflow-wrap:anywhere;margin:4px 0}#chatForm{display:flex;gap:6px}#chatInput{width:100%;min-width:0;background:#162c40;border:1px solid #748a9d;border-radius:6px;color:white;padding:8px}#chatForm button{padding:8px}#chatStatus{display:block;font-size:10px;margin-top:6px;color:#bdd2dd}#cupStandings{margin:12px 0;background:#1a3547;padding:12px;border-radius:8px;text-align:left}#cupStandings:empty{display:none}#cupStandings p{font-size:13px;margin:5px 0}#travelScene{position:fixed;inset:0;pointer-events:none;z-index:48;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#071b4360,#050716e0);animation:travelFade 3s both}#travelScene[hidden]{display:none}#travelScene strong{font-size:clamp(26px,5vw,60px);color:#edffb6;text-shadow:0 2px 15px #123}#travelScene small{font-size:18px;letter-spacing:4px;color:#d7f0ff}.travelRocket{font-size:80px;color:#eef4ff;text-align:center;animation:rocketLift 3s both}.travelRocket span{display:block;font-size:56px;line-height:.45}.travelRocket i{display:block;font-size:50px;line-height:1.3}@keyframes rocketLift{0%{transform:translateY(150px) rotate(-8deg)}65%{transform:translateY(-40px) rotate(8deg)}100%{transform:translateY(-500px) scale(.15)}}@keyframes travelFade{0%,100%{opacity:0}15%,80%{opacity:1}}@media(max-width:650px){#roomChat{bottom:100px;width:240px}.coursePicker{grid-template-columns:1fr 1fr}.raceSetup{padding:12px}.modeTabs button{font-size:13px}}
.racerName{position:fixed;transform:translate(-50%,-100%);font-size:11px;font-weight:800;text-shadow:0 1px 4px #000;background:#0a1e32bb;border:1px solid #8194a7;padding:3px 7px;border-radius:5px;pointer-events:none;white-space:nowrap}
.connectionTabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.connectionTabs button{text-align:left;padding:14px;border:1px solid #7b9db4;background:#153046}.connectionTabs b{font-size:17px;letter-spacing:1px}.connectionTabs small{display:block;margin-top:5px;color:#c1d4df;font-size:12px}.connectionTabs [aria-pressed=true],.formatChoice [aria-pressed=true]{background:#2d493a;border:2px solid #baff74;box-shadow:0 0 0 2px #baff7420}.racerIdentity{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:10px;background:#10283c;border:1px solid #68899e;border-radius:12px;padding:14px}.racerIdentity label{font-size:11px;color:#e2f0f8;letter-spacing:1px}.racerIdentity input{font:inherit;font-size:18px;letter-spacing:0;background:#091e2c;border:1px solid #7395ab;color:white;border-radius:6px;padding:11px;min-width:0;width:100%}.racerIdentity small{grid-column:1/-1;color:#bcd3dd;font-size:11px;line-height:1.5}.formatChoice{margin:14px 0}.formatChoice>span{font-size:11px;letter-spacing:1px;color:#bcd8e7}.formatChoice>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.formatChoice button{font-size:12px;font-weight:800;text-align:left;padding:12px}.formatChoice small{display:block;font-size:10px;font-weight:400;margin-top:4px}.formatChoice p{font-size:12px;margin:8px 0}#onlineSetup h3{font-size:13px;letter-spacing:2px}#teamSelectLabel{margin:12px 0 8px;font-size:11px}#teamSelectStatus{display:block;color:#d9ffae;margin-bottom:10px}#roomMembers{line-height:1.8;font-size:13px}#unlockBanner{position:fixed;left:50%;top:20px;transform:translateX(-50%);width:min(620px,92vw);z-index:110;background:linear-gradient(135deg,#31543a,#102a37);border:2px solid #daff91;border-radius:14px;padding:16px 22px;box-shadow:0 0 45px #afff7050;pointer-events:none;text-align:center;animation:unlockPop .4s ease-out}#unlockBanner strong{display:block;font-size:14px;color:#edff9d;letter-spacing:4px}#unlockBanner b{display:block;font-size:24px;margin:6px 0}#unlockBanner span{display:block;color:#e2f3dd;font-size:13px;line-height:1.6}#unlockMessage{padding:20px!important;font-weight:700;border:2px solid #d0ff93!important;line-height:1.7}#podium{position:fixed;inset:0;z-index:90;background:radial-gradient(ellipse at 50% 20%,#355f7e,#0d2038 75%);display:flex;flex-direction:column;align-items:center;padding:22px max(18px,4vw);overflow-y:auto}.podiumHeading{text-align:center;flex-shrink:0}.podiumHeading small{color:#d6e6f5;font-size:11px;letter-spacing:3px}.podiumHeading h2{font-size:clamp(24px,4vw,44px);margin:9px 0}.podiumHeading p{margin:0 auto;font-size:13px;max-width:650px}#podiumCanvas{position:relative;inset:auto;width:min(100%,1100px);height:clamp(230px,41vh,450px);flex:0 0 auto;display:block;pointer-events:none;border-radius:16px;margin-top:12px}#podiumNames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,900px);margin-top:8px}#podiumNames>div{text-align:center;border:1px solid #90a7b7;background:#173349;padding:12px;border-radius:10px;min-width:0}#podiumNames .gold{border:2px solid #ffdd76;box-shadow:0 0 28px #ffe17625}#podiumNames .bronze{border-color:#d59365}#podiumNames b{display:block;font-size:11px;letter-spacing:2px;color:#d8e5ec}#podiumNames .gold b{color:#ffdf81}#podiumNames .bronze b{color:#edb58e}#podiumNames strong{display:block;font-size:clamp(13px,2vw,21px);margin:5px 0;overflow-wrap:anywhere}#podiumNames small{display:block;font-size:11px;line-height:1.6;color:#d5e5ef}#podiumUnlocks{width:min(100%,900px);padding:13px;margin-top:12px;background:#244637;border:1px solid #b8f39d;border-radius:10px;color:#e2ffd2;text-align:center;font-size:13px;line-height:1.6}.podiumActions{display:flex;justify-content:center;gap:12px;margin:16px 0;flex-wrap:wrap}.podiumActions .primary{min-width:190px}#podium[hidden]{display:none!important}@keyframes unlockPop{from{opacity:0;transform:translate(-50%,-20px) scale(.95)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@media(max-width:600px){#podium{padding:16px 12px}#podiumNames{gap:6px}#podiumNames>div{padding:9px 5px}.racerIdentity{grid-template-columns:minmax(0,1fr) 95px}#unlockBanner b{font-size:19px}}
#menu>h1{font-size:clamp(30px,4vw,46px);letter-spacing:-2px;line-height:1.1;margin:6px 0 12px}.setupSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 14px}.setupSteps button{font-size:12px;padding:10px 7px;background:#132e42}.setupSteps [aria-current=step]{background:#d9ff9c;color:#173324;border-color:#d9ff9c;font-weight:800}#setupPlay h2{font-size:25px;letter-spacing:-1px;margin:18px 0}#setupPlay>p{font-size:13px}.setupActions{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.setupActions .primary{min-width:200px}.subtle{font-size:11px;padding:8px 12px;margin:8px 0}#setupRace .raceSetup{margin:6px 0;padding:12px}#setupRace #modeExplanation{font-size:12px;margin:10px 0}.audioSettings{flex-wrap:wrap}.audioSettings label[for=musicTrack]{width:100%;font-size:11px;margin-top:8px}#musicTrack{max-width:100%;width:100%;font-size:14px;height:42px}#nowPlaying{font-size:12px;color:#d2ffa8;width:100%}.audioSettings>small{font-size:11px;line-height:1.6}#resultCourses{padding:14px;border:1px solid #8bbba6;border-radius:8px;margin-top:12px}#resultCourseButtons{display:grid;grid-template-columns:1fr 1fr;gap:7px}#resultCourseButtons button{font-size:12px;padding:10px;text-align:left}#resultCourseHint{font-size:11px;display:block;margin-top:9px;line-height:1.5}#spectatorPanel{position:fixed;right:18px;top:100px;width:290px;max-width:90vw;background:#0e2a40ed;border:1px solid #94b6c8;z-index:7;border-radius:12px;padding:12px}#spectatorPanel strong{font-size:11px;letter-spacing:2px;color:#d4ff9e}#spectatorName{display:block;font-size:15px;margin:8px 0}#spectatorPanel>div{display:flex;gap:5px}#spectatorPanel button{font-size:10px;padding:8px}#spectatorPanel>button{width:100%;margin-top:8px}#spectatorPanel [aria-pressed=true]{border-color:#c8ff95;background:#2b4939}body:has(#result:not([hidden])) #touch{pointer-events:none}@media(max-width:650px){#spectatorPanel{top:80px;right:10px;width:245px}#resultCourseButtons{grid-template-columns:1fr}#menu>h1{margin-top:4px}.setupSteps{position:sticky;top:0;z-index:8;background:#16354b;padding:5px;border-radius:9px}}

#hallEvents{display:grid;gap:10px;margin:12px 0}.hallEvent{padding:14px;border:1px solid #5d8e87;border-radius:12px;background:#102b35}.hallEvent b,.hallEvent small{display:block;margin-bottom:6px}.hallEvent button{margin-top:8px}.racerIdentity{flex-wrap:wrap}.racerIdentity select{max-width:220px}#eventTitle{width:100%;box-sizing:border-box}#hallMembers{color:#9fffd0}
/* Results: equal-width, wrapping actions instead of shrinking tall text columns. */
#result{position:fixed;inset:5vh auto auto 50%;width:min(940px,94vw);max-width:94vw;max-height:90dvh;transform:translateX(-50%);padding:clamp(16px,3vw,30px);border-radius:16px;background:#142b42fa;box-shadow:0 24px 90px #0009;overscroll-behavior:contain;scrollbar-gutter:stable;z-index:50}
#result h2{font-size:clamp(24px,4vw,36px);margin:8px 0 12px}#result p{max-width:none}.resultsTableWrap{width:100%;overflow-x:auto}.standings{min-width:530px;table-layout:auto}.standings td:nth-child(2){min-width:130px}.standings td:nth-child(3){white-space:nowrap}.standings td{line-height:1.45;padding:11px 8px}.standings td small{line-height:1.5;font-size:10px}.standings th{white-space:nowrap}.resultActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin-top:18px}.resultActions>button,.resultActions>button:last-child,.resultActions>.primary{width:100%;min-width:0;max-width:100%;min-height:52px;padding:14px 16px;font-size:14px;line-height:1.45;text-align:center;white-space:normal;overflow-wrap:break-word;float:none}.resultActions button span{float:none}.resultActions #continueCup,.resultActions #nextCourse{grid-column:1/-1}#intermissionInfo,#cupBuildNotice{padding:14px 16px;background:#254c3e;border:1px solid #b2e596;border-radius:9px;color:#ecffd5;line-height:1.6;font-size:14px}#cupStandings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:18px 0}#cupStandings>b{grid-column:1/-1;margin-bottom:8px}#cupStandings p{margin:2px 0;font-size:12px;overflow-wrap:anywhere}body:has(#result:not([hidden])) #boostPanel,body:has(#result:not([hidden])) #damagePanel,body:has(#result:not([hidden])) #mapPanel,body:has(#result:not([hidden])) #touch,body:has(#result:not([hidden])) #spectatorPanel{visibility:hidden}
#teamNaming{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #7a9f9b;border-radius:10px;margin-top:12px}#teamNaming input,#teamNaming select{width:100%;max-width:none;min-width:0;height:40px;padding:8px;background:#112b3d;color:white;border:1px solid #7594a6;border-radius:5px;font:inherit}#teamNaming small{grid-column:1/-1;font-size:11px;color:#cfffab}button:disabled{cursor:not-allowed;opacity:.55}.racerIdentity{grid-template-columns:repeat(2,minmax(0,1fr))}.racerIdentity select{max-width:none;width:100%;min-width:0;height:40px;padding:6px}.racerIdentity label{min-width:0;letter-spacing:.3px;font-size:10px}
@media(max-width:580px){#result{inset:3dvh auto auto 50%;max-height:94dvh;padding:16px}.resultActions{grid-template-columns:1fr}.resultActions>button,.resultActions>.primary{font-size:13px;min-height:48px}.standings{min-width:490px}#cupStandings{grid-template-columns:1fr}#teamNaming{grid-template-columns:1fr}}
#finishPanel{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:8;width:min(620px,94vw);padding:16px;background:#112b3deb;border:1px solid #c9dfed;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;box-shadow:0 8px 35px #0006}#finishCaption{display:block;width:100%;text-align:center;font-size:18px;color:#e9ffd7}#finishCountdown{width:100%;text-align:center;font-size:13px;color:#caff9f}#finishPanel button{font-size:12px;min-height:44px}#injuryBanner{position:fixed;top:24%;left:50%;transform:translateX(-50%);width:min(550px,88vw);z-index:20;pointer-events:none;background:#61252aef;border:2px solid #ffb785;border-radius:12px;padding:18px;text-align:center;box-shadow:0 0 35px #ff563450}#injuryBanner strong{display:block;font-size:21px;color:#fff2c7;margin-bottom:8px}#injuryBanner span{font-size:14px;line-height:1.6;color:#fff4ee}body:has(#result:not([hidden])) #finishPanel{visibility:hidden}
html.loadingGame #menu{visibility:hidden}#teamBreakdown{padding:12px 0;border-top:1px solid #a9cde044;margin-top:12px}#teamBreakdown h3{font-size:16px;letter-spacing:1px;margin:8px 0}#teamBreakdown p{font-size:11px;margin:5px 0}#teamBreakdown .standings td{white-space:normal;min-width:80px}#teamBreakdown .standings td:nth-child(2){min-width:220px}#teamBreakdown small{font-size:10px;line-height:1.6}

.courseMapPreview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;padding:16px;margin:16px 0;border:1px solid #789da8;border-radius:14px;background:#112b3a}.courseMapPreview strong{font-size:1.1rem;color:#d6ffb3}.courseMapPreview p{font-size:.85rem;line-height:1.5}.courseMapPreview small{font-size:.72rem;line-height:1.4;color:#b5cfdb}.courseMapPreview canvas{width:100%;height:auto;max-height:210px;object-fit:contain}@media(max-width:600px){.courseMapPreview{grid-template-columns:1fr;gap:6px}.courseMapPreview canvas{max-height:160px}}

body.touchDriving.playing{overscroll-behavior:none;user-select:none;-webkit-user-select:none}#world{touch-action:none}body.touchDriving.playing #touch{display:flex;pointer-events:none;align-items:flex-end;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));gap:20px}#touch .touchSteering,#touch .touchPedals{pointer-events:auto}#touch .touchSteering{width:180px;display:flex;flex-direction:column;gap:8px;align-items:center}#touch #autoGas{width:auto;height:34px;padding:5px 12px;font-size:10px;border-radius:18px;background:#153b40e8}#steerPad{width:180px;height:104px;position:relative;border:2px solid #a3cdd280;border-radius:54px;background:#132e42d9;touch-action:none;box-shadow:inset 0 0 20px #0005}#steerPad>span{position:absolute;top:12px;left:0;right:0;text-align:center;color:#d1edee;font-size:9px;letter-spacing:1px;pointer-events:none}#steerKnob{display:block;position:absolute;left:calc(50% - 25px);top:37px;width:50px;height:50px;border-radius:50%;background:#c4ff9b;border:5px solid #7aad73;box-shadow:0 3px 10px #0006;pointer-events:none}#touch .touchPedals{display:grid;grid-template-columns:repeat(2,68px);gap:9px}#touch .touchPedals button{width:68px;height:58px;font-size:11px;font-weight:bold;padding:4px;border-radius:18px;touch-action:none;background:#18364ae6;border:2px solid #adcbd2a0}#touch [data-action=boost]{background:#376b39e8!important;color:#dcffba}#touch [data-action=brake]{background:#713742e8!important}#touch button[data-held=true]{filter:brightness(1.55);transform:scale(.96)}body.touchDriving.playing header{padding:8px 12px}body.touchDriving.playing .brand{font-size:16px}body.touchDriving.playing .brand small,body.touchDriving.playing footer{display:none}body.touchDriving.playing #hud{top:62px;left:12px;right:12px}body.touchDriving.playing #zone{font-size:15px}body.touchDriving.playing #mapPanel{top:62px;right:12px;bottom:auto;width:86px;padding:4px}body.touchDriving.playing #minimap{height:95px}body.touchDriving.playing #mapPanel small,body.touchDriving.playing #mapPanel>span{display:none}body.touchDriving.playing .numbers{right:102px}body.touchDriving.playing #speed{font-size:28px}body.touchDriving.playing #clock{font-size:13px}body.touchDriving.playing #boostPanel{bottom:170px;left:12px;right:auto;width:160px}body.touchDriving.playing #damagePanel{bottom:170px;left:auto;right:12px;transform:none;width:130px;padding:6px}body.touchDriving.playing #damagePanel .damageGrid{gap:2px}body.touchDriving.playing #toast{top:38%;font-size:12px;pointer-events:none}@media(max-width:390px){#touch .touchSteering,#steerPad{width:158px}#touch .touchPedals{grid-template-columns:repeat(2,60px);gap:7px}#touch .touchPedals button{width:60px;height:55px}}@media(orientation:landscape) and (max-height:550px){body.touchDriving.playing #hud{top:48px}body.touchDriving.playing #mapPanel{top:48px;width:78px}body.touchDriving.playing #minimap{height:72px}body.touchDriving.playing #damagePanel{top:138px;bottom:auto;right:12px;width:110px;font-size:8px}body.touchDriving.playing #boostPanel{top:96px;bottom:auto;left:12px;width:160px}body.touchDriving.playing #damageInfo,body.touchDriving.playing #eventInfo,body.touchDriving.playing #hud .progress{display:none}body.touchDriving.playing #touch .touchSteering{width:176px}body.touchDriving.playing #steerPad{width:176px;height:94px}body.touchDriving.playing #steerKnob{top:32px}body.touchDriving.playing #toast{top:27%;max-width:380px}}

.courseMapPreview canvas{position:relative;inset:auto;display:block}
@media(orientation:landscape) and (max-height:550px){body.touchDriving.playing #damagePanel{top:48px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:68px;padding:4px}body.touchDriving.playing #damagePanel svg{width:44px}body.touchDriving.playing #damagePanel strong{font-size:7px}body.touchDriving.playing #boostPanel{top:78px;bottom:auto;left:12px;width:146px;padding:5px}body.touchDriving.playing #boostPanel strong,body.touchDriving.playing #nitroInfo{font-size:8px}}

body.touchDriving.playing #boostPanel{transform:none!important;left:calc(env(safe-area-inset-left,0px) + 12px);max-width:160px;box-sizing:border-box}body.touchDriving.playing #touch{left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}body.touchDriving.playing header{padding-left:calc(env(safe-area-inset-left,0px) + 12px);padding-right:calc(env(safe-area-inset-right,0px) + 12px)}
@media(orientation:landscape) and (max-height:550px){body.touchDriving.playing #damagePanel{left:auto;right:calc(env(safe-area-inset-right,0px) + 12px);top:138px;bottom:auto;transform:none!important;width:76px;padding:4px}body.touchDriving.playing #damagePanel svg{width:42px}body.touchDriving.playing #damagePanel strong{font-size:8px}body.touchDriving.playing #boostPanel{top:78px;bottom:auto;left:calc(env(safe-area-inset-left,0px) + 12px);right:auto;width:148px;max-width:148px;padding:6px;transform:none!important}body.touchDriving.playing #mapPanel{right:calc(env(safe-area-inset-right,0px) + 12px)}body.touchDriving.playing #hud{left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px)}body.touchDriving.playing .boostHeader{font-size:8px;gap:4px}body.touchDriving.playing #boostPanel #nitroInfo{font-size:8px;line-height:1.3;letter-spacing:0}body.touchDriving.playing #nitroBar{height:9px}}
@media(orientation:landscape) and (max-height:350px){body.touchDriving.playing #damagePanel{top:130px;width:86px}body.touchDriving.playing #damagePanel svg{display:none}body.touchDriving.playing #damagePanel strong{font-size:9px}}

@media(orientation:landscape) and (max-height:550px){body.touchDriving.playing #damageEffects{display:none}}

.grandPrize{border:1px solid #a6df71;border-radius:12px;padding:14px;margin:12px 0;background:#122e31}.grandPrize p{font-size:13px;line-height:1.6}.grandPrize code{display:inline-block;font-size:20px;padding:10px;user-select:all}.grandPrize a{display:inline-block;color:#d8ff8a;padding:12px;font-weight:bold}.grandPrize button{margin:6px}