#strategic-map{width:calc(100vw - 28px);height:calc(100dvh - 28px);max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #9aab85;border-radius:12px;background:#18333c;color:#efe8cf;box-shadow:0 20px 90px #081f31a0;overflow:hidden;font-family:'Trebuchet MS',sans-serif}#strategic-map[open]{display:flex;flex-direction:column}#strategic-map::backdrop{background:#112a34e8;backdrop-filter:blur(8px)}.atlas-header{display:flex;align-items:center;gap:30px;padding:19px 26px;border-bottom:1px solid #8e9f7840;background:linear-gradient(110deg,#29473f,#1c343b);flex:none}.atlas-header>div:first-child{flex:1}.atlas-live{font-size:9px;letter-spacing:1.4px;color:#adc2a6;font-weight:bold}.atlas-live i{display:inline-block;width:5px;height:5px;background:#a2d7a1;box-shadow:0 0 7px #b7df9d65;border-radius:50%;margin-right:7px}#strategic-map h2{font:27px Georgia,serif;letter-spacing:-.4px;margin:5px 0 0;color:#f5e5b9}.atlas-layers{display:flex;background:#122d35;border:1px solid #67857288;border-radius:6px;padding:3px;gap:2px}.atlas-layers button{border:0;background:none;color:#a1bba8;font:700 11px 'Trebuchet MS',sans-serif;border-radius:4px;padding:9px 13px}.atlas-layers button[aria-pressed=true]{background:#5a7056;color:#fff0cb}.atlas-close{display:flex;align-items:center;gap:12px;font-size:11px;background:#2b4847;border:1px solid #748e785c;border-radius:6px;color:#f2deb1;padding:9px 11px}.atlas-close span{font-size:22px;line-height:20px}.atlas-close kbd{font-size:9px;padding:3px 5px}.atlas-body{display:grid;grid-template-columns:minmax(0,1fr) 245px;min-height:0;flex:1}.atlas-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#142f39}.atlas-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.atlas-stage canvas:active{cursor:grabbing}.atlas-stage canvas:focus-visible{outline:2px solid #cdbb76;outline-offset:-3px}.atlas-compass{position:absolute;top:24px;left:24px;display:grid;gap:4px;text-align:center;color:#d1c698;font:10px Georgia,serif;pointer-events:none}.atlas-compass span{font-size:37px;line-height:40px}.atlas-camera{position:absolute;bottom:18px;right:19px;display:flex;gap:3px;border:1px solid #77917a;background:#203c3e;padding:4px;border-radius:7px}.atlas-camera button{border:0;background:#2d4c47;color:#e2d8b2;border-radius:4px;font:12px 'Trebuchet MS',sans-serif;padding:8px 12px}.atlas-camera button[data-camera=in],.atlas-camera button[data-camera=out]{font-size:19px;padding:3px 13px}.atlas-camera button:hover{background:#4b6555}.atlas-location{position:absolute;bottom:27px;left:22px;color:#abc1b0;font-size:9px;letter-spacing:.8px;background:#15323aad;padding:5px 8px;pointer-events:none}.atlas-sidebar{display:flex;flex-direction:column;background:#1d393c;border-left:1px solid #78917455;padding:19px 13px;min-height:0;gap:14px}.atlas-list-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#dcca93;padding:0 6px}.atlas-list-heading small{font-size:9px;letter-spacing:0;color:#97ad97}.atlas-realms{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#54765f transparent}.atlas-realm{width:100%;display:flex;align-items:center;gap:9px;padding:12px 8px;background:transparent;border:1px solid transparent;border-radius:5px;color:#dce7d3;text-align:left;margin-bottom:2px}.atlas-realm:hover{background:#304d48}.atlas-realm[aria-pressed=true]{background:#3a574c;border-color:#8a9e755e}.atlas-realm>i{width:5px;height:25px;border-radius:2px;flex:none}.atlas-realm>span{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-realm b{font-size:10px;font-weight:400;color:#b7c8ad}.atlas-realm em{width:5px;height:5px;border-radius:50%;flex:none}.atlas-realm.is-out{opacity:.4}.atlas-inspect{border-top:1px solid #6382675c;padding:18px 6px 0}.atlas-inspect .lobby-eyebrow{font-size:8px;letter-spacing:1.5px}.atlas-inspect h3{font:22px Georgia,serif;color:#ead3a0;margin:9px 0;overflow-wrap:anywhere}#strategic-map .atlas-inspect p{font-size:10px;line-height:1.5;color:#9eb69f;margin:0 0 16px}.atlas-inspect button{width:100%;display:flex;justify-content:space-between;border:1px solid #a7a67b75;background:#415e4d;color:#efdbab;border-radius:5px;padding:11px 12px;font-size:11px}.atlas-inspect button:disabled{opacity:.4;cursor:default}.atlas-key{display:flex;flex-wrap:wrap;gap:7px 14px;padding:8px 5px 0;color:#93ae9b;font-size:8px}.atlas-key span{display:flex;align-items:center;gap:5px}.atlas-key i{height:5px;width:5px;border-radius:50%}.atlas-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #8297713d;padding:12px 23px;color:#91aa94;font-size:9px;flex:none;background:#1c383a}.atlas-footer b{font-weight:400;color:#cad7bb}.atlas-footer i{font-style:normal;padding:0 8px;color:#6b8f7d}.map-open #game-ui{visibility:hidden}.map-open #build-radial{visibility:hidden}.atlas-header button:focus-visible,.atlas-sidebar button:focus-visible,.atlas-camera button:focus-visible{outline:2px solid #f4d28a;outline-offset:2px}
@media(max-width:850px){#strategic-map{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.atlas-body{grid-template-columns:minmax(0,1fr) 196px}.atlas-header{padding:14px 17px;gap:12px}.atlas-layers button{padding:8px}.atlas-close{font-size:0;gap:6px}.atlas-close kbd{font-size:10px}.atlas-footer{font-size:8px;padding:10px 15px}.atlas-footer>span+span{display:none}.atlas-location{bottom:67px;font-size:8px;left:15px}.atlas-sidebar{padding:15px 8px}.atlas-realm{gap:6px;padding:10px 6px}.atlas-realm>span{font-size:10px}.atlas-inspect h3{font-size:18px}}
@media(max-width:550px){.atlas-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 158px}.atlas-header{padding:12px;gap:8px}.atlas-live{font-size:7px}#strategic-map h2{font-size:22px}.atlas-layers button{font-size:9px;padding:7px}.atlas-close{padding:6px}.atlas-sidebar{border-left:0;border-top:1px solid #78917455;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:9px 12px}.atlas-list-heading,.atlas-key{display:none}.atlas-realms{grid-column:1;grid-row:1}.atlas-inspect{grid-column:2;grid-row:1;border-top:0;border-left:1px solid #6482675c;padding:2px 0 2px 12px}.atlas-inspect h3{font-size:16px;margin:6px 0}.atlas-inspect button{padding:8px;font-size:10px}.atlas-realm{padding:8px 4px}.atlas-location{bottom:68px}.atlas-footer{font-size:7px;padding:9px 12px}.atlas-footer i{padding:0 3px}.atlas-compass{top:15px;left:15px}}