/* Site Alpha: original interactive underground section. */
.subterranean-base.active:not(.personnel-workbench):not(.academy-workbench){grid-template-columns:minmax(0,1fr) 365px;gap:18px}
.command-shell:has(.subterranean-base.active) .command-page-heading{display:none}
.command-shell:has(.subterranean-base.active) #main-stage{padding-top:16px}
.subterranean-base .base-banner,.subterranean-base .base-left>.section-label{display:none}
.subterranean-base:not(.personnel-workbench):not(.academy-workbench) .base-left{display:flex;min-height:0;overflow:hidden;flex-direction:column}
.subterranean-base .bunker-grid{display:flex;flex-direction:column;gap:0;min-height:0;height:100%;padding:0;border:1px solid #3d5058;background:#121c22;overflow:hidden}
.base-layout-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px 12px;background:linear-gradient(115deg,#283b43,#1a2b34);border-bottom:1px solid #506068;flex:none}
.base-layout-heading h2{font:600 23px var(--font-heading,Arial,sans-serif);letter-spacing:-.5px;margin:3px 0 0;color:#e4e7dc}
.base-layout-heading .eyebrow{font-size:10px;letter-spacing:1.8px;color:#b0c2be}
.base-layout-heading .tbtn{min-height:38px;padding:8px 12px;font-size:11px;white-space:nowrap}
.base-layout-heading .base-day{color:#92a9ae;display:block;font-size:10px;margin-top:5px;text-align:right}
.base-network-metrics{display:flex;align-items:stretch;gap:0;background:#162830;flex:none;border-bottom:1px solid #3b4a50}
.base-network-metrics>div{padding:10px 14px;flex:1;border-right:1px solid #3c4c53;min-width:0}
.base-network-metrics>div:last-child{border:0}
.base-network-metrics strong{display:block;font-family:var(--font-mono,monospace);font-size:16px;line-height:1.15;color:#d2e2db;white-space:nowrap}
.base-network-metrics strong small{font-size:10px;font-weight:400;color:#b2c6c9}
.base-network-metrics span{display:block;font-size:9px;letter-spacing:1px;color:#a4b8be;margin-top:5px}
.base-network-metrics .deficit{color:#ec9b78}
.base-cross-section{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:repeating-linear-gradient(164deg,transparent 0 54px,#46443b25 55px 57px,transparent 58px 107px),repeating-linear-gradient(27deg,#242e30 0 65px,#2d3635 66px 115px,#343b36 116px 119px);padding:0 15px 25px 12px}
.base-surface{height:31px;display:flex;gap:15px;align-items:center;padding-left:38px;font:9px var(--font-mono,monospace);letter-spacing:1px;color:#a9b7ac;border-bottom:4px solid #707763;background:linear-gradient(transparent,#333e36)}
.base-surface:after{content:"";flex:1;height:10px;background:repeating-linear-gradient(90deg,#798371 0 3px,transparent 3px 18px);opacity:.5}
.base-depth-row{display:grid;grid-template-columns:29px minmax(0,1fr) 22px minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:stretch;position:relative;min-height:113px;padding-top:10px}
.base-depth-label{align-self:center;display:grid;justify-items:center;gap:5px;color:#a6b4aa;font:10px var(--font-mono,monospace)}
.base-depth-label strong{font-size:15px;font-weight:500;color:#c0ccc1}
.base-depth-label small{font-size:8px;writing-mode:vertical-rl;letter-spacing:1.4px;color:#99a59d}
.base-service-shaft{grid-column:3;grid-row:1;position:relative;background:linear-gradient(90deg,#3d4a49 0 3px,#101f26 3px 9px,#607475 9px 11px,#102229 11px 19px,#435651 19px);margin-top:-10px;margin-bottom:-10px;border-top:2px solid #718078;border-bottom:2px solid #718078}
.base-service-shaft:before{content:"";position:absolute;top:38%;left:3px;right:3px;height:27px;border:1px solid #8c9d8e;background:linear-gradient(90deg,#516762,#203b43 40%,#516762);box-shadow:0 0 8px #6aa6a42a}
.base-service-shaft:after{content:"";position:absolute;top:51%;left:-7px;right:-7px;border-top:2px solid #6a7972;z-index:0}
.base-cell{display:flex;position:relative;min-width:0;flex-direction:column;text-align:left;padding:0;color:#94d5ce;background:#24373d;border:1px solid #75857e;box-shadow:0 3px 0 #0c161b,0 7px 10px #0005;cursor:pointer;transition:border-color .15s,filter .15s;overflow:hidden}
.base-cell:nth-of-type(1){grid-column:2}.base-cell:nth-of-type(2){grid-column:4}.base-cell:nth-of-type(3){grid-column:5}
.base-cell:hover{filter:brightness(1.14);border-color:#d3b47c}
.base-cell:focus-visible{outline:3px solid #e9c687;outline-offset:2px;z-index:4}
.base-cell.selected{border-color:#e2bd7a;box-shadow:0 0 0 2px #d6b475,0 3px 8px #0009;z-index:2}
.base-cell.granite{border-color:#48554f;color:#b7bb98;background:#2c3733}
.base-cell.granite.accessible{border-color:#ad9568;color:#d6bc81}.base-cell.granite.accessible .cell-status{color:#e3c58a}
.base-cell.offline{color:#ba8b68}.base-cell.cleared{color:#b9c7ad}.base-cell.excavating,.base-cell.constructing{color:#d2b676;border-color:#a18c63}
.base-cell-top{display:flex;justify-content:space-between;gap:4px;padding:5px 7px 3px;background:#15262ded;font-family:var(--font-mono,monospace);font-size:8px;letter-spacing:.6px;position:relative;z-index:1}
.base-cell-top .cell-code{color:#acb7b5}.base-cell-top .cell-status{color:currentColor;text-transform:uppercase;white-space:nowrap}
.base-cell .base-section-art{width:100%;height:62px;display:block;flex:1;min-height:50px;max-height:78px;opacity:.94}
.base-cell.granite .base-section-art{opacity:.7}
.base-cell-bottom{padding:5px 7px 6px;background:#14262ceb;border-top:1px solid #4c626344}
.base-cell-bottom strong{display:block;color:#e0e4d8;font:600 11px var(--font-heading,Arial,sans-serif);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.base-cell-bottom small{display:block;font-size:8px;letter-spacing:.25px;color:#afc0be;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.base-cell .base-progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:3;background:#15282c}
.base-progress-track i{display:block;height:100%;background:#dfbb77}
.base-layout-legend{display:flex;justify-content:space-between;gap:12px;flex:none;padding:9px 14px;border-top:1px solid #3b4f55;background:#14252d;color:#aababc;font-size:9px;letter-spacing:.35px}
.base-layout-legend i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#7cc4b3;border-radius:50%}.base-layout-legend .pending i{background:#c9ab78}.base-layout-legend .sealed i{background:#6e7c71}
.base-section-controls{display:flex;align-items:center;justify-content:space-between;flex:none;gap:10px;min-height:30px;padding:3px 13px;background:#1a2c32;border-bottom:1px solid #3f555a}
.base-section-controls>span{font:9px var(--font-mono,monospace);letter-spacing:.5px;color:#adbfb9}
.base-section-controls button{padding:4px 7px;min-height:25px;border:1px solid #708681;background:#243c40;color:#d7dfce;font:9px var(--font-mono,monospace);cursor:pointer;white-space:nowrap}
.base-section-controls button:hover{border-color:#debd82}.base-section-controls button:focus-visible{outline:2px solid #debd82;outline-offset:2px}
.base-cross-section.compact-section{padding-bottom:10px}
.compact-section .base-surface{height:23px;font-size:8px}
.compact-section .base-depth-row{min-height:45px;height:45px;padding-top:5px}
.compact-section .base-depth-label small{display:none}
.compact-section .base-cell{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:15px minmax(0,1fr);min-height:0;height:40px}
.compact-section .base-cell-top{grid-column:2;grid-row:1;background:transparent;padding:4px 6px 0;font-size:7px;letter-spacing:.1px;line-height:1;align-items:center}
.compact-section .base-cell .base-section-art{grid-column:1;grid-row:1/3;width:76px;height:39px;min-height:0;max-height:none;align-self:center}
.compact-section .base-cell-bottom{grid-column:2;grid-row:2;padding:4px 6px 5px;border:0;background:transparent;align-self:center}
.compact-section .base-cell-bottom strong{font-size:11px;line-height:1.1}
.compact-section .base-cell-bottom small{display:none}
.compact-section .base-service-shaft{margin-top:-5px;margin-bottom:-5px}
.compact-section .base-service-shaft:before{height:13px;top:35%}
.subterranean-base:not(.personnel-workbench):not(.academy-workbench) .bunker-detail{padding:17px;min-width:0;background:linear-gradient(130deg,#1b2f38,#15272e);border:1px solid #465962}
.subterranean-base:not(.personnel-workbench):not(.academy-workbench) .strategy-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;position:static;padding:0 0 13px;margin-bottom:17px;background:transparent;border-bottom:1px solid #40565e}
.subterranean-base:not(.personnel-workbench):not(.academy-workbench) .strategy-tab{font-size:10px;min-height:32px;letter-spacing:.3px;padding:6px 4px}
.base-inspector .eyebrow{font-size:9px;letter-spacing:1.4px;color:#b6bfb1}
.base-inspector h2{font:600 24px var(--font-heading,Arial,sans-serif);line-height:1.07;margin:7px 0 11px;letter-spacing:-.5px;color:#e7e6d9}
.base-inspector>p{font-size:12px;line-height:1.65;color:#b9c9c9;margin:12px 0}
.base-inspector-art{border:1px solid #607471;background:#14252c;color:#83c9c5;position:relative;overflow:hidden}
.base-inspector-art svg{display:block;width:100%;height:122px}
.base-inspector-art>span{position:absolute;left:12px;bottom:7px;background:#101e26e8;padding:4px 7px;font:9px var(--font-mono,monospace);color:#d7e4d5;border:1px solid #45665e}
.base-system-line{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.base-system-line span{padding:6px 8px;border:1px solid #4b6768;background:#1b373b;font-size:10px;color:#a3d0bd}
.base-system-line span.unavailable{color:#debc90;background:#423b30;border-color:#746348}
.base-benefit{padding:12px;border-left:3px solid #b3b995;background:#2640445c;margin:13px 0;font-size:12px;line-height:1.6;color:#c7d6d1}
.base-benefit strong{display:block;color:#e0dfc8;font-size:10px;letter-spacing:1px;margin-bottom:4px}
.base-staff-section,.base-construction-options,.base-current-project{border-top:1px solid #465961;padding-top:14px;margin-top:15px}
.base-section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;gap:8px}
.base-section-heading h3{font-size:11px;letter-spacing:1px;margin:0;color:#d9dfd2}.base-section-heading>span{font:9px var(--font-mono,monospace);color:#a1babc}
.base-staff-member{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #3b53594d}
.base-staff-member strong{display:block;color:#d2dfd8;font-size:12px}.base-staff-member small{display:block;font-size:10px;color:#a9bebf;margin-top:4px}
.base-staff-member button{background:#263e44;border:1px solid #7b9894;color:#e0e7d8;font-size:10px;padding:8px 10px;min-height:34px;cursor:pointer}
.base-staff-member button:disabled{opacity:.45;cursor:default}
.base-staff-member button:hover:enabled{border-color:#c5b285;color:#f0e6ca}
.base-staff-hint{font-size:11px;line-height:1.6;color:#afc1c0}
.base-action-block{margin-top:14px}.base-action-block .tbtn{width:100%;min-height:40px;font-size:11px;white-space:normal;text-align:center}
.base-action-block small{display:block;color:#b2c4c3;line-height:1.5;margin:7px 0;font-size:10px}
.base-action-block .base-block-reason,.base-block-reason{color:#d8b080}
.base-notice{background:#4b4230;border:1px solid #947d52;color:#f0d7a8;padding:10px 12px;line-height:1.5;font-size:12px;margin:0 0 14px}
.base-build-option{border:1px solid #4a666b;background:#1c353d;padding:11px;margin:9px 0}
.base-build-option h4{font-size:13px;margin:0;color:#e3e3d5}.base-build-option p{font-size:11px;color:#b2c7c4;line-height:1.6;margin:7px 0}.base-build-option .base-option-facts{font:9px var(--font-mono,monospace);color:#abc1c0;line-height:1.65;margin:7px 0}
.base-build-option button{width:100%;font-size:10px;min-height:35px;white-space:normal}
.base-blueprint-filter{font:11px var(--font-mono,monospace);color:#d0dccf;background:#1a3037;border:1px solid #597276;padding:9px;width:100%;min-height:37px;margin:4px 0}
.base-construction-summary{font-size:11px;color:#aebfc2;line-height:1.6;margin:0 0 10px}
.base-current-project .project-card{margin:0}.base-current-project h4{margin:8px 0}
.base-inspector .research-project,.base-inspector .recruit-panel{margin-top:15px;border-top:1px solid #4a6064;padding-top:13px}
.base-inspector .research-project p,.base-inspector .recruit-panel p{font-size:11px;line-height:1.6;color:#b7c9c6}
.base-inspector .button-row{margin:10px 0}
.base-inspector .facility-tip{font-size:11px;line-height:1.6;color:#b7c9c6}
.base-inspector .upgrade-complete{font-size:10px}
.base-staff-board{display:grid;gap:7px;margin-bottom:20px}.base-staff-board .base-staff-member{padding:9px;background:#1b363c;border:1px solid #425e65}
@media(min-width:1600px){.subterranean-base.active:not(.personnel-workbench):not(.academy-workbench){grid-template-columns:minmax(0,1fr) 410px}.base-depth-row{min-height:130px}.base-cell .base-section-art{max-height:94px}.base-cell-bottom strong{font-size:13px}.base-cell-bottom small{font-size:10px}.base-cell-top{font-size:10px}}
@media(max-width:1150px){.subterranean-base.active:not(.personnel-workbench):not(.academy-workbench){grid-template-columns:minmax(0,1fr) 315px;gap:12px}.base-layout-heading{padding:12px}.base-layout-heading h2{font-size:20px}.base-layout-heading .tbtn{font-size:9px;padding:7px}.base-network-metrics>div{padding:9px}.base-depth-row{gap:5px;grid-template-columns:20px minmax(0,1fr) 15px minmax(0,1fr) minmax(0,1fr)}.base-cross-section{padding-left:6px;padding-right:8px}.base-cell-bottom strong{font-size:10px}.base-cell-top{font-size:7px;letter-spacing:0}.base-cell-bottom small{font-size:7px}.base-layout-legend{font-size:8px;gap:6px}}
@media(max-height:760px){.command-shell:has(.subterranean-base.active) #main-stage{padding-top:10px;padding-bottom:12px}.base-layout-heading{padding-top:9px;padding-bottom:9px}.base-network-metrics>div{padding-top:8px;padding-bottom:8px}.base-layout-legend{padding-top:7px;padding-bottom:7px}.base-depth-row{min-height:106px}.base-cell .base-section-art{max-height:66px}.subterranean-base:not(.personnel-workbench):not(.academy-workbench) .bunker-detail{padding:13px}.subterranean-base:not(.personnel-workbench):not(.academy-workbench) .strategy-tabs{margin-bottom:13px;padding-bottom:10px}.base-inspector h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.base-cell{transition:none}}
@media(max-height:760px){.base-inspector-art svg{height:80px}.base-inspector>p{font-size:11px;line-height:1.5;margin:10px 0}.base-benefit{padding:9px 11px;font-size:11px;line-height:1.5;margin:10px 0}.base-system-line{margin:9px 0}.base-staff-hint{font-size:10px;line-height:1.5}.base-staff-section{padding-top:10px;margin-top:11px}}
