/* Field-station surfaces; layout and mobile map controls remain compact. */
:root{--bg:#090f14;--panel:#101b21;--raised:#192a30;--line:#2c4148;--muted:#9aafb2}
.topbar{background:linear-gradient(115deg,#17272c,#0e191f 58%);box-shadow:0 1px 0 #9ab9b510}
.brand-emblem{color:#a6e1cc;text-shadow:0 0 22px #89e5c024}
.brand h1{letter-spacing:-.035em}.brand>div>span{letter-spacing:.22em}
.clock b{color:#f4ecd8;letter-spacing:.04em}
.resourcebar{background:linear-gradient(#14232a,#111d23)}
.resourcebar b{color:#f0eee1}.resourcebar .res-icon{opacity:.9}
.crew-panel,.detail-panel{background:linear-gradient(160deg,#14232a,#101a20 55%)}
.panel-heading{border-bottom:1px solid #a5c4c00b}
.crew-card.selected{box-shadow:inset 3px 0 #9ae3c4;background:linear-gradient(90deg,#203e3b,#182b30)}
.avatar{box-shadow:inset 0 1px #b8d9cf24,0 3px 8px #030d133d}
.map-top,.map-bottom{background:linear-gradient(105deg,#192b30,#111e25)}
.map-top{border-bottom:1px solid #a2c6b721}.map-top strong{color:#dae9db}
.map-vignette{box-shadow:inset 0 0 90px #06101766}
.minimap-wrap{border-color:#627c70;box-shadow:0 4px 18px #0005}
.map-controls button{border-color:#5b736d80;box-shadow:0 3px 8px #0003}
.map-legend{padding:5px 8px;border-radius:4px;background:#081619b8}
.commandbar{background:linear-gradient(#18282f,#101b21);box-shadow:0 -1px #81a49918}
.commandbar button{transition:background .15s,border-color .15s,box-shadow .15s}
.commandbar button:hover{box-shadow:inset 0 2px #88cfb4}
.primary-button{box-shadow:inset 0 1px #fff3,0 3px 10px #00151230}
.primary-button:hover{box-shadow:inset 0 1px #fff4,0 3px 14px #6addb421}
.specimen-hero,.catalog-art,.combat-portrait{box-shadow:inset 0 0 0 1px #d8d2b513,0 4px 12px #0003}
.creature-identity>.catalog-art{border:1px solid #778477;border-radius:4px}
.rule-box,.operating-summary,.objective-box{box-shadow:inset 0 1px #bfd9cd0a}
.facility-art{width:100%;aspect-ratio:1;background-image:url('assets/pixel-world.png');background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 5px 5px #0006)}
.build-card{overflow:hidden;background:linear-gradient(150deg,#1b2c30,#111d23);border-color:#40534f;display:flex;flex-direction:column}
.build-card>.facility-art{width:min(100%,180px);align-self:center;margin:0 auto 10px}
.build-card>button{margin-top:auto}.build-card>.cost{padding-bottom:12px}
.facility-preview{padding:12px 24px;background:radial-gradient(ellipse at 50% 80%,#38524555,#0b141a 76%);border-bottom:1px solid #42584b}
.facility-preview>.facility-art{max-width:228px;margin:auto}
.build-card h3{color:#e2e8dc}.build-card p{color:#aabcb8}
.dialog-header{background:linear-gradient(110deg,#1a2d31,#101d24)}
.release-card{background:linear-gradient(120deg,#182d2c,#111e24)}
@media(max-width:760px){
 .facility-preview{padding:10px 18px}.facility-preview>.facility-art{max-width:160px}
 .build-card>.facility-art{max-width:132px}.map-vignette{box-shadow:inset 0 0 40px #06101755}
 .map-legend{gap:8px;padding:4px 6px}
}
@media(prefers-reduced-motion:reduce){button,.mini-bars i{transition:none}}

/* Illustrated personnel and calmer operational chrome. */
.agent-art{display:block;width:48px;height:48px;flex:0 0 48px;background-image:url('assets/pixel-agents.png');background-size:600% 400%;background-repeat:no-repeat;filter:drop-shadow(0 3px 4px #0008)}
.crew-card>.agent-art{background-color:#0b171c;border:1px solid #435b5d;border-radius:5px;width:46px;height:46px;flex-basis:46px}
.crew-unavailable{opacity:.5}
.agent-heading{display:flex;align-items:center;gap:16px;padding:10px 0 18px;border-bottom:1px solid #3c5153;margin-bottom:14px}
.agent-heading>.agent-art{width:90px;height:90px;flex-basis:90px;border:1px solid #56716b;background-color:#0a171d;border-radius:7px}
.agent-heading>div{min-width:0}.agent-heading h3{overflow-wrap:anywhere}.agent-heading .section-label{margin-top:0;font-size:.75rem}
.agent-heading-grade{display:block;margin-top:8px}.agent-heading-grade .agent-grade{font-size:1rem;padding:3px 9px}
.dialog-heading{background:linear-gradient(110deg,#1d3235,#101d24);border-bottom:1px solid #52675f}
.build-card,.research-field,.recruit-card,.operation-card{box-shadow:0 5px 15px #0002,inset 0 1px #b4c8b60b}
.map-top{border-top:1px solid #71897b26}
.map-controls button{min-height:44px;width:44px}
.speed-controls button{min-height:36px;min-width:36px}
.resourcebar b{font-variant-numeric:tabular-nums}.resourcebar>div{gap:7px}
.catalog-art{border-radius:5px;border:1px solid #596d65}
.creature-focus .creature-identity>.catalog-art{width:82px;height:82px;flex-basis:82px}
.creature-identity h3{font-size:1.3rem;line-height:1.45}
.map-vignette{box-shadow:inset 0 0 95px #04101570}
@media(max-width:640px){
 .map-section{height:56dvh;min-height:375px;max-height:560px}
 .map-controls{right:8px;bottom:49px}.map-controls button{min-height:44px;width:44px}
 .speed-controls button{min-height:40px}.map-bottom>span{font-size:.8125rem}
 .creature-focus .creature-identity>.catalog-art{width:76px;height:76px;flex-basis:76px}
 .agent-heading>.agent-art{width:78px;height:78px;flex-basis:78px}
 .map-vignette{box-shadow:inset 0 0 45px #04101550}
 .build-card p,.cost{font-size:.875rem}.build-card h3{font-size:1rem}
}