@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#111820;--panel:#1a232c;--panel2:#202b34;--line:#303c46;--muted:#89959b;--text:#e5e8e5;--gold:#b79b62;--blue:#526e81;--red:#8b574e;--green:#6c9274;--mono:'DM Mono',monospace;--sans:'Manrope','Noto Sans KR',sans-serif}*{box-sizing:border-box}body{margin:0;background:#10171d;color:var(--text);font:13px var(--sans);min-width:1050px;overflow:hidden}.game-shell{height:100vh;min-height:700px;display:flex;flex-direction:column;background:#141c23}.topbar{height:58px;background:#121920;border-bottom:1px solid #2b353d;display:flex;align-items:center;padding:0 22px;justify-content:space-between;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--gold);color:#17202a;font-weight:900;border-radius:5px;font-size:20px;font-family:Georgia}.brand b{display:block;font-size:15px;letter-spacing:2px}.brand small{display:block;color:#79858c;font-size:9px;letter-spacing:1px;margin-top:1px}.campaign{display:flex;align-items:center;gap:10px;font-size:12px;color:#c8cfce}.live-dot,.connection-dot{width:7px;height:7px;border-radius:50%;background:#7f9d73;box-shadow:0 0 8px #7f9d7355}.pill{padding:4px 8px;background:#8f74412b;color:#c6ab72;border:1px solid #76644377;border-radius:3px;font-size:10px;margin-left:5px}.top-actions{display:flex;align-items:center;gap:16px;min-width:230px;justify-content:flex-end}.icon-button{border:0;background:none;color:#929da1;font-size:17px;position:relative;cursor:pointer}.notification{position:absolute;background:#ad6856;color:white;font-style:normal;font:9px var(--sans);width:14px;height:14px;display:grid;place-items:center;border-radius:50%;top:-4px;right:-5px}.avatar{width:28px;height:28px;background:#556f7a;border:1px solid #82969a;border-radius:50%;color:white;font-weight:700}.resource-bar{height:74px;background:#1a232b;border-bottom:1px solid #303a42;display:flex;align-items:center;padding:0 22px;gap:0;flex-shrink:0}.nation{display:flex;align-items:center;gap:10px;width:220px;border-right:1px solid #35414a;height:40px}.flag{width:38px;height:28px;display:grid;place-items:center;background:linear-gradient(135deg,#a94f46 0 33%,#e5dec4 33% 66%,#a94f46 66%);color:#17202a;font-size:15px}.nation b,.nation small{display:block}.nation b{font-size:12px}.nation small{font-size:10px;color:#889399;margin-top:4px}.resource{height:41px;min-width:125px;padding:0 14px;border-right:1px solid #303b44;position:relative;padding-left:39px}.res-icon{position:absolute;left:13px;top:6px;color:#aa9867;font-size:16px}.res-icon.industry{color:#7f9ab0}.res-icon.manpower{color:#b7a57b}.res-icon.fuel{color:#82a594}.res-icon.stability{color:#b88672}.res-icon.research{color:#879fb1}.resource small{display:block;color:#89949a;font-size:9px;margin-bottom:3px}.resource b{font:12px var(--mono);color:#e0e3de}.resource em{font:9px var(--sans);font-style:normal;color:#83a085;margin-left:3px}.diplomacy{margin-left:auto;padding:9px 13px;border:1px solid #46545a;background:#26323a;color:#c6cfcc;border-radius:3px;font:11px var(--sans);cursor:pointer}.diplomacy span{color:var(--gold);margin-left:9px}.workspace{display:grid;grid-template-columns:190px minmax(480px,1fr) 320px;flex:1;min-height:0}.left-rail{background:#19222a;border-right:1px solid #303b43;padding:18px 11px 12px;display:flex;flex-direction:column}.rail-title{font-size:9px;color:#7f8b91;letter-spacing:1.4px;text-transform:uppercase;padding:0 10px 12px;display:flex;justify-content:space-between}.rail-title span{color:#aa9a74;font-family:var(--mono)}.rail-item{width:100%;height:39px;border:0;background:transparent;color:#aab2b2;display:flex;align-items:center;gap:12px;padding:0 11px;text-align:left;position:relative;cursor:pointer;border-radius:3px;font:11px var(--sans);margin:2px 0}.rail-item i{width:16px;text-align:center;font-size:15px;color:#899797;font-style:normal}.rail-item:hover{background:#26323b}.rail-item.active{background:#33434a;color:#e4e6df}.rail-item.active:before{content:'';position:absolute;left:-11px;width:3px;height:23px;background:#b29b68}.rail-item.active i{color:#c6aa70}.rail-count{margin-left:auto;color:#9ca5a4;font:10px var(--mono)}.rail-alert{margin-left:auto;width:6px;height:6px;background:#c28a60;border-radius:50%}.rail-bottom{margin-top:auto}.help-card{margin:23px 3px 0;background:#222e36;border:1px solid #34424a;padding:13px 12px;border-radius:4px}.help-icon{color:var(--gold);font-size:18px;margin-bottom:7px}.help-card b{font-size:11px}.help-card p{color:#879397;font-size:9px;line-height:1.55;margin:6px 0 10px}.help-card button,.text-button{border:0;background:none;color:#c4aa70;font:10px var(--sans);padding:0;cursor:pointer}.help-card button span{margin-left:12px}.map-stage{position:relative;min-width:0;min-height:0;background:#283941;overflow:hidden}.map-toolbar{position:absolute;z-index:2;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;pointer-events:none}.map-modes,.map-tools{pointer-events:auto;background:#19232bdc;border:1px solid #4b5960;border-radius:4px;display:flex;overflow:hidden;box-shadow:0 5px 20px #0b121888}.map-mode{border:0;border-right:1px solid #39454d;background:transparent;padding:8px 13px;color:#a5afb0;font:10px var(--sans);cursor:pointer}.map-mode:last-child{border:0}.map-mode.selected{background:#8f805d;color:#f0eadb}.map-tools{align-items:center;color:#acb5b2;font:10px var(--mono)}.map-tools button{height:31px;min-width:31px;background:none;border:0;color:#c9cfcb;font-size:16px;cursor:pointer}.map-tools i{height:16px;border-left:1px solid #48545b}.map-tools span{padding:0 4px}.map-scroll{width:100%;height:100%;overflow:hidden;display:grid;place-items:center}.map-canvas{width:100%;height:100%;position:relative;display:grid;place-items:center;transition:transform .2s}.world-map{width:100%;height:100%;max-width:1200px;max-height:720px}.sea-lines{fill:none;stroke:#a6b5b4;stroke-opacity:.055;stroke-width:2}.region{stroke:#18242a;stroke-width:2.1;cursor:pointer;transition:filter .15s,stroke-width .15s}.region:hover{filter:brightness(1.2);stroke:#f0e7c5;stroke-width:3}.r-neutral{fill:#69786d}.r-blue{fill:#4e6c7b}.r-red{fill:#8b5d52}.region.selected-region{stroke:#e3c98b;stroke-width:4;filter:brightness(1.23)}.frontline path{fill:none;stroke:#c78467;stroke-width:4;stroke-dasharray:9 6;filter:drop-shadow(0 0 4px #211)}.frontline circle{fill:#d98b70;stroke:#342c28;stroke-width:3}.army-marker{cursor:pointer;filter:drop-shadow(1px 3px 2px #15202799)}.army-marker rect{fill:#294153;stroke:#a4b3b6;stroke-width:1.2}.army-marker.enemy rect{fill:#733f38;stroke:#d1a187}.army-marker text{fill:#f4ead4;font:700 11px var(--sans);text-anchor:middle}.army-marker .marker-sub{font:7px var(--sans);fill:#c6cecb}.map-labels{fill:#d8dbd0;opacity:.67;font:10px var(--sans);text-anchor:middle;letter-spacing:1px;pointer-events:none}.map-legend{position:absolute;bottom:22px;left:20px;background:#172128d9;border:1px solid #425059;border-radius:3px;padding:9px 11px;display:flex;gap:14px;color:#b8c0bc;font-size:9px}.map-legend span{display:flex;gap:6px;align-items:center}.map-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-blue{background:#648295}.legend-red{background:#a3695d}.legend-neutral{background:#829082}.map-compass{position:absolute;right:21px;bottom:24px;text-align:center;color:#b8c4bf;font:10px var(--mono);line-height:1.1;opacity:.8}.map-compass span{font-size:17px}.map-inset{position:absolute;right:16px;top:63px;width:125px;background:#182329df;border:1px solid #536168;border-radius:3px;padding:5px}.inset-map{height:65px;background:#344c53;clip-path:polygon(8% 23%,24% 4%,42% 10%,53% 22%,76% 12%,93% 32%,84% 61%,62% 55%,52% 83%,29% 77%,11% 60%);position:relative}.inset-map span{position:absolute;left:45%;top:39%;width:19px;height:15px;border:1px solid #d8bd7c;background:#c3ae7166}.map-inset small{font-size:8px;color:#aab4b0}.map-bottom{position:absolute;bottom:0;left:0;right:0;height:25px;background:#19232bd9;border-top:1px solid #4a565d;display:flex;justify-content:space-between;align-items:center;padding:0 16px;color:#91a09e;font-size:9px}.map-scale{font:9px var(--mono);color:#b5c0bb}.map-scale span{margin-left:6px}.right-panel{background:#1a232b;border-left:1px solid #303b43;min-height:0;display:flex;flex-direction:column}.panel-tabs{height:46px;display:flex;border-bottom:1px solid #313c44;padding:0 17px;gap:22px;flex-shrink:0}.panel-tab{position:relative;border:0;background:none;color:#849196;font:10px var(--sans);padding:0;cursor:pointer}.panel-tab.active{color:#e1e5de}.panel-tab.active:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--gold)}.tab-dot{display:inline-block;width:5px;height:5px;background:#d0916d;border-radius:50%;vertical-align:top;margin-left:4px}.panel-content{overflow:auto;padding:15px 15px 12px;flex:1}.panel-content.hidden{display:none}.panel-section-title,.section-heading{display:flex;align-items:center;justify-content:space-between;color:#d8ddd8;font-size:10px;margin-bottom:10px}.more{color:#9aa6a4;background:none;border:0;letter-spacing:2px;cursor:pointer}.war-card{background:#222d35;border:1px solid #3a474e;border-radius:4px;padding:12px}.war-top{display:flex;align-items:center;justify-content:space-between}.war-flags{display:flex;align-items:center;gap:7px;font-size:10px}.mini-flag{width:19px;height:16px;display:grid;place-items:center;font-size:10px;border-radius:2px}.mini-flag.blue{background:#496576;color:#dfd1a9}.mini-flag.red{background:#795046;color:#e8c8a8}.war-status{font-size:8px;color:#d7a374;background:#92704a29;padding:4px 6px;border-radius:2px}.war-parties{display:flex;justify-content:space-between;color:#a9b1af;font-size:9px;margin:12px 0 7px}.war-vs{font:8px var(--mono);color:#77868a}.war-progress{height:4px;background:#70483f;border-radius:5px;overflow:hidden}.war-progress span{display:block;width:38%;height:100%;background:#77918a}.war-progress-label{display:flex;justify-content:space-between;margin-top:5px;color:#818e92;font-size:8px}.war-progress-label b{color:#c6ad73;font:9px var(--mono)}.war-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;padding-top:10px;border-top:1px solid #37434a}.war-stats div+div{border-left:1px solid #37434a;padding-left:10px}.war-stats small,.war-stats b{display:block}.war-stats small{font-size:8px;color:#8d999a;margin-bottom:5px}.war-stats b{font:10px var(--mono);color:#d6dad3}.war-stats b.loss{color:#c68570}.outline-button{width:100%;height:30px;border:1px solid #4b585e;background:transparent;color:#bfc8c3;border-radius:3px;font:9px var(--sans);cursor:pointer}.war-card .outline-button{margin-top:12px}.outline-button span{margin-left:8px;color:var(--gold)}.section-heading{margin:18px 0 8px}.text-button{font-size:9px}.front-card{width:100%;height:53px;background:#212c34;border:1px solid #36434a;border-radius:3px;margin-bottom:6px;display:flex;align-items:center;text-align:left;padding:0 9px;cursor:pointer;color:var(--text)}.front-card:hover{border-color:#71827f;background:#293740}.front-icon{width:27px;height:27px;border-radius:3px;background:#624f40;color:#e0b17d;display:grid;place-items:center;font-size:13px;margin-right:9px}.front-icon.quiet{background:#34464d;color:#9baca7}.front-info{display:flex;flex-direction:column;gap:4px}.front-info b{font-size:9px}.front-info small{color:#899698;font-size:8px}.front-trend{margin-left:auto;font:9px var(--mono);color:#88a68c}.front-trend.muted{color:#788589}.alerts-title{margin-top:17px!important}.alert-count{background:#925b4c;color:#f0d8c9;border-radius:9px;padding:2px 5px;font:8px var(--mono);margin-right:auto;margin-left:7px}.alert-card{display:flex;align-items:center;gap:8px;margin:7px 0;padding:8px;background:#242d33;border-left:2px solid #c08061;border-radius:2px;position:relative}.alert-marker{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;font:9px var(--mono)}.alert-marker.danger{color:#d99373;background:#734a3e66}.alert-marker.info{color:#8da5ac;background:#42596566}.alert-card div{display:flex;flex-direction:column;gap:3px}.alert-card b{font-size:8px;font-weight:600}.alert-card small{font-size:8px;color:#919d9d}.alert-close{margin-left:auto;background:none;border:0;color:#778487;cursor:pointer}.activity{position:relative;margin:16px 0 0 6px;padding-left:13px}.activity-line{position:absolute;top:8px;bottom:8px;left:3px;border-left:1px solid #445157}.activity-item{position:relative;margin:10px 0 14px}.activity-dot{position:absolute;left:-13px;top:2px;width:7px;height:7px;border-radius:50%;background:#b39b68;border:1px solid #202a31}.activity-dot.blue{background:#708e9c}.activity-item small{font:8px var(--mono);color:#7f8d90}.activity-item p{font-size:8px;color:#aeb7b3;line-height:1.5;margin:4px 0}.empty-intel{padding:18px;background:#222c34;color:#8d9a9b;line-height:1.6;font-size:10px}.bottom-bar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#151d24;border-top:1px solid #343f47;flex-shrink:0}.date-control,.footer-center,.footer-right{display:flex;align-items:center;gap:7px}.date-control button{height:27px;min-width:29px;border:1px solid #3b474e;border-radius:3px;background:#202a31;color:#c1c8c3;cursor:pointer;font-size:9px}.date-control button#pause{color:#d5c28f}.date-control .speed{font-size:8px;color:#8f9c9d}.date-control .speed.active{background:#3b494b;border-color:#748070;color:#d3bd83}.date-divider{height:17px;border-left:1px solid #3c484e;margin:0 6px}.date-control>b{font:11px var(--mono);color:#e0e2d9}.date-time{font:10px var(--mono);color:#939e9e;margin-left:4px}.footer-center{font-size:9px;color:#84918f}.footer-center button{margin-left:6px;border:1px solid #4a5b5b;background:#26373a;color:#bacaaf;padding:6px 9px;font:9px var(--sans);border-radius:3px;cursor:pointer}.connection-dot{width:6px;height:6px;background:#d29c67}.connection-dot.online{background:#7fbd82}.footer-right{color:#7d898c;font-size:9px}.footer-right button{border:1px solid #414d53;border-radius:3px;background:#222c33;color:#bec6c1;padding:6px 10px;font:9px var(--sans);cursor:pointer}.footer-right button#end-button{background:#756543;border-color:#988356;color:#f1e6cb}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#070c10b8;display:grid;place-items:center;backdrop-filter:blur(3px)}.modal-backdrop.hidden{display:none}.modal{width:min(440px,90vw);background:#1c272f;border:1px solid #556166;box-shadow:0 20px 70px #0009;border-radius:5px;padding:24px;position:relative}.modal-close{position:absolute;right:14px;top:11px;background:none;border:0;color:#99a3a2;font-size:21px;cursor:pointer}.modal-kicker{color:#c0a66b;letter-spacing:1.5px;font-size:9px;text-transform:uppercase}.modal h2{font-size:19px;font-weight:600;margin:9px 0}.modal>p{color:#9ba7a5;line-height:1.6;font-size:11px;margin:0 0 15px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-actions .outline-button,.modal-actions .primary-button{width:auto;padding:0 15px}.primary-button{height:30px;border:1px solid #a78f5d;background:#8e784f;color:#fff3d2;border-radius:3px;font:10px var(--sans);cursor:pointer}.form-label{display:block;color:#aeb9b6;font-size:10px;margin:12px 0 5px}.form-input,.form-select{height:35px;width:100%;background:#111a20;border:1px solid #3f4c53;border-radius:3px;color:#dde1db;padding:0 10px;font:11px var(--sans);outline:none}.form-input:focus,.form-select:focus{border-color:#b29a66}.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.country-option{background:#212d35;border:1px solid #3e4a50;color:#cbd1ca;padding:10px 7px;border-radius:3px;cursor:pointer;font:10px var(--sans)}.country-option.selected{border-color:#c2a76b;background:#544b374f}.toast{position:fixed;bottom:65px;left:50%;transform:translate(-50%,10px);opacity:0;transition:.2s;background:#27363b;border:1px solid #6c7d77;color:#dce4d9;padding:10px 16px;border-radius:4px;font-size:10px;z-index:20;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1200px){.workspace{grid-template-columns:170px minmax(420px,1fr) 290px}.resource{min-width:108px;padding-right:8px}.nation{width:185px}.resource-bar{padding:0 13px}.right-panel .panel-content{padding:12px}}
/* Real-world country outlines and compact strategic markers. */
.region{stroke:#18242a;stroke-width:1.35;vector-effect:non-scaling-stroke}
.region:hover{stroke-width:2.4}
.region.selected-region{stroke-width:2.8}
.country-shape{cursor:pointer}
.country-label{paint-order:stroke;stroke:#24323a;stroke-width:2.6px;stroke-linejoin:round;font-weight:700;font-size:9px}
.frontline path{stroke-width:3;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}
.frontline circle{stroke-width:2.5;vector-effect:non-scaling-stroke}
.army-marker rect{vector-effect:non-scaling-stroke}
.inset-map{clip-path:none;overflow:hidden}
.inset-map svg{width:100%;height:100%}
.inset-map .region{stroke-width:.7;vector-effect:non-scaling-stroke}

/* Geographic map palette and overlay visibility. */
.region.r-blue{fill:#647e82;fill-opacity:.78}.region.r-red{fill:#a16c5c;fill-opacity:.82}.region.r-neutral{fill:#777a6e;fill-opacity:.76}
.land{pointer-events:auto}.frontline path{fill:none;stroke:#d8ae65;stroke-width:3;stroke-dasharray:8 5;filter:drop-shadow(0 1px 2px #111)}.frontline circle{fill:#d8ae65;stroke:#202b30;stroke-width:2}
.army-marker{cursor:pointer}.army-marker rect{fill:#34434a;stroke:#e0c27f;stroke-width:1.2}.army-marker.enemy rect{fill:#713f38;stroke:#dda091}.army-marker text{fill:#fff4d8;font-size:12px;text-anchor:middle;font-weight:800}.army-marker text.marker-sub{fill:#fff;font-size:8px;font-weight:500}.map-labels{pointer-events:none}.country-label{fill:#ecede5;text-anchor:middle;letter-spacing:.15px;font-size:9px}
.inset-map .r-blue{fill:#647e82}.inset-map .r-red{fill:#a16c5c}.inset-map .r-neutral{fill:#777a6e}.inset-map .region{fill-opacity:1}