.construction-dock{margin:12px 0 0;border:1px solid #38636a;border-radius:14px;background:linear-gradient(150deg,#152d34,#102029);min-width:0;overflow:hidden;box-shadow:0 -8px 25px #07111944}.construction-dock[hidden]{display:none}.construction-dock>header{display:flex;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #35525a}.construction-dock h2{font-size:14px;margin:0;flex:1}.construction-dock>header button{min-height:40px}.construction-dock-body{padding:8px 12px}.construction-dock .section-heading{margin:0 0 6px}.construction-dock .factory-shop{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;padding:4px 0 8px}.construction-dock .factory-blueprint{flex:0 0 210px;scroll-snap-align:start;display:grid;grid-template-columns:60px 1fr;gap:7px;padding:8px;min-height:130px}.construction-dock .factory-mini-art{height:66px;align-self:start}.construction-dock .factory-blueprint .cost-list{gap:3px;font-size:10px}.construction-dock .factory-blueprint button{min-height:40px;width:100%}.construction-dock .factory-blueprint h4{font-size:12px}.construction-dock .factory-build-footprint{font-size:10px}.construction-dock #colony-build-content{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;align-items:stretch}.construction-dock #colony-build-content>[hidden]{display:none}.construction-dock #colony-build-content>.building-card{flex:0 0 235px;margin:0}.construction-dock #colony-build-content>.jobs-panel{flex:0 0 220px}.construction-dock #colony-build-content>.trait-card,.construction-dock #colony-build-content>.stockpile-hint,.construction-dock #colony-build-content>.section-heading,.construction-dock #colony-build-content>.shipyard-panel{display:none}.building-card .building-icon{width:58px;height:58px;display:block;background:none}.building-card .building-icon svg{width:100%;height:100%}.storage-dialog{max-width:680px}.storage-materials{display:grid;grid-template-columns:1fr 1fr;gap:14px}.storage-material label{display:flex;justify-content:space-between;gap:8px;font-size:12px}.storage-material meter{width:100%;height:14px;accent-color:#68c6a5}.storage-upgrade{margin-top:20px;padding:15px;border:1px solid #537971;border-radius:12px}.masthead-actions{flex-wrap:wrap}.masthead .player-roster-button{font-size:12px}.command-sidebar .factory-purpose{font-size:12px}.resource-chip meter{width:100%;height:5px}.resource-chip.full strong{color:#eab26e}
@media(max-width:1100px){.construction-dock{margin-bottom:70px}.construction-dock-body{padding:6px 8px}.construction-dock .factory-blueprint{flex-basis:190px}.construction-dock>header{flex-wrap:wrap;gap:6px;padding:8px}.construction-dock>header h2{min-width:140px}.storage-materials{grid-template-columns:1fr}.masthead .player-roster-button{padding:6px}.factory-viewport{min-height:320px}}
@media(prefers-reduced-motion:no-preference){.construction-dock button{transition:background-color .18s,border-color .18s,transform .18s}.construction-dock button:active{transform:translateY(1px)}}
.online-counter[hidden],.engineering-dialog section[hidden]{display:none!important}
.masthead .release-tag>span{display:inline!important;white-space:normal}.factory-inspector-rates{padding:12px;margin:12px 0;border:1px solid #547a7055;border-radius:9px;background:#102830}.factory-inspector-rates .machine-rate-columns{grid-template-columns:1fr;gap:14px}.factory-inspector-rates .machine-rate-row{font-size:14px;min-height:24px}.factory-inspector-rates .machine-rate-row span{white-space:normal;overflow:visible}.factory-inspector-rates .machine-rate-columns h4{font-size:12px}.factory-inspector-rates .machine-rate-row small{font-size:13px}.factory-inspector-rates .machine-rate-caption{flex-wrap:wrap;margin-bottom:10px}.colony-rate-info{padding:7px 0;border-block:1px solid #7a9f9033;margin-bottom:8px}.colony-rate-info>small{color:#a7bdb8;font-size:10px}.colony-rate-info p{margin:4px 0}.colony-rate-info b{color:#dbe4c7;font-variant-numeric:tabular-nums}
.factory-heading,.factory-footer,.workshop-summary{flex-shrink:0}
@media(max-width:1100px){.workspace>.galaxy-section{flex:0 0 auto;height:560px;min-height:500px}.workspace>.council-section{flex:0 0 auto;height:auto;min-height:380px;max-height:none;overflow:visible}}
@media(max-width:1100px){html.game-active,body.game-active{height:auto!important;overflow:auto!important}.game-view{height:auto!important;overflow:visible!important}.workspace{flex:0 0 auto!important;height:auto!important;min-height:0;overflow:visible}.factory-section{flex:0 0 auto!important;width:100%;height:auto!important;min-height:600px;overflow:visible}.factory-viewport{flex:none;height:420px;min-height:320px}.factory-heading{flex-shrink:0;overflow:visible}.factory-toolbar{flex-shrink:0}.construction-dock,.command-bar,#food-watch{flex-shrink:0}}
.factory-heading{flex-wrap:wrap;gap:9px;padding:12px 16px}.factory-heading>div:first-child{width:100%;display:flex;align-items:baseline;gap:12px;min-width:0}.factory-heading h2{font-size:20px}.factory-toolbar{width:100%;flex-wrap:wrap;gap:5px}.factory-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 9px;font-size:12px;white-space:nowrap}.factory-toolbar .action-icon{width:15px;height:15px;min-width:15px;margin-inline-end:4px}.factory-footer{padding:7px 14px;font-size:11px;line-height:1.4}.factory-footer p{margin:0}.building-card[data-severity="critical"] .production-state{color:#f17870}.building-card[data-severity="neutral"] .status-dot{background:#8ba2aa!important;box-shadow:none!important;animation:none!important}
@media(max-width:600px){.masthead{display:flex!important;position:relative;flex-wrap:wrap;gap:8px;height:auto!important;min-height:74px;padding:10px 12px!important}.masthead .wordmark{flex:1;min-width:0}.masthead .release-tag{display:block!important;font-size:9px;max-width:135px}.masthead .masthead-actions{position:static!important;display:flex;flex-wrap:wrap;width:100%;min-width:0;max-width:100%;gap:5px;justify-content:flex-start}.masthead-actions .language-select{max-width:108px;width:108px}.masthead-actions #player-roster-button,.masthead-actions #storage-button{flex:1 1 115px;max-width:calc(50% - 4px);white-space:normal;min-height:40px;font-size:11px}.masthead #account-button{max-width:110px!important;width:auto!important;min-width:40px;overflow:hidden}.masthead .wordmark .brand-compass{width:30px;height:30px}.masthead .wordmark{font-size:18px}.masthead .release-tag b{font-size:10px}.factory-heading{flex-direction:column;align-items:flex-start}.factory-toolbar{width:100%;flex-wrap:wrap}.factory-toolbar button{font-size:11px;padding:7px}.factory-wire-lens{max-width:100%}}
/* The factory floor owns the viewport; supporting panels open on demand. */
html.game-active.factory-focus,body.game-active.factory-focus{height:100dvh!important;overflow:hidden!important}
body.game-active.factory-focus{display:flex;flex-direction:column}
.factory-focus.game-active .masthead{flex:none;height:52px;min-height:52px;padding:5px 14px;gap:14px}
.factory-focus .masthead .wordmark{font-size:18px;gap:8px;letter-spacing:2px}
.factory-focus .masthead .brand-compass{width:34px;height:34px}
.factory-focus .brand-slogan{display:none}
.factory-focus .wordmark small{margin-top:2px}
.factory-focus .masthead-actions{flex-wrap:nowrap;gap:6px;min-width:0}
.factory-focus .masthead .quiet-button{padding:6px 9px;min-height:34px;font-size:11px;white-space:nowrap}
.factory-focus .masthead .release-tag{display:block;flex:none}
.factory-focus .game-view:not([hidden]){flex:1 1 0;min-height:0;height:0!important;overflow:hidden!important;padding:0}
.factory-focus .command-bar{flex:none;min-height:58px;padding:5px 14px;gap:12px;flex-wrap:nowrap}
.factory-focus .home-location{min-width:100px;flex:0 0 auto;border:0;padding:0}
.factory-focus .home-location>.eyebrow{display:none}
.factory-focus #colony-select{font-size:16px;max-width:160px}
.factory-focus .resource-bar{order:0;flex:1 1 0;width:auto;min-width:0;gap:0;padding:0;overflow-x:auto}
.factory-focus .resource-chip{min-width:90px;padding:0 12px}
.factory-focus .resource-chip>span{font-size:8px}
.factory-focus .resource-chip strong{font-size:16px}
.factory-focus .resource-chip small{font-size:9px}
.factory-focus .resource-chip meter{display:none}
.factory-focus .connection-status{flex:none;font-size:10px}
.factory-focus .food-watch{padding:3px 14px;min-height:34px;gap:8px}
.factory-focus .food-watch>span:nth-child(2){display:flex;align-items:baseline;gap:12px}
.factory-focus .food-watch small{margin:0}
.factory-focus .food-watch button{min-height:28px;padding:3px 9px}
.factory-focus .workspace{display:block;flex:1 1 0!important;height:0!important;min-height:0;overflow:hidden;margin:0;padding:0}
.factory-focus .workspace>.factory-section{display:flex;flex-direction:column;flex:1 1 0!important;height:100%!important;min-height:0;overflow:hidden;width:100%;border-radius:0;border-inline:0}
.factory-focus .factory-heading{flex:none;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:4px 12px;gap:14px;min-height:44px}
.factory-focus .factory-heading>div:first-child{width:auto;gap:8px;flex:1;white-space:nowrap;overflow:hidden}
.factory-focus .factory-heading h2{font-size:17px;margin:0;overflow:hidden;text-overflow:ellipsis}
.factory-focus #factory-name{display:none}
.factory-focus .factory-toolbar{width:auto;flex:none;flex-wrap:nowrap;gap:5px}
.factory-focus .factory-toolbar button{min-height:34px;flex:0 0 auto;padding:5px 9px;font-size:12px}
.factory-focus .factory-toolbar [data-factory-zoom]{min-width:34px}
.factory-focus #factory-zoom-label{min-width:36px;text-align:center}
.factory-focus .factory-health-strip{padding:3px 12px;gap:6px;min-height:34px;flex-wrap:nowrap}
.factory-focus .factory-health-strip>.workshop-health-counts{font-size:11px;gap:4px 12px;min-width:0}
.factory-focus .factory-health-strip>button{width:auto;min-height:28px;font-size:11px;padding:4px 9px;flex:none}
.factory-focus .factory-viewport{flex:1 1 0;height:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.factory-focus .factory-footer{padding:4px 12px;margin:0;font-size:11px;min-height:0}
.factory-focus .factory-section>p.factory-footer{display:none}
.factory-focus .construction-dock{flex:none;margin:0;border-radius:0;border-inline:0;max-height:32dvh}
.factory-focus .construction-dock>header{padding:3px 12px;gap:8px;flex-wrap:nowrap}
.factory-focus .construction-dock h2{font-size:12px;min-width:0}
.factory-focus .construction-dock>header button{min-height:32px;padding:4px 12px;font-size:12px}
.factory-focus .construction-dock-body{max-height:calc(32dvh - 42px);overflow-y:auto;overscroll-behavior:contain}
.factory-focus .mobile-tools{position:static;display:flex;flex:none;justify-content:center;gap:6px;padding:4px 12px calc(4px + env(safe-area-inset-bottom));background:#102936;border-top:1px solid #45676b}
.factory-focus .mobile-tools button{min-height:36px;padding:5px 16px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px}
.factory-focus .mobile-current{display:none}
.factory-focus .mobile-goal-shortcut{display:none!important}
#factory-tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}
#factory-tool-actions button{min-height:44px;font-size:13px;white-space:normal;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:10px}
#factory-tool-actions [hidden]{display:none!important}
#factory-tool-actions .toolbar-small{display:none}
#factory-tool-actions .toolbar-wide{display:inline}
#factory-tool-actions .factory-wire-lens{grid-column:1/-1;width:100%;margin:0;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #547773;padding-top:14px}
.factory-tools-hint{padding:0 18px 18px;margin:0;font-size:12px;line-height:1.6;color:#b1c8c9}
@media(max-width:1100px){
 .mobile-tools{grid-template-columns:repeat(5,minmax(0,1fr))}
 .factory-focus .masthead .wordmark{font-size:16px}
 .factory-focus .masthead .release-tag{max-width:110px}
 .factory-focus .masthead-actions{overflow-x:auto;max-width:100%}
 .factory-focus .connection-status #connection-text{display:none}
 .factory-focus .factory-toolbar button{min-height:44px}
 .factory-focus .factory-heading{min-height:52px}
 .factory-focus .construction-dock>header button{min-height:40px}
 .factory-focus .mobile-tools button{min-height:44px}
 .factory-focus .food-watch button{min-height:40px}
 .factory-focus .resource-chip small{display:block}
}
@media(max-width:600px){
 .factory-focus.game-active .masthead{height:auto!important;min-height:0;gap:4px 8px;padding:5px 8px!important}
 .factory-focus .masthead .wordmark{font-size:15px;flex:1}
 .factory-focus .masthead .brand-compass{width:26px;height:26px}
 .factory-focus .masthead .release-tag{max-width:115px;padding:3px 5px;font-size:8px}
 .factory-focus .masthead .release-tag>span{font-size:8px}
 .factory-focus .masthead .masthead-actions{flex-wrap:nowrap;gap:5px;width:100%;padding:2px 0;scrollbar-width:thin}
 .factory-focus .masthead-actions .language-select{min-height:40px;font-size:12px}
 .factory-focus .masthead .masthead-actions #player-roster-button,.factory-focus .masthead .masthead-actions #storage-button,.factory-focus .masthead .masthead-actions #account-button{flex:0 0 auto;max-width:none!important;min-height:40px;width:auto!important;padding:5px 8px;white-space:nowrap}
 .factory-focus .command-bar{min-height:58px;padding:4px 8px;gap:5px}
 .factory-focus .home-location{min-width:62px;max-width:72px}
 .factory-focus #colony-select{max-width:72px;font-size:12px}
 .factory-focus .resource-chip{min-width:83px;padding:0 8px}
 .factory-focus .resource-chip strong{font-size:15px}
 .factory-focus .connection-status{display:none}
 .factory-focus .food-watch{padding:2px 8px}
 .factory-focus .food-watch>span:nth-child(2){display:block}
 .factory-focus .food-watch small{display:none}
 .factory-focus .food-watch button{max-width:120px;font-size:10px}
 .factory-focus .factory-heading{padding:2px 6px;min-height:48px}
 .factory-focus .factory-heading>div:first-child{display:none}
 .factory-focus .factory-toolbar{width:100%;justify-content:space-between;gap:3px}
 .factory-focus .factory-toolbar button{font-size:11px;padding:5px 6px}
 .factory-focus .factory-toolbar .action-icon{display:none}
 .factory-focus #factory-tools-button{white-space:normal;max-width:100px}
 .factory-focus .factory-health-strip{padding:3px 8px;gap:4px}
 .factory-focus .factory-health-strip>.workshop-health-counts{font-size:10px;gap:2px 7px}
 .factory-focus .factory-health-strip>button{min-height:40px;max-width:115px;font-size:10px;padding:4px 6px}
 .factory-focus .factory-footer{display:none}
 .factory-focus .factory-footer:has(#factory-cancel-link:not([hidden])){display:flex}
 .factory-focus .construction-dock>header{padding:2px 8px}
 .factory-focus .mobile-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:3px 4px calc(3px + env(safe-area-inset-bottom));gap:3px}
 .factory-focus .mobile-tools button{padding:4px 2px;font-size:10px;overflow-wrap:anywhere;white-space:normal;min-width:0}
 .factory-focus .mobile-tools .action-icon{display:none}
 #factory-tool-actions{gap:7px;padding:12px}
}
@media(max-height:550px){
 .factory-focus .masthead .brand-subline,.factory-focus .food-watch small{display:none}
 .factory-focus .factory-heading>div:first-child{display:none}
 .factory-focus .factory-health-strip{min-height:28px}
 .factory-focus .factory-footer{display:none}
}
.factory-focus .construction-dock:has(#construction-dock-body[hidden]){display:none}
.factory-focus .resource-chip{flex:0 0 auto;width:100px;min-width:100px}
.factory-focus .resource-chip>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.factory-focus .resource-chip .actual-rate{line-height:1.4}
.factory-focus .resource-chip .rate-kind{display:inline;margin:0;font-size:9px}
#panel-menu-body>.masthead-actions{padding:12px;display:flex;flex-wrap:wrap;margin:0;gap:8px;max-width:100%;overflow:hidden}
#panel-menu-body>.masthead-actions button,#panel-menu-body>.masthead-actions select,#panel-menu-body>.masthead-actions a{min-height:44px;max-width:100%;font-size:12px}
#panel-menu-body>.release-tag{display:block;margin:0 12px 14px}
#panel-menu-body>.release-tag>span{display:inline}
#panel-controls-body .food-watch{flex-wrap:wrap;padding:12px;font-size:12px}
#panel-controls-body .food-watch>span:nth-child(2){display:block}
#panel-controls-body .food-watch small{display:block}
@media(max-height:550px){
 .game-active.factory-focus>.masthead{display:none!important}
 .factory-focus .command-bar{min-height:48px;padding:2px 8px}
 .factory-focus .factory-heading{min-height:44px;padding:0 8px;justify-content:flex-end}
 .factory-focus .factory-toolbar button{min-height:40px}
 .factory-focus .resource-chip{width:95px;min-width:95px}
 .factory-focus .mobile-tools{padding-block:2px}
 .factory-focus .construction-dock{max-height:45dvh}
 .factory-focus .construction-dock-body{max-height:calc(45dvh - 45px)}
}
.factory-focus .factory-footer:has(#factory-cancel-link:not([hidden])){display:flex;align-items:center;gap:8px}
.factory-focus #factory-cancel-link{min-height:40px;flex:none}
.factory-focus .masthead-actions .language-label{flex:0 0 108px}
.factory-focus .masthead-actions .language-select{width:108px}