:root{--ui-scale: 1;--bg0: #1a1612;--bg1: #2a241c;--bg2: #3a3228;--ink: #f2e6d4;--muted: #b8a890;--accent: #c45c26;--accent2: #d4a017;--line: rgba(242, 230, 212, .18);--sea: #2a4a5c;--land: #4a5a3a;font-family:"Source Serif 4",Georgia,serif;color:var(--ink);background:radial-gradient(ellipse at 20% 0%,#3a2a1a 0%,var(--bg0) 55%)}*{box-sizing:border-box}html{font-size:calc(100% * var(--ui-scale, 1))}html,body,#root{margin:0;height:100%}body{min-height:100vh}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,#4a3c2e,#2e261e);color:var(--ink);padding:.45rem .85rem;border-radius:2px}button:hover{border-color:var(--accent)}button.primary{background:linear-gradient(180deg,#c45c26,#8a3a14);border-color:#e07a40;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100vh;max-height:100vh}.status-strip{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem 1.1rem;padding:.3rem 1.25rem;border-bottom:1px solid var(--line);background:#14100c99;font-size:.76rem}.status-power{display:flex;align-items:baseline;gap:.3rem;white-space:nowrap}.status-power.is-active{text-decoration:underline;text-underline-offset:4px}.status-strip .status-msg{flex:1 1 18rem;min-width:0;margin:0}.status-strip .tech-list{font-size:.78rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#3c3024f2,#1a1612e6)}.text-scale{display:flex;align-items:center;gap:.35rem}.text-scale select{background:var(--bg1);color:var(--ink);border:1px solid var(--line);padding:.3rem .4rem;border-radius:2px}.brand{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.06em;line-height:1}.brand span{color:var(--accent)}.main{display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-height:0;height:100%}.map-pane{position:relative;overflow:hidden;padding:.5rem .75rem 0;min-height:220px;display:flex;background:linear-gradient(180deg,rgba(20,40,50,.35),transparent 40%),repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(255,255,255,.02) 25px)}.map-wrap{width:100%;display:flex;flex-direction:column;min-height:0}.map-svg{display:block;width:100%;flex:1 1 auto;min-height:200px;background:#8dc5d8;border:4px solid #3a2c1d;box-shadow:inset 0 0 0 2px #d8c694,0 10px 24px #00000052;cursor:grab;touch-action:none}.map-svg:active{cursor:grabbing}.map-controls{display:flex;align-items:center;gap:.35rem;margin-bottom:.5rem}.map-controls button{padding:.25rem .6rem;font-size:.85rem}.map-zoom-spacer{flex:1}.map-zoom-level{min-width:3.5rem;text-align:center;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.decor-land path{fill:#cfc3a4;stroke:#6d6047;stroke-width:1.1px;stroke-linejoin:round;opacity:.55}.stack-badge{pointer-events:none}.stack-badge rect{stroke:#2a2118;stroke-width:1.1px}.stack-badge text{fill:#17130f;font:800 9px Arial,sans-serif}.stack-chips{pointer-events:none}.stack-chips rect{stroke:#2a2118;stroke-width:1.1px}.stack-chips text{fill:#17130f;font:800 8px Arial,sans-serif}.stack-chips use{fill:#17130f;color:#17130f}.save-slots .save-slot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.save-slots .save-slot:last-of-type{border-bottom:none}.save-slots .force-entry{padding:.4rem 0;border-bottom:1px solid var(--line)}.force-entry:last-of-type{border-bottom:none}.force-head{display:flex;align-items:center;gap:.45rem}.force-swatch{width:.7rem;height:.7rem;border:1px solid #2a2118;border-radius:2px;flex:none}.muted{font-size:.82rem}.transport-panel .transport-entry{padding:.5rem 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.3rem}.transport-panel .transport-entry:last-of-type{border-bottom:none}.transport-panel .row{font-size:.88rem}.transport-panel button{padding:.2rem .5rem;font-size:.82rem}.transport-panel select{margin-left:.3rem;background:var(--bg1);color:var(--ink);border:1px solid var(--line)}.action-pane{border-top:1px solid var(--line);background:#14100cd9;padding:.5rem .85rem;overflow:auto;max-height:32vh;align-content:start;font-size:.88rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(260px,30vw,460px),1fr));align-items:start;gap:.6rem}.action-pane .panel{padding:.55rem .65rem}.action-pane h2{font-size:1.15rem}.action-pane button{padding:.3rem .55rem}.action-pane .combat-panel,.action-pane .defender-panel{grid-column:1 / -1}.combat-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));align-items:start;gap:.5rem 1.25rem}.combat-columns>*{min-width:0}.history-overlay{position:absolute;top:.5rem;right:.75rem;bottom:.5rem;width:min(34rem,42vw);z-index:6;display:flex;flex-direction:column;padding:.6rem .75rem;border:1px solid var(--line);border-radius:3px;background:#120f0bf5;box-shadow:0 12px 30px #00000080;overflow:auto}.history-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.history-head h2{margin:0}.history-overlay .log{max-height:none}@media(max-width:720px){.action-pane{grid-template-columns:1fr}}.game-tip{display:flex;align-items:baseline;gap:.6rem;margin:0;padding:.35rem 1rem;font-size:.85rem;color:var(--muted)}.game-tip button{flex:0 0 auto;padding:.15rem .5rem;font-size:.78rem}.history h3{margin:.6rem 0 .2rem;font-size:.85rem;color:var(--muted)}.panel{border:1px solid var(--line);padding:.75rem;background:#2a241cb3}.panel h2{margin:0 0 .5rem;font-family:Bebas Neue,sans-serif;letter-spacing:.04em;font-size:1.35rem;font-weight:400}.panel h3{margin:.65rem 0 .35rem;font-size:1rem}.rule-warning{margin:.75rem 0;padding:.7rem;border:1px solid #d4a017;background:#6f490c61}.rule-warning p{margin:.35rem 0 .65rem}.neutral-history{margin-top:.75rem;padding-top:.25rem;border-top:1px solid var(--line)}.neutral-history ul{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.88rem}.retreat-guidance{padding:.5rem;border-left:3px solid var(--accent2);background:#d4a01714}.retreat-choice{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0;color:var(--muted)}.retreat-choice select{width:100%;padding:.4rem;border:1px solid var(--line);background:var(--bg1);color:var(--ink)}.muted{color:var(--muted);font-size:.92rem}.row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.reports-overlay .report-body{font-size:.88rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;font-size:.92rem}.log{max-height:180px;overflow:auto;font-size:.85rem;color:var(--muted);display:flex;flex-direction:column-reverse;gap:.25rem}.start-screen{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 70% 20%,rgba(196,92,38,.25),transparent 40%),radial-gradient(circle at 20% 80%,rgba(42,74,92,.35),transparent 45%),var(--bg0)}.start-card{width:min(560px,100%);border:1px solid var(--line);padding:2rem;background:linear-gradient(160deg,#3a3228f2,#1a1612fa);box-shadow:0 24px 60px #00000073}.start-card h1{font-family:Bebas Neue,sans-serif;font-size:clamp(2.8rem,8vw,4rem);margin:0 0 .35rem;letter-spacing:.05em}.power-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.25rem 0}.power-btn{text-align:left;padding:.75rem}.power-btn.selected{outline:2px solid var(--accent2)}.terr{cursor:pointer;transition:filter .12s ease,stroke-width .12s ease}.terr:hover{filter:brightness(1.15)}.terr.reachable{filter:brightness(1.12)}.terr.reachable:not(.move-from){stroke:#7dcea0}.terr.move-from{filter:brightness(1.2)}.terr-label{pointer-events:none;font-family:Georgia,Times New Roman,serif}.territory-group{cursor:pointer}.map-labels{pointer-events:none}.terr-sea{fill-opacity:.08}.terrain-ink{pointer-events:none}.land-label{fill:#241d17;font-size:8px;font-weight:800;letter-spacing:.035em;paint-order:stroke;stroke:#fff6d3b8;stroke-width:2.2px;stroke-linejoin:round}.sea-label{fill:#285b70;font-size:8.5px;font-style:italic;letter-spacing:.08em;paint-order:stroke;stroke:#d4eff6d1;stroke-width:2px}.ipc-marker circle{fill:#251e17;stroke:#f6e6b5;stroke-width:1.4px}.ipc-marker text{fill:#fff7db;font:700 8px Georgia,serif}.capital-dot{fill:#17120e;stroke:#f7e8ba;stroke-width:1.2px}.unit-row{color:#17130f;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45));pointer-events:none}.unit-row circle{stroke:#2a2118;stroke-width:.9px}.unit-row use{fill:currentColor;stroke:currentColor}.unit-count{fill:#fff9e7;stroke:#21180f;stroke-width:1.5px;paint-order:stroke;font:800 7px Arial,sans-serif}.purchase-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.65rem;padding:.5rem;border:1px solid var(--line);background:#0003;font-size:.92rem}.purchase-totals .over{color:#e07070}.purchase-totals .ok{color:#7dcea0}.status-msg{color:var(--accent2);margin:.5rem 0 0}.move-pickers{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.3rem 1rem;margin:.4rem 0}.unit-chip{display:inline-block;margin:.1rem .25rem .1rem 0;padding:.1rem .35rem;border:1px solid var(--line);font-size:.8rem}.combat-panel .combat-forces p{margin:.25rem 0}.combat-report{margin:.75rem 0;padding:.5rem .65rem;border-left:3px solid var(--accent2);background:#0000002e}.combat-report h3{margin:0 0 .35rem;font-size:.95rem}.combat-report ul{margin:0;padding-left:1.1rem}.combat-loss-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.2rem 1rem;margin:.4rem 0 .6rem}.combat-loss-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.combat-loss-controls{display:flex;align-items:center;gap:.4rem}.combat-loss-controls span{min-width:1.25rem;text-align:center}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.move-unit-row{display:grid;grid-template-columns:6rem 1fr;gap:.3rem;align-items:baseline}.move-unit-controls{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.move-unit-count{white-space:nowrap;min-width:2.5rem;text-align:center}.move-unit-unavailable{opacity:.72}.move-unit-reason{flex:1;color:var(--accent2);font-size:.9rem;line-height:1.35}.air-move-status{margin:.5rem 0;padding:.45rem .6rem;border-left:3px solid var(--accent2);background:#0000002e}.air-move-status p{margin:.2rem 0}.bombing-panel select{margin:0 .3rem;background:var(--bg1);color:var(--ink);border:1px solid var(--line)}.raid-list{margin:.25rem 0;padding-left:1.1rem;font-size:.88rem}.tech-list{font-size:.78rem;color:var(--accent2)}.research-group{display:inline-flex;gap:.3rem;align-items:center}.research-group select{background:var(--bg1);color:var(--ink);border:1px solid var(--line);padding:.3rem}.game-over h2{color:var(--accent2)}.game-over .row{margin-top:.6rem}.defender-panel h2{color:#e07070}.sub-withdraw select{background:var(--bg1);color:var(--ink);border:1px solid var(--line);padding:.3rem}.reports-panel{border-left:3px solid var(--accent)}.report-entry{padding:.4rem 0;border-bottom:1px solid var(--line)}.report-entry:last-of-type{border-bottom:none}.report-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem;font-size:.85rem}.report-kind{text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:var(--muted)}.report-hurt .report-kind{color:var(--accent)}.report-body{font-size:.88rem;line-height:1.35}button.link{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.place-why{display:block;font-size:.78rem;line-height:1.3;color:var(--accent);max-width:22rem}.map-wrap{position:relative}.map-tip{position:absolute;z-index:5;pointer-events:none;max-width:20rem;padding:.45rem .6rem;margin:.5rem;border:1px solid var(--line);border-radius:6px;background:#181410f5;box-shadow:0 6px 18px #00000073;font-size:.85rem;line-height:1.35}.map-tip-head{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.2rem}.map-tip-force{display:flex;align-items:baseline;gap:.4rem}.map-tip-power{min-width:6.5rem}.raid-warning{margin:.4rem 0;padding:.4rem .55rem;border-left:3px solid var(--accent);background:#c882321f;font-size:.85rem;line-height:1.35}.roll-line{display:block;margin:-.2rem 0 .45rem;font-size:.82rem;line-height:1.3}.combat-forces p{margin:.15rem 0}.action-pane .combat-panel h2,.action-pane .defender-panel h2{margin-bottom:.15rem}.combat-panel>.muted{margin:0 0 .4rem}.combat-casualties>p:first-child{margin:0 0 .35rem}.combat-casualties .combat-loss-list{margin:0 0 .5rem}.combat-casualties .row-actions{margin-top:.2rem}.buy-option{position:relative;display:inline-flex}.buy-card{position:absolute;bottom:calc(100% + .35rem);left:0;z-index:7;display:none;flex-direction:column;gap:.15rem;width:max-content;max-width:20rem;padding:.4rem .55rem;border:1px solid var(--line);border-radius:3px;background:#120f0bf7;box-shadow:0 8px 20px #00000073;font-size:.8rem;line-height:1.35;pointer-events:none}.buy-option:hover .buy-card,.buy-option:focus-within .buy-card{display:flex}.buy-short{color:var(--accent)}.cart-note{align-self:center;margin-left:.5rem;font-size:.85rem}.combat-loss-row-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;margin:.3rem 0}.combat-loss-row-flow .combat-loss-row{display:inline-flex;align-items:center;gap:.45rem}.research-toast{bottom:auto;width:min(24rem,40vw)}.research-toast p{margin:.3rem 0}.research-hit{color:var(--accent);font-weight:700}