body:has(#mapDialog[open]){overflow:hidden}
#mapDialog{width:calc(100% - 24px);max-width:1600px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:10px;box-sizing:border-box;overflow:hidden;background:#0c1721}
#mapDialog[open]{display:flex;flex-direction:column;gap:8px}
#mapDialog .panel-heading{flex:none;margin:0;display:flex;justify-content:space-between;align-items:center;gap:10px}
#mapLayers{display:flex;gap:6px}#mapLayers button{min-height:44px;min-width:72px;background:#1a2a35;border:1px solid #324653;color:#aec5d1;font-size:14px}
#mapLayers button[aria-pressed="true"]{color:#ffe0a3;background:#3a3325;border-color:#c0a46b}#mapLayers button:disabled{opacity:.3}
#mapDialog .map-scroll{flex:1;min-height:0;max-height:none;overflow:hidden;width:100%;border:1px solid #324653;background:radial-gradient(ellipse at 45% 50%,#172936,#0c1721 75%)}
#mapDialog #mapLarge{height:100%;width:100%;min-width:0}#mapLarge>#worldMapCanvas{width:100%;height:100%;min-width:0;display:block;touch-action:none;cursor:grab;background:transparent;border:0;image-rendering:auto}
#worldMapCanvas:active{cursor:grabbing}#worldMapCanvas text{user-select:none}#mapDialog #closeMap{min-height:44px}
#map>svg{width:100%;height:230px;display:block}#hudMap>svg{width:100%;height:100%;display:block}
@media(max-width:600px){#mapDialog{width:100%;height:100dvh;max-height:100dvh;margin:0;max-width:none;padding:6px}#mapLayers{gap:4px}#mapLayers button{min-width:58px;padding:6px 10px}#mapDialog #closeMap{padding:6px 10px;font-size:13px}}