:root { --db-hero: #f4f1ea; }
body { background: #f8f9fa; }
.hero { background: linear-gradient(135deg, var(--db-hero), #fff); border-bottom: 1px solid rgba(0,0,0,.08); }
.tower-card { transition: transform .15s ease, box-shadow .15s ease; }
.tower-card:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.08)!important; }
.stat-pill { background: #f1f3f5; border-radius: 999px; padding: .32rem .65rem; display: inline-flex; gap: .35rem; align-items: center; }
#map, #tower-map { min-height: 460px; border-radius: .75rem; }
.table-bells th { white-space: nowrap; }
.raw-details dt { color: #6c757d; }
@media (max-width: 576px) { #map, #tower-map { min-height: 350px; } .display-5 { font-size: 2rem; } }