/* Shared atlas, independently mounted on the home page and the final Story phase. */
.world-map{overflow:hidden;isolation:isolate}
.world-map:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#7194a30b 1px,transparent 1px),linear-gradient(90deg,#7194a30b 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 54% 50%,#000,transparent 72%)}
.world-map canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.world-map .map-hotspot{left:0;top:0;will-change:transform}
.world-map .map-readout{font-size:16px;letter-spacing:.09em;background:#071019f2;border-color:#a7505c;box-shadow:0 8px 30px #0009,inset 3px 0 #ff586344}
.world-map .map-readout{min-height:36px;padding:7px 10px;border:0;box-shadow:none;background:transparent;clip-path:none}
.world-map .map-detail-close{position:absolute;z-index:5;width:44px;height:40px;min-height:40px;padding:0;border:0;background:transparent;color:#d8e5ec;font:26px/1 var(--mono);cursor:pointer}
.world-map .map-detail-close[hidden]{display:none}
.world-map .map-inspector-hitbox{position:absolute;z-index:4;cursor:crosshair}
.world-map .map-inspector-hitbox[hidden]{display:none}
.world-map .map-place-description{position:absolute;z-index:5;box-sizing:border-box;margin:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#677e8b #071019;color:#ccd9de;font:400 16px/1.5 var(--body,Arial,sans-serif);letter-spacing:0;text-wrap:pretty}
.world-map .map-place-description[hidden]{display:none}
.world-map .map-place-description:focus-visible{outline:1px solid #ff5863;outline-offset:4px}
.world-map .map-detail-close{z-index:6}
.world-map .map-detail-close:hover,.world-map .map-detail-close:focus-visible{background:#ffffff15;color:#ff6678;outline:1px solid #a7505c}
.story-world>.story-orbital-map{position:absolute;inset:235px 1% 85px 44%;z-index:4;opacity:0;pointer-events:none;touch-action:pan-y;background:radial-gradient(ellipse at 53% 55%,#07141dbb,transparent 67%)}
.story-orbital-map .map-readout{background:#081219f5}
@media(min-width:761px) and (max-height:700px){.story-world>.story-orbital-map{inset:215px 0 70px 43%}}
@media(max-width:760px){
 .story-world>.story-orbital-map{inset:154px 65px auto 0;height:clamp(190px,27svh,300px);background:radial-gradient(ellipse at 53% 55%,#07141dbb,transparent 70%)}
 .story-world>.story-orbital-map[data-map-focus]:not([data-map-focus=""]){inset:94px 65px 72px 0;height:auto;min-height:0;z-index:9}
 .story-debug-mode:has(.story-particle-debug[open]) .story-world>.story-orbital-map[data-map-focus]:not([data-map-focus=""]){bottom:130px}
 body:has(.story-orbital-map[data-map-focus]:not([data-map-focus=""])) :is(.music-toggle,.story-bottom,.story-position,.story-music-credit){visibility:hidden}
 .story-orbital-map .map-readout{min-height:36px;padding:7px 10px;font-size:16px}
}
@media(max-width:760px) and (max-height:700px){.story-world>.story-orbital-map{top:142px;height:25svh;min-height:150px}}
@media(max-width:760px) and (max-height:500px){
 .story-world>.story-orbital-map[data-map-focus]:not([data-map-focus=""]){inset:8px 65px 8px 0;height:auto}
 body:has(.story-orbital-map[data-map-focus]:not([data-map-focus=""])) .site-header{visibility:hidden}
}