.map-group-shell { background: none; border: 0; }
#explore-map .leaflet-bottom { bottom: 0; }
.map-event-group { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; width: 46px; height: 46px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; background: #344c44; color: #fff; box-shadow: 0 1px 5px #0005; font-size: .7rem; line-height: 1.1; }
.map-event-group svg { width: 16px; height: 16px; flex: 0 0 16px; }
.map-event-group b { font-variant-numeric: tabular-nums; }
.map-event-group[data-kind="wildfire"] svg { color: #ffb59d; }
.map-event-group[data-kind="flood"] svg { color: #8be3ef; }
.map-event-group[data-kind="heavy_rain"] svg { color: #b8d4ff; }
.map-event-group[data-kind="thunderstorm"] svg { color: #ffe78c; }
.map-event-group[data-kind="earthquake"] svg { color: #edbcff; }
.leaflet-marker-icon:focus-visible .map-event-group { outline: 3px solid #d49b00; outline-offset: 3px; }
.viewport-status { font-size: .75rem; color: #53645d; margin: 8px 0; min-height: 1.4em; }
.viewport-status[data-error="true"] { color: #b4232f; }
[data-theme="dark"] .viewport-status { color: #c6d3cc; }