/* Illustrated geography, live labels and authoritative portal connections. */
.content-release #modal:has(#content-root[data-screen=map]){width:min(1280px,97cqw);height:min(880px,94cqh);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;padding:16px 20px;background:#181d18;border:10px solid transparent;border-image:url('/public/assets/rpg-window-frame-v1.webp') 30 fill / 10px}
#modal:has(#content-root[data-screen=map]) #modal-body{flex:1;min-height:0;overflow:hidden;padding:0;display:flex;flex-direction:column}
#content-root[data-screen=map],#content-root[data-screen=map]>.content-body,.region-atlas{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.atlas-toolbar{display:flex;align-items:center;gap:8px;flex:none;margin-bottom:10px;color:#767767}
#modal .atlas-control{border:1px solid #8c84613b;background:#1b211b!important;border-image:none!important;color:#d9d9c6;box-shadow:none;border-radius:0;margin:0;padding:9px 12px;min-height:34px;min-width:0;font:inherit;font-size:12px;line-height:1.4;text-align:left}
#modal .atlas-control:hover,#modal .atlas-control:focus-visible{border-color:#ccbd8c;background:#30372b!important;color:#fff0c9}
#modal .atlas-control[aria-pressed=true]{color:#eeddaf;border-bottom-color:#c8af71}
.atlas-toolbar>.atlas-control:last-child,#modal .atlas-toolbar>.atlas-control:last-child{margin-left:auto}
.atlas-workspace{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;flex:1;min-height:0;min-width:0}
.atlas-viewport{container-type:size;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;overflow:hidden;background:#101813;border:1px solid #807d5a55}
.region-atlas .content-world{flex:none;width:min(100cqw,150cqh);height:min(66.6667cqw,100cqh);min-width:0;aspect-ratio:3/2;background:#27352a;isolation:isolate}
.region-atlas .content-world>img{inset:0;object-fit:fill;opacity:1;filter:saturate(.85) brightness(.83);pointer-events:none}
.region-atlas .content-world>svg{pointer-events:none;stroke:#eee2b3;stroke-width:2;filter:drop-shadow(0 1px 2px #122116);opacity:.85}
.region-atlas .content-world>svg .is-highlighted{stroke:#fff2aa;stroke-width:3}
.region-atlas .content-world>svg .is-navigation-route{stroke:#ffe4a0;stroke-width:4;stroke-dasharray:8 4}
.atlas-navigation{display:grid;gap:6px;margin-bottom:14px}
.atlas-navigation>span{font-size:11px;line-height:1.5;color:#c4c6ad;overflow-wrap:anywhere}
#modal .atlas-navigation .atlas-control{text-align:center;border-color:#a89461;min-height:38px;white-space:normal}
#modal .atlas-navigation .atlas-control:disabled{opacity:.55;cursor:default}
.region-atlas .atlas-exit-route{stroke-dasharray:5 6}
#modal .region-atlas .content-world-node{background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0;width:max-content;max-width:150px;min-height:40px;padding:5px 4px;margin:0;color:#f9f1d6;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1;line-height:1.3;text-shadow:0 1px 3px #000;overflow:visible}
.region-atlas .content-world-node>i{display:block;width:9px;height:9px;box-sizing:border-box;border:2px solid #2b2e21;border-radius:50%;background:#efe0ac;box-shadow:0 0 0 1px #e5d8a299}
.region-atlas .content-world-node strong,.region-atlas .content-world-node small{display:block;padding:3px 6px;background:#152019e8;white-space:nowrap;box-shadow:0 1px 3px #0005;line-height:1.3}
.region-atlas .content-world-node strong{font-size:12px;font-weight:550;border-bottom:1px solid #8c8a6255}
.region-atlas .content-world-node small{font-size:10px;margin:0;color:#c5cbb6;padding:1px 5px}
.region-atlas .content-world-node.is-interior>i{border-radius:0;width:7px;height:7px}
#modal .region-atlas .content-world-node.is-current>i{background:#fff5b7;box-shadow:0 0 0 4px #ffe29a55,0 0 10px #ffe29a}
#modal .region-atlas .content-world-node.is-current strong{color:#ffe9a2;border-bottom-color:#f2d486}
#modal .region-atlas .content-world-node[aria-pressed=true] strong{outline:1px solid #d6bf7f}
#modal .region-atlas .content-world-node:hover strong,#modal .region-atlas .content-world-node:focus-visible strong{background:#41503d;color:#fff5d2}
.region-atlas .content-world-node.is-exit>i{width:8px;height:8px;border-radius:0;transform:rotate(45deg);background:#acbbac}
.region-atlas .content-world-node.is-exit strong{color:#d0dfd0;border-color:#b8c6b0}
.region-atlas .atlas-detail{min-width:0;overflow-y:auto;overflow-x:hidden;padding:12px 0;color:#e2ddc6}
#modal .region-atlas .atlas-detail h3{margin:9px 0 20px;font-size:19px;font-weight:550;line-height:1.5}
#modal .region-atlas .atlas-detail h4{font-size:12px;color:#aeb99f;margin:0 0 8px;font-weight:500}
.region-atlas .atlas-detail>small{font-size:11px;color:#bdc2ab}.region-atlas .atlas-detail section{border-top:1px solid #7e805b44;margin-top:18px;padding-top:14px}
#modal .region-atlas .atlas-detail p{font-size:12px;line-height:1.9;color:#d5d6c8;margin:0}
.atlas-neighbors{display:grid;gap:6px}.atlas-neighbors .atlas-control{display:flex;justify-content:space-between;align-items:center;gap:8px}
.region-atlas .content-map-caption{flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 0;font-size:11px;color:#afb89e}
.region-atlas .map-art-status{position:absolute;inset:auto 8px 8px;min-width:0;transform:none;width:auto;z-index:3;background:#111c15eb}
.upgrade-effect{width:100%;color:#c3d9bd;font-size:12px}
@container game-viewport (max-height:500px){
  .content-release #modal:has(#content-root[data-screen=map]){height:98cqh;padding:8px 12px}
  .atlas-toolbar{margin-bottom:5px;gap:5px}.atlas-workspace{grid-template-columns:minmax(0,1fr) 170px;gap:10px}
  #modal .atlas-control{padding:5px 8px;min-height:28px;font-size:11px}
  .region-atlas .atlas-detail{padding:5px 0}#modal .region-atlas .atlas-detail h3{font-size:16px;margin:5px 0 10px}.region-atlas .atlas-detail section{margin-top:10px;padding-top:9px}
  .region-atlas .content-map-caption{margin-top:4px;font-size:10px}
}