.extra-modes{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.extra-modes button{font:7px Body;letter-spacing:.5px;padding:0;background:none;color:var(--muted)}.extra-modes button:hover{color:var(--orange)}.shock-button{pointer-events:auto;position:absolute;bottom:62px;left:50%;transform:translateX(-50%);background:#203a33ee;color:var(--paper);font:8px Body;letter-spacing:1px;padding:12px 19px 14px;display:flex;gap:8px;align-items:center;min-width:207px;justify-content:center}.shock-button kbd{font-size:9px;padding:3px 5px}.shock-button i{position:absolute;bottom:0;left:0;height:3px;background:var(--lime)}.shock-button.charged{background:var(--lime);color:var(--ink)}.shock-button.charged i{background:var(--orange)}.shock-button:active{transform:translate(-50%,1px)}.shock-button:disabled{opacity:.9;cursor:default}.rush-timer{position:absolute;top:24px;left:50%;transform:translateX(-50%);text-align:center;background:var(--paper);color:var(--ink);padding:12px 21px;box-shadow:3px 3px 0 #203a3340}.rush-timer small{font:7px Body;letter-spacing:1px}.rush-timer strong{display:block;font:42px/1.1 Display;font-variant-numeric:tabular-nums}.rush-timer.urgent{background:var(--orange);color:var(--paper)}.achievement{position:absolute;left:28px;bottom:230px;font:8px Body;letter-spacing:.8px;padding:12px 15px;background:var(--ink);color:var(--lime);border-left:3px solid var(--lime);opacity:0;transition:opacity .2s;max-width:270px}.achievement.show{opacity:1}.airtime{position:absolute;left:50%;top:38%;transform:translateX(-50%) rotate(-4deg);font:42px Display;color:var(--lime);text-shadow:3px 3px 0 var(--ink);white-space:nowrap}.garage-dialog{padding:0;width:940px}.garage-banner{height:250px;position:relative;overflow:hidden;background:var(--ink)}.garage-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.garage-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#203a33f2,transparent 95%)}.garage-banner>div{position:absolute;top:29px;left:32px;color:var(--paper);z-index:1}.garage-banner h2{font-size:65px;margin-top:15px}.garage-banner h2 em{color:var(--lime)}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr)}.vehicle-grid>button{padding:28px;text-align:left;background:transparent;border-bottom:3px solid transparent;border-right:1px solid var(--line);position:relative}.vehicle-grid>button.selected{border-bottom-color:var(--orange);background:#e8e9d5}.vehicle-grid small{font:7px Body;letter-spacing:1px}.vehicle-grid strong{font:27px Display;display:block;margin:10px 0 17px}.vehicle-grid p{font-size:10px;line-height:1.7}.vehicle-grid b{display:block;margin-top:20px;font-size:8px;letter-spacing:1px;font-weight:400}.swatch{display:block;width:44px;height:10px;margin-bottom:15px;box-shadow:3px 3px 0 #203a3322}.swatch.lime{background:#cfef64}.swatch.coral{background:#c95f42}.swatch.gold{background:#efb84f}.garage-footer{padding:5px 28px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;border-top:1px solid var(--line)}.garage-footer .text-button{margin:0;font-size:11px}.results-dialog{width:450px}.result-score{font:76px Display;color:var(--orange);line-height:1.1;font-variant-numeric:tabular-nums}.result-stats{display:flex;justify-content:space-between;padding:18px 0;margin:20px 0;border-block:1px solid var(--line)}.result-stats span{font-size:7px;letter-spacing:1px}.result-stats strong{font:32px Display;display:block}.results-dialog #result-best{font-size:8px;letter-spacing:.6px}
@media(max-width:900px){.extra-modes{grid-column:2;font-size:6px}.extra-modes button{font-size:6px}.shock-button{bottom:86px;min-width:145px;padding:9px 10px 11px;font-size:6px}.shock-button kbd{display:none}.achievement{left:16px;bottom:230px;font-size:6px;padding:9px;max-width:200px}.rush-timer{top:90px;padding:6px 12px}.rush-timer small{font-size:5px}.rush-timer strong{font-size:29px}.garage-dialog{padding:0}.garage-banner{height:200px}.garage-banner h2{font-size:51px}.vehicle-grid>button{padding:17px 14px}.vehicle-grid small{font-size:5px}.vehicle-grid strong{font-size:21px}.vehicle-grid p{font-size:8px}.vehicle-grid b{font-size:6px}.garage-footer{padding:5px 16px;font-size:5px}.airtime{font-size:30px}.drive-tools{bottom:192px}}
@media(max-width:480px){.extra-modes{margin-top:14px}.extra-modes button{font-size:7px}.hero{padding-bottom:21px}.shock-button{bottom:145px;left:50%;min-width:145px;font-size:7px}.achievement{bottom:238px;font-size:6px;max-width:180px}.vehicle-grid{grid-template-columns:1fr}.garage-banner{height:200px}.vehicle-grid>button{padding:15px 20px;display:grid;grid-template-columns:1fr 100px;column-gap:10px;border-right:0;border-bottom:1px solid var(--line)}.vehicle-grid small{font-size:6px}.vehicle-grid strong{margin:6px 0;font-size:24px}.vehicle-grid p{grid-column:2;grid-row:1/4;margin:0;align-self:center;font-size:8px}.vehicle-grid .swatch{display:none}.vehicle-grid b{font-size:6px;margin-top:2px}.garage-footer{font-size:5px}.garage-footer .text-button{font-size:9px}.result-score{font-size:65px}.results-dialog h2{font-size:60px}}
.drive-tools button{color:var(--ink)}.score{padding:12px 16px;background:#203a33b8;border-right:3px solid var(--lime)}.score strong{font-size:46px}.score span{font-size:7px}.hud-top .score small{font-size:7px}@media(max-width:900px){.score{padding:9px 11px}.score strong{font-size:33px}.hud-top .score small{font-size:5px}.score span{font-size:5px}}
@media(max-width:480px){.map{width:100px}.map canvas{width:86px;height:74px}.map span{font-size:6px}}
.control-deck{display:none;height:42px;background:#233d37;color:var(--paper);align-items:stretch;justify-content:center;border-bottom:1px solid #455c4c;padding:0 18px;gap:5px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.playing .control-deck{display:flex}.control-deck button{font:8px Body;letter-spacing:.5px;color:var(--paper);background:transparent;display:flex;align-items:center;gap:5px;padding:6px 9px;flex-shrink:0}.control-deck kbd{font:9px Body;background:#f2efdf13;border-color:#f2efdf66;margin:0;padding:4px 5px}.control-deck button:hover{background:#f2efdf16}.control-deck button.active{background:var(--orange)}.control-deck #effects-button{color:var(--lime);border-left:1px solid #ffffff28}body.playing .layout{height:calc(100dvh - 171px)}.playing .control-hint{display:none}.shock-button{bottom:27px}.dock-action{pointer-events:auto;position:absolute;left:50%;bottom:81px;transform:translateX(-50%);background:#203a33e8;color:var(--paper);font:8px Body;padding:10px 15px;display:flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:.5px}.dock-action kbd{font-size:9px;margin:0}.dock-action.near{background:var(--lime);color:var(--ink)}.dock-action:active{transform:translate(-50%,1px)}.vehicle-stats{position:absolute;right:28px;top:138px;font:7px Body;letter-spacing:.9px;color:var(--paper);background:#203a3399;padding:7px 10px}.impact-flash{position:absolute;inset:0;pointer-events:none;z-index:3;background:#ffdfa5;opacity:0}.speed-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 50%,#e3f7b85c 100%);mix-blend-mode:screen}.harbor-dialog{width:770px}.harbor-dialog>p{max-width:620px}.harbor-route{display:flex;gap:15px;align-items:start;margin:30px 0;padding:24px 0;border-block:1px solid var(--line)}.harbor-route>div{flex:1}.harbor-route span{font:9px Body;color:var(--orange)}.harbor-route strong{display:block;font:28px Display;margin:8px 0}.harbor-route small{font:10px/1.7 Body;color:var(--muted);display:block}.harbor-route i{font-style:normal;color:var(--orange);margin-top:27px}.harbor-instructions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.harbor-instructions p{margin:0;font-size:9px}.harbor-instructions b{font-size:8px;margin-left:5px}.harbor-instructions span{display:block;margin-top:14px;color:var(--muted);line-height:1.7}.boat-mode .mission{border-left-color:#93d9d4}.boat-mode .speed .boost-bar i{background:#93d9d4}.boat-mode .dock-action{bottom:34px;background:#93d9d4;color:var(--ink)}
@media(max-height:800px) and (min-width:901px){body.playing .layout{height:calc(100dvh - 147px)}}
@media(max-width:1100px){.control-deck{justify-content:flex-start;padding:0 12px;gap:0}.control-deck button{padding:5px 8px;font-size:7px}}
@media(max-width:900px){body.playing .layout{height:calc(100dvh - 110px)}.control-deck{height:42px}.vehicle-stats{top:100px;right:15px;font-size:5px}.dock-action{bottom:245px;font-size:6px;padding:8px 10px;max-width:94%;white-space:normal}.shock-button{bottom:145px}.boat-mode .dock-action{bottom:145px}.harbor-route{gap:10px}.harbor-route strong{font-size:23px}.harbor-route small{font-size:8px}.harbor-instructions{gap:16px}.harbor-instructions b{font-size:7px}}
@media(max-width:480px){.harbor-route{flex-direction:column;gap:18px;margin:22px 0;padding:18px 0}.harbor-route>div{display:grid;grid-template-columns:25px 100px 1fr;gap:8px;align-items:center}.harbor-route strong{margin:0;font-size:23px}.harbor-route i{display:none}.harbor-instructions{grid-template-columns:1fr;gap:22px}.harbor-dialog h2{font-size:58px}.harbor-route small{font-size:8px}.harbor-dialog{padding:26px}.control-deck button{font-size:7px}.control-deck kbd{font-size:8px}.vehicle-stats{top:98px;font-size:5px}.dock-action{bottom:244px}.boat-mode .dock-action{bottom:145px}.harbor-dialog .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){.impact-flash,.speed-vignette{display:none!important}}

.control-deck button:disabled,.drive-tools button:disabled{opacity:.4;cursor:default}

@media(max-width:900px){.achievement{bottom:295px}}
.login-button{display:inline-flex;align-items:center;gap:22px;text-decoration:none}.repair-button{position:absolute;right:28px;top:174px;width:220px;padding:10px;background:#203a33da;color:var(--paper);pointer-events:auto;text-align:left;font:8px Body;letter-spacing:.5px}.repair-button i{position:absolute;bottom:0;left:0;height:3px;background:var(--lime)}.repair-button.damaged{background:#98492fe8}.repair-button:disabled{opacity:.75;cursor:default}.race-hud{position:absolute;left:50%;top:26px;transform:translateX(-50%);background:var(--lime);color:var(--ink);padding:12px 24px;text-align:center}.race-hud small,.race-hud span{display:block;font:8px Body;letter-spacing:.6px}.race-hud strong{display:block;font:48px Display;font-variant-numeric:tabular-nums}.events-dialog{width:690px}.event-list{display:grid;gap:1px;border:1px solid var(--line);margin-top:24px;background:var(--line)}.event-list button{display:grid;grid-template-columns:1fr 1fr;text-align:left;background:var(--paper);padding:21px 24px;gap:7px}.event-list button:hover{background:#e4e8cc}.event-list span{font:8px Body;letter-spacing:1px;color:var(--orange)}.event-list strong{grid-row:2;font:29px Display}.event-list small{grid-row:3;font:9px Body;color:var(--muted)}.event-list b{grid-column:2;grid-row:1/4;align-self:center;justify-self:end;font:8px Body}.passport-dialog{width:610px}.passport-stamps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;color:var(--orange);font:9px Body;letter-spacing:.5px}.passport-stamps>div{padding:22px 15px;border:1px dashed var(--orange);text-align:center;line-height:1.8;transform:rotate(-1deg)}.passport-stamps>div:nth-child(even){transform:rotate(1deg)}.control-deck{justify-content:flex-start}.extra-modes{gap:14px;flex-wrap:wrap}
@media(max-width:900px){.repair-button{right:15px;top:129px;width:171px;font-size:6px;padding:9px}.race-hud{top:161px;padding:7px 17px}.race-hud strong{font-size:33px}.race-hud small,.race-hud span{font-size:6px}.event-list button{padding:17px;grid-template-columns:1fr}.event-list strong{font-size:25px}.event-list b{grid-row:4;grid-column:1;justify-self:start;margin-top:8px}.passport-stamps{grid-template-columns:1fr}.events-dialog h2,.passport-dialog h2{font-size:57px}.extra-modes{gap:12px}.extra-modes button{font-size:6px}}