/* Eye mobile controls: preserve the map while making actions comfortable to tap. */
@media (max-width: 640px) {
  html, body, #root { min-width: 0 !important; width: 100% !important; overflow-x: hidden !important; }
  button, [role="button"], a, select { min-height: 42px; }
  input, select, textarea { font-size: 16px !important; }
  button, [role="button"] { touch-action: manipulation; }
  .leaflet-control-zoom a { min-height: 42px !important; min-width: 42px !important; line-height: 42px !important; }
  .leaflet-control-attribution { font-size: 9px !important; max-width: 65vw; }
}