/* North-up geography is a square at every viewport; only its chrome follows RTL. */
.map-layout{display:grid;grid-template-columns:minmax(0,min(58%,clamp(300px,calc(100dvh - 320px),540px))) minmax(0,1fr);gap:24px;align-items:start}
.map-wrap{width:100%;aspect-ratio:1;max-height:none;border-color:#b2bea76b;background:#8b9771;box-shadow:inset 0 0 40px #172c2333}
.forest-map{position:absolute;inset:0;display:block;width:100%;height:100%}
.map-anchors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.map-anchors path{fill:none;stroke:#f4e7c5b3;stroke-width:.24}
.map-anchors circle{fill:#f5e6c7;stroke:#405549;stroke-width:.2}
.map-node{width:32px;height:32px;font-size:10px;font-variant-numeric:tabular-nums;background:#16382fed;border-color:#dfdfbaad;box-shadow:0 2px 6px #13231988}
.map-node.pinned{border-color:#fff0bd;box-shadow:0 0 0 3px #eed49b66,0 2px 8px #132319b3}
.map-player{width:13px;height:18px;background:#fffbda;filter:drop-shadow(0 0 2px #163d2e)}
.map-north{left:14px;top:10px;color:#243d31;background:#e9e6c3bf;width:32px;height:47px;border:1px solid #4e66574d;display:flex;align-items:center;flex-direction:column;gap:2px;font-size:13px;line-height:1.4}
.map-north svg{width:18px;height:23px}
.map-scale{position:absolute;left:14px;bottom:13px;width:10%;min-width:0;color:#243d31;font-size:10px;line-height:1.4;text-shadow:0 1px #efedcd;direction:ltr;white-space:nowrap}
.map-scale i{display:block;height:5px;border:1px solid #344b3c;border-top:0;background:#e6e2c3bb}
.map-sidebar{min-width:0}.map-sidebar .map-picker{display:block;margin:0 0 18px;color:var(--muted);font-size:12px}
.map-sidebar .map-picker select{display:block;width:100%;min-height:44px;margin-top:8px;font:inherit;font-size:14px;background:#213f36;color:var(--ivory);border:1px solid var(--line);padding:8px;max-width:100%}
.map-sidebar .map-details{margin-top:0;padding-top:0;border-top:0}.map-sidebar .map-details h3{font-size:21px}.map-sidebar .dialog-actions{margin-top:18px}
.map-sidebar .map-legend{flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:11px}
@media(max-width:750px){.map-layout{grid-template-columns:1fr;gap:18px}.map-wrap{max-width:480px;margin-inline:auto;grid-row:2}.map-sidebar{display:contents}.map-sidebar .map-picker{grid-row:1;margin:0}.map-sidebar .map-picker select{font-size:16px}.map-sidebar .map-details{grid-row:3}.map-sidebar .map-legend{grid-row:4;flex-direction:row;flex-wrap:wrap;margin-top:0}.map-sidebar .map-details h3{font-size:19px}}
@media(max-width:400px){.map-node{width:27px;height:27px;font-size:9px}.map-north{left:8px;top:8px;transform:scale(.8);transform-origin:top left}.map-scale{left:8px;bottom:9px}}
@media(max-height:500px) and (min-width:560px) and (max-width:1000px){
 .map-dialog .dialog-intro{font-size:11px;line-height:1.5;margin-bottom:12px}
 .map-layout{grid-template-columns:minmax(0,clamp(170px,calc(100dvh - 166px),245px)) minmax(0,1fr);gap:16px}
 .map-wrap{grid-row:auto;max-width:100%;margin:0}.map-sidebar{display:block}
 .map-sidebar .map-picker{margin:0 0 12px}.map-sidebar .map-details h3{font-size:17px}
 .map-sidebar .map-legend{margin-top:14px;padding-top:12px;gap:8px;font-size:10px}
 .map-node{width:24px;height:24px;font-size:8px}.map-north{left:7px;top:7px;transform:scale(.75);transform-origin:top left}
}