/* Compact phone Workshop board. Scoped to Workshop so the shared Hangar shell
   and all desktop layouts keep their existing presentation. */
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel { display:flex; flex-direction:column; gap:4px; padding:4px 6px; min-height:0; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-header { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav { display:grid; flex:0 0 36px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; min-height:36px; margin:0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button { display:flex; position:relative; align-items:center; justify-content:center; gap:5px; height:36px; min-height:36px; padding:2px 28px 2px 8px; border-radius:18px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button[aria-selected="true"] { background:#f2a93b!important; color:#251507!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button>span:not(.resonance-help), body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button>small { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button>b { font-size:12px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav .resonance-help { position:absolute; right:5px; top:4px; display:block; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav .resonance-help-trigger { width:26px; height:26px; min-height:26px; padding:0; border-radius:50%; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-layout { grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr)!important; grid-template-areas:"left right"!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-layout { display:grid; flex:1 1 0; grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr); grid-template-rows:minmax(0,1fr); grid-template-areas:"left right"; gap:7px; min-height:0; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-sidebar { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bench, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-inspector { display:contents; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-view:not([hidden]) { box-sizing:border-box; width:100%; height:100%; min-width:0; min-height:0; padding:5px; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-section-heading { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] [data-workshop-view="fabrication"] .workshop-fabrication-heading { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-fabrication-heading>div { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] .workshop-layout { position:relative; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-mode-toggle { position:absolute!important; top:4px!important; left:4px!important; z-index:4!important; width:132px; height:44px; min-height:44px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-view[data-workshop-view="fabrication"] { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-recipes { box-sizing:border-box; grid-area:left; display:grid; width:100%!important; height:100%!important; align-self:stretch; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:52px; align-content:start; gap:5px; min-width:0; max-height:100%; padding-top:52px; overflow:auto; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint { display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:1fr 1fr; align-items:center; height:52px; min-height:52px; padding:3px 6px; text-align:left; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint img { grid-row:1/3; width:34px; height:34px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint span { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint small { font-size:9px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview { grid-area:right; align-self:stretch; height:100%!important; margin:0!important; display:grid; grid-template-columns:50px minmax(0,1fr); grid-template-rows:auto auto 1fr; align-content:start; gap:3px 7px; box-sizing:border-box; width:100%; height:100%; min-width:0; max-height:none; padding:6px; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .factory-preview-heading { grid-column:1/-1; min-width:0; margin:0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .factory-preview-heading h4 { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .factory-preview-art { grid-column:1; grid-row:2; width:48px; height:48px; object-fit:contain; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .factory-preview-stats { grid-column:2; grid-row:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; align-self:center; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .factory-preview-stat { display:flex; flex-direction:column; gap:1px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .factory-preview-stat dt { font-size:9px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .factory-preview-stat dd { font-size:11px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-recipe { grid-column:1/-1; min-width:0; margin:0; padding:3px 0 0; overflow:visible; border:0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-card { display:block; margin:0; padding:0; border:0; background:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-card>img, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-details>small { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-details { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 6px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-details h5 { margin:0; font-size:12px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-selected-details>p { margin:0; font-size:10px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements>span { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; gap:1px 3px; min-width:0; min-height:28px; padding:2px 4px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements img { grid-row:1/3; width:18px; height:18px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements b, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-requirements small { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-craft-button { grid-column:1/-1; width:100%; height:48px; min-height:48px; margin-top:3px; background:#f2a93b!important; color:#251507!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #upgrade-inventory-inspector { grid-area:left; max-height:100%; overflow:auto; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel:has(#upgrade-inventory-inspector:not([hidden])) .workshop-layout { grid-template-columns:minmax(205px,.72fr) minmax(0,1.7fr)!important; grid-template-areas:"left right"!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"]:has(#upgrade-inventory-inspector:not([hidden])) .workshop-layout { grid-template-columns:minmax(205px,.72fr) minmax(0,1.7fr); grid-template-areas:"left right"; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"]:has(#upgrade-inventory-inspector:not([hidden])) #workshop-weapons { grid-area:right; display:block; height:100%; min-width:0; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-picker { max-height:100%; overflow:auto; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-list { max-height:none; overflow:visible; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-workbench { display:grid; grid-template-columns:58px minmax(0,1fr); grid-template-rows:auto auto 1fr; gap:4px 7px; height:100%; min-height:0; margin:0; padding:5px; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art { grid-column:1/-1; display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:2px 6px; padding:0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art img { grid-row:1/3; width:40px; height:40px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art h5 { font-size:13px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art small { font-size:11px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-comparison { grid-column:1/-1; display:contents; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-comparison>h5, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-comparison-columns { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-controls { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:3px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-controls label { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-controls select { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-rule-label { display:block; grid-column:1/-1; margin:0; font-size:10px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-warning { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-groups { grid-column:1/-1; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; margin-top:2px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row button { height:44px; min-height:44px; min-width:0; padding:2px; overflow:hidden; font-size:8px; letter-spacing:-.25px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-row { display:flex!important; justify-content:space-between; align-items:center; min-height:16px; padding:0!important; gap:3px!important; font-size:9px!important; line-height:1.1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-row b { font-size:9px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-track { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column .upgrade-comparison-rows { grid-template-rows:repeat(5,minmax(16px,1fr))!important; align-content:stretch!important; gap:1px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art { position:absolute!important; z-index:2; top:2px!important; left:6px!important; right:6px!important; display:flex!important; align-items:center; gap:6px; height:16px!important; min-height:0!important; padding:0!important; border:0!important; background:none!important; text-align:left!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art img { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art h5 { margin:0!important; font-size:10px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art small { font-size:8px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-panel { grid-column:1; grid-row:3; min-width:0; padding:3px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-panel h5 { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials>span { display:flex; align-items:center; gap:2px; min-width:0; padding:2px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials img { width:18px; height:18px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials b { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials small { font-size:9px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-credit-cost { font-size:10px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-submit { grid-column:2; grid-row:3; align-self:end; width:100%; height:48px; min-height:48px; margin:0; background:#f2a93b!important; color:#251507!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-empty-state { height:100%; display:flex; flex-direction:column; justify-content:center; gap:6px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-empty-action { width:100%; height:48px; min-height:48px; margin-top:auto; background:#f2a93b!important; color:#251507!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refinery-inventory-inspector { grid-area:left; max-height:100%; overflow:auto; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="refinery"] .workshop-layout { grid-template-areas:"left right"; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-view[data-workshop-view="refinery"] { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-refinement { grid-area:right; height:100%; min-width:0; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-workspace-card { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr; gap:3px; height:100%; margin:0; padding:5px; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-art { display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; gap:1px 5px; padding:0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-art img { grid-row:1/3; width:34px; height:34px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-title { font-size:12px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-levels { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-level-track { display:flex; gap:3px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-level-pip { width:auto; height:6px; flex:1; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-content { display:contents; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-content>.screen-eyebrow, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-status>small { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-status { grid-row:2; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-property-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-property-grid button { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; height:44px; min-height:44px; padding:2px 4px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-property-grid button span { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-before-after { font-size:9px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-content .refinement-info { display:flex; align-items:center; gap:4px; margin:2px 0; padding:2px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info h6, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info .refinement-credit-line, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info .refinement-material-row b { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info .refinement-material-row { display:flex; gap:3px; margin:0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info .refinement-material-row img { width:16px; height:16px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info .refinement-material-row span, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-chance-label, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-miss-bonus { font-size:9px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-results { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refine-button { width:100%; height:48px; min-height:48px; margin:0; background:#f2a93b!important; color:#251507!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-failure-note { display:block; position:absolute; right:10px; bottom:6px; max-width:48%; font-size:9px; pointer-events:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="resonance"] .workshop-layout { grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr); grid-template-areas:"both both"; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-chamber { grid-area:both; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr); grid-template-rows:minmax(0,1fr); gap:7px; width:100%; height:100%; min-height:0; padding:4px; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-inventory { grid-column:1; grid-row:1; min-height:0; overflow:auto; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-bench { grid-column:2; grid-row:1; display:grid; grid-template-rows:auto auto 1fr; gap:3px; min-width:0; min-height:0; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-hero, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-content, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-requirements, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-action { display:contents; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { min-width:0; padding:4px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot header { margin:0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot h5 { font-size:10px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-affix { margin:2px 0; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-summary { display:block; font-size:9px; line-height:1.2; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-cost { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { grid-row:2; margin:0; font-size:9px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector button { height:44px; min-height:44px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { display:flex; gap:4px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item { flex:1; min-width:0; padding:2px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { width:22px; height:22px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item small { display:none; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { width:100%; height:48px; min-height:48px; background:#f2a93b!important; color:#251507!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { position:absolute; right:10px; bottom:4px; max-width:48%; font-size:9px; pointer-events:none; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-layout { display:grid!important; grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr)!important; grid-template-rows:minmax(0,1fr)!important; grid-template-areas:"left right"!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"]:has(#upgrade-inventory-inspector:not([hidden])) .workshop-layout { grid-template-columns:minmax(205px,.72fr) minmax(0,1.7fr)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes { grid-area:left!important; width:100%!important; height:100%!important; max-height:none!important; align-content:start!important; overflow:auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview { grid-area:right!important; width:100%!important; height:100%!important; min-height:0!important; align-self:stretch!important; margin:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons { grid-area:right!important; width:100%!important; height:100%!important; min-height:0!important; align-self:stretch!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #upgrade-inventory-inspector { grid-area:left!important; width:100%!important; height:100%!important; max-height:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refinery-inventory-inspector { grid-area:left!important; width:100%!important; height:100%!important; max-height:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-refinement { grid-area:right!important; width:100%!important; height:100%!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="refinery"] .workshop-layout { grid-template-areas:"left right"!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="resonance"] .workshop-layout { grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"both"!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-view[data-workshop-view="refinery"] { display:contents!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-layout { position:relative!important; display:block!important; width:100%!important; height:auto!important; flex:1 1 0!important; min-height:0!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-bench, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-inspector { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel [data-workshop-view="fabrication"] { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes { position:absolute!important; left:0!important; top:0!important; bottom:0!important; width:58%!important; height:auto!important; padding:0 4px 0 0!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-auto-rows:52px!important; overflow:auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-mode-toggle { grid-column:1/-1!important; position:sticky!important; top:0!important; z-index:3!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview { position:absolute!important; right:0!important; top:0!important; bottom:0!important; width:40%!important; height:auto!important; padding-bottom:56px!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-craft-button { position:absolute!important; left:6px!important; right:6px!important; bottom:5px!important; width:calc(100% - 12px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #upgrade-inventory-inspector { position:absolute!important; left:0!important; top:0!important; bottom:0!important; width:29%!important; overflow:auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-weapons { position:absolute!important; left:30%!important; right:0!important; top:0!important; bottom:0!important; width:auto!important; height:auto!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-workbench { position:relative!important; width:100%!important; height:100%!important; padding-bottom:54px!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-submit { position:absolute!important; left:5px!important; right:5px!important; bottom:4px!important; width:calc(100% - 10px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refinery-inventory-inspector { position:absolute!important; left:0!important; top:0!important; bottom:0!important; width:58%!important; overflow:auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] [data-workshop-view="refinery"] { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-refinement { position:absolute!important; right:0!important; top:0!important; bottom:0!important; width:40%!important; height:auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refine-button { position:absolute!important; left:4px!important; right:4px!important; bottom:4px!important; width:calc(100% - 8px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-chamber { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #factory-weapon-preview .workshop-craft-button { left:0!important; right:0!important; width:100%!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-submit, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-empty-action, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refine-button, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { left:0!important; right:0!important; width:100%!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-workbench { position:relative!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-panel { position:static!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-submit { position:absolute!important; left:5px!important; right:5px!important; bottom:4px!important; width:calc(100% - 10px)!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-submit { grid-column:auto!important; grid-row:auto!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-heading { grid-column:1/-1; font-size:10px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row button[aria-pressed="true"] { background:#f2a93b; color:#251507; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row button:disabled { opacity:.32; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-content { position:relative!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-results { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-success-result { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-failure-note { display:block!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-bench { position:relative!important; padding-bottom:54px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { position:absolute!important; left:0!important; right:0!important; bottom:4px!important; width:100%!important; grid-column:auto!important; grid-row:auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { order:1; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-availability { position:absolute!important; right:0!important; bottom:55px!important; max-width:100%!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-layout { flex:none!important; height:calc(100dvh - 139px)!important; max-height:calc(100dvh - 139px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-chamber { grid-template-rows:minmax(0,1fr)!important; min-height:0!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-bench { height:100%!important; min-height:0!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-item-hover,
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-choice .item-hover-card { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { left:0!important; right:0!important; bottom:55px!important; max-width:none!important; text-align:center; background:#081923; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-bay-view[hidden] { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { display:flex!important; align-items:center; gap:4px; min-height:18px; margin:0; padding:0; font-size:9px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals h5 { margin:0; font-size:9px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals span { padding:1px 3px; font-size:9px; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { display:flex!important; height:30px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { width:16px; height:16px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item b, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item strong { font-size:9px; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-workspace-card { position:relative!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-property-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-auto-rows:44px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info { position:absolute!important; left:4px!important; right:4px!important; bottom:66px!important; height:32px; display:flex!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refine-button { bottom:24px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-failure-note { bottom:3px!important; left:4px!important; right:4px!important; max-width:none!important; text-align:center; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-results h6 { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-workspace-card { display:flex!important; flex-direction:column!important; gap:3px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-art { position:relative!important; flex:0 0 34px!important; height:34px!important; grid-template-columns:36px minmax(0,1fr)!important; grid-template-rows:18px 8px!important; align-items:center; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-art img { grid-column:1!important; grid-row:1/3!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-weapon-title { grid-column:2!important; grid-row:1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-level-track { grid-column:2!important; grid-row:2!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-content { display:grid!important; position:relative!important; grid-template-rows:91px minmax(0,1fr)!important; gap:3px!important; min-height:0!important; flex:1 1 auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-content>small, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-status>small { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-status { position:relative!important; grid-row:1!important; height:91px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-property-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-auto-rows:44px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details { position:relative!important; display:grid!important; grid-template-rows:24px 48px minmax(10px,auto)!important; gap:2px!important; min-height:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info { position:relative!important; inset:auto!important; height:24px!important; margin:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refine-button { position:relative!important; inset:auto!important; grid-row:2!important; width:100%!important; height:48px!important; min-height:48px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-failure-note { position:relative!important; inset:auto!important; grid-row:3!important; display:block!important; margin:0!important; max-width:none!important; font-size:8px!important; line-height:10px!important; text-align:center; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav { height:44px!important; min-height:44px!important; flex-basis:44px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button { position:relative!important; height:44px!important; min-height:44px!important; background:transparent!important; border-color:transparent!important; overflow:visible!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button::before { content:""; position:absolute; z-index:0; inset:4px 0; border:1px solid #1a5264; border-radius:18px; background:#071923; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button[aria-selected="true"]::before { background:#f2a93b; border-color:#f2a93b; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav button>b { position:relative; z-index:1; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav .resonance-help { z-index:2; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav #workshop-title { position:absolute!important; z-index:-1!important; left:1px!important; top:1px!important; display:block!important; width:1px!important; height:1px!important; margin:0!important; padding:0!important; overflow:hidden!important; clip-path:inset(50%)!important; opacity:0!important; font-size:0!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel .workshop-layout { overflow:visible!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav .resonance-help-trigger { display:grid!important; visibility:visible!important; opacity:1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-bay-nav #workshop-title { position:relative!important; z-index:1!important; left:auto!important; top:auto!important; display:block!important; width:auto!important; height:auto!important; margin:0!important; overflow:visible!important; clip-path:none!important; opacity:1!important; font-size:12px!important; line-height:1!important; white-space:nowrap; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav .resonance-help { display:block!important; visibility:visible!important; opacity:1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinement-info .refinement-material-row img { width:24px!important; height:24px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { width:24px!important; height:24px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav { position:relative!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav .resonance-help { top:9px!important; right:auto!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-notes-help { left:calc(33.333% - 33px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #refinery-notes { left:calc(66.666% - 33px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-bay-nav>.resonance-help:not(#workshop-notes-help):not(#refinery-notes) { left:calc(100% - 33px)!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel { position:relative!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel>.resonance-help { position:absolute!important; top:17px!important; right:auto!important; z-index:15!important; display:block!important; visibility:visible!important; opacity:1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel>#workshop-notes-help { left:calc(33.333% - 28px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel>#refinery-notes { left:calc(66.666% - 28px)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel>.resonance-help:not(#workshop-notes-help):not(#refinery-notes) { left:calc(100% - 28px)!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-property-grid>button { grid-column:auto!important; height:44px!important; min-height:44px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-bench { position:relative!important; display:block!important; padding:0 0 54px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { position:absolute!important; top:0!important; left:0!important; right:0!important; height:96px!important; grid-template-columns:1fr 1fr!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:96px!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot header { display:flex!important; justify-content:space-between; gap:2px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot header h5 { font-size:8px!important; line-height:1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-state { font-size:8px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-affix { margin:2px 0!important; padding:2px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-affix strong { max-width:100%; overflow:hidden; font-size:12px!important; text-overflow:ellipsis; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-summary { display:block!important; max-height:24px; overflow:hidden; font-size:8px!important; line-height:1.1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { position:absolute!important; top:98px!important; left:0!important; right:0!important; height:16px; margin:0!important; overflow:hidden; font-size:8px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { position:absolute!important; top:116px!important; left:0!important; right:0!important; height:18px; display:flex!important; align-items:center; gap:3px; overflow:hidden; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals h5 { margin:0!important; font-size:8px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals span { font-size:8px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { position:absolute!important; top:138px!important; left:0!important; right:0!important; height:44px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector button { height:44px!important; min-height:44px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { position:absolute!important; top:184px!important; left:0!important; right:0!important; height:28px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item { display:flex!important; align-items:center; gap:3px; height:28px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { width:24px!important; height:24px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item b, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item strong { font-size:8px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { position:absolute!important; top:214px!important; left:0!important; right:0!important; height:12px; overflow:hidden; font-size:8px!important; line-height:1!important; text-align:left!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { position:absolute!important; bottom:4px!important; left:0!important; right:0!important; height:48px!important; min-height:48px!important; }
}

/* Keep the Factory list inside its own lane beside the selected recipe panel. */
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-recipes { width:calc(60% - 18px)!important; min-width:0!important; grid-template-columns:minmax(0,1fr)!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details { grid-template-rows:24px 12px 48px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-failure-note { grid-row:2!important; font-size:9px!important; line-height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refine-button { grid-row:3!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { top:0!important; height:72px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { display:flex!important; flex-direction:column!important; gap:2px!important; height:72px!important; padding:4px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-affix { display:flex!important; position:static!important; flex:0 0 16px!important; min-width:0!important; margin:0!important; padding:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-affix strong { display:block!important; min-width:0!important; font-size:11px!important; line-height:14px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-summary { position:static!important; flex:0 0 auto!important; max-height:24px!important; margin:0!important; overflow:hidden!important; font-size:11px!important; line-height:12px!important; white-space:normal!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-roll, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-slot-cost { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:74px!important; height:14px!important; font-size:10px!important; line-height:12px!important; white-space:nowrap!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:90px!important; height:14px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:106px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:154px!important; height:22px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item { height:22px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { width:24px!important; min-width:24px!important; height:24px!important; min-height:24px!important; flex-basis:24px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:180px!important; height:10px!important; line-height:10px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:70px!important; height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:84px!important; height:10px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:96px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:144px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:178px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { bottom:0!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:70px!important; height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:84px!important; height:10px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:96px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:144px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:178px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { bottom:0!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:70px!important; height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:84px!important; height:10px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:96px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:144px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:178px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { bottom:0!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { height:80px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:80px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:82px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:98px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:116px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:162px!important; height:24px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item { height:24px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { width:22px!important; height:22px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:187px!important; height:10px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-summary { display:block!important; position:absolute!important; left:4px!important; right:4px!important; bottom:2px!important; max-height:20px!important; margin:0!important; overflow:hidden!important; color:#e3f7ff!important; font-size:8px!important; line-height:1.1!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { position:relative!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { flex:0 0 24px!important; width:24px!important; min-width:24px!important; height:24px!important; min-height:24px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-panel[data-workshop-bay="fabrication"] #workshop-recipes { grid-template-columns:minmax(0,1fr)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint { grid-template-columns:38px minmax(0,1fr)!important; grid-template-rows:1fr 1fr!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #workshop-recipes .workshop-blueprint span { display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal!important; overflow:hidden; overflow-wrap:anywhere; line-height:1.1; }

 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-workbench { position:relative!important; display:block!important; height:100%!important; padding:4px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art { position:absolute!important; z-index:2; top:2px!important; left:6px!important; right:6px!important; display:flex!important; align-items:center; gap:6px; height:16px!important; min-height:0!important; padding:0!important; border:0!important; background:none!important; text-align:left!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art img { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art h5 { margin:0!important; font-size:11px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-weapon-art small { font-size:10px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-comparison { position:absolute!important; top:22px!important; left:5px!important; right:5px!important; height:44px!important; display:block!important; padding:0!important; border:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-comparison>h5 { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-comparison-columns { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column:not(.result), body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-tier-arrow { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column.result { display:block!important; min-width:0!important; padding:0!important; border:0!important; background:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column.result h6 { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column .upgrade-comparison-rows { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; grid-template-rows:44px!important; gap:3px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column .upgrade-stat-row { display:flex!important; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; min-height:0!important; padding:2px 4px!important; gap:2px!important; border:1px solid #1a5368!important; font-size:11px!important; line-height:1.1!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column .upgrade-stat-row span, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-column .upgrade-stat-row b { max-width:100%; overflow:hidden; text-overflow:clip; font-size:11px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-track { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-stat-controls { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-groups { position:absolute!important; top:72px!important; left:5px!important; right:5px!important; display:flex!important; flex-direction:column; gap:2px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row { display:grid!important; grid-template-columns:82px repeat(5,minmax(0,1fr))!important; gap:3px!important; height:44px!important; margin:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-heading { grid-column:1!important; grid-row:1!important; align-self:center; white-space:normal!important; font-size:11px!important; line-height:1.1; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row button { grid-row:1!important; height:44px!important; min-height:44px!important; min-width:0!important; padding:2px!important; overflow:hidden; font-size:11px!important; letter-spacing:0!important; line-height:1.05; white-space:normal!important; overflow-wrap:anywhere; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row button[aria-pressed="true"] { background:#f2a93b!important; color:#251507!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-chip-row button:disabled { opacity:.32!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-panel { display:contents!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials { position:absolute!important; left:6px!important; right:115px!important; bottom:55px!important; display:flex!important; gap:4px; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials>span { display:flex!important; align-items:center; gap:3px; min-width:0; padding:1px 3px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials img { width:18px!important; height:18px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials b { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-cost-materials small { font-size:10px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-credit-cost { position:absolute!important; right:6px!important; bottom:57px!important; font-size:10px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .upgrade-submit { position:absolute!important; left:5px!important; right:5px!important; bottom:4px!important; width:calc(100% - 10px)!important; height:48px!important; min-height:48px!important; }

 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-chamber { display:grid!important; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important; grid-template-rows:minmax(0,1fr)!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-inventory { position:relative!important; grid-column:1!important; grid-row:1!important; width:auto!important; max-width:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-bench { position:relative!important; grid-column:2!important; grid-row:1!important; width:auto!important; padding:0 0 52px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { top:0!important; height:82px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:82px!important; padding:4px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot header h5, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-state { font-size:11px!important; line-height:1.1!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-summary { left:4px!important; right:4px!important; bottom:2px!important; max-height:28px!important; font-size:11px!important; line-height:1.1!important; white-space:normal!important; overflow-wrap:normal; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:84px!important; height:22px!important; overflow:hidden!important; font-size:11px!important; line-height:1.05!important; white-space:normal!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:107px!important; height:13px!important; gap:3px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals h5, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals span { font-size:10px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:121px!important; height:44px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector button { height:44px!important; min-height:44px!important; font-size:11px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:162px!important; height:26px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item { display:flex!important; align-items:center; gap:4px; height:26px!important; padding:1px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item>div { display:flex!important; flex-direction:row!important; align-items:center; gap:4px; min-width:0; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { flex:0 0 20px!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item b, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item strong { font-size:11px!important; white-space:nowrap; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item small { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:190px!important; height:10px!important; font-size:9px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:70px!important; height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:84px!important; height:10px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:96px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:144px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:178px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { bottom:0!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { top:0!important; height:72px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { display:flex!important; flex-direction:column!important; gap:2px!important; height:72px!important; padding:4px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-affix { display:flex!important; position:static!important; flex:0 0 16px!important; min-width:0!important; margin:0!important; padding:0!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-affix strong { display:block!important; min-width:0!important; font-size:11px!important; line-height:14px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-summary { position:static!important; flex:0 0 auto!important; max-height:24px!important; margin:0!important; overflow:hidden!important; font-size:11px!important; line-height:12px!important; white-space:normal!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-roll, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-slot-cost { display:none!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:74px!important; height:14px!important; font-size:10px!important; line-height:12px!important; white-space:nowrap!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:90px!important; height:14px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:106px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:154px!important; height:28px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item { height:28px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img { width:24px!important; min-width:24px!important; height:24px!important; min-height:24px!important; flex-basis:24px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:180px!important; height:10px!important; line-height:10px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slots { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot { height:68px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { top:70px!important; height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:84px!important; height:10px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:96px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:144px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:178px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-apply { bottom:0!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot header { height:16px!important; min-height:16px!important; padding:0!important; gap:2px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot header h5, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-state { font-size:10px!important; line-height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-affix { height:16px!important; min-height:16px!important; overflow:hidden!important; align-items:center!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot .resonance-affix strong { line-height:14px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { display:flex!important; flex-wrap:nowrap!important; align-items:center!important; height:10px!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals h5, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals span { font-size:9px!important; line-height:10px!important; white-space:nowrap!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-note { position:absolute!important; top:70px!important; left:0!important; right:0!important; height:12px!important; display:flex!important; align-items:center!important; gap:3px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { position:static!important; flex:1 1 auto!important; min-width:0!important; height:12px!important; margin:0!important; overflow:hidden!important; font-size:10px!important; line-height:12px!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-help { position:relative!important; flex:0 0 18px!important; height:18px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-help summary { display:grid!important; place-items:center!important; width:18px!important; height:18px!important; border:1px solid #2b7e91!important; border-radius:50%!important; font-size:11px!important; line-height:1!important; cursor:pointer; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-help>p { position:absolute!important; z-index:20!important; top:20px!important; right:0!important; width:min(360px,70vw)!important; margin:0!important; padding:6px!important; border:1px solid #2b7e91!important; background:#071923!important; color:#e3f7ff!important; font-size:11px!important; line-height:1.25!important; white-space:normal!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details { row-gap:4px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:82px!important; height:10px!important; overflow:hidden!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals h5, body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals span { height:10px!important; max-height:10px!important; overflow:hidden!important; line-height:10px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:80px!important; height:10px!important; min-height:10px!important; max-height:10px!important; padding:0!important; box-sizing:border-box!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .workshop-refinement-details { position:relative!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-failure-note { position:absolute!important; right:0!important; bottom:60px!important; left:0!important; z-index:2!important; height:12px!important; margin:0!important; overflow:visible!important; line-height:12px!important; }
}
@media (orientation:landscape) and (max-height:550px) and (min-width:761px) and (max-width:1100px) {
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-note { top:68px!important; height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-roll-explanation { height:12px!important; line-height:12px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals { top:86px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top:100px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items { top:134px!important; }
 body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability { top:174px!important; }
}

/* Phone-landscape fixes for clipped Resonance totals and Refinery list rows. */
@media (orientation: landscape) and (max-height: 550px) and (min-width: 761px) and (max-width: 1100px) {
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    align-content: start !important;
    align-items: center !important;
    gap: 1px 3px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    overflow: visible !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals h5 {
    grid-column: 1 / -1;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 11px !important;
    line-height: 12px !important;
    white-space: normal !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-totals span {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 11px !important;
    line-height: 12px !important;
    white-space: nowrap !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-slot-selector { top: 116px !important; }
  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-items {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 3px !important;
    top: 156px !important;
    right: auto !important;
    left: 0 !important;
    width: 58% !important;
    height: 24px !important;
    overflow: visible !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 2px !important;
    height: 24px !important;
    min-width: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item img {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0 3px !important;
    min-width: 0 !important;
    line-height: 11px !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item :is(b, strong, small) {
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 11px !important;
    white-space: nowrap !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .resonance-cost-item small {
    grid-column: 1 / -1 !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] #resonance-availability {
    top: 163px !important;
    right: -8px !important;
    left: 60% !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    font-size: 11px !important;
    line-height: 12px !important;
    white-space: normal !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-choice {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 60px !important;
    padding-bottom: 8px !important;
    align-content: center !important;
  }

  body[data-app-state="HANGAR"] #hangar[data-menu-section="workshop"] .refinery-weapon-choice > small:not(.item-hover-card *) {
    min-height: 12px;
    line-height: 12px;
    overflow: visible;
  }
}
