:root{color-scheme:dark;--bg:#0c151e;--panel:#15232e;--line:#2c3e4b;--muted:#a3b3be;--text:#f0f3f5;--blue:#a6c4d8;--gold:#dbb873;--red:#ce7469}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;border:1px solid var(--line);background:#1c2e3a;color:var(--text);border-radius:5px;min-height:40px;padding:8px 12px;transition:background .12s,border .12s}button:hover{background:#2c4150;border-color:#7193aa}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}header{min-height:92px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{background:var(--blue);color:#14212b;width:42px;height:47px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;font-size:16px;font-weight:800}.brand h1{font:800 26px/1.1 Georgia,serif;letter-spacing:3px;margin:0}.brand span:not(.brand-mark){font-size:12px;letter-spacing:2px;color:var(--muted)}.version{font-size:11px;color:#a7bdcb;border:1px solid #385363;border-radius:3px;padding:3px 7px;letter-spacing:1px;align-self:flex-start;margin-top:5px}.header-actions{display:flex;gap:7px}.header-actions button{font-size:13px}main{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:18px;padding:20px 24px;max-width:1800px;margin:auto}.theatre{min-width:0}.campaign-bar{display:flex;justify-content:space-between;align-items:center;padding:0 2px 16px;gap:16px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}h2{margin:3px 0 0;font:normal 26px/1.2 Georgia,serif}.stats{display:flex;gap:26px}.stats div{display:flex;flex-direction:column}.stats span{font-size:11px;letter-spacing:1px;color:var(--muted)}.stats strong{font-size:20px;font-weight:550;color:var(--gold)}.map-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#192a36;border:1px solid var(--line);padding:9px 10px;border-radius:7px 7px 0 0}.layer-buttons,.zoom{display:flex;gap:5px}.map-tools button{font-size:12px;min-height:32px;padding:5px 10px}.map-tools button[aria-pressed=true]{background:#40515b;border-color:var(--gold);color:var(--gold)}.map-region{font-size:10px;letter-spacing:2px;color:#a6b7c4}#map-viewport{background:#31444b;overflow:auto;max-height:calc(100vh - 295px);min-height:430px;scrollbar-color:#687d85 #20343d;position:relative;border:1px solid #556264;border-top:0}#map{width:100%;min-width:640px;display:block;background:#b6ae91;user-select:none;touch-action:pan-x pan-y}.hex{stroke:#7f806e;stroke-width:.75;cursor:pointer;transition:fill .1s}.hex:hover{stroke:#f3daa1;stroke-width:2}.hex.reachable{stroke:#f6d38a;stroke-width:2.5}.unit{cursor:pointer}.unit rect.counter{stroke-width:1.8}.unit:hover rect.counter{stroke:#fff5d9;stroke-width:3}.city-label{font-family:Georgia,serif;font-size:13px;font-weight:700;fill:#1b2b2d;paint-order:stroke;stroke:#d4ccb0;stroke-width:3px;pointer-events:none}.region-label{font:italic 21px Georgia,serif;fill:#495144;letter-spacing:5px;opacity:.65;pointer-events:none}.water-label{font:italic 17px Georgia,serif;fill:#bdd2d5;letter-spacing:4px;pointer-events:none}.map-footer{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px}.swatch{display:inline-block;width:10px;height:10px;margin:0 5px 0 9px;border-radius:2px}.swatch.axis{background:var(--blue);margin-left:0}.swatch.soviet{background:var(--red)}.rail-key{margin-left:12px;color:#d6c29d;font-size:18px}.river-key{margin-left:10px;color:#74abc0}#message{padding:13px 3px;color:#c3d3dc;font-size:14px;min-height:60px}aside{display:flex;flex-direction:column;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:17px}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:5px}.panel h3{font:normal 21px/1.25 Georgia,serif;margin:11px 0}.phase{color:var(--gold);font-size:10px;letter-spacing:.8px}.priorities{display:flex;gap:4px}.priorities button{font-size:12px;padding:8px;flex:1}.priorities .active{background:var(--blue);color:#172832;border-color:var(--blue)}.muted{color:var(--muted);font-size:14px;line-height:1.5;margin:10px 0 14px}.primary{background:var(--gold);color:#202829;border-color:var(--gold)}.primary:hover{background:#f0d196;border-color:#f4d797}#end-turn{width:100%;margin:3px 0 8px;font-size:14px}.command small{font-size:11px;color:var(--muted);display:block;text-align:center}.unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.unit-grid span{display:block;color:var(--muted);font-size:11px;letter-spacing:.6px;text-transform:uppercase}.unit-grid strong{font-size:17px}.supply-ready{color:#b6ceae}.supply-strained{color:#e3c274}.supply-isolated{color:#f0a092}#unit-actions{display:flex;flex-wrap:wrap;gap:6px}#unit-actions[hidden]{display:none}#unit-actions button{font-size:12px;flex:1}.objective{display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid #283b46;padding:9px 0;font-size:14px}.objective:last-child{border:0}.objective-name{display:flex;align-items:center;gap:7px}.objective .owner{height:7px;width:7px;border-radius:50%;background:var(--red)}.objective.axis .owner{background:var(--blue)}.objective b{color:var(--gold);font-weight:600}.score-note{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.7}#log{list-style:none;padding:0;margin:10px 0 0;max-height:175px;overflow:auto}#log li{font-size:12px;color:#b5c6d2;padding:7px 0;border-bottom:1px solid #293a46}#log li span{font-size:10px;color:#7f98a8;margin-right:7px}dialog{background:#152630;color:var(--text);border:1px solid #547082;border-radius:10px;padding:28px;width:min(880px,calc(100% - 30px));max-height:90vh;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#060e17c9;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-heading button{font-size:24px;min-width:42px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:15px 0}.manual-grid h3{font-size:17px;color:var(--gold);margin:20px 0 8px}.manual-grid p,dialog p{font-size:14px;color:#c4d1da;line-height:1.7}.sources{border-top:1px solid var(--line);padding-top:15px}.sources a{color:var(--blue)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.danger{background:#9e5149;border-color:#d18477}#combat-dialog,#restart-dialog,#result-dialog{max-width:510px}#combat-details{margin:20px 0}.combat-ratio{font-size:32px;color:var(--gold)}.combat-names{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin:15px 0}.combat-names strong{display:block;font-size:22px}.notice{padding:10px;background:#213844;border-left:3px solid var(--gold)}@media(min-width:1500px){main{grid-template-columns:minmax(0,1fr) 330px}#map-viewport{max-height:calc(100vh - 285px)}}@media(max-width:1050px){.map-region{display:none}header{padding:15px 18px}.version{display:none}main{padding:16px;gap:12px;grid-template-columns:minmax(0,1fr) 280px}.stats{gap:16px}.map-footer>span{display:none}}@media(max-width:800px){header{flex-wrap:wrap;gap:14px;padding:16px}.brand h1{font-size:24px}.header-actions{width:100%;justify-content:space-between}.header-actions button{flex:1;font-size:12px;padding:8px}main{display:flex;flex-direction:column;padding:12px}.campaign-bar h2{font-size:22px}.stats{gap:15px}.stats strong{font-size:17px}.stats span{font-size:10px}.eyebrow{font-size:10px}.campaign-bar{padding-bottom:12px}#map-viewport{min-height:330px;max-height:58vh}#map{min-width:850px}.map-tools button{font-size:11px;padding:5px 7px}aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.command{grid-column:1/-1}.priorities button{font-size:14px}.panel{padding:14px}.dispatches{grid-column:1/-1}.manual-grid{grid-template-columns:1fr;gap:0}dialog{padding:20px}.map-footer{font-size:10px}#message{min-height:0;font-size:13px;padding:12px 3px}.command small{font-size:12px}}@media(max-width:440px){aside{display:flex}.stats{gap:11px}.map-tools{padding:7px}.map-footer>div{font-size:10px}.campaign-bar h2{font-size:20px}.brand span:not(.brand-mark){font-size:10px}.modal-heading h2{font-size:22px}}

.next-unit{width:100%;margin:0 0 10px;font-size:12px}.supply-explanation{font-size:12px;color:var(--muted);border-left:2px solid var(--gold);padding-left:9px}.unit-grid small{font-size:10px;color:var(--muted);display:block}.reserve-info{font-size:11px;color:var(--gold);margin:12px 0 0;text-align:center}.score-breakdown{font-size:12px;color:var(--gold);margin-top:12px;line-height:1.5}#objectives{max-height:300px;overflow-y:auto}.map-tools button{min-height:36px}@media(max-width:800px){.map-tools button{min-height:40px}.map-footer:after{content:"Swipe map to explore";color:var(--gold);margin-left:8px}}
/* Field edition: geographic cartography and a quieter command desk. */
:root{--bg:#111d25;--panel:#182a35;--line:#334754;--muted:#a8bac2;--text:#eef2f1;--gold:#d1b171;--blue:#bed4df;--red:#cb8976}header{min-height:76px;padding:12px 24px;background:#13232d}.brand h1{font-family:Georgia,serif;font-size:25px;letter-spacing:3.6px}.brand-mark{border:1px solid #87a8b7;background:transparent;color:#bdd3df;width:40px;height:44px}.brand span:not(.brand-mark){font-size:10px;letter-spacing:2.4px}.version{font-size:9px;color:#b8c7cb;letter-spacing:1.5px}.header-actions button{background:transparent;border-color:#344954;font-weight:500}main{padding:18px 22px;gap:18px;grid-template-columns:minmax(0,1fr) 298px;max-width:1900px}.campaign-bar{padding:0 3px 14px}.campaign-bar h2{font-size:24px;letter-spacing:.3px}.stats strong{font-variant-numeric:tabular-nums}.map-tools{background:#20343e;padding:7px 9px;border-color:#4b6165;border-radius:3px 3px 0 0}.map-tools button{border-color:#496069;background:transparent;font-size:12px;min-height:34px}.map-tools button:hover{background:#344a54}.map-tools button[aria-pressed=true]{background:#c4b080;color:#1d3039;border-color:#c4b080}.map-region{font-size:9px;letter-spacing:2px}.zoom button{min-width:32px}#map-viewport{border-color:#566b6e;background:#294654;max-height:calc(100vh - 266px);min-height:350px;border-top:0}#map{width:100%;min-width:0;background:#d9d1b8;overflow:visible}.hex{cursor:pointer;transition:fill .12s;stroke-linejoin:round}.hex:hover{fill:#f5e3a3;fill-opacity:.25;stroke:#8b7443;stroke-opacity:.7;stroke-width:1.3}.hex.reachable{stroke:#9d742f;stroke-opacity:1;stroke-width:1.8}.unit rect.counter{stroke-width:1.3}.unit:hover rect.counter{stroke:#dfbc66;stroke-width:2.4}.unit:focus{outline:none}.unit:focus rect.counter{stroke:#ca9d41;stroke-width:3}.city-label{font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:600;fill:#243a38;paint-order:stroke;stroke:#e5dec5;stroke-width:4px;stroke-linejoin:round;pointer-events:none;letter-spacing:.1px}.city-label.major-city{font-size:20px;font-weight:700;fill:#263b37}.city-meta{font-family:Arial,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:1px;fill:#5d6553;paint-order:stroke;stroke:#dfd8bd;stroke-width:2px}.land-region{font-family:Georgia,serif;font-size:20px;fill:#7a826c;letter-spacing:4px;opacity:.65}.sea-label{font-family:Georgia,serif;font-style:italic;font-size:22px;fill:#aac0c9;letter-spacing:4px;opacity:.85}.mountain-label{font-family:Georgia,serif;font-size:17px;fill:#444f3d;opacity:.78}.river-label{font-family:Georgia,serif;font-size:16px;font-style:italic;fill:#3d7089;paint-order:stroke;stroke:#dfd9bf;stroke-width:3px}.map-footer{border-color:#384e56;border-radius:0 0 3px 3px;background:#172b35;padding:8px 12px;align-items:center}.map-footer>span{font-size:10px}#message{border-left:2px solid #c2a367;margin:12px 0 0;padding:4px 12px;min-height:40px;font-size:13px}.panel{border-radius:4px;padding:15px 17px;box-shadow:0 3px 12px #06111a15}.command{background:#1c313d;border-top:2px solid #c0a56c}.panel h3{font-size:20px}.eyebrow{font-size:10px;letter-spacing:1.8px}.priorities{gap:0;border:1px solid #46606c;border-radius:4px;overflow:hidden}.priorities button{border:0;border-radius:0;font-size:12px;min-height:36px;font-weight:500}.priorities .active{background:#d0bc8d;color:#24343c}.primary{font-weight:650}.unit-grid{gap:10px;margin:12px 0}.unit-grid strong{font-variant-numeric:tabular-nums;font-size:19px}.unit-grid span{font-size:10px;letter-spacing:1px}.next-unit{background:#243c48;min-height:34px}.objective{font-size:13px;padding:7px 0}.objective b{font-size:13px}.score-note{font-size:11px}#objectives{max-height:240px}#log{max-height:150px}.supply-explanation{font-size:12px;line-height:1.6}.reserve-info{font-size:10px;letter-spacing:.3px}.map-footer .swatch{border:1px solid #ffffff55}.map-footer .swatch.axis{background:#7299ad}.map-footer .swatch.soviet{background:#b97766}.score-breakdown{font-size:11px}.dispatches{background:#142731}@media(min-width:1000px){aside{max-height:calc(100vh - 114px);overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#435d68 transparent}.theatre{position:sticky;top:18px;align-self:start}}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 274px;padding:14px;gap:12px}.map-region{display:none}.map-tools{gap:5px}.map-tools button{font-size:11px;padding:6px 8px}}@media(max-width:800px){header{padding:13px 14px;gap:12px;min-height:0}.header-actions{gap:6px}.header-actions button{font-size:11px;min-height:35px}.brand h1{font-size:23px}main{padding:12px;display:flex;gap:14px}.campaign-bar h2{font-size:21px}.stats{gap:16px}.stats strong{font-size:18px}#map-viewport{min-height:0;max-height:65vh;overflow:auto}#map{min-width:800px}.map-tools{flex-wrap:nowrap;padding:7px}.map-tools button{min-height:38px;padding:5px 7px;font-size:11px}.layer-buttons,.zoom{gap:4px}.map-footer{flex-wrap:wrap;padding:7px 9px;font-size:10px}.map-footer:after{font-size:10px}.panel{padding:14px 16px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.command{grid-column:1/-1}.dispatches{grid-column:1/-1}.unit-grid strong{font-size:18px}.priorities button{font-size:13px}.map-footer>span{display:none}.campaign-bar .eyebrow{font-size:9px;letter-spacing:1px}#message{font-size:12px;margin-top:10px;min-height:0}}@media(max-width:460px){aside{display:flex}.map-tools button{padding:5px 6px;font-size:10px}.map-tools .zoom button{min-width:29px}.stats{gap:12px}.stats span{font-size:9px}.stats strong{font-size:17px}}

.city-label,.city-meta,.river-label{stroke:none}.city-label.label-halo{fill:none;stroke:#e5dec5;stroke-width:4px;stroke-linejoin:round}.river-label.label-halo{fill:none;stroke:#dfd9bf;stroke-width:3px;stroke-linejoin:round}

.city-meta.label-halo{fill:none;stroke:#e5dec5;stroke-width:2.3px;stroke-linejoin:round}

.combat-option{display:flex;align-items:center;gap:9px;color:var(--text);font-size:14px}.combat-option input{width:18px;height:18px;accent-color:#d1b171}

/* Raised, bevelled operational counters; values stay high-contrast after acting. */
.unit .counter{stroke-width:1.2;transition:stroke .12s}.unit:hover .counter{stroke:#dbb454;stroke-width:2}.unit:focus .counter{stroke:#d5aa43;stroke-width:2.4}.unit-spent{opacity:.9}

/* Command edition 0.5: always-visible grid and explicit combat controls. */
.attack-control{margin:0 0 14px}.attack-control>button{width:100%;font-size:15px;min-height:42px}.attack-control .muted{font-size:14px;line-height:1.5;margin:8px 0 10px}#attack-targets{display:grid;gap:6px}#attack-targets[hidden]{display:none}#attack-targets button{font-size:14px;min-height:42px;text-align:left;border-color:#925f50}.unit.attack-target:hover .counter,.unit.attack-target:focus .counter{stroke:#a74332;stroke-width:3}