/* The map is the page. All information sits in optional floating surfaces. */
body.atlas-ui{height:100dvh;overflow:hidden;background:#0c1b23}
.atlas-ui>header,.atlas-ui main>.intro,.atlas-ui main>footer,.atlas-ui .opsbar,.atlas-ui .viewoptions,.atlas-ui .timeline{display:none!important}
.atlas-ui main{margin:0;padding:0;max-width:none}
.atlas-ui .workspace,.atlas-ui .theater{display:contents!important;border:0!important;min-height:0!important}
.atlas-ui #mapwrap{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;z-index:0!important;border:0}
.atlas-ui #map{inset:0;width:100%;height:100%}
.atlas-ui .maptitle{display:none!important}
.atlas-topbar{position:fixed;left:22px;right:22px;top:18px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}
.atlas-topbar>*{pointer-events:auto}
.atlas-brand{display:flex;align-items:center;gap:10px;color:#e4eee9;text-decoration:none;text-shadow:0 2px 10px #031019;font:700 24px 'Barlow Condensed',sans-serif;letter-spacing:1.4px}
.atlas-brand>span{font:42px sans-serif;font-weight:300;color:var(--green);line-height:1}
.atlas-brand small{display:block;color:#8aa2ae;font:9px 'Noto Sans KR',sans-serif;letter-spacing:.4px;margin-top:3px}
.atlas-actions{display:flex;gap:6px;align-items:center;padding:5px;border:1px solid #39525d99;border-radius:12px;background:#0d1d25e8;backdrop-filter:blur(18px);box-shadow:0 8px 26px #0002}
.atlas-actions button{padding:10px 15px;color:#b8cdd5;font-size:11px;border-radius:8px;white-space:nowrap}
.atlas-actions button:hover,.atlas-actions button.active,.atlas-actions button[aria-expanded=true]{background:#2a414b;color:#e5f2f4}
.atlas-actions #atlasFullscreen,.atlas-actions #atlasMore{font-size:20px;line-height:16px;padding:11px 12px}
.floating-panel{background:#0e1e27ed;border:1px solid #39535f99;border-radius:14px;box-shadow:0 12px 45px #0004;backdrop-filter:blur(20px)}
.atlas-setup{position:fixed;z-index:10;top:97px;left:22px;width:264px;padding:18px}
.atlas-kicker{font-size:9px;color:#8fa67b;letter-spacing:.6px}
.atlas-setup h1{font-size:16px;margin:6px 0 18px;letter-spacing:-.5px;font-weight:600;color:#e0e9ed}
.atlas-ui .coalition{border:1px solid #2b4857;border-radius:9px;padding:11px;margin-bottom:9px;min-height:65px;background:#132a3466}
.atlas-ui .coalition.b{border-color:#58413c;background:#30231f33}
.atlas-ui .coalition.editing{border-color:#4b7d8b}.atlas-ui .coalition.b.editing{border-color:#a66f5f}
.atlas-ui .coalitiontitle{align-items:center;margin-bottom:9px;display:flex;font:11px 'Noto Sans KR',sans-serif}
.atlas-team-select{flex:1;text-align:left;padding:0;color:var(--a);font-weight:600}
.b .atlas-team-select{color:var(--b)}
.atlas-team-select span{font:9px 'IBM Plex Mono',monospace;color:#738b98;margin-left:8px;font-weight:400}
.team-add{border:1px solid #36545e;border-radius:5px;line-height:18px;width:21px;height:21px;padding:0;font-size:15px;color:#92afba}
.b .team-add{border-color:#5b4640}
.atlas-ui .chip{font-size:10px;padding:5px 6px;border-radius:4px}.atlas-ui .chip b{margin-left:5px}
.edit-countries{margin-top:4px;padding:10px 12px;border:1px solid #3b525d;border-radius:7px;display:flex;justify-content:space-between;width:100%;font-size:11px;background:#213641;color:#c5d8e0}
.edit-countries span{color:#b8d57b;font-size:14px}
.atlas-setup>p{font-size:8px;color:#6e8997;line-height:1.7;margin:10px 0 0;text-align:center}
.atlas-ui .sidebar,.atlas-ui .intel{display:none!important;position:fixed!important;z-index:25!important;top:91px;bottom:112px;width:310px;padding:18px;background:#0e1e27f5;border:1px solid #3b5663;border-radius:14px;overflow:auto;scrollbar-width:thin;box-shadow:0 16px 50px #0006;backdrop-filter:blur(20px)}
.atlas-ui .sidebar{left:22px;max-height:720px}
.atlas-ui .intel{right:22px;max-height:800px}
.atlas-ui.countries-open .sidebar{display:flex!important;flex-direction:column}
.atlas-ui.intel-open .intel{display:flex!important;flex-direction:column}
.atlas-ui.countries-open .atlas-setup,.atlas-ui.atlas-fighting .atlas-setup{display:none}
.atlas-ui .paneltop{position:relative;gap:8px;margin-bottom:17px}
.atlas-ui .paneltop>span:first-child,.atlas-ui .paneltop>.pill{display:none}
.atlas-ui .paneltop h2{font-size:16px;font-weight:600}
.panel-close{margin-left:auto;font-size:23px;width:25px;height:25px;line-height:20px;color:#91aab8;border-radius:5px}
.atlas-ui .sidebar .textbtn{margin-left:auto;font-size:10px}.atlas-ui .sidebar .panel-close{margin-left:8px}
.atlas-ui .sidebar .hint{font-size:9px;margin:9px 0;line-height:1.7}
.atlas-ui .sidebar #countrylist{flex:1;min-height:120px;max-height:none;height:auto;overflow:auto}
.atlas-ui .sidebar .sidebottom{display:none}.atlas-ui .sidebar .country{padding:9px 2px}
.atlas-ui .sidebar .countryname{font-size:12px}.atlas-ui .sidebar .countryname small{font-size:8px}
.atlas-ui .intel #logs{height:170px;min-height:100px;flex-shrink:0}
.atlas-ui .intel .history{flex-shrink:0}
.atlas-ui .mapheader{position:fixed;top:88px;left:50%;transform:translateX(-50%);width:auto!important;max-width:calc(100vw - 650px);height:35px;min-height:35px;padding:8px 14px;border:1px solid #354f5c99;border-radius:22px;background:#0a1c26d9;backdrop-filter:blur(12px);z-index:5;gap:16px;box-shadow:0 4px 15px #0002}
.atlas-ui .mapheader b{font-size:10px;white-space:nowrap}.atlas-ui .mapheader .mono{font-size:9px}.atlas-ui #scenarioLabel{display:none!important}.atlas-ui .mapheader .divider{display:none}
.atlas-ui .controls{position:fixed;z-index:20;left:50%;bottom:22px;transform:translateX(-50%);width:min(750px,calc(100vw - 44px));min-height:74px;height:auto;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid #3b5561;border-radius:14px;background:#10222cf2;backdrop-filter:blur(20px);box-shadow:0 8px 40px #0005}
.atlas-ui .presets{min-width:165px;flex:1;gap:5px}.atlas-ui .presets>span{font-size:8px;color:#72909f}.atlas-ui .presets select{font-size:11px;padding:7px 22px 7px 9px;border-radius:6px;border-color:#344d59;width:100%;background:#162e3a;color:#c5d8e2}
.atlas-ui .speed{margin-left:0;border-left:1px solid #344b56;padding-left:10px;gap:3px}
.atlas-ui .speed>span{display:none!important}.atlas-ui .speed button{padding:9px;font-size:11px;border-radius:6px}
.atlas-ui .start{font-size:12px;border-radius:8px;padding:15px 20px;min-width:165px;box-shadow:0 3px 12px #9cbf6712}
.atlas-ui #reset{width:34px;height:34px;flex-shrink:0;border-radius:7px;border-color:#3b5563}
.atlas-map-tip{position:fixed;z-index:4;left:50%;bottom:110px;transform:translateX(-50%);color:#87a2af;font-size:9px;display:flex;gap:9px;white-space:nowrap;padding:6px 11px;border-radius:20px;background:#0d1d2570;pointer-events:none;text-shadow:0 1px 5px #000}
.atlas-map-tip i{font-style:normal;opacity:.5}
.atlas-ui .zoomtools{position:absolute;right:22px;top:43%;border-radius:9px;background:#0b1e29e8;backdrop-filter:blur(12px);box-shadow:0 5px 18px #0003}
.atlas-ui .zoomtools button{width:36px;height:36px;font-size:23px}
.atlas-map-tools{position:absolute;right:22px;top:calc(43% + 126px);z-index:3;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.atlas-map-tools button{min-width:92px;min-height:38px;justify-content:center;white-space:nowrap;border:1px solid #385363;border-radius:8px;background:#102530e8;padding:9px 10px;color:#b4cbd6;font-size:12px;display:flex;align-items:center;gap:6px}
.atlas-map-tools span{font-size:9px}
.atlas-ui .legend{left:22px;bottom:22px;font-size:9px;padding:9px 12px;border-radius:7px;border-color:#304c59;background:#0b1d27cc;gap:12px}
.atlas-ui .mapcoords{left:23px;bottom:66px;font-size:8px;color:#6f8e9d}
.atlas-ui .mapnote{display:none!important}
.atlas-ui .tacticalpanel{position:fixed!important;right:22px;bottom:115px;z-index:15!important;width:390px;max-width:calc(100vw - 44px);display:none!important;border:1px solid #456473;border-radius:12px;overflow:hidden;box-shadow:0 12px 45px #0006;background:#0d202bf2}
.atlas-ui.tactical-open .tacticalpanel{display:block!important}.atlas-ui .tacticalhead{padding:10px 12px;gap:7px}.atlas-ui .tacticalhead>div{font-size:11px}.atlas-ui .tacticalhead small{display:none}.atlas-ui .tacticalhead select{max-width:160px;font-size:9px;border-radius:5px}.atlas-ui .tacticalwrap{height:240px}
.atlas-menu{position:fixed;right:22px;top:79px;width:225px;z-index:40;padding:10px}
.atlas-menu[hidden]{display:none}.menu-caption{display:block;font-size:9px;color:#7a98a7;padding:7px 9px 9px}
#atlasMenuItems{display:flex;flex-direction:column;align-items:stretch}
#atlasMenuItems button{display:block!important;text-align:left;padding:11px 10px;margin:0!important;border:0!important;border-radius:6px;background:none!important;font-size:11px!important;font-family:'Noto Sans KR',sans-serif!important;color:#bbd0db!important;font-weight:400!important;width:100%;height:auto}
#atlasMenuItems button:hover{background:#253e4b!important}#atlasMenuItems .off{opacity:.5}
.menu-footnote{display:block;font-size:8px;line-height:1.6;color:#698694;margin:7px 9px 3px;padding-top:11px;border-top:1px solid #2a424d}
.atlas-ui #toast{z-index:100;bottom:110px}
@media(max-width:1200px){.atlas-ui .legend{bottom:110px}.atlas-ui .mapcoords{bottom:151px}.atlas-ui .mapheader{max-width:none;top:90px;left:auto;right:22px;transform:none}.atlas-ui .controls{width:min(700px,calc(100vw - 44px))}.atlas-ui .mapheader .mono{font-size:8px}}
@media(max-width:760px){.atlas-topbar{left:14px;right:14px;top:13px;gap:10px}.atlas-brand{font-size:20px;letter-spacing:.7px;gap:6px}.atlas-brand>span{font-size:33px}.atlas-brand small{font-size:7px}.atlas-actions{gap:1px;padding:4px;border-radius:9px}.atlas-actions button{padding:9px 10px;font-size:10px}.atlas-actions #atlasFullscreen,.atlas-actions #atlasMore{padding:9px;font-size:18px}.atlas-setup{left:14px;top:85px;width:238px;padding:15px}.atlas-setup h1{font-size:14px;margin-bottom:14px}.atlas-ui .mapheader{right:14px;top:86px;max-width:calc(100vw - 290px);padding:8px 10px}.atlas-ui .mapheader .mono{display:none}.atlas-ui .controls{width:calc(100vw - 28px);bottom:14px;padding:11px;gap:8px;min-height:73px;border-radius:12px}.atlas-ui .presets{min-width:140px}.atlas-ui .start{min-width:135px;padding:13px 14px;font-size:11px}.atlas-ui .speed{padding-left:5px}.atlas-ui .speed button{font-size:10px;padding:7px}.atlas-map-tip{bottom:98px;font-size:8px}.atlas-ui .legend{left:14px;bottom:133px;font-size:8px;padding:7px 9px;gap:8px}.atlas-ui .mapcoords{display:none}.atlas-ui .sidebar{left:14px;width:294px;top:83px;bottom:105px}.atlas-ui .intel{right:14px;width:294px;top:83px;bottom:105px}.atlas-ui .zoomtools{right:14px}.atlas-map-tools{right:14px}.atlas-ui .tacticalpanel{right:14px;bottom:110px;max-width:calc(100vw - 28px)}.atlas-menu{right:14px;top:71px}}
@media(max-width:520px){.atlas-actions #atlasCountries{display:none}.atlas-actions button{padding:9px 8px}.atlas-brand{font-size:18px}.atlas-brand small{display:none}.atlas-brand>span{font-size:29px}.atlas-actions{gap:0}.atlas-actions #atlasFullscreen{display:none}.atlas-topbar{left:12px;right:12px}.atlas-setup{top:75px;left:12px;width:220px;padding:13px}.atlas-kicker{font-size:8px}.atlas-setup h1{font-size:13px;margin:5px 0 12px}.atlas-ui .coalition{padding:9px;margin-bottom:7px}.atlas-ui .chip{font-size:9px}.atlas-ui .mapheader{top:77px;right:12px;max-width:calc(100vw - 255px);font-size:8px;gap:5px;padding:7px 9px}.atlas-ui .mapheader b{font-size:8px;white-space:normal}.atlas-ui .mapheader .live-dot{display:none}.atlas-ui .controls{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;gap:8px;padding:10px;bottom:12px;min-height:110px;width:calc(100vw - 24px)}.atlas-ui .presets{grid-column:1;grid-row:1;min-width:0}.atlas-ui .presets>span{display:none}.atlas-ui .presets select{font-size:10px;padding:7px;min-width:0}.atlas-ui .speed{grid-column:2/4;grid-row:1;border:0;justify-content:flex-end;padding:0}.atlas-ui .speed button{padding:7px 10px}.atlas-ui .start{grid-column:1/3;grid-row:2;min-width:0;width:100%;padding:12px;font-size:12px}.atlas-ui #reset{grid-column:3;grid-row:2;width:30px;height:35px}.atlas-map-tip{bottom:133px;max-width:90vw;font-size:8px;white-space:normal;text-align:center;justify-content:center}.atlas-ui .legend{bottom:165px;left:12px}.atlas-ui .sidebar,.atlas-ui .intel{top:74px;bottom:152px;width:calc(100vw - 24px);max-width:340px;left:12px;right:auto;padding:15px}.atlas-ui .tacticalpanel{right:12px;bottom:157px;max-width:calc(100vw - 24px)}.atlas-ui .tacticalwrap{height:210px}.atlas-ui .zoomtools{right:12px;top:40%}.atlas-map-tools{right:12px;top:calc(40% + 126px)}.atlas-map-tools span{display:inline}.atlas-ui #toast{bottom:147px}.atlas-menu{right:12px;top:64px}}
@media(max-height:650px) and (min-width:761px){.atlas-setup{top:82px;padding:13px;width:242px}.atlas-setup h1{margin-bottom:12px;font-size:14px}.atlas-ui .coalition{padding:8px;min-height:55px}.atlas-setup>p{display:none}.atlas-ui .sidebar,.atlas-ui .intel{top:80px;bottom:105px}.atlas-ui .mapheader{top:84px}.atlas-ui .tacticalwrap{height:180px}.atlas-ui .tacticalpanel{bottom:110px}.atlas-ui .controls{min-height:66px;padding:9px 14px}}
@media(max-width:520px){.atlas-setup{width:calc(100vw - 24px);padding:11px;top:75px}.atlas-setup .setup-heading,.atlas-setup>p{display:none}#atlasTeamSlot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.atlas-setup .coalition{margin:0;min-height:66px;padding:8px}.atlas-setup .coalitiontitle{margin-bottom:6px}.atlas-setup .atlas-team-select{font-size:10px}.atlas-setup .atlas-team-select span{font-size:8px;margin-left:4px}.atlas-setup .team-add{height:18px;width:18px;font-size:13px}.atlas-setup .edit-countries{margin-top:9px;padding:7px 9px;font-size:10px}.atlas-ui .mapheader{top:219px;max-width:none;padding:8px 11px}.atlas-ui.atlas-fighting .mapheader{top:76px}.atlas-ui .mapheader b{font-size:9px}.atlas-ui .mapheader .mono{display:inline;font-size:8px}}
@media(max-width:520px){#atlasTeamSlot{display:block}#atlasTeamSlot>#coalitions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.atlas-setup .coalitiontitle{gap:4px}.atlas-setup .atlas-team-select{white-space:nowrap}}

/* Slightly larger small labels; preserve the map and panel footprint. */
.atlas-ui .presets>span{font-size:11px;color:#a0b8c4;line-height:1.4}
.atlas-ui .presets select{font-size:13px;line-height:1.5}
.atlas-ui .speed button{font-size:12px}
.atlas-ui .start{font-size:13px}
.atlas-actions button{font-size:12px}
.atlas-kicker{font-size:11px}
.atlas-setup>p{font-size:10px;color:#90a9b5}
.atlas-ui .chip{font-size:11px}
.atlas-team-select span{font-size:10px}
.atlas-ui .edit-countries{font-size:12px}
.atlas-ui .legend{font-size:11px}
.atlas-map-tip{font-size:11px}
.atlas-map-tools span{font-size:11px}
.atlas-ui .mapheader b{font-size:12px}
.atlas-ui .mapheader .mono{font-size:10px}
.atlas-ui .tacticalhead select{font-size:11px}
@media(max-width:520px){.atlas-actions button{font-size:11px}.atlas-ui .presets select{font-size:12px}.atlas-ui .speed button{padding:7px 8px;font-size:11px}.atlas-ui .start{font-size:13px}.atlas-ui .legend{font-size:10px}.atlas-map-tip{font-size:10px}.atlas-ui .mapheader b{font-size:11px}.atlas-ui .chip{font-size:10px}}

/* Make the active coalition and the next selection step explicit. */
.atlas-ui .atlas-team-select{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.atlas-ui .atlas-team-select>span{margin-left:0}
.team-active{font-size:9px;font-style:normal;line-height:1.5;padding:2px 5px;border-radius:4px;background:#29616a;color:#dbf7fa;white-space:nowrap}
.coalition.b .team-active{background:#6b4038;color:#ffe1d7}
.atlas-ui .coalition.editing{background:#173a43b3;box-shadow:0 0 0 1px #55cbdb33}
.atlas-ui .coalition.b.editing{background:#472f29aa;box-shadow:0 0 0 1px #f18b7633}
.selection-guide{grid-column:1/-1;margin-top:10px;border-top:1px solid #36505c;padding-top:11px;display:flex;flex-direction:column;gap:5px}
.selection-guide strong{font-size:12px;color:var(--a)}
.selection-guide[data-side="1"] strong{color:var(--b)}
.selection-guide>span{font-size:10px;color:#9bb2bd;line-height:1.6}
.selection-guide button{margin-top:4px;min-height:33px;padding:7px 9px;border:1px solid #42616e;border-radius:6px;color:#d1e2e8;background:#1b333f;font-size:11px;text-align:center}
.atlas-ui .coalition .empty{white-space:normal;line-height:1.6;font-size:10px}
@media(max-width:520px){.team-active{font-size:8px}.selection-guide{padding-top:8px;margin-top:8px}.selection-guide strong{font-size:11px}.selection-guide>span{font-size:9px}}
