@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{--bg:#141818;--panel:#1b2020;--raised:#242a2a;--line:#343b3a;--muted:#a0aaa5;--text:#edf0e8;--accent:#d7e845;--danger:#ff9b7d;--heading:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Barlow',Arial,sans-serif;color-scheme:dark;font-family:var(--body);font-size:16px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}.topbar{min-height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:16px 40px}.brand{display:flex;align-items:center;gap:16px;font-weight:700;letter-spacing:.07em;font-size:17px}.brand-mark{font-family:var(--heading);color:var(--accent);font-size:33px;font-weight:800;letter-spacing:-.13em;transform:skew(-9deg)}.brand-mark span{color:#89928b}.brand-sub{display:block;color:var(--muted);font-size:12px;letter-spacing:.15em;margin-top:4px}.prototype{margin:auto;font-size:12px;letter-spacing:.15em;color:var(--muted)}.prototype b{padding:5px 7px;border:1px solid #596048;margin-left:7px;color:var(--accent)}.text-button{border:0;background:none;font-size:14px;color:var(--muted);padding:12px}.text-button span{margin-left:8px}main{max-width:1700px;margin:auto;padding:30px 40px 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--muted)}h1{font-family:var(--heading);font-size:48px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:7px}.save-controls{display:flex;gap:10px}.button{border:1px solid var(--line);min-height:44px;padding:11px 18px;border-radius:4px;font-weight:600;font-size:14px;background:var(--raised);display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.button:hover:not(:disabled){background:#343c39}.primary{background:var(--accent);border-color:var(--accent);color:#202619}.primary:hover:not(:disabled){background:#e7f37b}.subtle{background:transparent}.workspace{display:grid;grid-template-columns:minmax(290px,330px) minmax(330px,1fr) minmax(255px,290px);border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}.config-panel{border-right:1px solid var(--line);min-width:0}.panel-heading{height:57px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.micro{font-family:var(--heading);font-size:12px;letter-spacing:.1em;color:#78847d}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px;gap:4px}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:17px 8px 15px;font-size:14px;color:var(--muted);flex:1}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}#configContent{padding:22px;min-height:555px}.config-section{margin-bottom:25px}.section-label{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:12px}.section-label h3,h3{font-size:14px;font-weight:600}.section-label span{font-size:12px;color:var(--muted)}.fixed-body{display:flex;align-items:center;justify-content:space-between;background:#252c29;border:1px solid #3b4439;padding:15px;border-radius:4px;margin-bottom:24px}.fixed-body strong{font-size:16px;display:block;margin-bottom:4px}.fixed-body small{font-size:12px;color:var(--muted)}.body-outline{width:62px;height:24px;fill:none;stroke:#b5c587;stroke-width:1.4}.option-list{display:grid;gap:8px}.option{display:flex;width:100%;text-align:left;align-items:center;gap:11px;background:transparent;border:1px solid var(--line);padding:13px;border-radius:4px;min-height:68px}.option:hover{background:#242c28}.option.selected{background:#2a3025;border-color:#899445}.radio-dot{height:14px;width:14px;flex-shrink:0;border:1px solid #667064;border-radius:50%;position:relative}.selected .radio-dot{border-color:var(--accent)}.selected .radio-dot:after{content:'';position:absolute;inset:3px;background:var(--accent);border-radius:50%}.option-content{flex:1}.option strong{display:block;font-size:14px;font-weight:600}.option small{display:block;font-size:12px;line-height:1.4;margin-top:4px;color:var(--muted)}.option-price{font-size:12px;color:var(--muted);white-space:nowrap}.preview-panel{background:#181d1c;min-width:0}.preview-heading{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 27px}.preview-heading h2{font-family:var(--heading);font-weight:500;font-size:30px;margin-top:8px;overflow-wrap:anywhere}.view-label{font-size:12px;color:#98a397;letter-spacing:.06em}.view-label span{font-size:19px;vertical-align:middle;margin-right:6px}.vehicle-stage{height:445px;position:relative;overflow:hidden;margin:0 20px;border:1px solid #343c32;background:radial-gradient(ellipse at 50% 45%,#333c2b55 0%,transparent 70%),linear-gradient(#313a3026 1px,transparent 1px),linear-gradient(90deg,#313a3026 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}.vehicle-stage:before,.vehicle-stage:after{content:'';position:absolute;width:14px;height:14px;border-color:#aab47e;z-index:1;pointer-events:none}.vehicle-stage:before{top:-1px;left:-1px;border-top:2px solid;border-left:2px solid}.vehicle-stage:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.stage-coordinate{position:absolute;top:18px;font-size:11px;color:#7d897c;line-height:1.6;letter-spacing:.12em;z-index:1}.top-left{left:17px}.top-right{right:17px;text-align:center}.top-right:first-line{font-size:11px}.stage-footer{position:absolute;bottom:14px;left:17px;right:17px;display:flex;justify-content:space-between;font-size:10px;color:#788773;letter-spacing:.08em;pointer-events:none}#vehicleArt{height:100%;width:100%}#vehicleArt svg{width:100%;height:100%;display:block}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 25px;font-size:12px;color:var(--muted)}.selection-hint{line-height:1.4}.paint-mini{display:flex;gap:5px}.paint-mini button{width:19px;height:19px;border:0;background:var(--paint);border-radius:50%;padding:0;position:relative}.paint-mini button:before{content:'';position:absolute;inset:-7px}.paint-mini button.active{outline:1px solid var(--text);outline-offset:3px}.presets{padding:19px 25px 23px;border-top:1px solid var(--line)}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.preset{border:1px solid var(--line);background:#202725;border-radius:4px;text-align:left;padding:12px;min-width:0;position:relative}.preset:hover{border-color:#8b9570}.preset strong{display:block;font-family:var(--heading);font-weight:500;font-size:20px;margin:5px 0 3px}.preset small{font-size:11px;color:var(--muted)}.preset-swatch{width:25px;height:3px;display:block;border-radius:1px}.summary-panel{border-left:1px solid var(--line);padding-bottom:20px}.status{margin:22px 22px 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--accent)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status.warning{color:var(--danger)}.total-price{padding:23px 22px}.total-price>span{font-size:11px;letter-spacing:.13em;color:var(--muted)}.total-price strong{display:block;font-family:var(--heading);font-weight:500;font-size:49px;line-height:1.2;letter-spacing:-.02em}.total-price small{font-size:12px;color:var(--muted)}#meters{padding:0 22px}.meter{margin-bottom:21px}.meter-label{display:flex;justify-content:space-between;align-items:baseline;gap:5px;font-size:13px;margin-bottom:9px}.meter-label>span{color:var(--muted)}.meter-label strong{font-weight:500;font-size:13px}.meter-track{height:5px;background:#373e36;border-radius:1px;overflow:hidden}.meter-fill{height:100%;background:#a6b568;transition:width .2s}.meter-fill.danger{background:var(--danger)}.performance{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.performance div+div{border-left:1px solid var(--line);padding-left:18px}.performance strong{font-family:var(--heading);font-size:27px;font-weight:500}.performance strong small{font-family:var(--body);font-size:12px;color:var(--muted);margin-left:4px}.performance span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.loadout{padding:0 22px}.equipment-row{padding:12px 0;border-bottom:1px solid #333a32;display:flex;align-items:center;justify-content:space-between;gap:6px}.equipment-row strong{font-size:13px;font-weight:500;display:block}.equipment-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.remove{border:0;background:none;font-size:22px;color:var(--muted);width:38px;height:38px;flex-shrink:0}.remove:hover{color:var(--danger)}.demo-disclaimer{font-size:12px;color:#939e95;line-height:1.55;margin:23px 22px 0}.issue{margin:16px 22px 0;font-size:13px;line-height:1.5;color:var(--danger);border-left:2px solid var(--danger);padding-left:10px}.empty{font-size:14px;color:var(--muted);line-height:1.5;padding:18px 0}.weapon{border:1px solid var(--line);border-radius:4px;padding:14px;margin-bottom:9px;background:#202625}.weapon.chosen{border-color:#b3c052;background:#2a3025}.weapon-head{display:flex;align-items:center;gap:12px}.weapon-thumb{width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;background:#30372d;border-radius:3px}.weapon-thumb svg{width:34px;height:38px}.weapon h3{font-size:15px}.weapon p{font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px}.weapon-stats{display:flex;justify-content:space-between;font-size:12px;color:#b9c3b4;margin-top:14px}.weapon .button{margin-top:13px;width:100%;min-height:39px;padding:8px;font-size:13px}.mount-picker{background:#262e24;padding:15px;border:1px solid #6f7b45;border-radius:4px;margin:0 0 20px}.mount-picker h3{color:var(--accent);margin-bottom:7px}.mount-picker p{font-size:12px;color:var(--muted);line-height:1.5}.mount-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.mount-option{background:#313b2b;border:1px solid #687645;border-radius:3px;font-size:13px;min-height:44px;padding:7px}.mount-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.mount-option:not(:disabled):hover{background:var(--accent);color:#1c2519}.mount-option:disabled{opacity:.5;border-color:var(--line);background:transparent}.cancel-mount{background:none;border:0;width:100%;font-size:12px;color:var(--muted);padding:12px 0 0}.armor-total{font-family:var(--heading);font-size:40px;margin:20px 0}.armor-total small{font-family:var(--body);font-size:14px;color:var(--muted);margin-left:8px}.help{font-size:13px;line-height:1.6;color:var(--muted)}.armor-row{padding:13px 0;border-bottom:1px solid var(--line)}.armor-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:9px}.armor-top strong{color:var(--accent);font-weight:500}.armor-row input{width:100%;accent-color:var(--accent);height:24px;margin:0;cursor:pointer}.paint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.paint-option{background:none;border:1px solid var(--line);border-radius:4px;padding:12px 7px;color:var(--muted);font-size:11px;min-height:87px}.paint-option.active{border-color:var(--accent);color:var(--text)}.paint-chip{display:block;height:28px;width:28px;border-radius:50%;margin:0 auto 10px;background:var(--paint);box-shadow:inset -3px -4px 0 #0003}.field-label{display:block;font-size:14px;margin:0 0 9px}.name-input{width:100%;background:#242b27;border:1px solid #56614e;color:var(--text);border-radius:4px;min-height:46px;padding:12px}.check-row{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:22px}.check-row input{height:20px;width:20px;accent-color:var(--accent)}footer{display:flex;justify-content:space-between;padding:22px 0 25px;font-size:10px;letter-spacing:.08em;color:#889487}footer i{font-style:normal;color:var(--accent);margin:0 8px}footer>span:last-child{letter-spacing:0;font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:14px 20px;background:var(--accent);color:#1d2818;border-radius:5px;box-shadow:0 7px 30px #0007;max-width:calc(100% - 30px);font-size:14px;transition:.2s;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:560px;width:calc(100% - 32px);background:#202722;color:var(--text);border:1px solid #657147;border-radius:8px;padding:26px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#070a08c9;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.icon-button{background:none;border:0;width:42px;height:42px;font-size:27px;color:var(--muted)}dialog h2{font-family:var(--heading);font-size:34px;font-weight:500;margin:12px 0}dialog p,dialog li{font-size:15px;line-height:1.6;color:#c0c9be}dialog ul{padding-left:20px}dialog li{padding:5px 0}dialog>.button{margin-top:10px;width:100%}.mount-hotspot{cursor:pointer}.mount-hotspot circle{fill:#1c241be8;stroke:#677544;stroke-width:1}.mount-hotspot text{fill:#b9c796;font-family:var(--body);font-size:12px;text-anchor:middle;pointer-events:none}.mount-hotspot.available circle{fill:#d7e845;stroke:#eef7a6}.mount-hotspot.available text{fill:#1b2516}.mount-hotspot.available:hover circle{fill:white}.mount-hotspot.occupied circle{stroke:#a4b45e}.mount-hotspot:focus-visible{outline:none}.mount-hotspot:focus-visible circle{stroke:#fff;stroke-width:3}.mount-line{stroke:#687b43;stroke-width:1;stroke-dasharray:3 4;opacity:.5}.mount-hotspot.blocked{opacity:.35;cursor:default}@media(min-width:1500px){.vehicle-stage{height:510px}.workspace{grid-template-columns:350px minmax(430px,1fr) 305px}.preview-heading{height:105px}.presets{padding-top:22px;padding-bottom:25px}}@media(max-width:1190px){main{padding:24px 24px 0}.topbar{padding:16px 24px}.workspace{grid-template-columns:290px minmax(310px,1fr)}.summary-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.summary-panel>.panel-heading{grid-column:1/-1}.status{grid-column:1;grid-row:2}.total-price{grid-column:1;grid-row:3}.performance{grid-column:1;grid-row:4;margin-top:0;margin-bottom:0}#meters{grid-column:2;grid-row:2/5;padding-top:24px}.loadout{grid-column:3;grid-row:2/5;padding-top:24px}.demo-disclaimer{grid-column:1/3;margin-top:15px}#issues{grid-column:1/-1}.vehicle-stage{height:452px}.prototype{font-size:10px}.preview-heading{padding:0 22px}}@media(max-width:720px){.topbar{padding:13px 17px;min-height:70px;justify-content:space-between;gap:10px}.brand{font-size:14px;gap:13px}.brand-sub{font-size:10px}.brand-mark{font-size:30px}.prototype{display:none}.text-button{font-size:12px;padding:10px 0}.text-button span{margin-left:4px}main{padding:23px 14px 0}.heading{align-items:flex-end;margin-bottom:20px;gap:12px}.heading .eyebrow{font-size:10px}h1{font-size:37px;margin-top:6px}.save-controls{gap:7px;flex-direction:column-reverse}.save-controls .button{padding:9px 12px;font-size:12px;min-height:37px}.save-controls .subtle{padding:3px;border:0;min-height:24px;font-size:11px}.workspace{display:flex;flex-direction:column;overflow:visible}.preview-panel{order:0;border-radius:7px 7px 0 0;overflow:hidden}.config-panel{order:1;border-right:0;border-top:1px solid var(--line)}.summary-panel{order:2;display:block}.preview-heading{height:78px;padding:0 18px}.preview-heading h2{font-size:26px;margin-top:5px}.eyebrow{font-size:10px}.view-label{font-size:10px}.vehicle-stage{height:340px;margin:0 14px}.stage-coordinate{font-size:9px;top:12px}.top-left{left:12px}.top-right{right:12px}.stage-footer{font-size:9px;bottom:11px;left:12px;right:12px}.preview-bottom{padding:15px 18px;gap:12px}.selection-hint{font-size:11px;max-width:180px}.paint-mini{gap:10px}.paint-mini button{width:18px;height:18px}.presets{padding:15px 18px 18px}.preset-grid{gap:7px;margin-top:10px}.preset{padding:10px}.preset strong{font-size:21px}.preset small{font-size:10px}.panel-heading{height:48px;padding:0 18px}.tabs{position:sticky;top:0;z-index:3;background:#1b2020;padding:0 14px}.tab{font-size:14px;padding:16px 8px}#configContent{padding:20px 18px;min-height:0}.config-section:last-child{margin-bottom:0}.option{padding:14px;min-height:70px}.option strong{font-size:16px}.option small,.option-price{font-size:13px}.section-label h3,h3{font-size:15px}.fixed-body small{font-size:13px}.summary-panel{padding:0 0 20px}.summary-panel .panel-heading{margin-bottom:18px}.status{margin:0 18px}.total-price{padding:18px 18px 25px}.total-price strong{font-size:48px}#meters{padding:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.meter{margin-bottom:0}.performance{margin:23px 18px;grid-template-columns:1fr 1fr}.loadout{padding:0 18px}.equipment-row strong{font-size:14px}.equipment-row small{font-size:12px}.equipment-row{padding:10px 0}.demo-disclaimer{margin:20px 18px 0}.issue{margin:16px 18px 0}footer{padding:20px 2px;display:block}footer>span:first-child{font-size:9px}footer>span:last-child{display:block;margin-top:10px;font-size:11px}.weapon h3{font-size:16px}.weapon p{font-size:14px}.weapon-stats{font-size:13px}.weapon .button{min-height:44px;font-size:14px}.mount-picker p{font-size:13px}.mount-option{font-size:14px}.mount-option small{font-size:11px}.paint-option{font-size:12px}.help{font-size:14px}.armor-row{padding:17px 0}.armor-top{font-size:16px}.paint-mini button:nth-child(n+5){display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#bodySelect{font-size:16px;cursor:pointer}#bodySelect option{background:#242b27;color:#eef2df}.body-facts{display:grid;gap:8px;margin:16px 0;font-size:14px;line-height:1.5}.body-facts span{color:var(--muted)}.body-note{font-size:14px;line-height:1.5;color:#d4bb87;margin:14px 0 0;border-left:2px solid #a18c5f;padding-left:10px}.cargo-summary{grid-column:1/-1;margin-bottom:16px}

.wheel-options{display:flex;gap:10px;margin:12px 0}.config-section>.help{margin-top:12px}.handling{margin:0 22px 24px;padding:15px 0;border-bottom:1px solid var(--line)}.handling-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.handling-top span{font-size:13px;letter-spacing:.07em;color:var(--muted)}.handling-top strong{font-family:var(--heading);font-size:32px;font-weight:500}.handling p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:8px}.construction-sheet{margin-top:24px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:22px}.construction-sheet summary{cursor:pointer;font-family:var(--heading);font-size:26px;font-weight:500}.construction-sheet .help{margin:14px 0}.sheet-scroll{overflow-x:auto}.construction-sheet table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.construction-sheet th,.construction-sheet td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.construction-sheet th:first-child{text-align:left;white-space:normal;min-width:190px}.construction-sheet thead th{color:var(--muted);font-weight:500}.construction-sheet tbody th{font-weight:500}.construction-sheet th small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.construction-sheet tfoot{font-weight:600;color:var(--accent)}.construction-sheet tfoot th,.construction-sheet tfoot td{border-bottom:0}.sheet-scroll:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1190px) and (min-width:721px){.handling{grid-column:1;grid-row:5;margin-top:15px}.demo-disclaimer{grid-column:2/4;grid-row:5}}@media(max-width:720px){.handling{margin:0 18px 22px}.construction-sheet{padding:18px 14px}.construction-sheet th,.construction-sheet td{padding:10px}.option-content{min-width:0}.option small{line-height:1.5}}
.draft-status{font-size:14px;color:var(--muted);line-height:1.5;margin:-10px 0 20px;overflow-wrap:anywhere}.review-note{color:#dfc38f;border-color:#dfc38f}.construction-sheet a{color:#bdcd84;text-underline-offset:3px}.garage-dialog{max-width:1050px}.garage-dialog>h2{margin-top:0}.garage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0}.garage-toolbar .check-row{margin:0}.garage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.garage-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:5px;background:#191f1c;padding:15px;min-width:0}.garage-art{align-self:start;background:radial-gradient(ellipse,#34432966,transparent);border:1px solid #344033;border-radius:3px}.garage-art svg{width:100%;height:160px;display:block}.garage-card h3{font-size:20px;font-family:var(--heading);overflow-wrap:anywhere;line-height:1.2}.garage-card p{font-size:14px;line-height:1.5}.garage-card dl{margin:12px 0;font-size:14px;line-height:1.6}.garage-card dl>div{display:flex;gap:10px;justify-content:space-between}.garage-card dt{color:var(--muted)}.garage-card dd{margin:0;text-align:right}.garage-card .garage-meta{font-size:12px;color:var(--muted);margin:7px 0 12px}.garage-check{color:var(--accent)}.garage-check.warning{color:var(--danger)}.garage-actions{display:flex;gap:7px;flex-wrap:wrap}.garage-actions .button{font-size:14px;min-height:42px;padding:8px 11px}.garage-empty{grid-column:1/-1;border:1px dashed #546049;border-radius:5px;padding:28px}.garage-empty h3{font-size:22px;font-family:var(--heading);margin-bottom:10px}.garage-empty p{max-width:620px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#saveMessage,#garageMessage{margin-top:12px;font-size:14px;line-height:1.5;color:#dfc38f}#garageMessage:empty{display:none}[hidden]{display:none!important}.garage-card-copy{min-width:0}.save-controls .button{min-height:44px}#garageCount{min-width:20px;text-align:center;border:1px solid #596344;border-radius:3px;font-size:12px;padding:1px 4px}@media(max-width:800px){.garage-grid{grid-template-columns:1fr}.garage-dialog{padding:20px}.garage-card{grid-template-columns:105px minmax(0,1fr)}}@media(max-width:420px){.garage-toolbar{align-items:stretch;flex-direction:column}.garage-card{grid-template-columns:75px minmax(0,1fr);gap:10px;padding:12px}.garage-art svg{height:120px}.garage-actions .button{padding:8px}.garage-card dl>div{flex-wrap:wrap;gap:0 8px}.garage-card dd{text-align:left}.dialog-actions{flex-direction:column}.dialog-actions .button{width:100%}}

.color-editor{margin-top:20px}.color-pair{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:end;gap:12px}.color-pair input[type=color]{width:68px;height:46px;border:1px solid #56614e;border-radius:4px;background:#242b27;padding:4px;cursor:pointer}.color-label{display:block;font-size:12px;color:var(--muted);line-height:1.5}.color-label .name-input{margin-top:5px;padding:10px;width:100%;min-width:0}.rgb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.color-editor>.help{margin-top:10px}.decal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.decal-option{background:#202725;border:1px solid var(--line);border-radius:4px;padding:10px;color:var(--muted);font-size:13px}.decal-option svg{display:block;width:100%;height:48px;margin-bottom:8px;background:#394137;border-radius:3px}.decal-option.active{border-color:var(--accent);color:var(--text)}.decal-option:hover{border-color:#899445}.finish-label{margin-top:20px}.finish-feedback{color:var(--danger);font-size:13px;line-height:1.5;margin:10px 0}.finish-feedback:empty{display:none}input[type=color]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Workshop views keep editing, review and saved designs in separate workspaces. */
.topbar{min-height:64px;padding:12px 32px;gap:20px}.prototype{margin-left:auto;margin-right:0}
main{max-width:1480px;padding:20px 32px 0}.heading{margin-bottom:18px;gap:20px;align-items:center}.build-identity{min-width:0}.heading h1{font-size:34px;margin-top:4px;overflow-wrap:anywhere}.draft-status{margin:4px 0 0;font-size:14px}.save-controls{flex-direction:row;flex-shrink:0;align-items:center}
.more-actions{position:relative}.more-actions>summary{list-style:none;cursor:pointer}.more-actions>summary::-webkit-details-marker{display:none}.more-popover{position:absolute;right:0;top:calc(100% + 6px);min-width:170px;z-index:6;border:1px solid var(--line);border-radius:4px;background:var(--raised);box-shadow:0 8px 25px #0006;padding:6px}.more-popover button{width:100%;text-align:left;font-size:14px;color:var(--text)}
.workspace-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:16px}.view-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:16px;font-weight:600}.view-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.view-tab:hover{color:var(--text)}
.live-totals{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr 1.5fr 1.2fr .6fr 1.5fr;align-items:stretch;gap:0;background:#202621;border:1px solid #4b5440;border-radius:5px;margin-bottom:18px;box-shadow:0 6px 18px #0002}.live-totals>div,.review-button{padding:12px 18px;min-width:0}.live-totals>div+div,.review-button{border-left:1px solid #414a3a}.live-totals span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.live-totals strong{display:block;font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.review-button{background:transparent;border:0;border-left:1px solid #414a3a;text-align:left;min-height:70px;color:var(--accent)}.review-button:hover{background:#303829}.review-button.has-issues,.over-limit{color:#ffb199}
.workspace{grid-template-columns:minmax(330px,440px) minmax(0,1fr);overflow:visible;align-items:start}.config-panel{border-right:1px solid var(--line)}#configContent{min-height:0;padding:20px}.panel-heading{height:48px;padding:0 20px}.micro{font-size:12px;color:var(--muted)}.tabs{position:static;gap:0;padding:0 10px}.tab{min-height:48px;font-size:14px;padding:14px 8px}.preview-disclosure{position:sticky;top:102px;align-self:start;min-width:0}.preview-disclosure>summary{display:none}.preview-panel{border-radius:0 6px 6px 0}.preview-heading{height:76px;padding:0 24px}.preview-heading h2{font-size:28px;margin-top:4px}.vehicle-stage{height:clamp(320px,52vh,460px);margin:0 20px}.preview-bottom{font-size:14px;padding:16px 24px}.selection-hint{font-size:14px}.paint-mini{gap:10px}.paint-mini button{height:23px;width:23px}.presets{padding:16px 24px}.presets>summary{font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}.preset small{font-size:12px}.stage-coordinate{font-size:12px}.stage-footer{font-size:12px}.top-right:first-line{font-size:12px}
.config-group{border-bottom:1px solid var(--line);margin-bottom:4px}.config-group>summary{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:60px;padding:14px 0;cursor:pointer;font-size:16px;font-weight:600;list-style:none}.config-group>summary::-webkit-details-marker{display:none}.config-group>summary:after{content:'+';font-size:22px;color:var(--muted);font-weight:400}.config-group[open]>summary:after{content:'−'}.config-group>summary small{margin-left:auto;font-size:14px;line-height:1.4;color:var(--muted);font-weight:400;text-align:right;max-width:60%;overflow-wrap:anywhere}.config-group-content{padding:0 0 18px}.config-group-content>.help{margin-top:12px}.config-section{margin-bottom:18px}.option{min-height:64px;padding:12px}.option strong,.option-price,.option small{font-size:14px}.option-content{min-width:0}.option small{line-height:1.5}.help,.body-facts,.body-note{font-size:14px}.name-input{font-size:16px}.paint-option{min-height:76px;font-size:14px}.paint-chip{height:25px;width:25px;margin-bottom:7px}.decal-option,.color-label,.finish-feedback{font-size:14px}.section-label h3,h3{font-size:16px}.weapon p,.weapon-stats{font-size:14px}.weapon .button{min-height:44px;font-size:14px}.mount-picker p,.mount-option,.cancel-mount{font-size:14px}.mount-option small{font-size:12px}.eyebrow{font-size:12px}
.view-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px}.view-heading h2,.garage-view h2{font-family:var(--heading);font-size:32px;font-weight:500;overflow-wrap:anywhere;margin-top:4px}.summary-panel{display:grid;grid-template-columns:1fr 1fr 1.1fr;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:20px;gap:24px}.summary-panel .status{margin:0;font-size:14px;grid-area:auto}.total-price{padding:14px 0 20px;grid-area:auto}.total-price>span,.total-price small{font-size:12px}.total-price strong{font-size:40px}.summary-panel #meters{display:block;padding:0;grid-area:auto}.meter-label,.meter-label strong{font-size:14px}.summary-panel .performance{margin:0 0 20px;padding:16px 0;grid-area:auto}.performance span{font-size:12px}.summary-panel .handling{margin:0;padding:0 0 16px;grid-area:auto}.handling-top span{font-size:14px}.summary-panel .demo-disclaimer{margin:16px 0 0;font-size:14px;grid-area:auto}.loadout{padding:0;grid-area:auto}.equipment-row strong,.equipment-row small{font-size:14px}.summary-panel .loadout{padding:0}.sheet-warnings{background:#20241f;border:1px solid var(--line);border-radius:5px;padding:20px;margin-top:18px;scroll-margin-top:110px}.sheet-warnings .issue{margin:12px 0 0;font-size:14px}.sheet-warnings .help{margin-top:12px}.construction-sheet{margin-top:18px}.construction-sheet h3{font-family:var(--heading);font-size:26px;font-weight:500}.construction-sheet th small{font-size:12px}
.garage-view{border:1px solid var(--line);border-radius:6px;padding:24px;background:var(--panel)}.garage-view .dialog-top{margin-bottom:2px}.garage-view p{line-height:1.6}.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-card dl>div{flex-wrap:wrap}.garage-toolbar{flex-wrap:wrap}.garage-empty p{font-size:16px}footer{font-size:12px;letter-spacing:.04em}
summary:focus-visible,[role=tabpanel]:focus-visible,#sheetWarnings:focus-visible{outline:2px solid var(--accent);outline-offset:3px}summary{touch-action:manipulation}
@media(max-width:1050px){.live-totals{grid-template-columns:1fr 1.4fr 1.1fr .6fr 1.3fr}.live-totals>div,.review-button{padding:12px}.live-totals strong{font-size:14px}.workspace{grid-template-columns:minmax(310px,380px) minmax(0,1fr)}.summary-panel{grid-template-columns:1fr 1fr}.summary-panel .loadout{grid-column:1/-1}.garage-grid{grid-template-columns:1fr}}
@media(max-width:720px){.topbar{padding:10px 16px;min-height:58px}.brand-sub{font-size:12px}.brand{font-size:14px}main{padding:16px 14px 0}.heading{align-items:flex-start;gap:12px}.heading h1{font-size:28px}.heading .eyebrow{font-size:12px}.save-controls{flex-direction:row;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:145px}.save-controls .button{min-height:44px;font-size:14px;padding:10px 12px}.save-controls .subtle{border:1px solid var(--line)}.draft-status{font-size:14px}.workspace-tabs{gap:0;margin-bottom:12px}.view-tab{flex:1;padding:12px 6px;font-size:14px}.live-totals{grid-template-columns:1fr 1fr 1fr;gap:0;margin-bottom:14px}.live-totals>div,.review-button{padding:8px 10px}.live-totals span{font-size:12px;margin-bottom:3px}.live-totals strong{font-size:14px}.live-totals>div:nth-child(4){grid-column:1;border-left:0;border-top:1px solid #414a3a}.review-button{grid-column:2/4;border-top:1px solid #414a3a;min-height:56px}.workspace{display:flex;flex-direction:column;align-items:stretch}.preview-disclosure{position:static;order:0;background:#181d1c;border-radius:6px 6px 0 0}.preview-disclosure>summary{display:list-item;min-height:48px;padding:15px 18px;font-size:14px;cursor:pointer;color:var(--muted);list-style-position:inside}.preview-panel{border-radius:0}.config-panel{order:1;border-right:0}.vehicle-stage{height:320px;margin:0 14px}.preview-heading{height:72px}.preview-bottom{padding:16px 18px;flex-wrap:wrap}.paint-mini button:nth-child(n+5){display:block}.presets{padding:16px 18px}.tab{min-height:48px}.tabs{position:static}#configContent{padding:18px}.summary-panel{display:flex;flex-direction:column;gap:22px;padding:18px}.summary-panel #meters{display:block}.summary-panel .performance,.summary-panel .handling,.summary-panel .demo-disclaimer{margin-left:0;margin-right:0}.loadout{padding:0}.view-heading{align-items:flex-start}.view-heading .button{flex-shrink:0}.view-heading h2{font-size:28px}.sheet-warnings{scroll-margin-top:155px;padding:18px}.garage-view{padding:18px}.garage-toolbar{align-items:stretch;flex-direction:column;gap:14px}.garage-toolbar .check-row{min-height:44px}.garage-card{grid-template-columns:90px minmax(0,1fr)}.garage-card dl>div{gap:0 8px}.garage-card dd{text-align:left}.garage-card .button{min-height:44px}footer>span:first-child,footer>span:last-child{font-size:12px}.stage-coordinate{font-size:12px}.stage-footer{font-size:12px}}
@media(max-width:380px){.heading h1{font-size:26px}.save-controls{max-width:105px}.garage-card{grid-template-columns:70px minmax(0,1fr)}.live-totals>div,.review-button{padding:8px}.option{gap:8px;padding:10px}.view-heading{flex-wrap:wrap}}

.recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-bottom:18px;border:1px solid #768347;border-radius:5px;background:#252d20}.recovery-banner h2{font-size:18px;font-weight:600;margin-bottom:6px}.recovery-banner p{font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.recovery-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.recovery-status{font-size:14px;line-height:1.5;color:var(--muted);margin:-6px 0 16px;overflow-wrap:anywhere}.recovery-status:empty{display:none}.weapon-loadout{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.weapon-loadout .equipment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.equipment-row>div:first-child{min-width:0}.equipment-row strong{overflow-wrap:anywhere}.equipment-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.equipment-actions .button{min-height:44px;padding:8px 10px}.equipment-actions .remove{min-height:44px;min-width:44px}.replacement-delta{margin:10px 0;color:var(--accent)!important}.replacement-error{color:var(--danger)!important;margin:10px 0}.mount-picker>.button{margin-top:14px;width:100%}.issue-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.issue-actions .button{padding:8px 12px;min-height:44px}.more-popover button{min-height:44px}#workspaceName:focus-visible,#weaponEquipmentTitle:focus-visible,#sheetEquipmentTitle:focus-visible{outline:2px solid var(--accent);outline-offset:4px;scroll-margin-top:130px}
@media(max-width:720px){.recovery-banner{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.recovery-actions .button{flex:1}.issue-actions .button{flex:1;min-width:130px}.equipment-actions{justify-content:flex-end}}
@media(max-width:380px){.weapon-loadout .equipment-row{grid-template-columns:1fr}.equipment-actions{justify-content:flex-start}}

/* Compact weapon catalog and ammunition editors share the existing workshop palette. */
.weapon-catalog{margin-top:24px}.weapon-catalog>.field-label{margin-top:14px}.weapon-catalog select{width:100%}.weapon-catalog #weaponResults{margin-top:16px}.weapon-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 12px;text-align:left;border:1px solid var(--line);border-radius:5px;background:#202725;color:var(--text);margin:8px 0;cursor:pointer;min-height:64px}.weapon-result>span:first-child{min-width:0}.weapon-result strong{display:block;font-size:15px;line-height:1.5}.weapon-result small{display:block;font-size:13px;color:var(--muted);line-height:1.5}.weapon-result strong small{display:inline;margin-left:6px;color:var(--accent)}.weapon-result-price{font-size:16px;text-align:right;flex-shrink:0}.weapon-result.chosen{border-color:var(--accent);background:#303b29}.weapon-result:hover:not(:disabled){border-color:#a3b476}.weapon-result:disabled{cursor:default;opacity:.65}.weapon-result:disabled .weapon-result-price{max-width:85px;white-space:normal;font-size:14px}.weapon-detail{padding:18px;border:1px solid #82944e;background:#283225;border-radius:6px;margin-top:18px}.weapon-detail h3{font-size:18px;line-height:1.5}.weapon-detail h3 small{color:var(--accent)}.weapon-detail p{font-size:14px;line-height:1.6;margin:10px 0}.weapon-detail .weapon-stats{flex-wrap:wrap;gap:8px 14px}.weapon-loaded{color:#e8eccb}.ammo-editor,.installed-ammo{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;margin-top:12px}.ammo-editor label{width:100%}.ammo-editor small{width:100%;color:var(--muted);font-size:13px}.ammo-input{background:#18211b;border:1px solid #78885d;border-radius:4px;color:#eef2df;font:inherit;min-height:44px;width:76px;padding:8px}.equipment-copy{min-width:0;flex:1}.installed-ammo label{font-size:14px}.equipment-row{gap:12px}.equipment-actions{flex-shrink:0}.weapon-catalog a,.weapon-detail a{color:var(--accent)}.weapon-result:focus-visible,.ammo-input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:420px){.equipment-row{flex-wrap:wrap}.equipment-actions{margin-left:auto}.weapon-result{gap:8px;padding:12px 10px}.weapon-result-price{font-size:14px}.weapon-result strong{font-size:14px}}

#weaponResults{max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px}#weaponResults:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.weapon-result-art{display:block;flex:0 0 32px;height:48px}.weapon-result-art svg{display:block;width:32px;height:48px}.weapon-result-copy{flex:1;min-width:0}.weapon-detail-heading{display:flex;align-items:center;gap:14px}.weapon-detail-art{flex:0 0 44px;height:72px}.weapon-detail-art svg{width:44px;height:72px}.weapon-result:disabled .weapon-result-copy{width:100%}@media(max-width:420px){.weapon-result-art{flex-basis:28px}.weapon-result-art svg{width:28px}.weapon-result-price{max-width:94px;white-space:normal}}

.legacy-components{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.legacy-components>summary{cursor:pointer;font-size:.875rem;color:var(--muted);padding:8px 0}.legacy-components .option-list{margin-top:10px}.option-content{min-width:0}.option-content small{overflow-wrap:anywhere}#performanceNote{margin:14px 0}.performance small{white-space:nowrap}

/* Precise armor allocation and shared protection summary. */
.protection-summary{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:4px;background:#202725;min-width:0}.protection-heading{display:flex;flex-direction:column;gap:8px;line-height:1.5}.protection-heading strong{font-size:16px}.protection-heading span{font-size:14px;color:var(--accent)}.protection-faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.protection-faces div{min-width:0}.protection-faces dt{font-size:14px;color:var(--muted)}.protection-faces dd{margin:4px 0 0;font-size:14px;overflow-wrap:anywhere}.armor-point-controls{display:grid;grid-template-columns:44px 44px minmax(60px,1fr) 44px 44px;gap:4px;align-items:center}.armor-point-controls .armor-number{width:100%;min-width:0;min-height:44px;padding:8px 4px;text-align:center;border:1px solid #56614e;border-radius:4px;background:#242b27;color:var(--text);font-size:16px;cursor:text}.armor-adjust{min-height:44px;padding:0;border:1px solid var(--line);border-radius:4px;background:#30372d;font-size:14px}.armor-adjust:hover{border-color:var(--accent)}.armor-row .armor-slider{margin-top:10px;width:100%;height:30px}.armor-top span{color:var(--accent)}.armor-type-note,.armor-rate,.armor-source{margin-top:12px}.armor-allocation-heading{margin-top:24px}.sheet-protection{padding:20px 22px}.sheet-protection .protection-summary{margin-bottom:0}.armor-point-controls input:invalid{border-color:var(--danger)}
@media(max-width:380px){.armor-point-controls{grid-template-columns:40px 40px minmax(50px,1fr) 40px 40px;gap:3px}.protection-faces{gap:10px}.protection-summary{padding:12px}}
.sheet-protection{grid-column:1/-1;grid-row:2;padding:0}.sheet-protection .protection-faces{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:900px){.sheet-protection .protection-faces{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.sheet-protection .protection-faces{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2026-10 Workshop finish: precision instruments + printed autoduel manual. */
:root{--bg:#111719;--panel:#1a2224;--raised:#263033;--line:#3e4a4c;--muted:#b0bab8;--text:#f2f3e9;--signal:#ed8b62}
body{background:linear-gradient(135deg,#1c2527 0,transparent 34rem),var(--bg)}
.topbar{background:#111719;border-bottom-color:#455254;box-shadow:inset 0 3px 0 var(--accent)}
.brand-mark{border-right:1px solid #52605c;padding-right:17px;margin-right:2px}
.prototype b{background:#26312c;border-color:#768551;font-variant-numeric:tabular-nums}
.heading{gap:20px}.build-identity{min-width:0}.heading h1{overflow-wrap:anywhere;font-weight:700;letter-spacing:-.015em}.save-controls{flex-shrink:0}
.eyebrow{color:#bec8bf}.heading .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;margin-right:9px;background:var(--signal);vertical-align:1px}
.workspace-tabs{border-bottom-color:#51605d}.view-tab.active{background:linear-gradient(0deg,#d7e84512,transparent);border-bottom-width:3px}
.live-totals{background:#202a2c;border-color:#53615d;box-shadow:0 8px 22px #0003}
.live-totals strong,.option-price,.total-price strong,.garage-card dd,.construction-sheet td{font-variant-numeric:tabular-nums}
.live-totals>div:first-child{border-left:3px solid var(--accent)}.live-totals span{color:#b8c3bc}
.review-button.has-issues{background:#3d2f24}.review-button.has-issues strong{color:#ffd4a1}
.workspace{border-color:#4b5858;border-radius:8px;box-shadow:0 16px 50px #0003}
.panel-heading{background:#222d30;border-bottom-color:#465456}.micro{color:#b0c0b1}
.tabs{background:#172023}.tab.active{background:#d7e84509}.tab:hover{background:#e8f2df08}
.config-group>summary{border-radius:4px;padding-left:9px;padding-right:9px;margin:0 -9px}
.config-group>summary:hover{background:#ffffff06}.config-group[open]>summary{color:var(--accent)}
.option{background:#1a2426;transition:border-color .15s,background .15s}.option:hover{border-color:#8b9d80;background:#273432}
.option.selected{background:#2c382d;border-color:#a7bb61;box-shadow:inset 3px 0 0 var(--accent)}
.name-input,.ammo-input,.armor-point-controls .armor-number{background:#111b1e;border-color:#536460;color:#f2f3e9}
.preview-panel{background:linear-gradient(180deg,#182326,#141d20)}
.preview-heading{border-bottom:1px solid #334142;margin-bottom:16px}.view-label{color:#b1bfb7}.view-label span{color:var(--signal)}
.vehicle-stage{border-color:#51625c;background:radial-gradient(ellipse at 50% 45%,#a3b47618,transparent 68%),linear-gradient(#78918512 1px,transparent 1px),linear-gradient(90deg,#78918512 1px,transparent 1px),#111c1e;background-size:auto,24px 24px,24px 24px}
.stage-coordinate,.stage-footer{color:#a8b9ad}.stage-footer{padding-top:9px;border-top:1px solid #6c7b693d}.stage-coordinate.top-left{border-left:2px solid var(--signal);padding-left:9px}
.preview-bottom{border-top:1px solid #3c4a41;margin-top:16px}.paint-mini{gap:9px}
.paint-mini button{border:1px solid #b6c3b666}.paint-mini button.active{outline-width:2px}
.weapon-result{background:#1d292b;border-color:#455450}.weapon-result.chosen{background:#2c382d;border-color:#a7bb61;box-shadow:inset 3px 0 0 var(--accent)}
.weapon-result:disabled,.mount-option:disabled{opacity:.76}.weapon-detail{background:#24322d;border-color:#829b62}.weapon-detail h3{font-family:var(--heading);font-size:24px}
.garage-card{background:#1b2527;border-color:#4a5b58;box-shadow:0 8px 20px #0002}.garage-card-copy h3{font-family:var(--heading);font-size:25px;font-weight:600;line-height:1.15}
.garage-check.warning{color:#ffd0a3;border-left:3px solid var(--signal);padding-left:9px}.garage-check{line-height:1.6}
.sheet-view .summary-panel,.construction-sheet,.sheet-warnings{border-color:#4b5a57}.construction-sheet thead{background:#243033}.construction-sheet tfoot{background:#27342c}
:where(button,input,select,summary,a,[tabindex]):focus-visible{outline:2px solid #e5f17b;outline-offset:4px}
summary:focus-visible{border-radius:3px}button,input,select{scroll-margin-top:120px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:720px){.heading{gap:10px}.heading h1{font-size:30px}.prototype{display:none}.brand-mark{padding-right:13px}.preview-heading{margin-bottom:12px}.live-totals>div:first-child{border-left-width:2px}.preview-bottom{margin-top:12px}.paint-mini{gap:10px}.garage-card-copy h3{font-size:23px}.vehicle-stage{height:320px}.workspace{box-shadow:0 8px 26px #0002}}
/* Selected tire cue remains readable in compact previews without forcing a wider canvas. */
.stage-footer{flex-wrap:wrap;gap:4px 12px}#tirePreviewLabel{flex-basis:100%;font-size:14px;line-height:1.25;letter-spacing:0;text-align:right}.wheel-protection-row{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.wheel-protection-row h4{margin:0 0 10px}.extra-magazines{display:grid;gap:7px;margin-top:10px}.extra-magazines small{line-height:1.45}.weapon-links .button{margin:6px 4px 6px 0}

/* Native progressive disclosure keeps choices and selected state readable on touch and keyboard. */
.optional-section{margin-top:6px}.optional-group>summary{align-items:flex-start;min-height:58px;gap:10px}.optional-group>summary>span{max-width:48%;line-height:1.4}.optional-group>summary small{max-width:52%;font-size:13px}.optional-group .config-group-content{padding:6px 0 18px}.optional-group .config-section{margin:0}.config-warning{font-size:14px;line-height:1.5;color:#ffd0b7;border-left:3px solid var(--danger);padding:8px 10px;margin:12px 0 4px;background:#3d2b23}.builder-caveat{font-size:13px;line-height:1.5;color:var(--muted);margin:-6px 0 16px}.rule-details{margin:10px 0 14px;border-left:2px solid #51615b;padding-left:12px}.rule-details>summary{cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;padding:12px 0;color:#d4dfb5;font-size:14px;font-weight:500;line-height:1.45}.rule-details .rule-copy,.rule-details>p{padding:4px 4px 10px 0;font-size:14px;line-height:1.65;color:var(--muted)}.rule-details a{color:var(--accent)}.rule-copy p+p{margin-top:10px}.equipment-copy .optional-group>summary{min-height:48px;font-size:14px}.equipment-copy .optional-group>summary small{font-size:12px}.equipment-copy .optional-group{margin-top:8px}.config-group-content h4{margin:18px 0 10px;font-size:15px}.config-group-content>.help{line-height:1.55}.known-limitations{border:1px solid var(--line);border-radius:5px;padding:16px;margin:18px 0}.known-limitations h3{margin-bottom:10px}.known-limitations p{font-size:14px;line-height:1.65}.known-limitations p+p{margin-top:10px}.about-reference-sections{margin:18px 0}.about-reference-sections .rule-details{margin:4px 0}.about-reference-sections .rule-details>summary{min-height:48px}.optional-section select[multiple]{min-height:110px}.optional-section .check-row{min-height:44px;padding-top:8px;padding-bottom:8px}.optional-section input[type=checkbox]{min-width:18px;min-height:18px;flex-shrink:0}
@media(max-width:420px){.optional-group>summary{flex-wrap:wrap;position:relative;padding-right:28px;gap:4px}.optional-group>summary>span,.optional-group>summary small{max-width:100%;width:100%;text-align:left;margin:0}.optional-group>summary:after{position:absolute;right:6px;top:15px}.builder-caveat{font-size:13px}}

/* Opt-in source examples are separate from personal saves. */
.garage-example-library{border:1px solid var(--line);border-radius:6px;padding:20px;margin:16px 0 24px;background:#1c292b}.example-library-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.example-library-heading h3{font-size:20px;margin:0 0 8px}.example-library-heading .help{max-width:660px}.example-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.example-library-card{border:1px solid var(--line);padding:16px;border-radius:4px;min-width:0}.example-library-card h4{font-size:18px;margin:0 0 10px}.example-library-card p{font-size:14px;line-height:1.6;margin:8px 0}.example-stats{color:var(--accent)}.example-library-card .button{min-height:44px}.garage-card-copy>.rule-details{margin-top:12px}.garage-card-copy>.rule-details p{font-size:13px;line-height:1.6}
@media(max-width:720px){.example-library-heading{display:block}.example-library-heading>.button{margin-top:14px;width:100%}.example-library-grid{grid-template-columns:1fr}.garage-example-library{padding:16px}}

/* Large example collections stay compact, searchable and touch-friendly. */
.example-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:18px 0 12px}.example-filters label,.saved-garage-heading label{display:grid;gap:7px;font-size:14px;min-width:0}.example-filters input,.example-filters select,.saved-garage-heading input{width:100%;min-width:0;min-height:44px;padding:10px;background:#152124;color:var(--text);border:1px solid #687e7b;border-radius:4px;font:inherit}.example-selection{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.example-selection p{margin:0;color:var(--muted);font-size:14px}.collection-pagination{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:16px 0}.collection-pagination>div{display:flex;gap:12px;align-items:center}.collection-pagination p,.collection-pagination span{font-size:14px;line-height:1.5}.collection-pagination .button{min-height:44px}.example-card-heading{display:flex;gap:12px;align-items:start;justify-content:space-between}.example-card-heading h4{overflow-wrap:anywhere}.example-card-heading .check-row{min-height:44px;margin:-10px 0 0;white-space:nowrap}.example-library-card{display:flex;flex-direction:column}.example-library-card>.button{margin-top:auto;align-self:start}.example-library-card>.rule-details{margin-bottom:14px}.saved-garage-heading{display:flex;justify-content:space-between;gap:18px;align-items:end}.saved-garage-heading h3{font-size:22px;margin:0}.saved-garage-heading label{width:min(100%,380px)}
@media(max-width:900px){.example-filters{grid-template-columns:1fr 1fr}.example-filters label:first-child{grid-column:1/-1}}
@media(max-width:520px){.example-filters{grid-template-columns:1fr}.saved-garage-heading{display:block}.saved-garage-heading label{margin-top:14px;width:100%}.example-selection .button{flex:1 1 auto}.collection-pagination>div{width:100%;justify-content:space-between}.example-card-heading{flex-wrap:wrap}.garage-example-library{padding:14px}.example-library-card{padding:14px}}

/* Arena is a non-playable staging surface using the canonical vehicle renderer. */
.tab-soon{font-size:11px;font-weight:500;border:1px solid #64716a;border-radius:3px;padding:2px 5px;margin-left:5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.builder-next{display:flex;justify-content:flex-end;margin:-4px 0 14px}.arena-entry{display:flex;gap:14px;align-items:center}.arena-entry span{font-size:12px;color:var(--muted);font-weight:400}.arena-view>.view-heading{margin-top:8px}.arena-view .view-heading h2{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.coming-soon{font:500 13px var(--body);padding:7px 10px;letter-spacing:.04em;text-transform:uppercase;border:1px solid #b89861;color:#f0d3a0;border-radius:4px}.arena-intro{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 22px}.arena-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.arena-preview,.arena-build{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.arena-map-heading{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.arena-map-heading h3{font-size:20px;margin:0}.arena-map-heading>span{font-size:12px;letter-spacing:.07em;color:var(--muted)}.arena-map{position:relative;min-height:430px;aspect-ratio:1.4;background-color:#142024;background-image:linear-gradient(#a8beb208 1px,transparent 1px),linear-gradient(90deg,#a8beb208 1px,transparent 1px);background-size:25px 25px;overflow:hidden}.arena-boundary{position:absolute;inset:8% 7% 13%;border:8px solid #4d605d;border-radius:20%;box-shadow:inset 0 0 0 2px #9ca98b44,0 0 0 2px #0b1518}.arena-centerline{position:absolute;top:0;bottom:0;left:50%;border-left:2px dashed #96a47c38}.arena-start-box{position:absolute;width:120px;height:220px;max-height:74%;left:calc(50% - 60px);top:13%;border:1px dashed #d8e57777;background:#d8e57705}.arena-mark{position:absolute;left:20px;font-size:22px;font-family:var(--heading);color:#88958170}.arena-mark.north{top:20px}.arena-mark.south{bottom:20px}.arena-vehicle{position:absolute;width:240px;max-width:70%;height:85%;top:2%;left:50%;transform:translateX(-50%);display:grid;place-items:center;pointer-events:none}.arena-vehicle svg{width:100%;height:100%;max-height:370px;overflow:visible}.arena-map-caption{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;font-size:13px;color:#b4c0b7;letter-spacing:.02em}.arena-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line)}.arena-controls p{font-size:13px;color:var(--muted);margin:0;width:100%}.arena-controls .button{flex:1;min-height:44px}.arena-build{padding:22px}.arena-build>h3{font:600 28px var(--heading);margin:8px 0;overflow-wrap:anywhere}.arena-build .help{font-size:14px;line-height:1.5}.arena-body{font-size:14px;line-height:1.6;margin:18px 0 12px}.arena-build dl{margin:0;font-size:14px;line-height:1.6}.arena-build dl>div{display:flex;gap:12px;justify-content:space-between;margin:8px 0}.arena-build dt{color:var(--muted)}.arena-build dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.arena-check{font-size:14px;line-height:1.6;border-left:3px solid var(--accent);padding-left:12px;margin:20px 0 14px}.arena-check.warning{border-color:#e6b777;color:#f0d3a0}.arena-build>.button{width:100%;margin-top:10px;min-height:44px}.arena-loadout{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.arena-loadout h4{font-size:16px;margin:0 0 12px}.arena-loadout ul{list-style:none;padding:0;margin:0}.arena-loadout li{display:flex;gap:12px;justify-content:space-between;font-size:14px;line-height:1.5;padding:8px 0}.arena-loadout span{color:var(--muted);text-align:right}.arena-controls .button:disabled,.arena-build>.button:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:900px){.arena-workspace{grid-template-columns:minmax(0,1fr) 280px}.arena-map{min-height:390px}.arena-build{padding:18px}}
@media(max-width:720px){.arena-workspace{grid-template-columns:1fr}.arena-map{min-height:360px;aspect-ratio:1.15}.arena-map-heading{padding:16px}.arena-view .view-heading{align-items:flex-start}.arena-view .view-heading h2{gap:9px}.coming-soon{font-size:12px}.arena-controls{padding:16px}.arena-build{padding:20px}.tab-soon{display:none}.builder-next{justify-content:stretch}.arena-entry{width:100%;justify-content:space-between}.arena-intro{margin-bottom:16px}}
.garage-example-disclosure{border:1px solid var(--line);border-radius:5px;margin-top:18px}.garage-example-disclosure>summary{cursor:pointer;min-height:48px;padding:14px 16px;font-size:15px;font-weight:500;list-style-position:inside;color:var(--accent)}.garage-example-disclosure>.garage-example-library{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}.garage-example-disclosure #garageExamples>.garage-example-library{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}
@media(max-width:380px){.workspace-tabs .view-tab{min-width:0;font-size:13px;padding:12px 4px}.workspace-tabs #garageCount{font-size:11px;min-width:18px}}
.presets>#browseGarageExamples{margin-top:14px;width:100%}
/* Driving lot uses the same 800 x 560 measured coordinate system at every size. */
.arena-hidden{display:none!important}.arena-viewport{max-height:460px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.arena-zoom{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 20px 12px;font-size:14px}.arena-zoom select{min-height:44px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:8px}.arena-zoom span{color:var(--muted)}
.arena-test-setup{display:flex;gap:12px;padding:16px 20px;flex-wrap:wrap;align-items:end}.arena-test-setup .arena-start-speed{margin:0;flex:1;min-width:130px}.arena-test-setup>button{min-height:44px;flex:1;min-width:150px}.arena-test-setup>p{width:100%;font-size:14px;line-height:1.6}
.arena-driving-map{position:relative;aspect-ratio:10/7;background-color:#17282d;background-image:linear-gradient(#b6cbb12a 1px,transparent 1px),linear-gradient(90deg,#b6cbb12a 1px,transparent 1px),linear-gradient(#b6cbb10c 1px,transparent 1px),linear-gradient(90deg,#b6cbb10c 1px,transparent 1px);background-size:5% 7.142857%,5% 7.142857%,1.25% 1.785714%,1.25% 1.785714%;overflow:hidden;border:2px solid #77895b}
.arena-driving-car{position:absolute;width:6.25%;height:10.178571%;pointer-events:none;transform-origin:center;display:grid;place-items:center}
.arena-driving-car svg{width:100%;height:100%;overflow:visible}.arena-driving-car:after{content:'';position:absolute;width:40%;height:70.175%;border:1px dashed #e0df8770;pointer-events:none}
.arena-lot-label{position:absolute;top:10px;left:12px;font-size:14px;color:#c1cfb0}.arena-telemetry{padding:14px 20px;margin:0;font-size:16px;line-height:1.6;font-variant-numeric:tabular-nums}.arena-scale{font-size:14px;line-height:1.5;color:var(--muted);padding:12px 20px;margin:0}
.arena-phase-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 20px 12px}.arena-phase-chart span{padding:8px;border:1px solid var(--line);text-align:center;font-size:14px}.arena-phase-chart strong{display:block;margin-top:4px}.arena-phase-chart .current{background:#c7d676;color:#152117;border-color:#e0ee9f}
.arena-controls label{display:flex;flex:1;min-width:130px;gap:7px;flex-direction:column;font-size:14px}.arena-controls select,.arena-start-speed select{min-height:44px;padding:8px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px;font:inherit}
.arena-steering{display:flex;gap:8px;width:100%}.arena-steering button[aria-pressed=true]{border-color:var(--accent);background:#d2df8326}.arena-controls #arenaSolution,.arena-controls #arenaDriveMessage{font-size:14px;line-height:1.6}.arena-start-speed{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-top:18px}
.arena-help{padding:16px 20px;border-top:1px solid var(--line);font-size:14px;line-height:1.7}.arena-help summary{cursor:pointer;font-size:16px;min-height:28px}.arena-help ol{padding-left:24px}.arena-help .done{color:var(--accent)}.arena-help .done:after{content:' ✓'}
@media(max-width:720px){.arena-workspace{display:flex;flex-direction:column}.arena-preview{width:100%;order:0}.arena-build{width:100%;box-sizing:border-box;order:1}.arena-telemetry{padding:12px;font-size:14px}.arena-scale,.arena-controls,.arena-help{padding:12px}.arena-phase-chart{padding:0 12px 12px}.arena-driving-map{min-height:0}.arena-lot-label{top:5px;left:6px;font-size:12px}.arena-viewport{max-height:280px}.arena-zoom{padding:0 12px 12px}}
.arena-map-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.arena-lot-label{z-index:2}.arena-driving-car{z-index:1}

.demo-link{text-decoration:none;white-space:nowrap;flex:none;color:var(--text)}@media(max-width:720px){.demo-link{margin-left:auto;padding:8px 12px}}