/* The old CSS-transformed Leaflet canvas is only used in 2D now. */
.map-wrap.is-3d-view #map { inset: 0; visibility: hidden; transform: none !important; }
#map3d { position: absolute; inset: 0; }
#altitude3dCanvas { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.map-wrap.is-3d-view .map-key { display: none; }
.altitude-3d > #altitude3dReset { top: 83px; left: 18px; right: auto; }
.altitude-3d .altitude-3d-scale { left: 18px; right: auto; bottom: 45px; }
#map3d .maplibregl-ctrl-bottom-right { bottom: 32px; }
#map3d .maplibregl-ctrl-group button { min-height: 29px; padding: 0; border-radius: 0; }
#map3d .maplibregl-ctrl-attrib { color: #172429; font: 10px/1.5 sans-serif; }
#map3d .maplibregl-ctrl-attrib a { color: #172429; }
.map3d-empty { position: absolute; top: 145px; left: 18px; max-width: min(340px, 65%); z-index: 3; pointer-events: none; padding: 10px; border-radius: 8px; background: rgba(5,25,28,.85); color: #d6e8e4; font-size: 12px; }
.map3d-error { position: absolute; z-index: 450; top: 16px; left: 16px; max-width: 70%; padding: 12px; color: #fff; background: #74452c; border-radius: 8px; }
.map3d-empty[hidden], .map3d-error[hidden] { display: none; }
.terrain-setting > span { display: flex; align-items: center; gap: 8px; }
.terrain-setting input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; margin: 0; accent-color: #29b99e; }
.terrain-credits { position: absolute; bottom: 0; left: 0; right: 0; padding: 3px 8px; color: #d6e8e4; background: rgba(5,25,28,.9); font: 10px/1.4 Manrope, sans-serif; z-index: 3; }
.terrain-credits a { color: #a6f2de; margin-left: 6px; }
@media (max-width: 600px) {
  .altitude-3d > #altitude3dReset { top: 10px; left: 10px; }
  .map3d-empty { top: 60px; left: 10px; }
  #map3d .maplibregl-ctrl-bottom-right { bottom: 46px; }
  .altitude-3d .altitude-3d-scale { bottom: 56px; left: 10px; }
}