/* One screen: stage + catalog + apply. The catalog owns the only scroll area. */
#panel[data-page=hangar] .hubScroll{overflow:hidden;padding:12px 20px;display:flex;flex-direction:column}
#hub-hangar{flex:1;min-height:0;display:flex;flex-direction:column}
#hub-hangar[hidden]{display:none}
#hub-hangar>.sectionHeading{flex:none;margin-bottom:8px;align-items:center;flex-direction:row}
#hub-hangar h1{font-size:28px;margin:0}
#moduleHangar.workshop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr) auto;gap:12px;flex:1;min-height:0;margin:0;padding:0;border:0}
.workshopStage{display:flex;flex-direction:column;justify-content:center;min-width:0;border:1px solid #365665;background:#0b202c;padding:12px;overflow:hidden}
.workshopStageTop{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}
.workshopKicker{font:16px VT323,monospace;letter-spacing:2px;color:#91b7bf}
#panel .workshopCompare{background:transparent;border:1px solid #426371;color:#c6e3dc;font-size:18px;padding:5px 10px;min-height:36px}
.workshopRocket{width:100%;height:auto;max-height:260px;object-fit:contain;image-rendering:pixelated;display:block;flex:1;min-height:0}
.workshopMounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:none}
#panel .workshopMount{min-width:0;display:grid;justify-items:center;padding:5px 3px;background:#102d39;color:#dce9e0;border:1px solid #355361;gap:2px}
#panel .workshopMount[aria-pressed=true]{border-color:#68d6b1;background:#153d42}
.workshopMount canvas{width:60px;height:42px;image-rendering:pixelated}.workshopMount span{font-size:18px}.workshopMount small{font:13px/1.2 system-ui,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9c8cb}
.workshopStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:14px;gap:4px;text-align:center;flex:none}
.workshopStats span{display:block;font:12px/1.3 system-ui,sans-serif;color:#9ebec5}.workshopStats b{display:block;font:24px/1.3 VT323,monospace}.workshopStats .positive{color:#7decbe}.workshopStats .negative{color:#ffbb94}.workshopStats .neutral{color:#628492}
.workshopBrowse{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.workshopTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:none}
#panel .workshopTabs button{font-size:22px;padding:10px 4px;background:#142d3a;color:#acc5ce;border:1px solid #365564;min-width:0}
#panel .workshopTabs button[aria-pressed=true]{background:#65e6b3;color:#0a262d;border-color:#65e6b3}
.workshopTools{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 0;flex:none}.workshopTools>span{font:12px/1.2 system-ui,sans-serif;color:#99b8c1}
#panel .workshopFilter{font:15px VT323,monospace;padding:6px;background:transparent;color:#cee8dc;min-height:36px;border:1px solid #355564;white-space:nowrap}
.workshopCatalog{overflow-y:auto;overscroll-behavior:contain;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;padding:2px 5px 5px 2px;scrollbar-color:#557381 #0a1e2a;scrollbar-width:thin}
#panel .workshopItem{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:136px;padding:6px 4px;border:2px solid #294959;background:#102735;color:#edf3e5;text-align:center;position:relative}
#panel .workshopItem[aria-pressed=true]{border-color:#ffe098;background:#243c42;box-shadow:inset 0 -3px #ffe098}
.workshopItem canvas{width:100%;max-width:128px;height:66px;object-fit:contain;image-rendering:pixelated}.workshopItem strong{font:16px/1.1 VT323,monospace;font-weight:400;overflow-wrap:anywhere}.workshopItem small{margin-top:auto;padding-top:6px;font:12px/1.1 system-ui,sans-serif;color:#a5bdc7}.workshopItem.isLocked small{color:#e3c898}.workshopItem.isEquipped small{color:#83e4bd}
.workshopFooter{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:4px 16px;border-top:1px solid #365361;padding-top:10px;align-items:center;flex:none}
.workshopDetail{min-width:0}.workshopDetail strong{display:block;font:25px/1 VT323,monospace;color:#f0e9cd}.workshopDetail small{display:block;color:#a3c2cb;font:12px/1.4 system-ui,sans-serif;margin-top:4px}
.workshopActions{display:flex;gap:6px}.workshopActions>.secondary{flex:none;width:44px;padding:5px!important}.workshopActions>.workshopApply{flex:1;min-width:0;font-size:21px!important;padding:8px!important}
#panel .workshop button:disabled{opacity:.55;cursor:default}.workshopNotice{grid-column:1/-1;font:12px/1.2 system-ui,sans-serif;color:#9dbbc2!important;margin:3px 0 0!important;min-height:15px}
#hub-pilot>.legacyFrames{margin-top:20px}
@media(max-width:760px) and (min-height:501px){
 #panel[data-page=hangar] .hubScroll{padding:6px 10px 8px}#hub-hangar>.sectionHeading{margin-bottom:5px}#hub-hangar h1{font-size:24px}#choiceCount{font-size:14px;padding:3px 5px}
 #moduleHangar.workshop{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:7px}
 .workshopStage{padding:7px 9px}.workshopRocket{height:clamp(100px,18vh,158px);flex:none}.workshopMounts{display:none}.workshopStats{padding-top:0}.workshopStageTop{height:30px}#panel .workshopCompare{min-height:30px;padding:3px 8px;font-size:16px}
 .workshopStats b{font-size:20px}.workshopStats span{font-size:11px}.workshopKicker{font-size:14px}
 .workshopFooter{grid-column:1;grid-template-columns:1fr;gap:5px;padding-top:7px}.workshopDetail{display:flex;align-items:center;justify-content:space-between;gap:8px}.workshopDetail strong{font-size:21px}.workshopDetail small{font-size:11px;margin-top:0;text-align:right;max-width:46%}
 .workshopCatalog{gap:6px}#panel .workshopItem{min-height:112px}.workshopItem canvas{height:52px}.workshopItem strong{font-size:16px}.workshopItem small{font-size:10px}.workshopTools{padding:4px 0}.workshopTools>span{font-size:11px}#panel .workshopTabs button{font-size:20px;min-height:42px;padding:7px 3px}
 .workshopNotice{font-size:11px;min-height:14px}.workshopActions>.workshopApply{min-height:46px}
}
@media(max-height:650px) and (max-width:760px) and (min-height:501px){
 #panel[data-page=hangar] .hubHeader{padding:3px 10px}#panel[data-page=hangar] .hubNav{padding:1px 5px}#panel[data-page=hangar] .hubNav button{min-height:44px;padding:8px!important}
 .workshopRocket{height:78px}.workshopStageTop{height:26px}.workshopStats{display:none}.workshopTools>span{display:none}.workshopTools{justify-content:flex-end;padding:1px 0}#panel .workshopFilter{min-height:30px;padding:3px 6px}.workshopDetail small{font-size:10px}
}
@media(max-height:500px){
 #panel[data-page=hangar] .hubScroll{padding:3px 12px}#hub-hangar>.sectionHeading{display:none}#moduleHangar.workshop{gap:6px;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}
 .workshopStage{padding:4px 7px}.workshopMounts{display:none}.workshopStats{padding:0}.workshopStats span{font-size:10px}.workshopStats b{font-size:18px}.workshopRocket{max-height:130px}.workshopStageTop{height:28px}.workshopKicker{font-size:13px}#panel .workshopCompare{min-height:28px;padding:3px 6px;font-size:16px}
 .workshopFooter{padding-top:5px;gap:2px 12px}.workshopDetail strong{font-size:21px}.workshopDetail small{font-size:10px}.workshopNotice{font-size:10px;min-height:11px}.workshopActions>.workshopApply{min-height:40px;font-size:19px!important}.workshopActions>.secondary{min-height:40px}
 #panel .workshopTabs button{min-height:36px;font-size:19px;padding:6px}.workshopTools{padding:1px 0}.workshopTools>span{font-size:10px}#panel .workshopFilter{min-height:28px;padding:3px 6px}.workshopCatalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}#panel .workshopItem{min-height:100px}.workshopItem canvas{height:45px}.workshopItem strong{font-size:15px}.workshopItem small{font-size:10px}
}
#moduleHangar.workshop{align-items:stretch}.workshopStage{min-height:0}.workshopCatalog{flex:1}.workshopFooter{background:#091b26;position:relative;z-index:1}
.workshopTabs button{display:flex;flex-direction:column;align-items:center;gap:4px}.workshopTabs small{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.1 system-ui,sans-serif;opacity:.85}@media(max-width:760px) and (min-height:651px){.workshopRocket{height:clamp(100px,16vh,140px)}}
@media(max-height:650px) and (max-width:760px) and (min-height:501px){#hub-hangar>.sectionHeading{display:none}.workshopRocket{height:68px}.workshopStage{padding:4px 7px}.workshopFooter{padding-top:4px}.workshopTabs small{font-size:10px}.workshopDetail strong{font-size:19px}}
@media(max-height:650px) and (max-width:760px) and (min-height:501px){.workshopRocket{height:48px}.workshopStats{display:grid;padding:0}.workshopStats span{font-size:9px;line-height:11px}.workshopStats b{font-size:14px;line-height:16px}#panel .workshopItem{min-height:100px}.workshopItem canvas{height:44px}}
.workshopCatalog{grid-auto-rows:max-content}#panel .workshopItem{height:max-content}.workshopItem>*{flex-shrink:0}