@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8eee9;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;background:#0a1116;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% -25%,#24383a 0%,#101b20 42%,#0a1116 78%);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}.app-shell{max-width:1580px;margin:auto;padding:24px 34px 18px}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#d1dfb6;background:linear-gradient(145deg,#29453c,#172923);border:1px solid #536b60;border-radius:12px;place-items:center;width:45px;height:45px;display:grid;box-shadow:0 8px 24px #0003}.eyebrow,.campaign-date small,footer,.command-strip,.nation-title small,.resource-card small,.map-scale{letter-spacing:.13em;color:#91a69c;font:500 9px DM Mono,monospace}.brand h1{letter-spacing:.13em;margin:4px 0 0;font-size:23px;font-weight:500}.brand h1 b{color:#d5dfb9;font-weight:800}.eyebrow span{color:#d5bd82}.top-actions{align-items:center;gap:10px;display:flex}.campaign-date{color:#b8c8b9;background:#142126;border:1px solid #30433f;border-radius:9px;align-items:center;gap:10px;padding:9px 13px;display:flex}.campaign-date div{gap:4px;display:grid}.campaign-date strong{color:#e1e8db;font:500 12px DM Mono,monospace}.icon-button{color:#b9c9bc;cursor:pointer;background:#17272b;border:1px solid #344842;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.command-strip{background:#111e21;border:1px solid #263a37;border-radius:7px;align-items:center;gap:11px;height:34px;margin-bottom:15px;padding:0 12px;font-size:8px;display:flex}.command-strip i{background:#617b6c;border-radius:50%;width:3px;height:3px}.live-dot,.status-chip span{background:#a8c68d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #a8c68d}.strip-spacer{flex:1}.autosave{color:#81998a;align-items:center;gap:6px;display:flex}.layout{grid-template-columns:minmax(0,1.72fr) minmax(340px,.86fr);align-items:start;gap:16px;display:grid}.panel{background:linear-gradient(145deg,#17272b,#132126);border:1px solid #2b403e;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #0002}.map-panel{padding:20px}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head h2{letter-spacing:-.045em;margin:5px 0 4px;font-size:23px}.section-head p{color:#8fa49b;margin:0;font-size:11px}.status-chip{color:#b7c9a6;letter-spacing:.08em;border:1px solid #405747;border-radius:30px;align-items:center;gap:7px;padding:7px 9px;font:9px DM Mono,monospace;display:flex}.map-wrap{background:#14272d;border:1px solid #314943;border-radius:9px;margin-top:17px;position:relative;overflow:hidden}.map-wrap svg{width:100%;height:auto;min-height:450px;display:block}.map-watermark{color:#d8e4d7;letter-spacing:.18em;opacity:.38;pointer-events:none;font:500 10px DM Mono,monospace;position:absolute;top:15px;left:16px}.province{cursor:pointer;outline:none}.province:focus circle:nth-child(2){stroke:#fff;stroke-width:1.2px}.province-label{fill:#e7eee5;paint-order:stroke;stroke:#122126;stroke-width:.8px;pointer-events:none;font:2.5px Manrope,sans-serif}.map-coord{fill:#7f9a91;letter-spacing:.1em;font:1.6px DM Mono,monospace}.map-bottom{justify-content:space-between;align-items:center;gap:12px;padding:12px 2px 10px;display:flex}.legend{flex-wrap:wrap;gap:14px;display:flex}.legend span{color:#b5c4b8;align-items:center;gap:6px;font-size:10px;display:flex}.legend i{border-radius:2px;width:8px;height:8px}.map-scale{white-space:nowrap;align-items:center;gap:7px;font-size:8px;display:flex}.map-scale span{background:#8da89a;width:20px;height:1px}.map-actions{gap:9px;padding-top:3px;display:flex}.map-actions button,.recruit-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:11px 14px;font-size:11px;font-weight:800;transition:all .18s;display:flex}.primary-action{color:#17231c;background:linear-gradient(120deg,#c9d8b1,#aebf96);border:1px solid #c3d1a8}.secondary-action{color:#d1dfce;background:#1d302d;border:1px solid #415b4c}.map-actions button:hover,.recruit-button:hover,.icon-button:hover{filter:brightness(1.13);transform:translateY(-1px)}.side-column{gap:14px;display:grid}.nation-panel{padding:17px}.panel-kicker{color:#9bb19f;justify-content:space-between;display:flex}.nation-title{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.nation-title h2{letter-spacing:-.05em;margin:4px 0 0;font-size:25px}.nation-title select{color:#e3ebdf;background:#20332f;border:1px solid #455d4d;border-radius:6px;max-width:125px;padding:8px;font-size:10px}.nation-meta{flex-wrap:wrap;gap:7px;margin:12px 0 14px;display:flex}.nation-meta span,.mini-tag{letter-spacing:.06em;color:#a9bca9;background:#1a2b28;border:1px solid #354a40;border-radius:4px;padding:5px 7px;font:8px DM Mono,monospace}.resource-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.resource-card{color:#9eb79e;background:linear-gradient(145deg,#1d302d,#192a29);border:1px solid #2b403b;border-radius:7px;gap:5px;min-height:91px;padding:11px;display:grid;position:relative}.resource-card small{font-size:8px}.resource-card strong{color:#e0e9dc;letter-spacing:-.04em;font:500 18px DM Mono,monospace}.resource-card strong sup{color:#9eae9b;font-size:10px}.resource-card em{color:#7f9788;font-size:9px;font-style:normal}.tabs{background:#142226;border-bottom:1px solid #2b403d;display:flex}.tabs button{color:#83988f;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 5px;font-size:10px;font-weight:700;display:flex}.tabs button.active{color:#d6e3c8;background:#1a2b2c;box-shadow:inset 0 -2px #c1d0a6}.detail-content{min-height:220px;padding:16px 17px 18px}.province-title{justify-content:space-between;align-items:center;margin:7px 0;display:flex}.province-title h3{letter-spacing:-.04em;margin:0;font-size:18px}.owner-dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ffffff0b}.muted{color:#91a69a;margin:5px 0 14px;font-size:10px}.muted b{color:#d5e0d3}.detail-list>div,.quick-row{border-bottom:1px solid #293c38;justify-content:space-between;gap:12px;padding:10px 0;font-size:10px;display:flex}.detail-list span{color:#8ca196}.detail-list b{color:#d2ded2;text-align:right;font-weight:600}.division{border-bottom:1px solid #2b3e39;align-items:center;gap:10px;padding:10px 0;display:flex}.division-icon{color:#b7cba7;background:#1d302b;border:1px solid #3a5145;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.division-info{flex:1;gap:4px;min-width:0;display:grid}.division-info b{font-size:10px}.division-info small{color:#8ba096;font-size:9px}.division>strong{color:#c5d4b7;align-items:center;gap:4px;font:12px DM Mono,monospace;display:flex}.division>strong small{color:#82988b;font-size:7px}.meter{background:#2a3b36;border-radius:5px;height:3px;overflow:hidden}.meter i{background:#b5c99d;height:100%;display:block}.recruit-button{color:#d9e5cb;background:#283d32;border:1px solid #65795c;width:100%;margin-top:14px;font-size:10px}.recruit-button span{color:#a7b99c;margin-left:auto;font:8px DM Mono,monospace}.event-list{max-height:250px;margin-top:13px;overflow:auto}.event-item{border-bottom:1px solid #293c38;gap:10px;padding:9px 0;display:flex}.event-marker{background:#b8c99b;border-radius:50%;flex:0 0 6px;width:6px;height:6px;margin-top:4px;box-shadow:0 0 8px #b8c99b55}.event-item p{color:#b6c5b8;margin:0;font-size:10px;line-height:1.5}.empty-state{text-align:center;color:#81968b;padding:35px 10px;font-size:11px}.quick-panel{padding:14px 17px}.quick-row{align-items:center}.quick-row:last-child{border:0;padding-bottom:1px}.quick-row span{color:#91a69a;align-items:center;gap:7px;display:flex}.quick-row b{color:#d1ddc9;font:11px DM Mono,monospace}.toast{z-index:10;color:#dce8d6;background:#1b3029;border:1px solid #536b52;border-radius:8px;align-items:center;gap:10px;max-width:min(450px,100vw - 30px);padding:12px 14px;font-size:11px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 35px #0008}.toast>span{background:#b8ce9b;border-radius:50%;width:7px;height:7px}.toast button{color:#b8c9b9;cursor:pointer;background:0 0;border:0;padding:0 0 0 6px;font-size:19px}footer{justify-content:space-between;gap:12px;margin-top:17px;font-size:8px;display:flex}footer b{color:#526a5c}@media (width<=1000px){.app-shell{padding:20px 18px}.layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.9fr)}.map-wrap svg{min-height:370px}}@media (width<=780px){.layout{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr;align-items:start}.nation-panel{grid-column:1/-1}.map-wrap svg{min-height:360px}}@media (width<=520px){.app-shell{padding:15px 11px}.topbar{align-items:flex-start}.brand-mark{width:38px;height:38px}.brand h1{font-size:18px}.eyebrow{font-size:8px}.campaign-date{gap:6px;padding:7px 8px}.campaign-date strong{font-size:9px}.campaign-date small{font-size:7px}.icon-button{width:32px;height:34px}.command-strip{gap:7px;padding:0 8px;font-size:7px}.autosave{display:none}.map-panel{padding:13px}.section-head h2{font-size:20px}.section-head p{font-size:9px}.map-wrap svg{min-height:270px}.map-bottom{flex-direction:column;align-items:flex-start}.legend{gap:10px}.map-actions button{flex:1;padding:10px 7px;font-size:9px}.side-column{grid-template-columns:1fr}.nation-panel{grid-column:auto}.detail-content{min-height:190px}footer{flex-direction:column;font-size:7px}.toast{bottom:10px;right:10px}}