/* City artwork is decorative. The selected city remains readable text. */
#leaderboard .leaderboard-heading{position:relative;isolation:isolate;min-height:154px;padding:26px 24px;margin:-8px -8px 20px;border-radius:10px;overflow:hidden;background:#10191a;align-items:center}
#leaderboard .leaderboard-heading::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--city-background,none);background-size:cover;background-position:center;pointer-events:none}
#leaderboard .leaderboard-heading::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,14,15,.96),rgba(7,14,15,.81) 45%,rgba(7,14,15,.22)),linear-gradient(0deg,rgba(7,14,15,.5),transparent);pointer-events:none}
#leaderboard .leaderboard-location{color:#e2e9e6;font-size:14px;line-height:1.5}
#leaderboard .filter-settings{background:#0b1415e8;border-color:#d9ba7180;color:#f6ebd1;flex-shrink:0}
#leaderboard .leaderboard-empty{font-size:15px;line-height:1.6;padding:20px}
@media(max-width:650px){#leaderboard .leaderboard-heading{min-height:168px;margin:-4px -2px 16px;padding:20px 16px;align-content:center;gap:16px}#leaderboard .leaderboard-heading::after{background:linear-gradient(90deg,#071011eb,#071011b8 65%,#07101166)}#leaderboard .leaderboard-heading #leaderboard-title{font-size:26px;line-height:1.25}#leaderboard .leaderboard-location{font-size:14px}}

.city-photo-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;opacity:0;transition:opacity .6s ease;pointer-events:none;border-radius:inherit}.city-photo-layer.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.city-photo-layer{transition:none}}