/* IRONWAKE / monochrome optics. One accent, restrained chrome, clear priorities. */
:root{--bg:#0b100d;--panel:#111a12;--ink:#d5edba;--muted:#8b9d7c;--orange:#b5e577;--mint:#b5e577;--phosphor:#b7ed7d;--phosphor-dim:#809b65;--phosphor-line:#7baf4c66;--display:Arial,Helvetica,sans-serif;--ui:Arial,Helvetica,sans-serif;--line:#8baf5c40;--bright:#c0f383;--soft:#90ad75}
body{font-family:var(--ui);background:var(--bg);color:var(--ink);font-weight:400}button,input,select{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--bright);outline-offset:4px}h1,h2,h3{font-family:var(--ui);font-weight:500;letter-spacing:-.025em}.button{border-radius:7px;font-family:var(--ui);font-weight:500;letter-spacing:0}.button.primary{background:var(--bright);color:#132009;border:1px solid var(--bright);box-shadow:none}.button.primary:hover{background:#d5ffa5}.button.secondary,.button.quiet{color:var(--ink);border:1px solid var(--line);background:#122013a6}.button.secondary:hover,.button.quiet:hover{background:#a5df6b14;border-color:var(--soft)}.text-button{color:var(--soft)}.overline,.eyebrow{font:11px/1.5 var(--ui);font-weight:500;letter-spacing:.14em;color:var(--soft)}.orange{color:var(--bright)}.muted{color:var(--muted)}
.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 4vw}.brand{font:500 19px var(--ui);letter-spacing:.13em;color:var(--ink)}.brand svg{color:var(--bright);width:23px}.topbar nav{gap:24px}.topbar nav button{font-size:14px;color:var(--soft)}.topbar nav button:hover{color:var(--bright)}.pilot{font:11px var(--ui);color:var(--soft);border-color:var(--line)}
body[data-screen=home] .menu-stage{min-height:calc(100svh - 130px)}body[data-screen=home] .home-menu{padding:clamp(48px,12vh,150px) 0 75px 7vw;width:48%;z-index:2}body[data-screen=home] .home-menu h1{font:500 clamp(46px,5.4vw,90px)/1.05 var(--ui);letter-spacing:-.06em;color:var(--ink);margin:24px 0}body[data-screen=home] .home-menu h1 span{color:var(--ink)}.home-description{font-size:21px;line-height:1.5;color:var(--soft);font-weight:400;letter-spacing:-.02em}.start-actions{width:min(370px,90%);gap:12px}.start-actions>.button{min-height:58px;padding:15px 22px;font-size:18px;display:flex;justify-content:space-between;align-items:center}.start-note{color:var(--soft);font-size:12px;margin-top:25px}.friends-actions{padding-top:9px;color:var(--muted)}.friends-actions button{color:var(--soft);font-size:14px}.friends-actions button:hover{color:var(--bright)}body[data-screen=home] .mech-stage{left:37%;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 17%)}.menu-footer{background:transparent;border-color:var(--line);color:var(--soft);font-size:11px}.status-dot{background:var(--bright);box-shadow:none}
body[data-screen=garage] .menu-stage{padding-top:24px;gap:18px 24px}body[data-screen=garage] .garage-heading h1{font:500 28px var(--ui);color:var(--ink)}.practice-label{font-size:10px;letter-spacing:.13em;color:var(--soft)}.workshop-heading-actions{gap:10px}.workshop-heading-actions .button{min-height:40px;font:14px var(--ui);padding:8px 16px}.workshop-heading-actions #garageBack{font-size:14px;margin-left:12px}
body[data-screen=garage] .assembly-summary{border:1px solid var(--line);border-radius:9px;padding:16px 20px;background:#12201580;width:min(1000px,100%)}body[data-screen=garage] .assembly-summary .overline{color:var(--soft);font-size:11px;letter-spacing:.12em}body[data-screen=garage] #assemblyStats{color:var(--ink);font:500 28px var(--ui)}body[data-screen=garage] #assemblyStats span{color:var(--soft);font:400 16px var(--ui)}body[data-screen=garage] #assemblyStatus{font:500 12px var(--ui);color:var(--bright)}body[data-screen=garage] #powerRemaining{font:500 16px var(--ui);color:var(--bright);letter-spacing:0}body[data-screen=garage] #assemblyPerformance,body[data-screen=garage] .capacity-explainer{color:var(--soft);font:13px/1.5 var(--ui)}body[data-screen=garage] .power-segments{height:11px;border:0;padding:0;border-radius:3px;background:#080d08}.power-segments i{background:#567644}.power-segments i.selected{background:var(--bright)}body[data-screen=garage] #buildHint{color:var(--bright)}body[data-screen=garage].mech-offline .assembly-summary{border-color:var(--bright)}body[data-screen=garage].mech-offline .power-segments i{background:#adc987}body[data-screen=garage].mech-offline #assemblyStatus,body[data-screen=garage].mech-offline #powerRemaining{color:var(--bright)}
body[data-screen=garage] .grid-heading h2,body[data-screen=garage] .selection-heading h2{font:500 20px var(--ui);color:var(--ink)}body[data-screen=garage] .socket-bus .grid-socket{background:#14201550;border:1px solid var(--line)!important;border-radius:7px;box-shadow:none;color:var(--ink)}body[data-screen=garage] .socket-bus .grid-socket:hover{background:#a1d36d0d;border-color:var(--soft)!important}body[data-screen=garage] .socket-bus .grid-socket[aria-pressed=true]{background:#a1d36d12;border-color:var(--bright)!important;box-shadow:inset 2px 0 var(--bright)}body[data-screen=garage] .socket-bus .socket-label{color:var(--soft);font-weight:400}body[data-screen=garage] .socket-bus .grid-socket strong{font-family:var(--ui);font-weight:500;color:var(--ink)}body[data-screen=garage] .socket-bus .grid-socket small{font-family:var(--ui);font-weight:400;color:var(--soft)}body[data-screen=garage] .socket-bus .socket-icon svg,body[data-screen=garage] #parts .option-icon svg{stroke:var(--soft);fill:var(--soft);fill-opacity:.1;stroke-width:1.5}body[data-screen=garage] #parts .part-choice{background:#111b1370;border:1px solid var(--line);border-radius:8px;box-shadow:none;color:var(--ink)}body[data-screen=garage] #parts .part-choice.selected{border-color:var(--bright);background:#a5d76a10;box-shadow:inset 2px 0 var(--bright)}body[data-screen=garage] #parts .part-choice:hover{border-color:var(--soft)}body[data-screen=garage] #parts .choice-heading strong{font-family:var(--ui);font-weight:500;color:var(--ink)}body[data-screen=garage] #parts .weight-class{color:var(--soft);font:10px var(--ui);letter-spacing:.12em}body[data-screen=garage] #parts .component-weight b{font:500 28px var(--ui);color:var(--ink)}body[data-screen=garage] #parts .component-weight small{font-size:14px;color:var(--soft)}body[data-screen=garage] #parts .weight-comparison{height:4px;background:#263b20}body[data-screen=garage] #parts .weight-comparison i{background:#6d9552}body[data-screen=garage] #parts .selected .weight-comparison i{background:var(--bright)}body[data-screen=garage] #parts .choice-detail,body[data-screen=garage] #parts .equipment-description{color:var(--soft);font-family:var(--ui)}body[data-screen=garage] #parts .equipment-description{line-height:1.5}body[data-screen=garage] .finish-row>span{color:var(--soft)}.swatch{border-radius:50%}.swatch.selected{outline-color:var(--bright)}.equipment-filters button{color:var(--soft);border-color:var(--line);border-radius:5px}.equipment-filters button[aria-pressed=true]{color:#15200b;background:var(--bright);border-color:var(--bright)}body[data-screen=garage] .garage-bottom{background:transparent;border-color:var(--line)}body[data-screen=garage] .fitting-help{color:var(--soft)}body[data-screen=garage] .garage-bottom .button{margin-left:auto}body[data-screen=garage] #mechName{color:var(--ink);font:500 18px var(--ui)}body[data-screen=garage] .mech-caption button,body[data-screen=garage] .orbit-tools{color:var(--soft);font-family:var(--ui)}#previewPower{color:var(--bright);background:#060b06ed;border-color:var(--bright)}#previewPower>strong{color:var(--bright)}
.squad{border-color:var(--line)}.squad-title h2{font:500 21px var(--ui);color:var(--ink)}.squad-title>span,.squad-slot em{color:var(--soft)}.squad-slot,.squad-slot.filled{background:#15211580;border:1px solid var(--line);border-radius:6px;color:var(--ink)}.trial-mode select{background:var(--bg);color:var(--ink);border-color:var(--line);border-radius:5px}dialog{background:#0d160f;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 100px #0009;padding:32px;max-height:85svh}dialog::backdrop{background:#030704ad;backdrop-filter:blur(5px)}dialog h2{font:500 32px var(--ui);letter-spacing:-.04em}dialog p,.mission-brief{font:14px/1.6 var(--ui);color:var(--soft)}.mission-brief{padding-left:23px}.mission-brief li{padding:6px 0}.join-code,input{background:#0a100b;color:var(--bright);border-color:var(--line)}.build-card{border-color:var(--line)}.manual-controls kbd,kbd{color:var(--bright);border-color:var(--line);background:#9ec96c0c}.toast,#toast{background:#111e13;color:var(--ink);border:1px solid var(--line);border-radius:7px}
/* Green optics float at the edges; the centre remains open for combat. */
.terminal-panel{background:#071007cf;border:1px solid var(--line);border-radius:8px;box-shadow:none;color:var(--phosphor);font-family:var(--ui);text-shadow:none;backdrop-filter:blur(6px)}.terminal-panel h2{font:500 11px var(--ui);letter-spacing:.11em;color:var(--soft);border-color:var(--line)}.terminal-panel h2 span{font:10px var(--ui);color:var(--soft);letter-spacing:0}.game-brand{display:none}.game-top{top:18px;right:22px}.game-top .button{font:12px var(--ui);min-height:34px;padding:7px 12px;border-radius:6px;background:#091309ad}#gameHelp{top:19px;right:132px;font:12px var(--ui);min-height:32px;padding:7px 10px;color:var(--soft);border:0;background:#091309ad;border-radius:6px}#soundToggle{top:58px;right:25px;font:10px var(--ui);color:var(--soft)}#objectivesPanel{top:87px;right:22px;width:280px;padding:14px 16px}#objectivesPanel h2{margin-bottom:12px}.objective-section h3{font:500 10px var(--ui);letter-spacing:.12em;color:var(--soft);margin:0 0 5px}.objective-section strong{font:500 15px/1.35 var(--ui);color:var(--bright)}.objective-section p{font:12px/1.5 var(--ui);color:var(--soft);margin-top:5px}.team-objective{border-color:var(--line);margin-top:12px;padding-top:12px}.objective-progress{height:3px;background:#304125}.objective-progress i{background:var(--bright)}#squadPanel{left:22px;top:22px;width:200px;padding:12px;border-radius:8px}#squadHud{font:11px var(--ui)}#squadHud>div{border-color:var(--line)}#vicinityPanel{left:22px;bottom:22px;width:180px;padding:10px}#radar{border-radius:5px;opacity:.9}.radar-key{color:var(--soft);font:9px var(--ui)}#mapToggle{font:10px var(--ui);color:var(--soft);border-color:var(--line)}#loadoutPanel{right:22px;bottom:22px;width:280px;padding:12px 14px}#hullHealth{color:var(--bright)}.hull-heading{font:10px var(--ui);letter-spacing:.1em}.hull-heading strong{font:500 14px var(--ui)}#hullMeter{height:7px;background:#24391e;border:0;padding:0;border-radius:3px}#hullFill,#hullHealth[data-state=damaged] #hullFill,#hullHealth[data-state=critical] #hullFill{background:var(--bright)}#hullHealth[data-state=critical],#hullHealth[data-state=offline]{color:var(--bright)}#hullHealth[data-state=critical]{animation:hull-warning 1s ease-in-out infinite}.diagram-mech{stroke:#a9d574;fill:#a9d57412}.diagram-lines{stroke:#72924c}.diagram-label{color:var(--soft);font-family:var(--ui)}.diagram-label strong{color:var(--ink);font:500 12px var(--ui)}.diagram-caption{color:var(--soft);font:9px var(--ui)}.combat-slots button,.tactical-moves button,.ability-panel #abilityButton{border:1px solid var(--line);border-radius:5px;background:#20301b45;color:var(--bright);font-family:var(--ui);box-shadow:none}.combat-slots button strong{font:500 13px var(--ui)}.combat-slots kbd,.tactical-moves kbd{font:9px var(--ui);color:var(--soft)}.combat-slots button.active,.tactical-moves button.active,.ability-panel #abilityButton.engaged{background:#b5e577;color:#132009}.tactical-moves i,.ability-charge i{background:var(--bright)}.ability-panel #abilityButton.ready{border-color:#a4d56c;background:#6e9e3620;box-shadow:none}.ability-panel #abilityButton span,.ability-panel #abilityButton b{font-family:var(--ui);color:inherit}.ability-panel #abilityButton kbd{font-family:var(--ui);color:var(--soft)}#taskBanner{top:22px;width:min(500px,calc(100vw - 660px));padding:14px 18px;border-radius:9px}.task-tag{font:10px var(--ui);letter-spacing:.1em;color:var(--soft)}#taskBanner #levelLabel{font:500 21px/1.2 var(--ui);letter-spacing:-.02em;color:var(--bright)}#taskBanner #objectiveText{font:12px/1.5 var(--ui);color:var(--soft);margin-top:6px}.progress-track{height:3px;background:#23371b}.progress-track i{background:var(--bright)}#taskBanner.heavy-arrival{border:1px solid var(--bright);box-shadow:0 0 35px #a8dd4820;padding:18px 20px}#taskBanner.heavy-arrival #levelLabel{font:500 26px var(--ui);letter-spacing:-.02em}#taskBanner.heavy-arrival #objectiveText{font-size:12px}.world-label{border:1px solid var(--line);border-radius:4px;background:#0b1c0ac2;color:var(--bright);font:11px var(--ui);box-shadow:none}.world-label.damage-number{border:0;font:500 22px var(--ui)}#viewHint{font:12px var(--ui);color:var(--bright);background:#071007bd;border:1px solid var(--line);border-radius:30px;padding:10px 16px}#motionReticle{color:var(--bright)}.motion-fill{stroke:var(--bright)}
#deploymentScreen{position:absolute;z-index:50;inset:0;background:#0b100d;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ink)}#deploymentScreen[hidden]{display:none}#deploymentScreen>span{font:11px var(--ui);letter-spacing:.22em;color:var(--soft)}#deploymentScreen h2{font:400 32px var(--ui);margin:24px 0 8px}#deploymentScreen p{font:14px var(--ui);color:var(--soft)}#deploymentScreen i{display:block;width:180px;height:2px;margin-top:25px;background:linear-gradient(90deg,transparent,var(--bright),transparent);animation:loading-pulse 1s ease-in-out infinite}@keyframes loading-pulse{50%{opacity:.25;transform:scaleX(.4)}}@keyframes hull-warning{50%{opacity:.55}}
@media(min-width:761px) and (max-height:850px){body[data-screen=garage] .menu-stage{grid-template-columns:195px 320px minmax(0,1fr);gap:14px 20px}body[data-screen=garage] .assembly-summary{padding:12px 18px}body[data-screen=garage] .mech-stage{height:570px}body[data-screen=garage] #parts.frame-choices .part-choice{min-height:140px}#objectivesPanel{width:260px;padding:11px 13px}#loadoutPanel{width:260px;padding:9px 12px}.objective-section p{font-size:11px}.objective-section strong{font-size:14px}#vicinityPanel{width:160px}#taskBanner{width:calc(100vw - 600px)}#loadoutPanel .ability-panel #abilityButton{min-height:64px}#loadoutPanel .combat-slots button{min-height:42px}.mech-diagram{height:70px}}
@media(max-width:1000px) and (min-width:761px){#taskBanner{top:100px;left:22px;transform:none;width:220px}#taskBanner #levelLabel,#taskBanner.heavy-arrival #levelLabel{font-size:18px}.topbar nav{gap:12px}.practice-label{display:none}}
@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand{font-size:14px}.topbar nav{gap:9px}.topbar nav button{font-size:11px}.pilot{font-size:9px;padding-left:10px}body[data-screen=home] .home-menu{padding:40px 24px 40px;width:100%}body[data-screen=home] .home-menu h1{font-size:52px}body[data-screen=home] .home-description{margin-top:220px;font-size:18px}body[data-screen=home] .mech-stage{left:0;mask-image:linear-gradient(0deg,transparent,#000 30%,#000 80%,transparent)}.start-actions{width:100%}.start-actions>.button{min-height:50px;font-size:16px}.practice-label{display:none}.workshop-heading-actions{gap:6px}.workshop-heading-actions .button{font-size:11px;min-height:34px;padding:8px}.workshop-heading-actions #garageBack{font-size:12px;margin-left:2px}body[data-screen=garage] .garage-heading h1{font-size:22px}body[data-screen=garage] .menu-stage{padding-top:18px;gap:14px 10px}body[data-screen=garage] .assembly-summary{padding:12px}body[data-screen=garage] .capacity-explainer{font-size:12px}body[data-screen=garage] .grid-heading h2,body[data-screen=garage] .selection-heading h2{font-size:18px}#squadPanel{left:12px;top:12px;width:158px;padding:8px}#objectivesPanel{right:12px;top:82px;width:190px;padding:10px}#loadoutPanel{right:12px;bottom:12px;width:220px;padding:8px}#vicinityPanel{left:12px;bottom:12px;width:125px;padding:7px}.radar-key{font-size:8px}.objective-section strong{font-size:12px}.objective-section p{font-size:10px}.objective-section h3{font-size:9px}#taskBanner,#taskBanner.heavy-arrival{top:calc(100px + var(--squad-extra,0px));left:12px;transform:none;width:calc(100vw - 230px);padding:10px}#taskBanner #levelLabel,#taskBanner.heavy-arrival #levelLabel{font-size:16px}#taskBanner #objectiveText{font-size:10px}#loadoutPanel .diagram-label strong{font-size:10px}#loadoutPanel .mech-diagram{height:65px}.combat-slots button strong{font-size:11px}#loadoutPanel .ability-panel #abilityButton{min-height:65px}.game-top{top:12px;right:12px}#gameHelp{top:12px;right:118px}#soundToggle{top:50px;right:12px}dialog{padding:24px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){#hullHealth[data-state=critical],#deploymentScreen i{animation:none}}
/* Explicit instrument grids avoid inherited layout rules crowding their labels. */
#taskBanner.warning{background:#aede79;color:#14200c;border-color:#c6f096;box-shadow:none}#taskBanner.warning #levelLabel,#taskBanner.warning #objectiveText,#taskBanner.warning .task-tag{color:#15250d}#taskBanner.heavy-arrival{background:#b9e989;color:#14200c}#taskBanner.heavy-arrival #levelLabel,#taskBanner.heavy-arrival #objectiveText{color:#14200c}#vicinityPanel #radar{width:100%;height:auto;aspect-ratio:1;max-width:180px;margin:8px 0;border-color:var(--line)}#loadoutPanel .ability-panel{grid-template-columns:1fr;margin-top:8px}#loadoutPanel .ability-panel #flightButton{display:none}#loadoutPanel .ability-panel #abilityButton{grid-template-columns:24px minmax(0,1fr) 52px;grid-template-rows:auto auto 4px;min-height:72px;padding:9px;gap:5px 8px;border-radius:5px;background:#182711;border-color:var(--line);color:var(--bright)}#loadoutPanel .ability-panel #abilityButton[data-state=ready]{background:#b5e57715;border-color:#88ae5b;box-shadow:none}#loadoutPanel #abilityButton>kbd{grid-column:1;grid-row:1/3;display:block;color:var(--bright);font:14px var(--ui);border:1px solid var(--line);padding:4px;text-align:center;border-radius:3px}#loadoutPanel #abilityButton .ultimate-heading{grid-column:2;grid-row:1;text-align:left;color:var(--soft);font:9px var(--ui);letter-spacing:.07em}#loadoutPanel #abilityButton .ultimate-heading:before{content:none}#loadoutPanel #abilityLabel{display:block;font:500 12px/1.3 var(--ui);letter-spacing:0;color:var(--bright);text-align:left;margin-top:3px}#loadoutPanel #abilityCd{grid-column:3;grid-row:1/3;font:500 13px var(--ui);text-align:right;color:var(--bright)}#loadoutPanel #abilityStatus{grid-column:2;grid-row:2;font:9px var(--ui);color:var(--soft);text-align:left;letter-spacing:0}#loadoutPanel #ultimateMeter{grid-column:1/-1;grid-row:3;height:4px;border:0;border-radius:2px;background:#324823}#ultimateFill{background:var(--bright)}#loadoutPanel .tactical-moves button{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;min-height:32px;padding:7px 9px;border-radius:5px;font:11px var(--ui)}#loadoutPanel .tactical-moves button kbd{grid-row:auto;grid-column:1}#loadoutPanel .tactical-moves button span{grid-column:2;grid-row:1}#loadoutPanel .tactical-moves button b{grid-column:3;grid-row:1;font-size:11px}#loadoutPanel .tactical-moves i{height:2px}.terminal-panel:after,.terminal-panel:before{display:none}#loadoutPanel .mech-diagram svg{max-height:100%}#loadoutPanel .combat-slots button{border-radius:5px;background:#14230f;border-color:var(--line)}#loadoutPanel .combat-slots span{color:var(--bright);font:12px var(--ui)}
@media(hover:hover) and (pointer:fine){#combatSlots{display:none}}
@media(min-width:761px){body[data-screen=garage] .assembly-summary{position:relative;grid-template-rows:auto 10px auto auto;gap:7px 12px}body[data-screen=garage] .assembly-summary .overline{grid-column:1;grid-row:1;margin:0}body[data-screen=garage] #assemblyStatus{position:absolute;top:20px;left:180px;margin:0}body[data-screen=garage] #assemblyStats{grid-column:2;grid-row:1;margin:0}body[data-screen=garage] #powerSegments{grid-row:2;grid-column:1/-1}body[data-screen=garage] #powerRemaining{grid-row:3;grid-column:1;margin:0}body[data-screen=garage] #assemblyPerformance{grid-row:3;grid-column:2;justify-self:end}body[data-screen=garage] .capacity-explainer{grid-row:4;margin:0;font-size:12px;line-height:1.4}body[data-screen=garage] .capacity-explainer br{display:none}}
@media(min-width:761px) and (max-height:850px){.topbar{height:64px}body[data-screen=home] .home-menu{padding-top:50px;padding-bottom:38px}body[data-screen=home] .home-menu h1{font-size:62px;margin:16px 0}body[data-screen=home] .home-description{font-size:19px;margin:22px 0}.start-actions>.button{min-height:52px}.start-note{margin-top:18px}body[data-screen=garage] .menu-stage{padding:10px 24px 14px;grid-template-rows:36px auto minmax(350px,calc(100svh - 325px)) 44px;gap:10px 18px}body[data-screen=garage] .assembly-summary{padding:10px 16px;gap:5px 12px}body[data-screen=garage] #assemblyStatus{top:18px;left:165px;font-size:10px}body[data-screen=garage] #assemblyStats{font-size:23px}body[data-screen=garage] #powerRemaining{font-size:14px}body[data-screen=garage] .garage-slots,body[data-screen=garage] .garage-options{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#526e3e transparent}body[data-screen=garage] .grid-heading,body[data-screen=garage] .selection-heading{margin-bottom:8px}body[data-screen=garage] .socket-bus .grid-socket{min-height:40px;height:40px;padding:5px 8px 5px 43px;gap:1px}body[data-screen=garage] .socket-bus .socket-label{font-size:10px}body[data-screen=garage] .socket-bus .grid-socket strong{font-size:12px;min-height:0}body[data-screen=garage] .socket-bus .grid-socket small{font-size:10px}body[data-screen=garage] .socket-bus .socket-icon,body[data-screen=garage] .socket-bus .socket-icon svg{width:26px;height:26px}body[data-screen=garage] .socket-bus .part-tabs,body[data-screen=garage] .socket-bus .equipment-tabs{gap:4px}body[data-screen=garage] .socket-bus .equipment-tabs{margin-top:6px;padding-top:6px}body[data-screen=garage] #parts.frame-choices .part-choice{min-height:86px;padding:10px;gap:5px 10px;grid-template-columns:1fr auto}body[data-screen=garage] #parts.frame-choices .choice-heading{grid-column:1;gap:10px}body[data-screen=garage] #parts.frame-choices .option-icon,body[data-screen=garage] #parts.frame-choices .option-icon svg{width:40px;height:40px;flex-basis:40px}body[data-screen=garage] #parts.frame-choices .component-weight{grid-column:2;grid-row:1}body[data-screen=garage] #parts.frame-choices .component-weight>span{display:none}body[data-screen=garage] #parts.frame-choices .choice-detail{font-size:12px}body[data-screen=garage] #parts .choice-heading strong{font-size:15px}body[data-screen=garage] #parts .choice-name{gap:5px}body[data-screen=garage] .finish-tools{margin-bottom:10px}body[data-screen=garage] .mech-stage{height:100%;min-height:350px}body[data-screen=garage] .garage-bottom{padding-top:5px}body[data-screen=garage] .garage-bottom .button{min-height:36px;padding:7px 14px;font-size:13px}#taskBanner{width:min(460px,calc(100vw - 580px))}#objectivesPanel{padding:12px}#loadoutPanel .mech-diagram{height:80px}#loadoutPanel .ability-panel #abilityButton{min-height:66px}}

body[data-screen=garage] #assemblyStatus{grid-area:auto;bottom:auto;right:auto;width:auto;justify-self:start;white-space:nowrap}
@media(pointer:coarse),(max-width:760px){#loadoutPanel .ability-panel{grid-template-columns:36px minmax(0,1fr);gap:5px}#loadoutPanel .ability-panel #flightButton{display:flex;font:9px var(--ui);border-radius:5px;border-color:var(--line);background:#152410;color:var(--bright)}#loadoutPanel .ability-panel #flightButton kbd,#loadoutPanel .ability-panel #flightButton span,#loadoutPanel .ability-panel #flightButton b{font:8px var(--ui);color:var(--bright)}#loadoutPanel .ability-panel #abilityButton{grid-template-columns:minmax(0,1fr) 40px;gap:5px;padding:7px}#loadoutPanel #abilityButton>kbd{display:none}#loadoutPanel #abilityButton .ultimate-heading{grid-column:1}#loadoutPanel #abilityStatus{grid-column:1}#loadoutPanel #abilityCd{grid-column:2;font-size:11px}#loadoutPanel #abilityLabel{font-size:11px}#loadoutPanel #ultimateMeter{grid-column:1/-1}}