/* The atlas palette is independent of the source geography. All paths are SVG. */
.map-section {
    --atlas-sea:#d9dbc3; --atlas-land:#f0e6ca; --atlas-neighbor:#e7e1cd;
    --atlas-border:#9a805a; --atlas-water:#b9c9b6; --atlas-river:#91a48c;
    --atlas-forest:#bdc7a4; --atlas-forest-edge:#a9b691; --atlas-road:#b79567;
    --atlas-road-edge:#f9f2df; --atlas-grid:#ab9d7b; --atlas-label:#535c43;
}
.natural-style {
    --atlas-sea:#d5e6e8; --atlas-land:#f4f2e6; --atlas-neighbor:#e9e9df;
    --atlas-border:#87978a; --atlas-water:#a8cdd6; --atlas-river:#79b1c1;
    --atlas-forest:#afc9a0; --atlas-forest-edge:#9ebc90; --atlas-road:#c9a27a;
    --atlas-road-edge:#fffdf4; --atlas-grid:#acb5a2; --atlas-label:#425849;
}
#travel-map { background:var(--atlas-sea); }
.atlas-neighbor { fill:var(--atlas-neighbor); stroke:#c3bba3; }
.atlas-country { fill:var(--atlas-land); stroke:var(--atlas-border); stroke-dasharray:5 3; }
.atlas-forest { fill:var(--atlas-forest); stroke:var(--atlas-forest-edge); }
.atlas-water { fill:var(--atlas-water); stroke:var(--atlas-river); }
.atlas-river { stroke:var(--atlas-river); }
.atlas-road-major,.atlas-road-minor { stroke:var(--atlas-road); fill:none; }
.atlas-road-minor { stroke-dasharray:3 2; }
.atlas-road-casing { stroke:var(--atlas-road-edge); fill:none; }
.atlas-grid { stroke:var(--atlas-grid); opacity:.22; }
.atlas-place { border:0; background:none; color:var(--atlas-label); }
.atlas-place-content { display:block; position:relative; width:24px; height:24px; }
.atlas-place-dot { display:block; position:absolute; top:8px; left:8px; width:8px; height:8px; border:1.5px solid #faf3de; background:#6c7657; border-radius:50%; box-shadow:0 0 0 1px #6c765755; }
.atlas-place-capital .atlas-place-dot { background:none; border:0; box-shadow:none; font:18px/24px Georgia,serif; width:24px; height:24px; top:0; left:0; text-align:center; color:#7f6745; }
.atlas-place-temple .atlas-place-dot { background:var(--atlas-land); border:0; box-shadow:none; border-radius:0; font:25px/24px Georgia,serif; width:24px; height:24px; top:0; left:0; color:#a16a43; text-align:center; }
.atlas-place-island .atlas-place-dot { background:#879b79; }
.atlas-place-name { position:absolute; white-space:nowrap; padding:0 4px; height:22px; line-height:22px; font-size:12px; font-weight:500; letter-spacing:.1px; text-shadow:0 1px 2px var(--atlas-land),0 -1px 2px var(--atlas-land),1px 0 2px var(--atlas-land),-1px 0 2px var(--atlas-land); }
.atlas-rank-1 .atlas-place-name { font-size:14px; font-weight:600; }
.atlas-place-name[hidden] { display:none!important; }
.atlas-place:hover .atlas-place-name,.atlas-place:focus-visible .atlas-place-name { color:#a35737; background:#f8f1dfed; border-radius:3px; z-index:1; }
.atlas-place:hover .atlas-place-dot { box-shadow:0 0 0 5px #ad583b22; }
.atlas-caption { pointer-events:none; border:0; background:none; text-align:center; color:#8e8969; }
.atlas-caption-text { display:block; white-space:nowrap; font:italic 16px Georgia,serif; text-shadow:0 1px 4px var(--atlas-land); }
.atlas-caption-country .atlas-caption-text { font:24px var(--serif); letter-spacing:4px; color:#9c906b; }
.atlas-caption-neighbor .atlas-caption-text { font:11px var(--sans); letter-spacing:3px; opacity:.7; }
.atlas-caption-water .atlas-caption-text { color:#6b876f; transform:rotate(-23deg); font-size:17px; }
.atlas-caption-river .atlas-caption-text { color:#6b876f; transform:rotate(-72deg); font-size:14px; }
.atlas-caption-region .atlas-caption-text { font:9px var(--sans); letter-spacing:2px; color:#8e9776; }
.atlas-caption-sea .atlas-caption-text { font:italic 18px var(--serif); letter-spacing:1px; color:#7d8c76; text-shadow:none; }
.atlas-caption-mountain .atlas-caption-text { font-size:13px; color:#87906e; }
.atlas-mountains { display:block; height:34px; margin-bottom:4px; }
.atlas-mountains svg { width:85px; height:34px; stroke:#8c9677; stroke-width:1; fill:none; opacity:.65; }
.atlas-key { position:absolute; z-index:450; right:25px; bottom:42px; display:flex; gap:13px; align-items:center; color:#817c63; font-size:8px; pointer-events:none; }
.atlas-key>span { display:flex; align-items:center; gap:5px; }
.key-city { width:5px; height:5px; background:#6c7657; border-radius:50%; }
.key-temple { font:18px/10px Georgia,serif; color:#a16a43; }
.key-road { width:15px; border-top:2px solid #b79567; }
@media(max-width:850px) { .atlas-key { right:17px; bottom:42px; font-size:7px; gap:9px; } .atlas-caption-country .atlas-caption-text { font-size:19px; letter-spacing:2px; } }
@media(max-width:700px) { .atlas-key { bottom:44px; right:15px; font-size:7px; gap:9px; } .map-bottom-label { letter-spacing:.8px; } }