:root{--navy:#07111d;--panel:#101d2b;--line:#2b4052;--cream:#eaf0e9;--muted:#94aabc;--amber:#f4bc60;--cyan:#6bdcf5;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--navy);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button:disabled{cursor:default}a:hover{color:var(--amber)}[hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;left:15px;z-index:99;background:var(--amber);color:var(--navy);padding:15px}.skip-link:focus{top:12px}
.garage-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:16px 3.5%;border-bottom:1px solid var(--line);background:#080f19;gap:20px}.back-link,.clearance{font:10px monospace;letter-spacing:.8px}.back-link span{color:var(--amber);font-size:18px;margin-right:12px}.jvc img{display:block;width:85px;height:auto;opacity:.9}.clearance{color:var(--amber);display:flex;align-items:center;gap:10px}i{width:6px;height:6px;display:inline-block;background:var(--amber);box-shadow:0 0 10px #edb55770;font-style:normal}
.garage-intro{display:flex;justify-content:space-between;align-items:end;padding:30px 5% 34px;max-width:1800px;margin:auto}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.8px;color:var(--amber);margin:0 0 16px}h1{font-size:clamp(48px,5.6vw,84px);font-weight:900;line-height:.92;letter-spacing:-.065em;margin:0}h1 br{display:none}h1 span{color:var(--amber)}.intro-aside{text-align:right;max-width:300px}.build-label{font:10px monospace;letter-spacing:1px;color:#c5d3de}.intro-aside p{font-size:20px;line-height:1.2;margin:12px 0}.small-note{font:9px monospace;color:var(--muted);letter-spacing:1px}
.garage-section{border-top:1px solid var(--line)}.scene-topline,.scene-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 3.5%;font:9px/1.5 monospace;letter-spacing:1px;background:#0c1724}.scene-topline>span{display:flex;gap:10px;align-items:center;color:var(--amber)}.scene-topline p{margin:0;color:#a6bfd1}.scene-topline button{border:1px solid #466277;background:transparent;color:#c6e8f4;font:9px monospace;padding:10px 13px;min-height:36px}.scene-topline button:hover,.scene-topline button[aria-pressed=true]{background:#263228;border-color:var(--amber);color:var(--amber)}.garage-viewport{overflow:auto;scrollbar-color:#587488 #0c1724;touch-action:pan-x pan-y;overscroll-behavior-x:contain;background:#08121e}.garage-world{width:max(100%,1000px);max-width:2100px;margin:auto;position:relative;isolation:isolate;aspect-ratio:1672 / 941;user-select:none}.garage-world svg{width:100%;height:100%;display:block}.garage-world svg>image{pointer-events:none}.truck-part{cursor:pointer;outline:none}.part-glow{opacity:0;pointer-events:none;filter:brightness(1.5) saturate(.65) drop-shadow(0 0 6px #ffcf75) drop-shadow(0 0 14px #ffd982a0);transition:opacity .15s}.part-hit{fill:transparent;stroke:#ffda8c;stroke-width:2;stroke-opacity:0;vector-effect:non-scaling-stroke;transition:stroke-opacity .15s}.truck-part.is-active .part-glow,.truck-part:focus-visible .part-glow{opacity:1}.truck-part.is-active .part-hit,.truck-part:focus-visible .part-hit{stroke-opacity:1}.part-pin{opacity:0;pointer-events:none;transition:opacity .15s}.part-pin circle{fill:#0a1424e8;stroke:#f4bc60;stroke-width:2}.part-pin text{fill:#ffe1a3;font:bold 12px monospace;letter-spacing:1px}.reveal-parts .part-pin,.truck-part.is-active .part-pin,.truck-part:focus-visible .part-pin{opacity:1;pointer-events:auto}.reveal-parts .part-hit{stroke-opacity:.65;fill:#ffd78008}.part-tooltip{position:absolute;z-index:12;pointer-events:auto;width:320px;background:#0b1524fa;border:1px solid var(--amber);border-top:3px solid var(--amber);padding:17px;box-shadow:5px 5px #0008;overflow:auto;user-select:text}.part-tooltip header{display:flex;align-items:start;gap:12px}.part-tooltip header span{flex:1;font:9px/1.6 monospace;letter-spacing:.6px;color:var(--amber);text-transform:uppercase}.part-tooltip button{background:transparent;border:1px solid #546578;color:#d8e6ec;width:28px;height:28px;flex-shrink:0;font:20px monospace;line-height:1}.part-tooltip b{display:block;font-size:19px;line-height:1.2;margin:7px 0 10px}.part-tooltip p{font-size:12px;line-height:1.55;color:#b6cbd8;margin:0 0 12px}.part-tooltip dl{margin:0 0 14px}.part-tooltip dl>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;border-top:1px solid #304458;padding:8px 0;font:11px/1.4 monospace}.part-tooltip dt{color:#8ca8bc}.part-tooltip dd{margin:0;color:#e3ecef;overflow-wrap:anywhere}.part-tooltip a{display:block;border:1px solid var(--amber);padding:12px 10px;text-align:center;font:bold 10px monospace;letter-spacing:.6px;color:var(--amber);min-height:40px}.part-tooltip a:hover{background:var(--amber);color:#101b27}.part-tooltip small{display:block;font:9px/1.5 monospace;color:#89a5b8;margin-top:10px}.scene-bottomline{border-top:1px solid var(--line);color:#8dacc0;padding-block:15px}.scene-bottomline a{color:var(--amber)}.swipe-hint{display:none}
.inspection{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:24px;align-items:center;padding:25px 5%;border-block:1px solid var(--line);background:linear-gradient(110deg,#152331,#0e1927);min-height:140px}.inspection-number{font:28px monospace;color:var(--amber);border-right:1px solid #486071;align-self:stretch;display:flex;align-items:center}.inspection span{font:9px monospace;letter-spacing:1px;color:#f0c983;text-transform:uppercase}.inspection h2{font-size:24px;letter-spacing:-.5px;margin:7px 0}.inspection p{font-size:13px;line-height:1.6;max-width:770px;color:#a8bdca;margin:0}.product-link{border:1px solid var(--amber);color:var(--amber);padding:15px 19px;font:10px monospace;white-space:nowrap}.product-link:hover{background:var(--amber);color:#142031}.concept-caption{font:10px/1.7 monospace;color:#8298ab;margin:15px 5% 0;max-width:1040px}
.build-sheet{max-width:1600px;margin:0 auto;padding:68px 5% 35px}.sheet-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.sheet-heading h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.05em;margin:0}.sheet-heading .eyebrow{margin-bottom:10px}.sheet-heading>p{font:12px/1.6 monospace;color:var(--muted);margin:0}.part-filters{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 30px}.part-filters button{background:none;border:1px solid #314558;color:#99b2c5;font:9px monospace;padding:11px 16px;min-height:38px}.part-filters button span{margin-left:10px;opacity:.6}.part-filters button.active,.part-filters button:hover{background:#f2c271;color:#122032;border-color:#f2c271}.parts-list{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.part-row{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0;min-height:122px}.row-number{font:13px monospace;color:#5d829b;align-self:flex-start;padding-top:3px}.row-description{flex:1;min-width:0}.row-brand{font:8px/1.6 monospace;letter-spacing:.8px;color:#97b0c4;text-transform:uppercase}.part-row h3{font-size:18px;letter-spacing:-.3px;line-height:1.2;margin:7px 0}.part-row p{font-size:11px;color:#7f99ae;margin:0;line-height:1.55}.locate{border:1px solid #334b60;background:none;color:#8fb1c9;font:8px monospace;padding:10px;min-height:44px;white-space:nowrap}.locate span{font-size:16px;margin-left:5px}.locate:hover,.part-row.is-active .locate{color:var(--amber);border-color:var(--amber)}.part-row.is-active .row-number{color:var(--amber)}.sheet-note{font:10px/1.7 monospace;color:#7f96a8;margin-top:24px;max-width:700px}.bolt-note{max-width:760px;margin:30px auto 60px;text-align:center;padding:28px 30px;border-top:1px dashed #48586a;border-bottom:1px dashed #48586a}.bolt-note span{font:9px monospace;letter-spacing:1px;color:var(--amber)}.bolt-note p{font:italic 700 18px/1.5 'Trebuchet MS',Arial,sans-serif;color:#dbe2d7;margin:12px 0 0}footer{padding:25px 5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font:9px/1.6 monospace;color:#91aabd}footer>a:first-child{color:var(--amber)}
@media(max-width:900px){.parts-list{column-gap:25px}.part-row{gap:10px}.part-row h3{font-size:16px}.locate{font-size:0}.locate span{font-size:20px;margin:0}.garage-intro{padding:27px 5%}h1 br{display:block}.scene-topline p{font-size:8px;letter-spacing:0}.inspection{gap:15px;grid-template-columns:45px minmax(0,1fr)}.product-link{grid-column:2;justify-self:start}.inspection h2{font-size:22px}.inspection-number{grid-row:1 / 3}.swipe-hint{display:block}}
@media(max-width:600px){.garage-header{padding:17px 5%;gap:12px;flex-wrap:wrap}.back-link{font-size:8px}.jvc img{width:66px}.clearance{font-size:8px;letter-spacing:.5px;width:100%;border-top:1px solid #23384a;padding-top:12px}.garage-intro{align-items:start;gap:20px}h1{font-size:47px}.eyebrow{font-size:7px;letter-spacing:.6px;max-width:190px}.intro-aside{max-width:130px;padding-top:26px}.build-label{font-size:7px;line-height:1.6}.intro-aside p{font-size:15px}.small-note{font-size:7px;line-height:1.6}.scene-topline{padding:12px 5%;flex-wrap:wrap;gap:10px;font-size:8px;letter-spacing:.5px}.scene-topline p{order:3;width:100%}.scene-topline button{font-size:8px;padding:10px}.scene-bottomline{font-size:7px;gap:10px;letter-spacing:0;padding:13px 5%}.scene-bottomline>span:nth-child(2){display:none}.inspection{padding:22px 5%;gap:14px;min-height:180px}.inspection h2{font-size:20px}.inspection p{font-size:12px}.inspection span{font-size:8px}.concept-caption{font-size:9px}.build-sheet{padding-top:45px}.sheet-heading{display:block}.sheet-heading>p{margin-top:16px;font-size:10px}.parts-list{display:block}.part-row{gap:15px;padding:20px 0}.part-row h3{font-size:17px}.part-row p{font-size:10px}.part-filters{gap:5px;margin:20px 0 12px}.part-filters button{font-size:8px;padding:10px 12px}.bolt-note{margin:15px 5% 35px;padding:22px 10px}.bolt-note p{font-size:16px}footer{flex-wrap:wrap;font-size:8px}.part-tooltip{padding:14px}.part-tooltip b{font-size:17px}.part-tooltip button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* A physical exit in the room, clear of the Tundra and every product hotspot. */
.workshop-return-door{cursor:pointer;outline:none}
.return-door-art{transition:filter .18s}
.door-sign{font:bold 14px monospace;letter-spacing:1px;filter:drop-shadow(0 0 3px #63dfff80)}
.door-enter{font:bold 10px monospace;letter-spacing:1px}
.door-edge,.door-window{transition:stroke .18s,fill .18s}
.door-light{filter:drop-shadow(0 0 4px #5fe4ff)}
.workshop-return-door:hover .return-door-art,.workshop-return-door:focus-visible .return-door-art{filter:drop-shadow(0 0 6px #65defa) drop-shadow(0 0 13px #54c8ff66)}
.workshop-return-door:hover .door-edge,.workshop-return-door:focus-visible .door-edge{stroke:#b2f5ff;stroke-width:3}
.workshop-return-door:hover .door-window,.workshop-return-door:focus-visible .door-window{fill:#23718b}
.workshop-return-door:hover .door-enter,.workshop-return-door:focus-visible .door-enter{fill:#fff0c5}
.vehicle-design-station{cursor:pointer;outline:none;pointer-events:all}
.design-station-hit{fill:transparent;pointer-events:all}
.design-station-outline{fill:#60dcff04;stroke:#83e7ff;stroke-width:3;stroke-dasharray:10 7;stroke-opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px #52dcff88);transition:fill .18s,stroke-opacity .18s,filter .18s}
.design-terminal{pointer-events:none}
.terminal-screen-glass{fill:#0b2d435c;stroke:#7ae8fb;stroke-width:2;filter:drop-shadow(0 0 7px #4edcff88)}
.design-station-logo{filter:drop-shadow(0 0 6px #44d9ff99);transition:filter .18s}




.vehicle-design-station:hover .design-station-outline,.vehicle-design-station:focus-visible .design-station-outline{fill:#59dcff10;stroke-opacity:.9;filter:drop-shadow(0 0 9px #9af3ff) drop-shadow(0 0 25px #44d3ff)}
.vehicle-design-station:hover .terminal-screen-glass,.vehicle-design-station:focus-visible .terminal-screen-glass{fill:#0d486866;stroke:#fff0ad}
.vehicle-design-station:hover .design-station-logo,.vehicle-design-station:focus-visible .design-station-logo{filter:drop-shadow(0 0 8px #67e5ff) drop-shadow(0 0 18px #3bcfff)}

/* Weight comparisons use installed components, never shipping weights or capacity ratings. */
.weight-card{margin:14px 0;padding-top:13px;border-top:2px solid #465769}
.weight-card>span{display:block;font:9px/1.5 monospace;letter-spacing:.6px;text-transform:uppercase;color:var(--amber);margin-bottom:7px}
.part-tooltip .weight-card dl{margin-bottom:6px}
.part-tooltip .weight-card dl>div{padding:6px 0}
.part-tooltip .weight-card p{font-size:10px;line-height:1.5;margin:8px 0;color:#9eb7c8}
.weight-delta dd{font-weight:700}
#weight-delta[data-tone=added]{color:#ffd185}
#weight-delta[data-tone=removed]{color:#88e8c2}
#weight-delta[data-tone=pending]{color:#a4b5c1;font-weight:400}
.part-tooltip #weight-source{display:inline-block;min-height:0;padding:4px 0;border:0;font:9px/1.5 monospace;text-align:left}
.part-tooltip #weight-source:hover{background:none;text-decoration:underline;color:#fff}
.weight-card details{margin-top:10px;border-top:1px solid #304458;padding-top:9px}
.weight-card summary{cursor:pointer;font:10px/1.5 monospace;color:#c3d4df}
.weight-card summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.weight-card label{display:block;font:10px/1.5 monospace;margin-top:9px;color:#bfcede}
.weight-card input{display:block;width:100%;padding:9px;background:#142534;color:#f2f4e8;border:1px solid #526b80;border-radius:0;font:16px monospace;min-height:40px}
.weight-card input:focus{outline:2px solid var(--amber);outline-offset:1px}
.part-tooltip #weight-reset{width:100%;height:auto;min-height:36px;font:9px/1.4 monospace;line-height:1.4;margin-top:10px;padding:8px}