:root{--red:#ff5035;--ink:#191f21;--cream:#f0f0e7;--muted:#b4bbb6;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#afb9b4;color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ffe05c;outline-offset:4px}button{color:inherit}#game{display:block;width:100%;height:100%}#vignette{position:fixed;inset:0;background:linear-gradient(180deg,#08111450,transparent 23%,transparent 60%,#09121265);pointer-events:none}#impact-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #ff452d;opacity:0;transition:opacity .3s}header{position:fixed;z-index:20;left:34px;right:34px;top:26px;display:flex;align-items:center;gap:44px;height:48px}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none}.brand i{background:var(--red);font-size:31px;font-weight:950;font-style:italic;display:grid;place-items:center;width:42px;height:42px;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.brand>span{font-size:19px;letter-spacing:2px;font-weight:900}.brand small{display:block;font:8px var(--mono);letter-spacing:4px;margin-top:3px}.location{font:9px var(--mono);letter-spacing:1.3px;text-shadow:0 1px 8px #0008}.location b{display:block;font-weight:400;opacity:.6;margin:7px 0 0 12px}.status-dot{display:inline-block;width:5px;height:5px;background:#dbf8be;border-radius:50%;margin-right:6px}nav{margin-left:auto;display:flex;gap:6px}nav button{background:#1922258c;border:1px solid #ffffff20;border-radius:3px;padding:10px 12px;font:10px var(--mono);display:flex;gap:8px;align-items:center;backdrop-filter:blur(12px)}nav button:hover,nav button.active{background:var(--cream);color:var(--ink)}.hidden{display:none!important}.overlay{position:fixed;z-index:10;inset:0}.intro{position:absolute;left:7vw;top:22%;max-width:670px}.eyebrow{font:10px var(--mono);font-weight:500;letter-spacing:2px;margin:0 0 22px}.eyebrow>span{width:26px;height:2px;background:var(--red);display:inline-block;vertical-align:middle;margin-right:10px}h1{font-size:clamp(55px,7vw,116px);letter-spacing:-6px;line-height:.91;font-weight:950;font-style:italic;margin:0}h1 em{color:var(--red);font-style:inherit}.intro-copy{font-size:14px;line-height:1.7;color:#d6dcd6;margin:27px 0 24px}.intro-actions{display:flex;gap:10px}.primary,.secondary{min-height:48px;padding:16px 20px;font:11px var(--mono);letter-spacing:1px;border:0;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:22px;font-weight:700}.primary{background:var(--red);color:#fff}.primary:hover{background:#ff6a51;transform:translateY(-1px)}.secondary{background:#1a242890;border:1px solid #ffffff40;color:#fff}.secondary:hover{background:#334044}.primary span,.secondary span{font-size:19px;line-height:12px}.intro-bottom{display:flex;gap:23px;font:8px var(--mono);margin-top:37px;letter-spacing:1px;color:#9aa9a5}.hero-label{position:absolute;right:9%;bottom:20%;border-left:2px solid var(--red);padding-left:16px}.hero-label span{display:block;font:9px var(--mono);letter-spacing:2px;color:#d8e0db}.hero-label strong{font-weight:900;letter-spacing:2px;display:block;font-size:25px;margin:7px 0}.hero-label small{font:10px var(--mono);color:#c8d0c9}.disclaimer{position:absolute;bottom:25px;left:7vw;font:8px var(--mono);letter-spacing:1.4px;color:#aab3ac}#welcome{background:linear-gradient(90deg,#0b171ded 0%,#0c191bc9 26%,#12212530 60%,transparent 100%)}#load{position:fixed;z-index:99;inset:0;display:grid;place-items:center;background:#162026;color:var(--red);font:12px var(--mono);letter-spacing:3px}#garage,#help,#result{background:#10191ab0;backdrop-filter:blur(12px);display:grid;place-items:center;padding:94px 24px 20px}.garage-panel{color:var(--ink);background:var(--cream);padding:30px;width:min(1050px,100%);max-height:100%;overflow:auto;box-shadow:0 30px 100px #0005;border-radius:4px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head .eyebrow{color:#677471;margin-bottom:8px;font-size:9px}h2{margin:0;letter-spacing:-1px;font-size:29px;font-weight:900;font-style:italic}.icon-btn{width:32px;height:32px;border:1px solid #cbd0c8;background:none;color:var(--ink)}.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.test-card{padding:20px 16px;text-align:left;color:var(--ink);background:#e5e7de;border:1px solid #d1d7ce;border-radius:2px;min-height:184px;display:flex;flex-direction:column}.test-card:hover{border-color:#929f95}.test-card.selected{border-color:var(--red);box-shadow:inset 0 -3px var(--red);background:#fffdf4}.test-number{font:8px var(--mono);letter-spacing:.6px;color:#6c7973}.test-card strong{font-size:19px;display:block;margin:19px 0 2px}.test-card strong b{float:right;color:var(--red)}.test-card p{font-size:11px;line-height:1.5;color:#65716a;margin-bottom:20px}.test-card>small{font:8px var(--mono);color:#53655b;margin-top:auto}.setup{margin-top:23px;padding-top:20px;border-top:1px solid #cdd4c9;display:grid;grid-template-columns:1fr 180px;gap:25px}.field-label{font:9px var(--mono);letter-spacing:1.2px;color:#687a6d;margin:0 0 12px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vehicle{color:var(--ink);border:1px solid #cbd3c7;border-radius:2px;background:transparent;text-align:left;padding:12px 13px;flex:1}.vehicle b{float:right;font:9px var(--mono);color:#88978c}.vehicle strong{display:block;font-size:14px}.vehicle small{display:block;font:7px var(--mono);color:#708173;margin-top:6px;letter-spacing:.5px}.vehicle.selected{background:var(--ink);color:var(--cream);border-color:var(--ink)}#colors{display:flex;gap:10px;padding-top:6px}.swatch{background:var(--paint);border:2px solid #fff8;outline:1px solid #c8cec4;width:27px;height:27px;border-radius:50%}.swatch.selected{outline:2px solid var(--ink);outline-offset:3px}.panel-footer{display:flex;align-items:center;gap:24px;margin-top:25px}.panel-footer .primary{margin-left:auto;min-width:210px}.text-btn{background:none;border:0;color:#4c6154;font:10px var(--mono);padding:10px 0}#save-status{font:9px var(--mono);color:#879286}.mission{position:fixed;top:115px;left:35px;width:300px;pointer-events:none}.mission .field-label{color:#ffc58b;font-size:8px}.mission h3{font-size:19px;font-style:italic;letter-spacing:-.4px;margin:9px 0;font-weight:900}.mission p{font-size:11px;color:#d5dfd7;line-height:1.5;margin:0;max-width:260px;text-shadow:0 1px 6px #000}#mission-progress{font:22px var(--mono);margin-top:14px;color:#fff}.telemetry{position:fixed;bottom:35px;right:35px;background:#122024dc;backdrop-filter:blur(15px);border:1px solid #ffffff18;width:260px;padding:20px;border-radius:3px}.speed{display:flex;align-items:center;gap:14px}.speed>span{background:var(--red);width:27px;height:32px;display:grid;place-items:center;font:16px var(--mono)}.speed strong{font:700 58px var(--mono);letter-spacing:-5px;line-height:1}.speed small{font:9px var(--mono);color:#a2b5af;align-self:end;margin-bottom:5px}.rpm{height:4px;background:repeating-linear-gradient(90deg,#60726844 0 8px,transparent 8px 10px);margin:13px 0 21px}.rpm i{display:block;background:var(--cream);width:0;height:100%;max-width:100%;transition:width .15s}.damage-row{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#a9bdb3}.damage-row b{font-size:10px;color:#e5ecdf}.damage-track{height:3px;background:#d1e0d32a;margin:8px 0 14px}.damage-track i{height:100%;width:100%;display:block;background:#d5efc6;transition:width .4s}.telemetry-bottom{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.4px;color:#859f91}.map-box{position:fixed;bottom:35px;left:35px;background:#142124d4;backdrop-filter:blur(10px);width:190px;border:1px solid #ffffff20;border-radius:3px;padding:12px}.map-head{font:8px var(--mono);letter-spacing:1px;color:#becdc3;display:flex;justify-content:space-between}.map-head span{color:var(--red)}#map{width:100%;height:130px;display:block;margin-top:6px}.map-caption{font:7px var(--mono);display:flex;gap:5px;align-items:center;color:#c1d0c3}.map-caption>span:last-child{margin-left:auto;font-size:6px;color:#7f958a}.map-key{width:4px;height:4px;background:var(--red);border-radius:50%}.key-hints{position:fixed;bottom:39px;left:50%;transform:translateX(-50%);display:flex;gap:14px;font:7px var(--mono);white-space:nowrap;color:#e3e9df;align-items:center}.key-hints button{background:none;border:0;font:inherit;padding:0;color:inherit}.key-hints span,.key-hints button{display:flex;flex-direction:column;gap:7px;align-items:center}kbd{font:inherit;background:#1f3038b0;border:1px solid #ccdfcb44;border-bottom:2px solid #ccdfcb66;padding:5px 7px;border-radius:2px;display:inline-block;color:#edf4e6}#event-tag{position:fixed;left:50%;top:19%;transform:translateX(-50%);text-align:center;font:900 italic 36px Arial;letter-spacing:-1px;text-shadow:0 2px 10px #0005;color:#ffe5ae;pointer-events:none}#toast{position:fixed;z-index:50;left:50%;bottom:135px;transform:translateX(-50%);background:#192727e8;border:1px solid #ddebc83a;padding:12px 23px;font:10px var(--mono);border-radius:2px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.result-panel,.help-panel{width:min(570px,100%);background:var(--cream);color:var(--ink);padding:35px;border-radius:4px}.result-panel .eyebrow{color:var(--red);margin-bottom:12px}.result-stat{display:flex;align-items:baseline;gap:16px;margin:28px 0}.result-stat strong{font:800 italic 95px Arial;letter-spacing:-7px;line-height:1}.result-stat span{font:11px var(--mono);color:#687a6a}.result-panel>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#66766a}.result-actions{display:flex;gap:10px;margin-top:27px}.result-actions .secondary{color:var(--ink);background:#e1e5da;border-color:#ccd4c6}.help-panel{width:min(640px,100%);max-height:100%;overflow:auto}.help-panel .eyebrow{color:var(--red);margin-bottom:12px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px;margin:25px 0}.help-grid p{display:flex;align-items:center;gap:12px;margin:3px 0;font-size:12px}.help-grid kbd{background:#e0e5d9;color:#43594b;font:10px var(--mono);min-width:100px;text-align:center;border-color:#bdcabb}.help-note{font-size:12px;line-height:1.7;color:#67796a}.help-panel .primary{margin-top:25px}#error{position:fixed;z-index:100;inset:25%;background:#1c2524;padding:30px;border:1px solid var(--red);line-height:1.6;font-size:14px}#touch{position:fixed;left:18px;right:18px;bottom:20px;z-index:8;justify-content:space-between;pointer-events:none;display:none}#touch>div{display:flex;align-items:end;gap:8px}#touch button{pointer-events:auto;width:56px;height:57px;border:1px solid #e7f2df66;color:#eef7e7;background:#192b30c9;border-radius:6px;font:22px var(--mono);touch-action:none;user-select:none}#touch button.touch-gas{height:78px;background:#fa5135cf}#touch button.touch-brake{font-size:11px}#touch button:active{background:#7a8d7d}body.playing #welcome{display:none}
@media(max-width:1100px){.location{display:none}h1{letter-spacing:-4px}.key-hints{gap:10px;bottom:24px}.key-hints span:first-child{display:none}.telemetry{bottom:40px;width:230px}.map-box{bottom:40px}.intro{top:23%}#save-status{display:none}}
@media(max-width:760px){header{left:17px;right:17px;top:16px;gap:15px;height:35px}.brand i{width:31px;height:32px;font-size:25px}.brand>span{font-size:14px}.brand small{font-size:6px;letter-spacing:2.9px}.brand{gap:7px}nav{gap:4px}nav button{padding:8px;font-size:11px}nav button span{display:none}.intro{left:7vw;top:23%;max-width:90vw}h1{font-size:clamp(51px,11vw,78px);letter-spacing:-3px}.intro .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:16px}.intro-copy{font-size:11px;margin:20px 0}.intro-actions{gap:7px}.primary,.secondary{font-size:9px;padding:13px;min-height:43px;gap:11px}.intro-bottom{font-size:6px;gap:12px;margin-top:24px}.hero-label{right:6%;bottom:11%;padding-left:10px}.hero-label strong{font-size:17px}.hero-label span{font-size:7px}.hero-label small{font-size:8px}.disclaimer{font-size:6px;letter-spacing:1px;bottom:17px}#garage,#help,#result{padding:75px 12px 12px}.garage-panel{padding:19px}h2{font-size:24px}.test-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.test-card{min-height:142px;padding:13px}.test-card strong{font-size:16px;margin-top:14px}.test-card p{font-size:10px;margin-bottom:12px}.test-number{font-size:7px}.test-card small{font-size:7px}.setup{grid-template-columns:1fr;gap:17px;margin-top:16px;padding-top:14px}.vehicle{padding:10px 8px}.vehicle strong{font-size:11px}.vehicle small{font-size:6px;line-height:1.4}.vehicle b{display:none}.paint{display:flex;align-items:center;gap:20px}.paint .field-label{margin:0}#colors{gap:13px;padding:0}.swatch{width:22px;height:22px}.panel-footer{margin-top:19px;gap:10px}.panel-footer .primary{min-width:150px}.panel-head .eyebrow{font-size:7px;letter-spacing:1px}.mission{top:85px;left:18px;width:220px}.mission h3{font-size:16px}.mission p{font-size:10px;max-width:200px}#mission-progress{font-size:17px}.telemetry{right:18px;bottom:125px;padding:12px;width:167px}.speed{gap:7px}.speed strong{font-size:40px;letter-spacing:-3px}.speed>span{width:20px;height:25px;font-size:13px}.speed small{font-size:7px}.rpm{margin:10px 0 13px}.damage-row{font-size:6px;letter-spacing:0}.damage-row b{font-size:8px}.telemetry-bottom{font-size:6px}.telemetry-bottom span:last-child{display:none}.map-box{left:18px;bottom:125px;width:128px;padding:8px}#map{height:90px}.map-head{font-size:6px}.map-caption{font-size:5px}.map-caption>span:last-child{display:none}.key-hints{display:none}#touch{display:flex}.result-panel,.help-panel{padding:23px}.result-stat strong{font-size:76px}.result-stat span{font-size:9px}.help-grid{grid-template-columns:1fr;gap:2px;margin:17px 0}.help-grid p{font-size:11px}.help-grid kbd{font-size:9px;min-width:115px}.help-note{font-size:10px}.result-actions{flex-direction:column}#event-tag{font-size:27px;top:30%}#toast{font-size:8px;bottom:215px;padding:10px 16px;max-width:92vw;white-space:normal;text-align:center}#error{inset:20% 10%}}
@media(max-height:650px) and (min-width:761px){.intro{top:23%}h1{font-size:66px;letter-spacing:-3px}.intro-copy{margin:15px 0;font-size:12px}.intro-bottom{margin-top:20px}.garage-panel{padding:21px}.test-grid{margin-top:16px}.test-card{min-height:145px;padding:14px}.test-card strong{margin-top:12px}.test-card p{margin-bottom:10px}.setup{margin-top:14px;padding-top:14px}.panel-footer{margin-top:16px}.mission{top:100px}}
@media(pointer:coarse){#touch{display:flex}.key-hints{display:none}}

.mobile-tools{display:none}@media(max-width:760px),(pointer:coarse){.mobile-tools{position:fixed;right:18px;top:88px;display:flex;flex-direction:column;gap:5px}.mobile-tools button{background:#182c36bb;border:1px solid #e6f2de25;padding:9px 8px;border-radius:3px;font:7px var(--mono);letter-spacing:.5px}}

.zone-health{display:flex;gap:8px;justify-content:space-between;font:7px var(--mono);color:#b4c6b6;border-top:1px solid #b1c6ad22;padding:10px 0 12px;letter-spacing:.2px}.zone-health span.damaged{color:#ff8c72}@media(max-width:760px){.zone-health{font-size:5px;gap:3px;padding:7px 0 9px}}

.map-picker{margin-top:21px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.map-choice{padding:0 0 12px;text-align:left;color:var(--ink);background:#e1e5da;border:1px solid #cbd3c7;border-radius:3px;overflow:hidden}.map-choice strong,.map-choice small{display:block;margin:10px 13px 0}.map-choice strong{font-size:14px}.map-choice small{font:7px var(--mono);color:#71816f;letter-spacing:.3px}.map-choice.selected{border-color:var(--red);box-shadow:inset 0 -3px var(--red);background:#fffdf3}.map-art{height:53px;display:block;position:relative;overflow:hidden}.map-art:after{content:'';position:absolute;inset:-50% 40%;width:17%;background:#495358;border-left:2px solid #c7b779;border-right:2px solid #c7b779;transform:rotate(50deg)}.map-desert{background:linear-gradient(160deg,#c2b188 0%,#a3845e 48%,#d2bd94 49%,#ac9771 100%)}.map-harbor{background:repeating-linear-gradient(90deg,transparent 0 23px,#8b6a4b88 23px 36px),linear-gradient(160deg,#789599 0 40%,#a1a493 41%)}.map-forest{background:repeating-linear-gradient(125deg,#4d6552 0 15px,#5d765a 15px 26px,#809074 26px 31px)}.traffic-setup{display:flex;align-items:center;gap:19px;border-top:1px solid #cdd4c9;margin-top:17px;padding-top:15px}.traffic-setup .field-label{margin:0}.traffic-setup>span{font:8px var(--mono);color:#7d8c7a;margin-left:auto}.density-buttons{display:flex;gap:4px}.density-buttons button{background:none;border:1px solid #c5d0c0;padding:8px 12px;color:#5c705e;font:8px var(--mono)}.density-buttons button.selected{background:var(--ink);color:var(--cream);border-color:var(--ink)}#traffic-status{font:8px var(--mono);letter-spacing:1px;margin-top:15px;color:#9ac8d2}#other-car{position:fixed;right:35px;top:111px;background:#142428c9;border:1px solid #d5eddd22;padding:15px;width:215px;backdrop-filter:blur(12px);border-radius:3px}#other-car .field-label{font-size:7px;color:#a8d8de;margin-bottom:10px}#other-name{font-size:13px;letter-spacing:.7px}.other-info{display:flex;justify-content:space-between;font:7px var(--mono);color:#bfcfc0;margin-top:13px}.other-track{height:3px;background:#cce7cd22;margin-top:8px}.other-track i{display:block;height:100%;width:100%;background:#7cc4d1}.garage-panel{max-height:100%;}.test-card{min-height:153px}.test-card strong{margin-top:13px}.test-card p{margin-bottom:13px}.map-caption>span:last-child{font-size:6px}@media(max-width:760px){.map-picker{margin-top:16px}.map-grid{gap:6px}.map-art{height:36px}.map-choice strong{font-size:10px;margin:9px 8px 0}.map-choice small{font-size:6px;line-height:1.5;margin:7px 8px 0}.map-choice{padding-bottom:10px}.test-card{min-height:135px}.traffic-setup{flex-wrap:wrap;gap:10px;margin-top:15px}.traffic-setup>span{margin-left:0;font-size:6px}.traffic-setup .field-label{font-size:7px}.density-buttons button{font-size:7px;padding:7px 10px}#other-car{top:235px;right:18px;width:145px;padding:10px}#other-car .field-label{font-size:6px;margin-bottom:7px}#other-name{font-size:10px}.other-info{font-size:5px;margin-top:9px}#traffic-status{font-size:7px;margin-top:12px}.key-hints{gap:8px}}@media(max-height:650px) and (min-width:761px){.map-art{height:36px}.map-choice strong{font-size:12px}.map-choice small{font-size:6px}.test-card{min-height:137px}}

@media(pointer:coarse) and (max-height:560px){#other-car{display:none!important}.mission{top:72px;left:18px;width:245px}.mission p{display:none}.mission h3{font-size:15px}#mission-progress{font-size:16px;margin-top:7px}#traffic-status{margin-top:7px}.mobile-tools{top:70px;right:18px;flex-direction:row}.mobile-tools button{font-size:6px;padding:7px}.telemetry{right:18px;bottom:110px;width:167px;padding:12px}.speed strong{font-size:36px;letter-spacing:-2px}.speed{gap:7px}.speed>span{width:20px;height:24px;font-size:12px}.speed small{font-size:7px}.rpm{margin:9px 0 12px}.damage-row{font-size:6px}.telemetry-bottom{font-size:6px}.telemetry-bottom span:last-child{display:none}.map-box{left:18px;bottom:110px;width:128px;padding:8px}#map{height:90px}.map-head{font-size:6px}.map-caption{font-size:5px}.map-caption>span:last-child{display:none}nav button span{display:none}nav button{padding:8px}.zone-health{font-size:5px;padding:7px 0 9px}}

@media(pointer:coarse){.telemetry,.map-box{bottom:125px}#other-car{top:235px;right:18px;width:145px;padding:10px}#other-car .field-label{font-size:6px;margin-bottom:7px}#other-name{font-size:10px}.other-info{font-size:5px;margin-top:9px}}

/* Seven-vehicle garage and breakaway status. */
.vehicle{min-height:66px;min-width:0}.vehicle strong{padding-right:16px}.vehicle b{margin-left:4px}#parts-lost{font:7px var(--mono);color:#9fb6a5;letter-spacing:.65px;margin:0 0 12px}#parts-lost.damaged{color:#ffc078}
@media(max-width:650px){.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle{padding:10px}.vehicle strong{font-size:12px}.vehicle small{font-size:7px}}

/* Pause the driving HUD while the selected wreck is being examined. */
body.inspecting .mission,body.inspecting .map-box,body.inspecting .telemetry,body.inspecting .key-hints,body.inspecting #other-car,body.inspecting .mobile-tools{display:none!important}
#game{touch-action:none}#heat-status{color:#ffad64;font:9px var(--mono);letter-spacing:1px;margin-bottom:7px}#heat-status:empty{display:none}
#inspection{position:fixed;inset:95px 0 0;z-index:12;pointer-events:none}.inspection-panel{pointer-events:auto;position:absolute;right:25px;top:0;bottom:24px;width:345px;overflow:auto;background:#112027ed;border:1px solid #a8c2b432;backdrop-filter:blur(14px);border-radius:5px;padding:21px;color:#e4eee4;box-shadow:0 10px 50px #0004}.inspection-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.inspection-head .eyebrow{font-size:7px;letter-spacing:1px;color:#a7bba8;line-height:1.5}.inspection-head .icon-btn{padding:0;font-size:17px;color:#d0ddcc}.inspect-picker{display:flex;align-items:center;gap:12px;margin:15px 0}.inspect-picker>div{flex:1;min-width:0}.inspect-picker button,.inspect-orbit button{background:#35484b80;border:1px solid #e0f2d82a;border-radius:3px;color:#e4eee2;padding:8px 11px}.inspect-picker small{font:7px var(--mono);letter-spacing:1px;color:#8ea795}.inspect-picker h2{font:800 italic 18px Arial;margin:7px 0 0;letter-spacing:-.4px}#inspect-condition{font:8px var(--mono);letter-spacing:1.3px;color:#f3bb81;border-bottom:1px solid #cbe2cd26;padding-bottom:15px}.inspect-car{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:5px;max-width:240px;margin:18px auto}.inspect-car span{--severity:0;background:color-mix(in srgb,#f3673c calc(var(--severity)*100%),#3b5651);font:7px var(--mono);text-align:center;padding:16px 0;border:1px solid #d0ead22b;border-radius:4px}.inspect-car .inspect-nose,.inspect-car .inspect-tail{grid-column:1/4;max-width:150px;width:100%;justify-self:center;padding:10px;border-radius:20px 20px 5px 5px}.inspect-car .inspect-tail{border-radius:4px 4px 15px 15px}.inspect-outlook{background:#c5dfc407;border:1px solid #bbd5c31c;padding:13px;border-radius:3px}.inspect-outlook>small,.inspect-cost>small{font:7px var(--mono);letter-spacing:1.3px;color:#a3b9a7}.inspect-outlook>strong{display:block;font:800 18px Arial;margin-top:8px;color:#b9e1c0}.inspect-outlook>strong[data-risk=critical]{color:#ff9879}.inspect-outlook>strong[data-risk=warning]{color:#f4cb90}.inspect-outlook>p{font-size:10px;line-height:1.6;color:#b2c6b7;margin:8px 0}.inspect-outlook>div{display:flex;justify-content:space-between;gap:14px;font:6px var(--mono);color:#96ac9d}.inspect-outlook b{display:block;font:13px var(--mono);margin-top:7px;color:#e1ebdb}.inspection-panel p.estimate-note{font:7px/1.6 var(--mono);color:#819b8b;margin:10px 0}.inspect-cost{padding:19px 0 12px}.inspect-cost>strong{font:800 33px var(--mono);display:block;margin:6px 0;letter-spacing:-1px}.inspect-cost>span{font:6px var(--mono);color:#91a895;letter-spacing:.6px}#inspect-itemized>div{display:flex;justify-content:space-between;gap:13px;font-size:9px;color:#b5c9b9;border-bottom:1px solid #c5dfc410;padding:7px 0}#inspect-itemized b{font:9px var(--mono);color:#d7e8d1}#inspect-itemized>p,#inspect-parts{font-size:10px;line-height:1.6;color:#a4bcac}.inspect-subhead{font:7px var(--mono);letter-spacing:1px;color:#d0decd;margin:19px 0 7px}#inspect-fire{color:#ffbd86;font:8px/1.5 var(--mono);letter-spacing:.5px}.inspection-panel>.primary{margin-top:12px;width:100%;font-size:9px;padding:14px}.inspect-orbit{position:absolute;bottom:24px;left:calc((100% - 370px)/2);transform:translateX(-50%);text-align:center;pointer-events:auto}.inspect-orbit>span{font:7px var(--mono);letter-spacing:1px;color:#d5e5cf;text-shadow:0 2px 8px #000}.inspect-orbit>div{display:flex;justify-content:center;gap:6px;margin-top:9px}.inspect-orbit button{font-size:21px;padding:6px 13px;background:#13282cdb}
@media(max-width:760px){#inspection{top:78px}.inspection-panel{right:10px;left:10px;top:auto;bottom:10px;height:37vh;width:auto;padding:14px}.inspect-picker{margin:4px 0 10px}.inspection-head .eyebrow{margin:0}.inspect-picker h2{font-size:16px}.inspect-car{max-width:200px}.inspect-orbit{left:50%;bottom:calc(37vh + 22px);white-space:nowrap}.inspect-orbit>span{font-size:6px}.inspect-orbit button{padding:5px 12px}.inspect-outlook{padding:11px}.mobile-tools{gap:3px}.mobile-tools button{padding:7px 6px}.key-hints{gap:7px}}
@media(max-height:560px) and (min-width:761px){#inspection{top:80px}.inspection-panel{width:315px;padding:15px;right:14px;bottom:12px}.inspect-orbit{bottom:14px}.inspection-panel .inspect-car{display:none}}

#cockpit-look-hud{display:none;position:fixed;left:50%;bottom:112px;transform:translateX(-50%);text-align:center;pointer-events:none;z-index:7}body.cockpit-driving #cockpit-look-hud{display:block}#cockpit-look-hud>span{font:7px var(--mono);letter-spacing:.8px;color:#d5e4cd;text-shadow:0 2px 5px #000}#cockpit-look-hud>div{display:flex;justify-content:center;gap:7px;margin-top:9px}#cockpit-look-hud button{pointer-events:auto;touch-action:none;border:1px solid #cbe1c850;background:#12282bd9;color:#e1ecd9;border-radius:4px;padding:10px 13px;font:8px var(--mono)}#cockpit-look-hud button:active{background:#445f55}.inspect-driver{border-top:1px solid #c8dfc524;margin-top:15px;padding-top:10px;font:7px var(--mono);color:#9fbaa8;line-height:1.6}.inspect-driver p{color:#d9dbb3;letter-spacing:.5px}.inspect-driver span{display:flex;justify-content:space-between}.inspect-driver b{color:#e5e9ce}.inspect-driver small{display:block;font:7px/1.6 var(--mono);margin:9px 0}
@media(pointer:coarse){#cockpit-look-hud{bottom:215px;max-width:90vw}#cockpit-look-hud>span{font-size:6px;white-space:nowrap}#cockpit-look-hud button{padding:11px 14px}}@media(pointer:coarse) and (max-height:560px){#cockpit-look-hud{bottom:28px}#cockpit-look-hud>span{display:none}#cockpit-look-hud button{padding:9px;font-size:6px}}

/* Crash replay has its own touch controls; the live scene remains paused. */
#airbag-status{font:10px var(--mono,monospace);color:#d5efc6;margin-top:5px}#inspect-airbags{font:11px monospace;color:#d5efc6}button:disabled{opacity:.35;cursor:default}#replay{position:fixed;inset:0;z-index:18;pointer-events:none}#replay button,#replay input{pointer-events:auto;touch-action:manipulation}.replay-heading{position:absolute;left:30px;right:30px;top:96px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;text-shadow:0 2px 10px #000}.replay-heading .eyebrow{margin:0 0 6px}.replay-heading h2{font-size:26px;margin:0 0 5px}.replay-heading span{font:11px monospace;color:#e2c7a4}.replay-heading .secondary{background:#171e21e8;padding:11px 16px;white-space:nowrap}.replay-console{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 36px));background:#171e21f2;border:1px solid #8faaa344;box-shadow:0 12px 50px #0007;backdrop-filter:blur(14px);padding:16px 20px;pointer-events:auto}.replay-console button{padding:9px 13px;background:#283337;color:#e9efe5;border:1px solid #58736c55;font:10px monospace;letter-spacing:.04em}.replay-console button:hover,.replay-console button.selected{background:#df583b;color:#fff;border-color:#f27659}.replay-cameras{display:flex;gap:6px}.replay-cameras button{flex:1}.replay-timeline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;padding:15px 0 11px;font:10px monospace;color:#bacbc3}.replay-timeline input{width:100%;height:22px;margin:0;accent-color:#ff694b;cursor:ew-resize;touch-action:pan-x}.replay-actions{display:flex;justify-content:space-between;gap:12px}.replay-actions>div{display:flex;gap:5px}.replay-orbit{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;color:#99afa5;font:9px monospace}.replay-orbit>div{display:flex;gap:4px}.replay-orbit button{padding:5px 10px}body.replaying #cockpit-look-hud{display:none}body.replaying header{pointer-events:auto}body.replaying #vignette{opacity:.35}#inspect-replay{width:100%;margin-top:10px;font-size:11px;padding:10px}
@media(max-width:760px){.replay-heading{top:78px;left:16px;right:16px}.replay-heading h2{font-size:19px}.replay-heading .eyebrow{font-size:8px}.replay-heading .secondary{font-size:9px;padding:9px}.replay-console{bottom:12px;width:calc(100% - 20px);padding:12px}.replay-console button{font-size:9px;padding:9px 8px}.replay-actions{flex-wrap:wrap;gap:7px}.replay-actions>div{flex:1}.replay-actions>div:last-child{justify-content:flex-end}.replay-orbit>span{font-size:8px;max-width:65%;line-height:1.6}.replay-heading>div>span{font-size:9px}.replay-cameras{gap:3px}.mobile-tools{flex-wrap:wrap}}
@media(max-height:520px){.replay-heading{top:64px}.replay-heading .eyebrow{display:none}.replay-heading h2{font-size:16px}.replay-console{bottom:8px;padding:8px 12px;width:min(750px,calc(100% - 24px))}.replay-console button{padding:6px 9px}.replay-timeline{padding:7px 0;gap:4px}.replay-orbit{margin-top:6px}.replay-orbit>span{max-width:none}.replay-heading>div>span{font-size:9px}}

body.replaying #slow{display:none}

.map-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.vehicle-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.map-campus{background:linear-gradient(145deg,#9aa6a0 0 35%,#303e42 36% 43%,#b5bdb3 44% 67%,#e5b75c 68% 71%,#6e8780 72%)}.map-quarry{background:repeating-linear-gradient(155deg,#a98b65 0 12px,#c0a47b 12px 27px,#7b8170 27px 36px)}.systems-telemetry{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font:10px monospace;color:#c8d5c9}.systems-telemetry b{font-weight:400}#fluid-status{color:#f5bf79;font:10px monospace;min-height:0;margin-top:4px}#fluid-status:empty{display:none}.critical{color:#ff795d!important}#station-status{color:#d6b77b;font:10px monospace;line-height:1.5;margin-top:8px}.inspect-systems{margin-top:12px;padding:10px 0;border-top:1px solid #c2d3c329}.inspect-systems dl{margin:0;font:10px monospace}.inspect-systems dl>div{display:flex;justify-content:space-between;gap:15px;margin:7px 0}.inspect-systems dd{margin:0;text-align:right;color:#dbeacb}#inspect-structure{font:10px monospace;color:#f4bd7a;margin:10px 0 0}
@media(max-width:760px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.systems-telemetry,#fluid-status{font-size:8px}.telemetry .systems-telemetry{margin-top:4px}#station-status{font-size:9px}}
