@layer reset,base,layout,components,mobile;
@layer reset{*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}button,select{font:inherit}button{cursor:pointer}canvas{display:block}h1,h2,p{margin:0}}
@layer base{
:root{--ink:#17201f;--paper:#d4c59f;--paper2:#b9a77f;--steel:#313a39;--steel2:#202827;--sea:#315f62;--teal:#7aa6a2;--amber:#dda13c;--red:#b84e3e;--cream:#eee3c2;--line:#625c4b;--shadow:rgba(8,14,14,.48);font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:#101a1b}
body{background:radial-gradient(circle at 45% 15%,#345153 0,#172627 44%,#0c1415 100%);min-height:100dvh}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.skip{position:fixed;left:8px;top:-60px;background:var(--amber);padding:10px;z-index:200}.skip:focus{top:8px}button,select{border:1px solid #706a58;background:linear-gradient(#eee2c0,#cbb98e);color:#222b29;min-height:36px;padding:7px 10px;text-transform:uppercase;font:700 10px/1.1 Arial,sans-serif;letter-spacing:.09em;box-shadow:inset 0 1px #fff8,0 2px 4px #0003}button:hover,button:focus-visible{border-color:var(--amber);outline:2px solid #dda13c66;outline-offset:1px}button:disabled{opacity:.4;cursor:not-allowed}.app-shell{width:min(1800px,100%);margin:auto;min-height:100dvh;padding:12px}.modal{border:1px solid #8d7f5c;color:var(--ink);background:linear-gradient(135deg,#e2d5b2,#b9a57a);box-shadow:0 22px 80px #000b,inset 0 0 0 4px #443d2f22;max-width:590px;width:calc(100% - 28px);padding:32px}.modal::backdrop{background:#081112db;backdrop-filter:blur(4px)}.modal small{font:700 10px Arial;letter-spacing:.18em;color:#665f4d}.modal h2{font-size:clamp(26px,5vw,42px);margin:6px 0 14px;letter-spacing:-.03em}.modal p{line-height:1.55}.dialog-close{position:absolute;right:12px;top:12px}.primary{background:linear-gradient(#efbd55,#b97a25);border-color:#9b641f;color:#231c11;min-height:44px}.quiet{background:transparent;box-shadow:none}
}
@layer layout{
.masthead{height:72px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;background:linear-gradient(90deg,#202a29,#394442 50%,#202928);border:1px solid #65706b;box-shadow:0 8px 24px #0007,inset 0 1px #fff2;color:var(--cream);padding:8px 12px;position:relative}.masthead:after{content:"";position:absolute;inset:5px;border:1px solid #87918a33;pointer-events:none}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--amber);transform:rotate(-3deg);font:bold 16px Arial;color:var(--amber)}.brand h1{font-size:18px;letter-spacing:.12em}.brand p{font:9px Arial;letter-spacing:.28em;color:#b8c1b7;margin-top:3px}.objective-strip{justify-self:center;display:flex;align-items:center;gap:24px;background:#121b1a66;border:1px solid #9b947340;padding:9px 18px;min-width:min(620px,90%)}.objective-strip div{display:grid;gap:2px}.objective-strip small,.nation-card small,.resource-grid small,.route-card small{font:700 8px Arial;letter-spacing:.17em;color:var(--amber);text-transform:uppercase}.objective-strip strong{font:12px Arial;color:#ece0bf}.objective-strip i{width:1px;height:28px;background:#726f5e}.top-actions{display:flex;gap:5px}.war-room{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:6px;margin-top:10px;min-height:calc(100dvh - 202px)}.map-frame{position:relative;min-height:max(620px,calc(100dvh - 202px));background:#8c805f;border:7px solid #353d3b;outline:1px solid #6b7772;box-shadow:0 14px 40px #0007;overflow:hidden}.map-toolbar{height:34px;position:absolute;inset:0 0 auto;z-index:4;background:linear-gradient(#36413f,#252e2d);color:#d6cba8;border-bottom:1px solid #737c75;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 14px;font:9px Arial;letter-spacing:.17em}.map-toolbar button{min-height:24px;padding:4px 8px;background:#182120;color:#d9cfb2;box-shadow:none}#campaign-map{position:absolute;inset:34px 0 0;width:100%;height:calc(100% - 34px);touch-action:none;cursor:crosshair}.command-rail{height:max(620px,calc(100dvh - 202px));min-height:0;max-height:max(620px,calc(100dvh - 202px));align-self:start;position:sticky;top:94px;display:flex;flex-direction:column;background:linear-gradient(120deg,#d8cba7,#aa9870);border:5px solid #3a413d;outline:1px solid #6d7770;padding:6px;box-shadow:0 14px 40px #0007;overflow:hidden}.lower-deck{height:82px;min-height:82px;margin-top:8px;display:grid;grid-template-columns:150px 1fr 108px;gap:8px;background:#1d2928;color:#d8cbaa;border:1px solid #69746e;padding:6px;box-shadow:0 10px 24px #0006}.dispatch-head{display:flex;gap:8px;align-items:flex-start;border-right:1px solid #66706a}.dispatch-head h2{font:700 11px Arial;letter-spacing:.16em}.pulse{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px var(--amber)}#event-log{margin:0;padding-left:20px;max-height:68px;overflow:auto;font:11px/1.45 Arial;color:#e0bd68}.deck-actions{display:grid;gap:4px}.deck-actions button{min-height:31px;padding:4px 7px}.map-legend{position:absolute;z-index:3;left:14px;bottom:12px;display:flex;gap:12px;align-items:center;padding:7px 10px;background:#17201ee8;color:#ded2b2;font:8px Arial;letter-spacing:.12em}.map-legend span{display:flex;align-items:center;gap:4px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.land{background:#c7b989}.dot.sea{background:#3f797b}.line{width:13px;height:2px;display:inline-block}.line.amber{background:var(--amber)}.line.red{background:var(--red)}#map-tooltip{display:none;position:absolute;z-index:7;pointer-events:none;background:#111b1aee;color:#eee1bd;border:1px solid #8f805d;padding:6px 8px;font:10px Arial}#dev-overlay{display:none;position:absolute;right:8px;bottom:8px;background:#111d;color:#8cf;padding:8px;white-space:pre;font:10px monospace}.command-rail>.panel.active{flex:1}.command-rail:has(#operation-panel.active) .selection-card{display:none}.end-turn{margin-top:auto;background:linear-gradient(#ecab3c,#b86a17);border-color:#7f541e;min-height:48px;font-size:12px}
}
@layer components{
.nation-card{display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;padding:7px 8px 12px;border-bottom:1px solid #665f4d}.nation-seal{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #ede0bd;outline:2px solid #413d33;background:#626b60;color:#f3e9cc;font:bold 15px Arial;box-shadow:0 3px 9px #0005}.nation-card h2{font-size:20px}.round-stamp{text-align:center;border-left:1px solid #766e59;padding-left:10px}.round-stamp strong{display:block;font-size:22px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:9px 0}.resource-grid>div{background:#352f2666;border:1px solid #756c56;padding:6px;display:grid;grid-template-columns:auto 1fr;align-items:end}.resource-grid small{grid-column:1/-1;color:#4d4a3e}.resource-grid strong{font:23px Arial}.resource-grid em{font:8px Arial;font-style:normal;margin:0 0 4px 3px}.map-resources{position:absolute;z-index:5;right:14px;top:48px;width:min(430px,42%);padding:7px;background:#15201fe8;border:1px solid #9d8a5d;box-shadow:0 8px 22px #0008;pointer-events:none;color:var(--cream)}.map-resources>div{background:#d5c79bd9;border-color:#766c53;color:#1c2422}.map-resources small{font-size:7px}.map-resources strong{font-size:20px}.intel-report{position:absolute;z-index:5;right:14px;bottom:12px;width:min(300px,38%);padding:9px 11px;background:#17201eef;border:1px solid var(--amber);box-shadow:0 8px 22px #0008;color:var(--cream);font-family:Arial}.intel-report small,.intel-report strong,.intel-report span{display:block}.intel-report small{font:700 8px Arial;letter-spacing:.13em;color:var(--amber)}.intel-report strong{font-size:12px;margin:4px 0}.intel-report span{font-size:9px;color:#c5baa0}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.tab{background:#525952;color:#dfd2af;border-color:#353c37;box-shadow:none;font:700 8px/1 Arial;letter-spacing:.04em;padding:5px 2px;min-width:0}.tab.active{background:#202a28;color:#f0bd58;border-bottom-color:var(--amber)}.panel{display:none;padding:10px 2px;overflow:auto;min-height:0}.panel.active{display:block}.panel-hint{font:11px/1.35 Arial;color:#5a5547;margin:0 3px 10px}.route-card{display:grid;grid-template-columns:1fr 20px 1fr;gap:4px;align-items:center;padding:8px;background:#665d4842;border:1px solid #887c60}.route-card strong{display:block;font:11px Arial;margin-top:2px}.route-card span{text-align:center}.force-list{display:grid;gap:5px;margin:7px 0}.force-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;padding:5px;background:#282e2945;border:1px solid #84775d}.force-row label{font:700 10px Arial}.force-row label small{display:block;font:8px Arial;color:#615a4a;margin-top:2px}.force-stepper{display:grid;grid-template-columns:26px 30px 26px;align-items:center}.force-stepper button{min-height:28px;padding:0;font-size:15px}.force-stepper input{width:30px;height:28px;border:1px solid #81745b;background:#eee2c0;text-align:center;font:bold 12px Arial}.operation-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 2fr;gap:5px;padding-top:7px;background:#b7a67e}.combat-preview{padding:7px;background:#202b29;color:#e8dab6;border-left:3px solid var(--red);font:10px Arial}.combat-preview strong{display:block;margin:3px 0}.odds-track{height:5px;background:#0c1514;margin:5px 0}.odds-track i{display:block;height:100%;background:linear-gradient(90deg,#b84e3e,#dda13c,#738b60)}.selection-card{margin:8px 0 10px;padding:10px;background:linear-gradient(135deg,#1e2927,#39413b);border:2px solid #796b4c;box-shadow:inset 0 0 0 1px #d9bd7450,0 5px 12px #0004;color:var(--cream)}.selection-card.has-selection{border-color:var(--amber);box-shadow:inset 0 0 0 1px #ffe0865c,0 0 16px #d89a3240}.selection-card>small,.selection-meta small,.deployment-summary small{display:block;font:700 8px Arial;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.selection-card h2{font-size:20px;margin:3px 0 7px}.selection-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.selection-meta span{background:#0b11115c;border:1px solid #76705e;padding:6px}.selection-meta b{display:block;margin-top:3px;font:700 11px Arial}.garrison-list{display:flex;flex-wrap:wrap;gap:5px;min-height:30px;padding:6px 0;font:11px/1.4 Arial;color:#e4d7b4}.garrison-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;background:#121b1a;border:1px solid #66706a}.garrison-chip b{color:#f5c96c}.selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.selection-actions button{min-height:34px;padding:4px}.selection-actions #scout-territory{grid-column:auto;background:linear-gradient(#8e9c86,#5d6c61);color:#f0e5c5}.deploy-modal{max-width:820px;max-height:calc(100dvh - 24px);overflow:auto}.deploy-modal h2{font-size:30px}.deployment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}.deployment-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:7px;padding:7px;background:#635b4930;border:1px solid #877b60}.deployment-row.disabled{opacity:.62}.deployment-unit{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center}.deployment-unit b,.deployment-unit small{display:block;font-family:Arial}.deployment-unit small{color:#5e5748;margin-top:3px}.quantity-control{display:grid;grid-template-columns:30px 28px 30px;align-items:center}.quantity-control button{padding:0;min-height:30px;font-size:17px}.quantity-control output{text-align:center;font:bold 14px Arial}.unit-restriction{grid-column:1/-1;color:#873a2d;font:700 10px Arial;margin:0}.deployment-price{grid-column:1/-1;text-align:right;font:bold 10px Arial;margin-top:-4px}.deployment-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.deployment-summary span{padding:8px;background:#272d2850;border:1px solid #80755d}.deployment-summary strong{display:block;font:18px Arial;margin-top:3px}.dialog-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px}.inline-refusal{min-height:18px;color:#8f3328;font:700 11px/1.35 Arial;padding:3px 0}.nation-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.nation-option{display:grid;place-items:center;gap:8px;padding:12px 5px;min-width:82px}.nation-option b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:white;border:2px solid #eee0bb}.nation-option span{font:700 9px Arial}.relation-meter{margin:10px 0}.relation-meter span,.relation-meter strong{font:700 10px Arial}.relation-meter strong{float:right}.relation-meter>i{display:block;clear:both;height:7px;background:#5e5543;margin-top:5px}.relation-meter b{display:block;height:100%;background:var(--amber)}.diplo-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}#toast{position:fixed;z-index:180;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;background:#17201f;color:#f1dfb0;border:1px solid var(--amber);padding:10px 15px;box-shadow:0 10px 30px #000b;font:700 11px Arial;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
}
@layer mobile{
@media(max-width:900px){.app-shell{padding:0}.masthead{height:auto;min-height:72px;grid-template-columns:1fr auto;padding:7px}.brand{grid-column:1}.objective-strip{grid-column:1/-1;grid-row:2;justify-self:stretch;min-width:0;padding:7px 10px;gap:10px}.objective-strip strong{font-size:10px}.objective-strip i{height:22px}.top-actions{grid-column:2;grid-row:1}.war-room{display:block;margin:0;min-height:0}.map-frame{height:55dvh;min-height:360px;border-width:3px}.command-rail{height:auto;min-height:45dvh;max-height:none;position:static;top:auto;border-width:0;padding:7px}.nation-card{display:none}.map-resources{top:42px;right:7px;width:min(410px,55%)}.resource-grid strong{font-size:17px}.panel{max-height:28dvh}.lower-deck{display:none}.map-legend{max-width:calc(100% - 20px);flex-wrap:wrap;gap:6px}.nation-options{grid-template-columns:repeat(2,1fr)}.nation-options .nation-option:last-child{grid-column:1/-1}.modal{padding:24px 18px}.end-turn{position:sticky;bottom:0}.diplo-actions{grid-template-columns:repeat(4,1fr)}.diplo-actions button{padding:4px;font-size:8px}}
@media(min-width:700px) and (max-width:900px){.war-room{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:5px}.map-frame{height:auto;min-height:620px}.command-rail{min-height:620px;max-height:620px;border-width:3px}.selection-card{padding:7px}.selection-meta{display:none}.panel{max-height:none}.map-resources{width:58%}}
@media(max-width:420px){.brand-mark{width:34px;height:34px}.brand h1{font-size:14px}.brand p{font-size:7px}.top-actions button{font-size:8px;padding:5px}.map-frame{height:48dvh}.command-rail{min-height:48dvh}.panel{max-height:25dvh}.objective-strip{overflow:hidden}.objective-strip>div{min-width:0}.objective-strip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-resources{width:68%;grid-template-columns:repeat(2,1fr)}.intel-report{width:55%}.modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:auto;padding:20px 14px}.modal p{overflow-wrap:anywhere}.nation-options{gap:6px}.nation-option{min-width:0}.deployment-list{grid-template-columns:1fr}.deployment-row{grid-template-columns:1fr auto}.deployment-summary{grid-template-columns:1fr}.dialog-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){button,.map-frame,.command-rail{border:1px solid CanvasText}.grain{display:none}}
}
@layer components{.battle-modal{max-width:700px}.battle-modal h2{margin-bottom:5px}.battle-modal>p{font:bold 13px/1.4 Arial;color:#514a3c}.battle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.battle-grid section,.battle-survivors{padding:12px;background:#292e2940;border:1px solid #81745b}.battle-side-heading{display:flex;align-items:center;gap:8px;min-height:22px}.battle-side-heading small{color:#514a3c}.battle-side-heading .battle-flag{width:30px;height:19px;flex:0 0 30px;box-shadow:0 1px 3px #0005}.battle-list{display:grid;gap:6px;margin-top:8px;font:700 11px/1.35 Arial}.battle-loss{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;background:#eee0bb;border-left:3px solid var(--red)}.battle-loss.none{border-left-color:#6f875f;color:#50604b}.battle-survivors{font:11px/1.5 Arial}.battle-survivors strong{display:block;margin-bottom:5px;letter-spacing:.08em}.battle-continue{width:100%;margin-top:12px}}
@layer components{.nation-flag{position:relative;display:block;width:44px;height:29px;border:1px solid #292d29;box-shadow:0 2px 5px #0005;overflow:hidden}.nation-seal{width:54px;height:42px;border-radius:3px;background:#ded1ad}.nation-seal .nation-flag{width:44px;height:29px}.nation-option .nation-flag{width:50px;height:33px}.flag-germany{background:#d00 url('assets/flag-germany-1939.svg') center/cover no-repeat}.flag-france{background:linear-gradient(90deg,#173b75 0 33.33%,#f5f1e6 33.33% 66.66%,#bd2430 66.66%)}.flag-italy{background:linear-gradient(90deg,#26734d 0 33.33%,#f5f1e6 33.33% 66.66%,#bd2430 66.66%)}.flag-britain{background:#012169 url('assets/flag-britain.svg') center/cover no-repeat}.flag-ussr{background:#bd2029}.flag-ussr:after{content:'★';position:absolute;left:5px;top:1px;color:#f2c84b;font:700 15px/1 Arial;text-shadow:0 1px #7b151c}}
@layer components{.diplomacy-reply-modal{max-width:470px}.diplomacy-reply-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #81745b;padding-bottom:12px;margin-bottom:12px}.diplomacy-reply-head h2{margin:2px 0 0}.diplomacy-reply-modal>p{font:bold 14px/1.5 Arial;margin:14px 0 18px}.diplomacy-reply-modal>button{width:100%}}
@layer components{.tabs{grid-template-columns:repeat(4,1fr)}.command-rail.economy-open .selection-card{display:none}.economy-panel{overflow:auto}.economy-summary{display:grid;gap:3px;padding:8px;margin-bottom:7px;background:#ded0aa;border-left:3px solid var(--amber);font:10px/1.3 Arial}.economy-summary strong{font:700 12px Georgia}.economy-summary span,.economy-summary em{font-size:9px}.economy-summary em{color:#765846}.economy-grid{display:grid;gap:5px}.economy-option{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px;background:#d8caa3;border:1px solid #8b8066}.economy-option.unavailable{opacity:.56}.economy-icon{display:grid;place-items:center;min-height:29px;background:#28312e;color:#edc467;border:1px solid #6e725f;font:700 8px Arial}.economy-copy{min-width:0;display:grid;gap:2px}.economy-copy b{font:700 10px Georgia;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.economy-copy small{font:700 7px Arial;color:#5e5848;letter-spacing:.03em}.economy-option button{min-height:28px;padding:4px 6px;font-size:7px;white-space:nowrap}}
@layer components{.economy-tools{display:grid;gap:5px;margin-bottom:6px}.economy-tools>button{min-height:28px;font:700 8px Arial;background:#26322f;color:#e8d7aa}.economy-tools>button.active{background:#7b5b25;color:#fff0c5}.economy-tools details{border:1px solid #8b8066;background:#cdbf99}.economy-tools summary{cursor:pointer;padding:6px;font:700 8px Arial;letter-spacing:.08em}.economy-portfolio{display:grid;max-height:150px;overflow:auto;padding:4px;gap:3px}.economy-portfolio button{display:flex;justify-content:space-between;gap:5px;min-height:28px;padding:5px;background:#eee0b9;color:#282c27;box-shadow:none}.economy-portfolio button b{font:700 9px Georgia}.economy-portfolio button span{font:7px Arial;color:#665d49}.operation-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:6px}.operation-steps b{padding:5px 2px;text-align:center;background:#39413c;color:#c9b98f;font:700 7px Arial}.operation-stage{padding:7px;margin:5px 0;background:#ded0aa;border-left:3px solid #8fcf83;font:700 9px/1.35 Arial}.strategic-value{display:grid;gap:3px;padding:8px;background:#d8caa3;border-left:3px solid var(--amber);font:9px Arial}.strategic-value b{font:700 12px Georgia}.victory-race{display:grid;gap:6px;margin-top:8px}.victory-race>div{display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:5px;font:700 8px Arial}.victory-race i{height:7px;background:#625c4b55;border:1px solid #7d725a}.victory-race i b{display:block;height:100%;background:var(--amber)}.victory-race strong{text-align:right}.round-report-modal{max-width:460px}.round-income-lines{display:grid;gap:6px;margin:15px 0}.round-income-lines>div,.round-income-total{display:flex;justify-content:space-between;padding:8px 10px;background:#ded0aa;border-left:3px solid #827659;font:700 11px Arial}.round-income-total{border-left-color:var(--amber);font-size:14px}.round-report-modal>button{width:100%;margin-top:12px}}
@layer components{.force-controls{display:grid;gap:3px;min-width:118px}.force-presets{display:grid;grid-template-columns:1fr 1fr;gap:3px}.force-presets button{min-height:23px;padding:3px 5px;font-size:7px}.force-stepper input{font-variant-numeric:tabular-nums}}