/* Serizon surface styling; world tiles remain unchanged. */
:root { color-scheme: dark; }
body, #map { background: #0b0e13; }
.leaflet-container, #sidebar {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f5f7fa;
}
.leaflet-control-zoom, .leaflet-control-layers {
  background: #151a22;
  border: 1px solid #303845 !important;
  border-radius: 8px;
  box-shadow: 0 3px 12px #0004;
}
.leaflet-bar a, .leaflet-bar a:hover, .leaflet-bar a:focus-visible {
  background: #151a22;
  color: #f5f7fa;
  border-bottom-color: #303845;
}
.leaflet-bar a:hover, .leaflet-bar a:focus-visible { background: #252e3b; }
.leaflet-bar a.leaflet-disabled { background: #151a22; color: #7f8b9c; }
.leaflet-control-layers-toggle { filter: invert(.85); }
.leaflet-control-layers-expanded { padding: 10px 12px; }
.leaflet-control-layers label { line-height: 1.9; }
.leaflet-control-attribution { background: #151a22 !important; color: #a8b3c4; }
.leaflet-control-attribution a { color: #b9d0ff; }
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #151a22; color: #f5f7fa;
}
.leaflet-popup-content-wrapper { border: 1px solid #303845; }
#sidebar { background: #11161cf2; border-left-color: #303845; }
#sidebar fieldset { border-top-color: #303845; }
#sidebar legend { color: #a8b3c4; font-size: 11px; font-weight: 600; }
#sidebar fieldset a { border-radius: 6px; margin: 2px 6px; }
#sidebar fieldset a:hover { background: #252e3b; }
#sidebar fieldset a.following { background: #243654; }
#sidebar #pin, #sidebar fieldset a img { filter: none; }
.coordinates { color: #c2cddd; font-size: 11px; }
.leaflet-control-layers.link img { filter: brightness(0) invert(.82); }
:focus-visible { outline: 2px solid #8eb4ff; outline-offset: 2px; }
* { scrollbar-width: thin; scrollbar-color: #465163 transparent; }
@media (prefers-reduced-motion: reduce) {
  #sidebar, #sidebar fieldset, #sidebar fieldset a,
  div.leaflet-nameplate-pane div, div.leaflet-marker-pane img { transition: none; }
}