/* Map pixels are deliberately coarse; interactive HTML remains sharp. */
#map canvas { image-rendering:pixelated; image-rendering:crisp-edges; }
.world-picker { position:absolute;z-index:3;top:calc(134px + var(--safe-top));left:14px; }
.world-picker select { min-height:44px;min-width:130px;max-width:170px;padding:8px 30px 8px 14px;border:1px solid #fff;border-radius:24px;background:#fffefa;color:#103d59;font:600 13px/1.4 sans-serif;box-shadow:var(--shadow); }
.world-picker select:focus-visible { outline:3px solid #946b34;outline-offset:3px; }
.map-status { top:calc(222px + var(--safe-top));max-width:calc(100% - 84px); }
.map-footnote { display:block;position:absolute;z-index:2;pointer-events:none;left:14px;right:auto;bottom:calc(20px + var(--safe-bottom));background:#fffefaec;border-radius:3px;padding:1px 5px;font-size:9px;line-height:1.5;color:#334d56;max-width:calc(100% - 30px); }
.maplibregl-ctrl-bottom-left { top:calc(182px + var(--safe-top));bottom:auto; }
.maplibregl-ctrl-attrib { background:#fffef4e8!important; }
@media(min-width:700px) {
 .world-picker { left:26px;top:148px; }
 .maplibregl-ctrl-bottom-left { top:196px;bottom:auto; }
 .map-status { top:234px; }
 .map-footnote { bottom:5px;left:26px; }
}