:root{font-family:system-ui,sans-serif;color:#142c43;background:#eef3f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#122d49;color:white;padding:16px 24px;display:flex;align-items:center;gap:30px}header a{color:white;font-weight:700;text-decoration:none}header span{flex:1;font-size:1.3rem}small{font-size:.85rem;display:block;color:#c4d6e8}main{max-width:1700px;margin:auto;padding:18px}button,select,.file{font:inherit;border:1px solid #91a4b5;border-radius:6px;padding:9px 12px;background:white;color:#142c43;cursor:pointer}button:hover,.file:hover{background:#dfecf8}button:disabled{opacity:.45;cursor:default}button.primary{background:#174f85;color:white;border-color:#174f85}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ed9f25;outline-offset:2px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.file input{max-width:190px;font-size:.85rem}.status{display:flex;align-items:center;justify-content:space-between;gap:20px}.status h1{font-size:1.55rem;margin:18px 0 5px}.status p{margin:0;max-width:900px;font-size:.95rem}.status strong{white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.map-panel,.decision,details{background:white;border:1px solid #c9d5e0;border-radius:9px}.map-panel{overflow:hidden}.map-tools{display:flex;justify-content:space-between;gap:10px;padding:12px;font-size:.9rem}.map-tools label{white-space:nowrap}#map{overflow:auto;background:#dce7ed}#map svg{display:block;width:100%;min-width:670px;height:auto}.hex{stroke:#8ea2a8;stroke-width:1;fill:#f4f7ee;cursor:pointer}.hex.forest{fill:#c4dbbd}.hex.fort{fill:#d0d5df}.hex.legal{fill:#e5f0ae;stroke:#387723;stroke-width:3}.hex.selected{stroke:#007bca;stroke-width:4}.hex.danger{fill:#efcebb}.rail{stroke:#5c6269;stroke-width:2;stroke-dasharray:5 4;pointer-events:none}.river{stroke:#247eb4;stroke-width:4;pointer-events:none}.hex-label{font-size:8px;fill:#56656e;pointer-events:none}.city-label{font-size:10px;font-weight:750;fill:#18394b;paint-order:stroke;stroke:#fff;stroke-width:2px;pointer-events:none}.counter{cursor:pointer}.counter rect{stroke:#17342d;stroke-width:1.6;fill:#47665e}.counter.soviet rect{fill:#a22e35;stroke:#701d24}.counter.reduced rect{fill:#a8bbb4}.counter.soviet.reduced rect{fill:#e7a8a6}.counter text{fill:white;font-size:10px;text-anchor:middle;pointer-events:none}.counter.reduced text{fill:#142c32}.counter .power{font-size:16px;font-weight:800}.counter.chosen rect{stroke:#ffcf27;stroke-width:4}.counter:focus{outline:none}.counter:focus rect{stroke:#007bca;stroke-width:4}.legend{display:flex;gap:14px;flex-wrap:wrap;padding:12px;font-size:.85rem}.german-key:before,.soviet-key:before{content:'■ ';color:#47665e}.soviet-key:before{color:#a22e35}#cityStatus{padding:0 12px 12px;font-size:.85rem;line-height:1.8}aside{display:grid;gap:10px}.decision{padding:18px}.decision h2{margin:0 0 10px;font-size:1.2rem}#help{line-height:1.5;margin:0 0 14px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:9px 0}.stack{display:grid;gap:8px}#controls label{display:block;margin:8px 0}#controls select{max-width:100%;width:100%}.unit-option{padding:8px;background:#f0f4f8;border-radius:5px}.math{background:#edf4fb;padding:12px;line-height:1.6;border-left:4px solid #2a6ca3}.hint{font-size:.9rem;color:#52687a;line-height:1.45}.battle{border-top:1px solid #dae1e8;padding:10px 0}.result{font-size:1.5rem;font-weight:800}details{padding:14px}summary{cursor:pointer;font-weight:650}details p{line-height:1.55;font-size:.95rem}#notice{min-height:24px;margin:10px 0;color:#174b78;font-weight:600}#notice.error{color:#a12427}#crt{overflow:auto;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{border:1px solid #c6d4df;padding:6px;text-align:center}#log{padding-left:24px;font-size:.9rem;max-height:400px;overflow:auto}#log li{margin:10px 0}dialog{max-width:480px;border:1px solid #a9bdcf;border-radius:10px;padding:24px}dialog::backdrop{background:#142c4380}dialog div{display:flex;gap:12px;justify-content:end}body.projector .layout{grid-template-columns:minmax(0,1fr) 320px}body.projector header,body.projector .toolbar{padding:8px}body.projector main{max-width:none;padding:10px}body.projector .hint{font-size:1rem}@media(max-width:1000px){.layout,body.projector .layout{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr}.decision{grid-column:1/-1}header{gap:15px}header span{font-size:1rem}}@media(max-width:600px){aside{grid-template-columns:1fr}header{flex-wrap:wrap}.map-tools{display:block}main{padding:10px}.status{display:block}.toolbar{font-size:.9rem}#map svg{min-width:850px}}@media print{header,.toolbar,aside,.map-tools,#notice{display:none}.layout{display:block}.map-panel{border:0}main{padding:0}#map svg{min-width:0;width:100%}#map{overflow:visible}.status h1{font-size:18px}.status p{font-size:12px}@page{size:landscape;margin:8mm}}
:root .hex.entry-german{stroke:#283c36;stroke-width:2.5}:root .hex.entry-soviet{stroke:#ac3539;stroke-width:2.5}:root .hex.legal{stroke:#387723;stroke-width:4}:root .hex.selected{stroke:#007bca;stroke-width:4}
@media print{body{background:white;width:100%;print-color-adjust:exact;-webkit-print-color-adjust:exact}.status{display:block;margin:0 0 3mm}.status h1{margin:0 0 1mm}.status p{max-width:none;line-height:1.2}.status strong{display:block;font-size:9px;margin-top:1mm}.map-panel{break-inside:avoid;overflow:visible}#map svg{height:155mm!important;width:auto!important;min-width:0!important;max-width:100%;margin:auto}.legend{padding:2mm 0;font-size:9px;gap:4mm}#cityStatus{font-size:8px;line-height:1.3;padding:0}main{max-width:none}}
@media print{#map svg{height:135mm!important}}
.hex{fill:#f2ead3;stroke:#82918a}.hex.forest{fill:#c4d0ac}.hex.fort{fill:#c6ced0}.hex.legal{fill:#e9efa9}.hex.danger{fill:#edd0b7}.terrain-mark{pointer-events:none;opacity:.8}.fort-mark{stroke:#5a6571;stroke-width:2;fill:none}.rail-bed{stroke:#54615c;stroke-width:1;pointer-events:none}.rail{stroke:#56665e;stroke-width:3;stroke-dasharray:2 5}.river-bank{stroke:#c1e4e8;stroke-width:7;pointer-events:none}.river{stroke:#3485a4;stroke-width:3}.counter{filter:drop-shadow(0 2px 1.4px #18373166)}#map{background:#d8e0d8}.hex-label{fill:#435853}.counter.chosen{filter:drop-shadow(0 1px 3px #173440)}@media print{.counter,.counter.chosen{filter:none}}