/* Temporary map-first view while live feed availability is established. */
.map-only .layers,
.map-only .overview,
.map-only .map-heading,
.map-only .bottom-key,
.map-only .mobile-layers,
.map-only .map-vignette,
.map-only #index-toggle,
.map-only #add-report,
.map-only .view-controls > .divider ~ .divider { display: none !important; }
.map-only .maplibregl-ctrl-bottom-left { left: 12px !important; }
.map-only .maplibregl-ctrl-top-right { top: 82px; right: 14px; }
.map-only .map-status { left: 24px; bottom: 45px; max-width: calc(100% - 48px); }
.map-search { position: absolute; top: 24px; left: 24px; width: 280px; z-index: 2; }
.map-search .search-box { margin: 0; background: rgba(14,23,33,.96); box-shadow: 0 8px 30px #0003; }
.map-search .search-results { margin: 8px 0 0; }
.region-signature { position:absolute; bottom:35px; left:50%; transform:translateX(-50%); width:min(480px,65vw); pointer-events:none; opacity:0; }
.region-signature svg { display:block; width:100%; height:auto; overflow:visible; }
.region-signature text { font-family:'Space Grotesk',sans-serif; font-size:46px; font-weight:500; letter-spacing:12px; fill:transparent; stroke:#99b9ae; stroke-width:.8; stroke-dasharray:220; stroke-dashoffset:220; }
.region-signature.revealed { opacity:1; transition:opacity .3s; }
.region-signature.revealed text { animation:write-region 1.5s cubic-bezier(.22,.61,.36,1) forwards; }
@keyframes write-region { 0% {stroke-dashoffset:220;fill:transparent} 65% {fill:transparent;stroke-opacity:.85} 100% {stroke-dashoffset:0;fill:#99b9ae;stroke-opacity:0} }
@media(prefers-reduced-motion:reduce) { .region-signature.revealed{transition:none}.region-signature.revealed text{animation:none;fill:#99b9ae;stroke:none} }
@media(max-width:640px) {
 .region-signature { bottom:48px; width:80vw; }
 .map-only .view-controls { left: auto; right: 12px; top: 74px; }
 .map-search { top: 14px; left: 12px; right: 12px; width: auto; }
 .map-only .maplibregl-ctrl-top-right { top: 134px; right: 5px; }
 .map-only .demo-pill { font-size: 6px; }
}