.big-btn { transition: transform .15s ease, box-shadow .15s ease; }
.big-btn:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(167,139,250,.5), 0 20px 40px -20px rgba(124,58,237,.8); }
.big-btn.active { box-shadow: 0 0 0 2px rgb(167 139 250), 0 20px 40px -20px rgba(124,58,237,.9); }
.range-btn.active { background: rgb(124 58 237); color: white; }
.num { font-variant-numeric: tabular-nums; }
#map { height: 520px; border-radius: 1rem; }
.leaflet-container { background: #0f0f1a; }
table.data th { font-weight: 600; color: #94a3b8; text-align: left; padding: .35rem .5rem; }
table.data td { padding: .35rem .5rem; border-top: 1px solid rgb(30 41 59); }
table.data td.r, table.data th.r { text-align: right; }
.blink { animation: blink 1.2s steps(2, start) infinite; }
@keyframes blink { to { visibility: hidden; } }
.dark-tiles { filter: invert(1) hue-rotate(180deg) brightness(.85) contrast(.9) saturate(.4); }