/* Keep the fullscreen hazard canvas edge-to-edge; controls return on exit. */
.watchtower-map-lightbox[data-map-lightbox-key="natural-hazards"] {
  padding: 0 !important;
  gap: 0 !important;
  grid-template-rows: minmax(0, 1fr) !important;
}
.watchtower-map-lightbox[data-map-lightbox-key="natural-hazards"] > .watchtower-map-lightbox-stage {
  position: absolute;
  inset: 0;
  border: 0;
  border-radius: 0;
}
.watchtower-map-lightbox[data-map-lightbox-key="natural-hazards"] > .watchtower-map-lightbox-head {
  position: absolute;
  top: max(8px, env(safe-area-inset-top, 0px));
  right: max(8px, env(safe-area-inset-right, 0px));
  z-index: 10;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  pointer-events: none;
}
.watchtower-map-lightbox[data-map-lightbox-key="natural-hazards"] .watchtower-map-lightbox-title,
.watchtower-map-lightbox[data-map-lightbox-key="natural-hazards"] .watchtower-map-lightbox-hint {
  display: none;
}
.watchtower-map-lightbox[data-map-lightbox-key="natural-hazards"] .watchtower-map-lightbox-close {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 0;
  border-radius: 50%;
  background: #091923 !important;
  pointer-events: auto;
}
.watchtower-map-lightbox[data-map-lightbox-key="natural-hazards"] .watchtower-map-lightbox-close::after {
  content: "\00d7";
  font: 28px/1 sans-serif;
}
.watchtower-map-lightbox-stage > #hazardsMapStage {
  position: relative;
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.watchtower-map-lightbox-stage > #hazardsMapStage > :not(#hazardsCommandMapWrap) {
  display: none !important;
}
.watchtower-map-lightbox-stage #hazardsCommandMapWrap {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0;
}
.watchtower-map-lightbox-stage #hazardsCommandMap {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}
.watchtower-map-lightbox-stage #hazardsCommandMap .maplibregl-ctrl-bottom-right {
  bottom: env(safe-area-inset-bottom, 0px);
  right: env(safe-area-inset-right, 0px);
}