/* A shared, labeled resource vocabulary. Icons never replace names. */
.resource-pictogram{display:inline-block;width:23px;height:25px;flex:0 0 auto;vertical-align:middle;fill:none!important;stroke:currentColor!important}
.resource-alloy{color:#9ddadf}.resource-supplies{color:#efd6a5}.resource-data{color:#cbbbed}
.resource-label{display:inline-flex;align-items:center;gap:6px;line-height:1.45}
.compact .topbar{height:84px;grid-template-columns:repeat(3,minmax(0,1fr)) 40px;gap:6px;padding:9px 12px}
.compact .topbar .resource{position:relative;display:block;min-width:0}
.compact .topbar .resource-icon{position:absolute;left:0;top:-2px;display:block!important;width:21px;height:23px;margin:0}
.compact .topbar .resource-icon svg{width:21px;height:23px}
.compact .topbar .resource small:not(.resource-cap){display:block;padding-left:25px;font-size:13px;line-height:1.6;color:#d3dce6;letter-spacing:-.04em;font-weight:650;white-space:nowrap}
.compact .topbar .resource strong{font-size:24px;line-height:1.2;letter-spacing:-.02em}
.compact .topbar .resource .resource-cap{font-size:11px;margin-top:3px;color:#9aabbc}
.ark-cost .resource-label{font-size:12px;gap:4px}.ark-cost .resource-pictogram{width:20px;height:22px}.ark-costs{gap:7px}
.mother-costs .resource-label{font-size:12px;gap:4px;flex-wrap:wrap}.mother-costs .resource-pictogram{width:20px;height:22px}
.command-data-wallet b .resource-pictogram{width:27px;height:29px}
/* Model silhouettes are pre-rendered from the same geometry as the scene. */
.command-model{display:block;object-fit:contain;width:124px;max-width:100%;height:70px;filter:drop-shadow(0 4px 6px #0004);flex:none}
#ark-panel>.n-hero>.command-model,.tier-upgrade-card>.command-model{width:180px;height:102px;margin:0 auto 14px}
.tier-track>span{display:flex;flex-direction:column;align-items:center;gap:4px}.tier-track .command-model{width:76px;height:43px}.tier-track b{font-size:14px}.tier-track small{font-size:12px}
.district-card{grid-template-columns:80px minmax(0,1fr)}.district-glyph{width:80px;height:64px;display:grid;place-items:center}.district-glyph .command-model{width:80px;height:64px}
.ark-spine .command-model{width:150px;height:90px}.part-slot>.command-model{width:100px;height:66px;margin:2px auto 8px}.part-slot{text-align:center!important}.module-token{width:82px!important;height:76px!important;display:grid;place-items:center}.module-token .command-model{width:80px;height:64px}.module-card{grid-template-columns:82px minmax(0,1fr)!important}.module-card .n-card-actions{grid-column:1/-1}
.tech-node{padding-right:108px!important;min-height:160px}.tech-node strong{font-size:17px!important;line-height:1.5}.tech-node p{font-size:14px!important;line-height:1.6}.tech-node .research-pictogram{right:8px;top:22px;width:92px;height:74px;opacity:1}.tech-node .research-pictogram .command-model,.tech-node .research-pictogram .model-unit-icon{width:92px!important;height:70px!important;max-width:none}.tech-cost{font-size:13px!important;line-height:1.7}.tech-cost .resource-label{gap:4px}.tech-cost .resource-pictogram{width:18px;height:20px}
/* Large facility images sit on a shared column; locked requirements stay readable. */
.facility-card{display:grid!important;grid-template-columns:80px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:16px 12px!important}.facility-card.locked{opacity:1!important}.facility-index{width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px!important;color:#9eaebe}.facility-index>span{display:grid;place-items:center;width:80px;height:72px;margin:0!important}.facility-index .command-model{width:80px;height:72px}.facility-info{min-width:0}.facility-info h4{font-size:17px!important;line-height:1.4}.facility-info p{font-size:14px!important;line-height:1.6;margin:8px 0}.facility-info>small{display:block;font-size:12px!important;line-height:1.6}.facility-buy{grid-column:2;justify-self:stretch;min-height:48px!important;display:flex;align-items:center;justify-content:space-between;padding:10px 14px!important}.facility-buy small{font-size:14px!important}.facility-condition{display:block;font-size:13px;color:#e2c7b8;line-height:1.65;margin-top:5px}.facility-condition.met{color:#a8d6c4}.facility-unlock-link{display:block;margin:8px 0;min-height:40px;padding:8px 12px;color:#ecd6a9;background:#273b4d;border:1px solid #bca67566;font-size:13px}
.explore-readiness{padding:16px;background:#182838;border-left:3px solid #bca4dc;margin:18px 0 12px}.explore-readiness b{display:block;font-size:18px;line-height:1.5;color:#eee2ff}.explore-readiness small{display:block;margin-top:8px;font-size:14px;line-height:1.65;color:#bfccd9}.explore-readiness.ready{border-color:#a6d8be}.explore-readiness.ready b{color:#c0ead4}
/* Main view: large essentials, enough breathing room for labels. */
.compact #hud-top{top:calc(92px + env(safe-area-inset-top,0px));gap:9px}.compact #flight-state,.compact #flight-distance{font-size:13px}.compact #ark-tier-chip{font-size:12px;min-height:34px;padding:6px 10px}
.compact #nomad-hud small{font-size:15px;letter-spacing:0}.compact #nomad-hud strong{font-size:clamp(36px,10.2vw,48px)}.compact #nomad-hud button>span{font-size:15px;color:#cbd8e4}.compact #nomad-hud strong em{font-size:16px}
.compact #hud-utility #radar-primary{min-height:48px}.compact #radar-primary b{font-size:15px}.compact #radar-primary small{font-size:13px}.compact #hud-utility #camera-reset{width:48px;height:48px;min-height:48px}
.compact .roster-heading{font-size:14px;padding-top:8px;gap:8px;flex-wrap:wrap}.compact .roster-heading b span{font-size:13px}.compact .roster-heading>span{font-size:12px}.compact #roster-expand{font-size:12px}.compact #selected-focus{font-size:12px}
.compact #story-chip{font-size:13px;min-height:30px}.compact #pulse-target,.compact #pulse-caption{font-size:12px}.compact #blackhole-touch-hint{font-size:14px}
.compact #quick-ships .fleet-card{height:94px!important;min-height:94px!important;grid-template-rows:20px 38px 19px;gap:2px;flex-basis:118px;min-width:118px;width:118px;max-width:118px}.compact #quick-ships .fleet-card>.card-class b{font-size:13px;line-height:20px}.compact #quick-ships .fleet-card>svg{height:38px}.compact #quick-ships .card-name{font-size:12px;line-height:19px}.compact #quick-ships .group-count{font-size:14px!important}
.compact #drawer,.compact.tutorial-active[data-sheet="open"] #drawer{top:calc(224px + env(safe-area-inset-top,0px))!important}
/* Reports remain anchored in the notice stack, with centered copy. */
#echo-advisory{grid-template-columns:50px minmax(0,1fr) 26px;gap:9px;padding:13px;align-items:center;text-align:center}
#echo-advisory>.portrait-screen{width:50px;height:66px}#echo-advisory small{font-size:11px;letter-spacing:.04em}#echo-advisory p{font-size:15px;line-height:1.55;margin:6px 0 10px;word-break:keep-all;overflow-wrap:anywhere}#echo-advisory .echo-action{font-size:14px;min-height:42px;width:100%;text-align:center}#echo-advisory .echo-dismiss{align-self:start}
.compact #hud-notices{max-height:230px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.toast.report{text-align:center!important;font-size:15px!important}.toast.report small{font-size:11px!important}
.arrival-comms .comms-copy{text-align:center}.arrival-comms .comms-copy header{justify-content:center}.arrival-comms #comms-count{margin-left:0}.arrival-comms #comms-channel{text-align:center;font-size:11px}.arrival-comms #comms-name{font-size:15px}.arrival-comms #comms-line{font-size:16px;line-height:1.6}.arrival-comms #comms-next{margin:4px auto 0;font-size:14px}
/* Title/lobby copy must be readable without zoom. */
.compact .brand-intro p{font-size:15px;line-height:1.7;letter-spacing:0;text-align:center;padding:0 20px}.compact #intro-skip{font-size:19px;font-weight:650;min-height:54px;min-width:190px;margin-top:30px;padding:14px 22px;color:#f4dfb3;border:1px solid #c7b38877;background:#182738cc;border-radius:5px}
.compact .menu-description{font-size:16px;line-height:1.75;color:#c8d7e2}.compact .main-menu-actions button{font-size:17px;min-height:54px;padding:14px 12px}.compact .main-menu-actions button b{font-size:18px}.compact .main-menu-actions button span{font-size:13px}.compact .menu-save{font-size:13px;line-height:1.65}.compact .menu-idle-note b{font-size:15px}.compact .menu-idle-note p{font-size:13px;line-height:1.65}.compact .menu-more summary{font-size:15px;min-height:42px}
@media(max-width:380px){.compact .topbar{padding-left:9px;padding-right:9px;gap:4px}.compact .topbar .resource small:not(.resource-cap){font-size:12px;padding-left:23px}.compact .topbar .resource strong{font-size:23px}.compact #nomad-hud strong{font-size:36px}.compact #radar-primary small{font-size:12px}.arrival-comms #comms-line{font-size:15px}}
.compact .topbar .resource.capacity{display:none!important}
.facility-card.locked .facility-info{opacity:1}