:root{color-scheme:dark;--bg:#0a121b;--panel:#101b26;--panel2:#152332;--border:#324251;--text:#e5e9ed;--muted:#8fa0ad;--faint:#677b8a;--gold:#c4aa76;--blue:#709dc4;--danger:#c78b80;--safe:#8cae95;--top:67px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden}body{background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.topbar{height:calc(var(--top) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;display:flex;align-items:center;gap:22px;background:#0c151f;border-bottom:1px solid #2d3b49;z-index:12;position:relative}.brand{display:flex;align-items:center;gap:12px;min-width:265px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:var(--gold);border:1px solid #75694e;border-radius:9px;background:#1a252c;flex:none}.brand-mark svg{width:25px;height:25px}.brand-type{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.brand-type strong{font-size:13px;letter-spacing:1.5px;font-weight:800}.brand-type strong span{color:#d2c09c}.brand-type small{font-size:9px;letter-spacing:1.65px;color:var(--muted)}.brand-type small b{font-weight:600;color:#afc1cb}.timebox{display:flex;flex-direction:column;gap:4px;align-items:center;flex:1;min-width:180px;white-space:nowrap}.time-label,.eyebrow,.panel-title,.map-badge,.modal-eyebrow{font-size:10px;letter-spacing:1.35px;color:var(--muted);font-weight:650}.timebox strong{font-size:13px;letter-spacing:1.1px;font-variant-numeric:tabular-nums}.time-controls,.top-actions{display:flex;gap:5px;align-items:center}.ui-btn{background:#182633;border:1px solid #314151;border-radius:8px;padding:9px 12px;color:#b9c6d1;height:36px;min-width:36px;display:grid;place-items:center}.ui-btn:hover,.map-tools button:hover{background:#2a3948}.ui-btn.is-active{border-color:#ad9870;background:#423c2e;color:#ead6ac}.icon-button{padding:8px}.icon-button svg{width:17px;height:17px}.speed{font-size:12px;font-weight:700;min-width:37px}.top-actions{padding-left:16px;border-left:1px solid #2b3a46}.world-stage{position:relative;height:calc(100% - var(--top) - env(safe-area-inset-top));overflow:hidden;background:#152736;touch-action:none}#world-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#world-canvas.dragging{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,25,.3),transparent 30%,transparent 80%,rgba(8,17,25,.12)),linear-gradient(0deg,rgba(9,16,25,.4),transparent 25%)}.side-panel{position:absolute;top:20px;left:20px;width:242px;max-height:calc(100% - 40px);background:#0e1823f0;border:1px solid #394854;border-radius:13px;backdrop-filter:blur(14px);box-shadow:0 12px 34px #070e1699;padding:18px 16px;overflow-y:auto;touch-action:pan-y;scrollbar-width:thin;z-index:2}.dot{display:inline-block;width:6px;height:6px;border-radius:99px;margin-right:5px;background:var(--faint)}.dot.accent{background:var(--gold)}.scenario-name{font-size:21px;font-weight:700;letter-spacing:-.5px;margin-top:9px}.side-panel p{font-size:11px;color:var(--muted);margin:7px 0 0}.rule{height:1px;background:#32414b;margin:17px 0}.panel-title{font-size:9px;margin-bottom:11px}.country-list,.army-list{display:flex;flex-direction:column;gap:4px}.country-item,.army-item{display:flex;align-items:center;gap:10px;min-height:37px;padding:6px 9px;border:1px solid transparent;background:transparent;border-radius:7px;text-align:left;width:100%;font-size:12px;color:#bdcad3}.country-item:hover,.army-item:hover,.country-item.selected,.army-item.selected{background:#203143;border-color:#3d5061}.country-color{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.country-item .suffix{margin-left:auto;color:#758a99;font-size:10px}.army-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:14px;border:1px solid #4a5965;background:#203343;flex-shrink:0}.army-item div{display:flex;flex-direction:column;gap:3px;min-width:0}.army-item strong{font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.army-item small{font-size:10px;color:#8ea0ad}.side-foot{margin-top:18px;border-top:1px solid #32414b;padding-top:13px;display:flex;align-items:center;gap:7px;color:#708797;font-size:10px}.live-dot{width:6px;height:6px;background:#8bab94;border-radius:50%}.map-badge{position:absolute;top:22px;right:22px;border:1px solid #3d5261;background:#101c28db;border-radius:7px;padding:9px 12px;font-size:9px;z-index:2}.badge-sep{display:inline-block;width:3px;height:3px;background:#a7b5bd;border-radius:100%;vertical-align:middle;margin:0 9px}.map-tools{position:absolute;right:22px;bottom:32px;z-index:3;display:flex;flex-direction:column;border:1px solid #43515e;border-radius:10px;overflow:hidden;background:#101d29eb;box-shadow:0 8px 24px #0004}.map-tools button{width:39px;height:39px;border:0;background:transparent;font-size:24px;font-weight:350}.map-tools svg{width:18px;height:18px}.map-tool-divider{height:1px;background:#3a4b59}.coords{position:absolute;left:283px;bottom:25px;font-size:11px;color:#e0e8ebbb;text-shadow:0 2px 7px #070d14;pointer-events:none}.detail{position:absolute;right:76px;bottom:30px;width:335px;max-height:calc(100% - 120px);overflow-y:auto;z-index:4;background:#0e1925f5;border:1px solid #516273;border-radius:13px;padding:18px;box-shadow:0 15px 45px #0009;touch-action:pan-y}.detail[hidden],.modal-overlay[hidden],.command-hint[hidden]{display:none}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mini-label{font-size:10px;color:var(--gold);letter-spacing:1.3px;font-weight:750}.detail h2{font-size:20px;margin:6px 0 5px;letter-spacing:-.4px}.detail-sub{color:#92a6b5;font-size:12px}.detail-close{background:transparent;border:1px solid #344758;border-radius:7px;padding:5px 9px;color:#bbcbd5}.detail-rule{height:1px;background:#364654;margin:15px 0}.army-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat{background:#1a2a39;border:1px solid #324656;border-radius:8px;padding:11px 9px}.stat small{display:block;font-size:10px;color:#9cadb8;margin-bottom:7px}.stat b{font-size:15px;font-variant-numeric:tabular-nums}.status{display:flex;align-items:center;gap:8px;font-size:12px;color:#b6c5ce}.status .pill{margin-left:auto;color:#dcc595;background:#39392f;border:1px solid #655c46;border-radius:50px;padding:5px 8px;font-size:10px}.detail-actions{display:flex;gap:7px;margin-top:15px}.action{flex:1;border-radius:8px;background:#2e4357;border:1px solid #58728c;color:#e5f1f7;padding:11px 9px;font-size:12px;font-weight:700}.action:hover{filter:brightness(1.12)}.action.primary{background:#b49b69;color:#172431;border-color:#d8bd87}.action.secondary{background:#1b2a37;color:#b8c5d1;border-color:#3b5264}.action:disabled{opacity:.4;cursor:default}.intel{font-size:12px;color:#9fb0bc;line-height:1.6;margin:0}.command-hint{position:absolute;top:72px;left:50%;transform:translateX(-50%);background:#453c2bef;border:1px solid #b89b61;color:#f4dca8;border-radius:8px;padding:11px 15px;display:flex;align-items:center;gap:9px;z-index:5;box-shadow:0 10px 30px #0008;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.35px}.hint-bullet{width:8px;height:8px;border:2px solid #efd29c;border-radius:100%;animation:pulse 1s infinite alternate}.command-hint button{background:none;border:0;border-left:1px solid #907d5f;padding-left:11px;color:#fff0d0;font-size:10px;font-weight:700}.welcome{position:absolute;left:283px;top:22px;width:300px;background:#121f2bea;border:1px solid #405565;z-index:2;padding:16px;border-radius:12px;box-shadow:0 15px 40px #0005;backdrop-filter:blur(10px)}.welcome-head{display:flex;align-items:center;color:var(--gold);font-size:10px;letter-spacing:1.25px;font-weight:750;margin-bottom:12px}.welcome-head button{margin-left:auto;background:none;border:0;color:#9daebc;font-size:18px}.welcome>strong{font-size:15px}.welcome p{font-size:12px;line-height:1.6;color:#abbac5}.welcome p b{color:#e4e9ed}.welcome-action{background:#263b4d;border:1px solid #4b6373;border-radius:7px;padding:9px 11px;font-size:11px;font-weight:700;width:100%;display:flex;justify-content:space-between}.welcome-action span{font-size:15px}.toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:25;border-radius:9px;background:#1a2a38;color:#ebf0f3;padding:11px 16px;border:1px solid #486070;box-shadow:0 10px 30px #0008;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100% - 35px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#050b12bb;backdrop-filter:blur(5px);z-index:30;padding:16px}.modal{width:min(470px,100%);border:1px solid #536575;border-radius:15px;background:#101c28;box-shadow:0 25px 70px #000c;padding:26px;position:relative}.modal-x{position:absolute;top:14px;right:17px;font-size:22px;border:none;background:none;color:#a3b3bf}.modal-eyebrow{color:var(--gold);margin-bottom:11px}.modal h2{font-size:24px;margin:0 0 12px;letter-spacing:-.5px}.modal-body{font-size:13px;line-height:1.7;color:#b7c5d0}.modal-body p{margin:0 0 12px}.modal-body ul{padding-left:19px;margin:8px 0}.modal-actions{display:flex;gap:9px;margin-top:20px}.modal-actions button{flex:1}.modal-body .warning{color:#e8c58a}.muted{color:var(--muted)}@keyframes pulse{to{opacity:.4;transform:scale(.7)}}
@media(max-width:1060px){.brand{min-width:220px}.side-panel{width:195px;left:12px;top:12px;padding:14px 12px}.scenario-name{font-size:19px}.welcome{left:218px;top:12px;width:245px}.coords{left:222px}.detail{width:295px}.brand-type strong{font-size:11px}}
@media(max-width:740px){:root{--top:58px}.topbar{padding-left:10px;padding-right:10px;gap:8px}.brand{min-width:0;gap:8px;flex:1}.brand-mark{width:30px;height:30px;border-radius:7px}.brand-mark svg{width:23px;height:23px}.brand-type strong{font-size:10px;letter-spacing:.65px}.brand-type small{font-size:8px;letter-spacing:.5px}.timebox{position:absolute;top:calc(var(--top) + env(safe-area-inset-top) + 9px);left:50%;transform:translateX(-50%);z-index:3;min-width:0;display:flex;background:#0b1722e8;border:1px solid #3a4b56;border-radius:8px;padding:7px 12px;gap:1px}.timebox strong{font-size:11px}.time-label{font-size:8px}.time-controls{gap:3px}.ui-btn{min-width:29px;height:32px;padding:6px;border-radius:7px}.speed{font-size:10px;min-width:29px}.top-actions{border:0;padding:0;gap:3px}.top-actions #save-btn{display:none}.top-actions .ui-btn{min-width:30px}.side-panel{left:9px;top:9px;width:auto;max-height:none;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.side-panel>.eyebrow,.side-panel>.scenario-name,.side-panel>p,.side-panel>.rule,.side-panel>.panel-title,.side-panel>.country-list,.side-panel>.side-foot{display:none}.army-list{display:none}.side-panel:after{content:'EUROPA · 1939';display:block;color:#c9d5dc;border:1px solid #344b5b;border-radius:7px;background:#132230c9;padding:8px;font-size:9px;font-weight:700;letter-spacing:.8px}.map-badge{top:auto;bottom:11px;left:11px;right:auto;font-size:8px;padding:6px 9px}.coords{display:none}.map-tools{right:11px;bottom:61px}.map-tools button{width:35px;height:35px}.detail{width:100%;max-height:40vh;right:0;bottom:0;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;padding:16px 17px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -15px 35px #0007}.detail~.map-tools{bottom:300px}.world-stage:has(.detail:not([hidden])) .map-tools{bottom:min(45vh,312px)}.world-stage:has(.detail:not([hidden])) .map-badge{display:none}.welcome{left:11px;top:67px;width:min(298px,calc(100% - 68px));padding:13px}.welcome p{font-size:11px}.command-hint{top:53px;max-width:calc(100% - 18px);white-space:normal;font-size:10px;line-height:1.35;padding:9px 10px}.toast{bottom:calc(13px + env(safe-area-inset-bottom))}}
@media(max-width:390px){.brand-type strong{font-size:9px}.brand-type small{font-size:7px}.brand-mark{width:27px;height:27px}.topbar{gap:5px}.top-actions #settings-btn{display:none}.ui-btn{min-width:27px;padding:5px}.speed{min-width:27px}}
@media(max-height:490px) and (min-width:741px){.side-panel{max-height:calc(100% - 18px);top:9px}.welcome{top:9px;max-height:calc(100% - 18px);overflow:auto}.detail{max-height:calc(100% - 40px);bottom:10px}.map-tools{bottom:12px}}