/* Insets apply to the map viewport as well as fixed controls. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{background:#162b40}#map{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#panel{top:calc(20px + var(--safe-top));left:calc(20px + var(--safe-left));max-height:calc(100dvh - 65px - var(--safe-top) - var(--safe-bottom))}#status{bottom:calc(28px + var(--safe-bottom));max-width:calc(100vw - 40px - var(--safe-left) - var(--safe-right))}#selection-bar{bottom:calc(72px + var(--safe-bottom));max-width:calc(100vw - 40px - var(--safe-left) - var(--safe-right))}.maplibregl-popup-content{max-height:calc(70dvh - var(--safe-top) - var(--safe-bottom));overflow-y:auto}.pwa-help{margin-top:16px;font-size:13px;color:#536879;line-height:1.5}.pwa-help summary{cursor:pointer}.pwa-help p{margin:8px 0}.pwa-notice{position:fixed;z-index:10;right:calc(12px + var(--safe-right));top:calc(12px + var(--safe-top));max-width:min(300px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));background:#162b40;color:#fff;border:1px solid #61798b;border-radius:10px;padding:12px;box-shadow:0 5px 20px #0004;font-size:13px}.pwa-notice button{margin:8px 5px 0 0;min-height:44px}.pwa-notice[hidden]{display:none}@media(min-width:901px){#selection-bar,#status{left:calc(380px + var(--safe-left))}}@media(max-width:900px){#selection-bar,#status{left:calc(20px + var(--safe-left))}}@media(max-width:600px){#panel{top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));width:calc(100% - 65px - var(--safe-left) - var(--safe-right));max-height:calc(65dvh - var(--safe-top) - var(--safe-bottom))}#status{left:calc(10px + var(--safe-left));bottom:calc(34px + var(--safe-bottom))}#selection-bar{left:calc(10px + var(--safe-left));bottom:calc(76px + var(--safe-bottom));max-height:35dvh;overflow:auto}.search-row input,select{font-size:16px}.maplibregl-ctrl-group button{width:40px;height:40px}}@media(orientation:landscape) and (max-height:500px){#panel{max-height:calc(100dvh - 70px - var(--safe-top) - var(--safe-bottom))}}@media(prefers-reduced-motion:reduce){.pwa-notice{scroll-behavior:auto}}