.map-data-mode { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin:12px 0 18px; padding:12px 16px; border:1px solid #aec7d6; border-radius:10px; background:#eef6fa; color:#163a50; font-size:13px; }
.map-data-mode label { display:flex; align-items:center; gap:7px; font-weight:700; margin:0; cursor:pointer; }
.map-data-mode input { width:auto; margin:0; }
.map-data-mode span { font-size:12px; }
.map-load-button { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:700; max-width:90%; padding:12px 18px; border-radius:8px; border:1px solid #9bbdce; background:#fff; color:#164057; font-weight:700; cursor:pointer; }
.mini-map,.public-rain-slot,.public-rain-map { position:relative; }
.map-paused .leaflet-marker-pane *, .map-saving-data .condition-art *, .map-saving-data .update-ticker-track { animation-play-state:paused!important; }

header.topbar .map-data-mode-header { flex:0 0 auto; margin:0; padding:7px 10px; border-color:#ffffff55; background:#ffffff12; color:#fff; font-size:12px; }
header.topbar .map-data-mode-header label { white-space:nowrap; color:#fff; text-transform:none; letter-spacing:normal; }
header.topbar .map-data-mode-header input { accent-color:#c5e7f0; }