/* WAR ATLAS command room: shared materials, static backgrounds, real data only.
   This sheet is shipped only by the isolated UI-002 build. No map hit-layer rules. */
:root{--wa-ivory:#d0cbbc;--wa-muted:#bbb299;--wa-brass:#aca489;--wa-edge:#756d56;--wa-black:#181817;--wa-panel:#2e2e2d;--wa-inset:#252523;--wa-gold:#c8bc98;--wa-green:#9a9890;--wa-red:#ca8770;--wa-heading:Georgia,"SimSun","Songti SC",serif}
/* The same unblurred battlefield painting anchors all startup states. */
.playable-integrated .atlas-loading.preview-state,.playable-integrated .preview-fatal{position:relative;isolation:isolate;min-height:100svh;padding:0;display:flex;align-items:flex-end;justify-content:center;background:#333431 url('./battlefield.jpg') center/cover no-repeat;color:var(--wa-ivory)}
.atlas-loading:before,.preview-fatal:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1516142b 30%,#161714aa 78%,#121311ee);pointer-events:none}
.atlas-loading-brand{position:absolute;top:14%;left:50%;transform:translateX(-50%);width:min(680px,88vw);text-align:center;pointer-events:none;color:#cac5b5;text-shadow:0 2px #20201f}
.atlas-loading-brand>span{display:block;font:700 22px/1.4 Georgia,serif;letter-spacing:.32em}
.atlas-loading-brand>strong{display:block;font:900 clamp(52px,7vw,96px)/1.12 Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;text-shadow:0 2px #87857f,0 5px #1a1a18;-webkit-text-stroke:1px #2e2f2e;color:#cdc4ab}
.atlas-loading-brand>small{display:block;font:700 25px/1.8 var(--wa-heading);letter-spacing:.45em;border-top:2px solid #b3aa92;margin:8px auto 0;width:66%;padding-top:8px}
.playable-integrated .atlas-loading .preview-state-card{position:relative;box-sizing:border-box;width:min(780px,calc(100vw - 56px));max-width:780px;text-align:left;border:1px solid #a29a81;border-top:3px double #c0b79e;border-radius:0;padding:24px 30px 22px;margin:0 0 7vh;background:#252624 url('../art-reset/metal.svg');box-shadow:inset 0 0 0 4px #16171480,0 8px 24px #0d0d0c66}
.atlas-loading .preview-kicker{font:700 11px/1.4 Georgia,serif;letter-spacing:.24em;color:var(--wa-brass)}
.playable-integrated .atlas-loading h1{font:700 23px/1.4 var(--wa-heading);color:var(--wa-ivory);margin:7px 0 18px;letter-spacing:.04em}
.atlas-loading .language-select{position:absolute;right:28px;top:22px;width:auto;max-width:120px;background:#21211f;border:1px solid var(--wa-edge);border-radius:0;color:var(--wa-muted);padding:4px;font-size:12px}
.atlas-loading .startup-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.atlas-loading .startup-stage{font-size:14px;margin:0 0 9px;color:var(--wa-ivory)}
.atlas-loading .startup-steps{font:13px/1.5 "Segoe UI",sans-serif;color:var(--wa-brass);white-space:nowrap;font-variant-numeric:tabular-nums}
.atlas-loading .startup-track{height:12px;border:1px solid #8d856d;border-radius:0;background:#151615;box-shadow:inset 0 2px 2px #00000055;overflow:hidden}
.atlas-loading .startup-fill{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(#bcb397,#8b8880);transition:none;border-right:1px solid #d0cbbc;box-sizing:border-box}
.startup-milestones{display:flex;justify-content:space-between;margin-top:6px;color:#8d8c88;font:11px/1.5 "Segoe UI",sans-serif;letter-spacing:.12em}
.startup-milestones .complete{color:#c8c3b3}
.atlas-loading .startup-items{margin:8px 0 0;color:var(--wa-muted);font-size:12px;min-height:18px}
.atlas-loading .preview-state-card>p{color:var(--wa-muted);font-size:12px;line-height:1.6;border-top:1px solid #7c745d45;padding-top:10px;margin:10px 0}
.atlas-loading .preview-state-card>button,.preview-fatal button{border:1px solid #989078;border-radius:0;background:#424240;color:var(--wa-ivory);padding:8px 18px;box-shadow:inset 0 1px #8f8e87;cursor:pointer}
.atlas-loading .preview-state-card>button:hover{background:#57554f}.atlas-loading :focus-visible{outline:2px solid var(--wa-gold);outline-offset:3px}
.playable-integrated .preview-fatal .preview-state-card{background:#292a28;border:1px solid #9e967e;border-radius:0;margin-bottom:8vh;color:var(--wa-ivory)}
/* Warm command console. Colors and typography are shared with the menu. */
body.playable-integrated .command-ui.hoi-ui{--art-ink:var(--wa-ivory);--art-muted:var(--wa-muted);--art-frame:var(--wa-edge);--art-panel:var(--wa-panel);--art-inset:var(--wa-inset);--art-button:#3e3f3d;--art-active:#65635c;--art-gold:var(--wa-gold);--hoi-ink:var(--wa-ivory);font:13px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--wa-ivory);font-variant-numeric:tabular-nums}
body.playable-integrated .hoi-ui .hoi-top{background:#262725 url('../art-reset/metal.svg');border-bottom:3px double #a0987f;box-shadow:inset 0 1px #968e76,0 3px 5px #19191766;padding-top:3px}
body.playable-integrated .hoi-ui .hoi-country{display:flex;align-items:center;gap:10px;text-align:left;background:#313130;border:3px double #a39b82;padding:5px 12px;box-shadow:inset 0 0 0 2px #191917;min-width:136px}
.hoi-country>span:last-child{display:grid;gap:2px}body.playable-integrated .hoi-ui .hoi-country b{font:700 19px/1.15 var(--wa-heading);letter-spacing:.12em;color:#d2cdbd}body.playable-integrated .hoi-ui .hoi-country small{font-size:10px;letter-spacing:.12em;color:#bdb59b}
.atlas-country-mark{font:700 32px/1 Georgia,serif;color:#b1a990;position:relative;padding-right:8px;border-right:1px solid #8a826a}.atlas-country-mark>span{font-size:18px;position:absolute;left:15px;bottom:-3px}
body.playable-integrated .hoi-ui .hoi-national,body.playable-integrated .hoi-ui .hoi-time{background:#21211f;border:1px solid #736b54;box-shadow:inset 0 2px #13131280}
body.playable-integrated .hoi-ui .hoi-national button{height:40px;padding:4px 14px;border:0;border-right:1px solid #5a5954;background:transparent;box-shadow:none;color:#c2baa0;display:inline-flex;align-items:center;gap:8px;font-size:10px}
body.playable-integrated .hoi-ui .hoi-national button b{font-size:20px;font-weight:600;letter-spacing:-.03em;color:#d6d0c0}body.playable-integrated .hoi-ui .hoi-national .hoi-icon{color:#b2aa91;width:22px;height:22px}
body.playable-integrated .hoi-ui .hoi-time>strong{font:700 16px/1.2 var(--wa-heading);color:#d6d0c1;letter-spacing:.03em}body.playable-integrated .hoi-ui .hoi-time>span[role=status]{color:#bdb8a8;font-size:11px}
body.playable-integrated .hoi-ui .hoi-time button{min-height:29px;background:#3f3f3e;border-color:#8b836b;color:#c8c3b3}body.playable-integrated .hoi-ui .hoi-time button[aria-pressed=true]{background:#877f68;color:#e1dbcb;border-color:#c8be9f}
body.playable-integrated .hoi-ui .hoi-management{gap:3px;padding:5px 0 3px}body.playable-integrated .hoi-ui .hoi-management button{min-width:44px;height:35px;padding:4px 10px;background:#3e3e3c;border:1px solid #8a826b;border-bottom:3px solid #1f1f1e;box-shadow:inset 0 1px #8d8b85;color:#c8c3b3}
body.playable-integrated .hoi-ui .hoi-management button:hover{background:#56544e}body.playable-integrated .hoi-ui .hoi-management .hoi-icon{width:23px;height:23px;stroke-width:1.65}body.playable-integrated .hoi-ui .hoi-alert{color:#cfc4a4;background:#262725;border-color:#7b735c;font-size:11px}
/* Field-document panels: metal cover, parchment header, dark recessed contents. */
body.playable-integrated .hoi-ui .ui-sidebar{background:#2c2c2a url('../art-reset/metal.svg');border:1px solid #a0987f;border-right:3px double #a0987f;box-shadow:4px 5px 8px #0f100d66;border-radius:0}
body.playable-integrated .hoi-ui .ui-sidebar>header{min-height:59px;box-sizing:border-box;padding:10px 12px;background:#ccc3aa;border:0;border-bottom:4px double #4b4c4a;box-shadow:inset 0 1px #d6d1c1;color:#292a28}
.atlas-panel-title{display:flex;align-items:center;gap:12px;min-width:0}.atlas-panel-title>.hoi-icon{width:28px;height:28px;flex:none;stroke-width:1.5;color:#444442}
body.playable-integrated .hoi-ui .ui-sidebar>header h2{background:none;font:700 21px/1.25 var(--wa-heading);letter-spacing:.08em;color:#2a2a29;margin:0;padding:0;text-shadow:none;border:0}
body.playable-integrated .hoi-ui .ui-sidebar>header #ui-close{background:#aea68d;border:1px solid #716f69;color:#2b2b29;box-shadow:inset 0 1px #ccc7b7;width:30px;min-width:30px;height:30px;font:24px/1 Georgia,serif;padding:0}
body.playable-integrated .hoi-ui .ui-content{padding:12px 13px 16px;background:linear-gradient(90deg,#18191740,transparent 6%,transparent 96%,#18191740);color:var(--wa-ivory)}
body.playable-integrated .hoi-ui .ui-content h3,body.playable-integrated .hoi-ui .ui-content h4{font-family:var(--wa-heading);color:#bdb8a8;border-bottom:1px solid #8a826b44;padding-bottom:6px;margin:14px 0 8px;letter-spacing:.04em}
body.playable-integrated .hoi-ui .ui-content p{line-height:1.65}body.playable-integrated .hoi-ui .ui-content details{background:#232321;border:1px solid #706e68;padding:7px 9px;margin:8px 0}body.playable-integrated .hoi-ui .ui-content summary{color:#cdc4a8;font-size:12px}body.playable-integrated .hoi-ui .ui-content small{color:#c3bba2}
body.playable-integrated .hoi-ui button,body.playable-integrated .hoi-ui select,body.playable-integrated .hoi-ui input{border-color:#8a826a;border-radius:0;color:var(--wa-ivory);box-shadow:inset 0 1px #8e8c8555,inset 0 -1px #1b1b1a;font-size:12px}
body.playable-integrated .hoi-ui select,body.playable-integrated .hoi-ui input{background:#1f1f1e;min-height:28px}body.playable-integrated .hoi-ui button:hover:not(:disabled){border-color:#beb9a9;background-color:#636159;color:#e4dece}
body.playable-integrated .hoi-ui :focus-visible{outline:2px solid #bdb8a8;outline-offset:2px}body.playable-integrated .hoi-ui button:disabled{opacity:.5;color:#c5bca3}body.playable-integrated .hoi-ui table{font-size:12px}body.playable-integrated .hoi-ui th{background:#1e1e1d;color:#bcb39a;font-weight:500}body.playable-integrated .hoi-ui td{border-bottom-color:#6866614f}
body.playable-integrated .hoi-ui .production-line{margin:0 0 13px;background:#222220;border:1px solid #8f876f;border-left:3px solid #aea58a;box-shadow:0 2px #191918}
body.playable-integrated .hoi-ui .production-line-controls{padding:8px;background:#c5bca3;border-bottom:1px solid #8f876f;color:#2b2b29}body.playable-integrated .hoi-ui .production-line header b{font:700 15px/1.3 var(--wa-heading);color:#2c2c2a;text-shadow:none}body.playable-integrated .hoi-ui .production-line header small{color:#54524b;text-shadow:none}
body.playable-integrated .hoi-ui .production-line header strong{font-size:26px;background:#323230;color:#ccc7b8;border:1px solid #696760;box-shadow:inset 0 1px #99978f;padding:7px 6px}body.playable-integrated .hoi-ui .production-line header strong small{color:#b6b4ac}
body.playable-integrated .hoi-ui .equipment-art{background-color:#393937;border:1px solid #9e967d;box-shadow:inset 0 0 0 3px #1f1f1e55;width:75px;height:49px}
body.playable-integrated .hoi-ui .factory-allocation{background:transparent;border-top:1px solid #76746d;padding-top:8px}body.playable-integrated .hoi-ui .factory-allocation label{color:#393937;text-shadow:none}
body.playable-integrated .hoi-ui .factory-slots i{background:#57554d;border:1px solid #7d7b73;box-shadow:inset 0 1px #b1afa7;color:#cec9ba}body.playable-integrated .hoi-ui .factory-summary{background:#363735;border:1px solid #8e8c84;color:#ccc7b7}
body.playable-integrated .hoi-ui .production-efficiency{height:9px;border:1px solid #9a9279;background:#191917}body.playable-integrated .hoi-ui .production-efficiency i{background:#9f9d95;box-shadow:inset 0 1px #c2bdae}body.playable-integrated .hoi-ui .production-rate{color:#bebcb4}body.playable-integrated .hoi-ui .production-actions{padding:7px;border-top:1px solid #7b735c}
body.playable-integrated .hoi-ui .construction-order,body.playable-integrated .hoi-ui .recruit-queue article{background:#252524;border:1px solid #7f7760;border-left:3px solid #a9a186;padding:9px;margin:8px 0}body.playable-integrated .hoi-ui .construction-order header{background:none;border:0}body.playable-integrated .hoi-ui .construction-order progress,body.playable-integrated .hoi-ui progress{accent-color:#a09e95}
body.playable-integrated .hoi-ui .hoi-roster button{background:#252524;border:1px solid #696762;border-left:3px solid var(--corps);margin:0 0 5px;padding:7px;box-shadow:inset 0 1px #b9b09718;min-height:52px}body.playable-integrated .hoi-ui .hoi-roster button[aria-pressed=true]{background:#58564e;border-color:#b6ab8c;box-shadow:inset 3px 0 #d1c5a0}
body.playable-integrated .hoi-ui .hoi-unit-symbol{background:#c8bfa6;border:1px solid #8a8881;color:#2b2b29;padding:5px}body.playable-integrated .hoi-ui .hoi-unit-symbol svg{color:#23372a}body.playable-integrated .hoi-ui .hoi-roster b{font:700 14px/1.3 Georgia,serif;letter-spacing:.04em;color:#d0cbbc}body.playable-integrated .hoi-ui .hoi-roster small{font-size:11px;color:#bfb79d}
body.playable-integrated .hoi-ui .hoi-commanders{background:#2c2c2a url('../art-reset/metal.svg');border:3px double #8f876f;padding:5px;box-shadow:0 -2px 3px #18191766}body.playable-integrated .hoi-ui .hoi-commanders button{background:#3c3d3b;border:1px solid #a29a81}body.playable-integrated .hoi-ui .ui-corps-card{border-color:#8d856d}body.playable-integrated .hoi-ui .officer-portrait{border:2px solid #aaa289;box-shadow:0 1px #151514}
body.playable-integrated .hoi-ui .map-direct,body.playable-integrated .hoi-ui .map-plan-strip,body.playable-integrated .hoi-ui .map-select-tools,body.playable-integrated .hoi-ui .map-layer-tools,body.playable-integrated .hoi-ui .hoi-map-modes{background:#313130;border:1px solid #9e967d;box-shadow:inset 0 1px #84827a,0 2px #18181777;color:#c5c0b1}body.playable-integrated .hoi-ui .map-direct button,body.playable-integrated .hoi-ui .map-plan-strip button{background:#494947;border-color:#88867e}
body.playable-integrated .hoi-ui .ui-notice{background:#262625;border-left:3px solid #b3a98b;color:#cac5b5}body.playable-integrated .hoi-ui .ui-map-legend{background:#282927cf;color:#c0bbab;font-size:10px;border-bottom:1px solid #908870}
body.playable-integrated .hoi-ui .division-slot{background:#353533;border:1px solid #8e866e}body.playable-integrated .hoi-ui .division-stats{background:#252524;border:1px solid #827a62}body.playable-integrated .hoi-ui .province-grid>div{background:#263125;border-color:#7d8162}
body.playable-integrated .hoi-ui ::-webkit-scrollbar{width:8px}body.playable-integrated .hoi-ui ::-webkit-scrollbar-track{background:#232322}body.playable-integrated .hoi-ui ::-webkit-scrollbar-thumb{background:#938b73;border:2px solid #272726}
[data-atlas-materials=off] .atlas-loading .preview-state-card,[data-atlas-materials=off] body.playable-integrated .hoi-ui .ui-content{background-image:none}
[data-atlas-contrast=high] body.playable-integrated .hoi-ui{--wa-ivory:#e1dccc;--wa-muted:#cbc6b6}[data-atlas-contrast=high] body.playable-integrated .hoi-ui .production-line-controls small{color:#373835}
@media(max-width:1280px){body.playable-integrated .hoi-ui .hoi-national button{padding:4px 10px}body.playable-integrated .hoi-ui .hoi-national button b{font-size:17px}body.playable-integrated .hoi-ui .hoi-country{min-width:119px;padding:5px 7px}body.playable-integrated .hoi-ui .hoi-time>strong{font-size:14px}body.playable-integrated .hoi-ui .hoi-management button{padding:4px 8px}}
@media(max-height:740px){.atlas-loading-brand{top:9%}.atlas-loading-brand>strong{font-size:68px}.atlas-loading-brand>small{font-size:21px}.playable-integrated .atlas-loading .preview-state-card{margin-bottom:4vh;padding:18px 25px}.playable-integrated .atlas-loading h1{font-size:20px;margin-bottom:12px}body.playable-integrated .hoi-ui .ui-sidebar>header{min-height:48px;padding:8px 11px}body.playable-integrated .hoi-ui .ui-sidebar>header h2{font-size:19px}body.playable-integrated .hoi-ui .ui-content{padding:9px 11px}}
@media(max-width:800px){.atlas-loading-brand{top:9%}.atlas-loading-brand>strong{font-size:54px}.atlas-loading-brand>span{font-size:17px}.playable-integrated .atlas-loading .preview-state-card{width:calc(100vw - 28px);padding:17px}.atlas-loading .language-select{right:15px;top:15px}.atlas-country-mark{display:none}}

/* Geometry follows the inherited 80px command band, with no overlap. */
body.playable-integrated .hoi-ui .hoi-country{width:140px;min-width:140px;height:74px}
body.playable-integrated .hoi-ui .hoi-national{left:140px;height:35px}
body.playable-integrated .hoi-ui .hoi-national button{height:34px;min-height:0}
body.playable-integrated .hoi-ui .hoi-management{left:143px;top:36px;padding:0}
body.playable-integrated .hoi-ui .hoi-alert{left:650px;top:39px}
body.playable-integrated .hoi-ui .hoi-unit-symbol{box-sizing:border-box;width:29px;height:29px;padding:2px}
body.playable-integrated .hoi-ui .factory-allocation{color:#363734;text-shadow:none}
body.playable-integrated .hoi-ui .factory-allocation>span{color:#363734}
body.playable-integrated .hoi-ui .production-line{padding:7px}
.playable-integrated .atlas-loading .startup-progress{max-width:none;margin:0}
.playable-integrated .atlas-loading .startup-steps{margin:0 0 9px}
.playable-integrated .atlas-loading .startup-stage{animation:none!important}
.playable-integrated .atlas-loading{height:100svh;box-sizing:border-box}
@media(max-width:1100px){body.playable-integrated .hoi-ui .hoi-national{right:325px}body.playable-integrated .hoi-ui .hoi-alert{left:620px;top:60px}body.playable-integrated .hoi-ui .hoi-national button{padding:3px 5px;min-width:50px}body.playable-integrated .hoi-ui .hoi-national button b{font-size:14px}}

body.has-atlas-loading #local-ai-status{position:absolute;top:0;left:0;right:0;z-index:2;background:#1d1d1cbb;border-bottom:1px solid #8d856d44;color:#c5bda4;padding:4px 12px;font-size:10px}
body.has-atlas-loading #local-ai-status button{background:#363735;border:1px solid #77756e;border-radius:0;color:#c1bcac;font-size:10px;padding:3px 8px}
.playable-integrated .atlas-loading h1{font-family:var(--wa-heading)!important}
body.playable-integrated .hoi-ui .modern-tabs{display:none}
body.playable-integrated .hoi-ui .factory-summary{margin:8px 0}

/* Factory siting is explicit only while a factory tool is active. */
.factory-site-picker{border:1px solid #7a7871;padding:8px;margin:8px 0;background:#cec5ac;color:#2c2c2a}
.factory-site-picker>header{display:flex;justify-content:space-between;align-items:center}.factory-site-picker>header b{display:flex;align-items:center;gap:6px}.factory-site-picker .hoi-icon{width:20px;height:20px}
.factory-site-picker>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center;border-bottom:1px solid #8e866e55;padding:5px 0}.factory-site-picker>div>button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.factory-site-picker>div>span{font-size:12px;font-variant-numeric:tabular-nums}.factory-site-picker>small{display:block;font-size:11px;line-height:1.5}.factory-site-picker>details{font-size:12px;margin-top:5px}
body.playable-integrated .hoi-ui .factory-site-picker>small{color:#353633}
body.playable-integrated .hoi-ui .construction-body{grid-template-columns:minmax(0,1fr) 62px}body.playable-integrated .hoi-ui .construction-queue{min-width:0}body.playable-integrated .hoi-ui .construction-queue article{grid-template-columns:24px minmax(0,1fr) 68px 24px}body.playable-integrated .hoi-ui .construction-queue article>div{min-width:0}body.playable-integrated .hoi-ui .construction-order{padding:0;margin:0;border:0;background:none}body.playable-integrated .hoi-ui .construction-queue article b{overflow-wrap:anywhere}