.dashboard-heading { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1rem; }
.dashboard-heading h2 { margin: .25rem 0 0; font: 800 2rem var(--display); letter-spacing: -.035em; }
#brawler-count { padding: .42rem .68rem; border: 1px solid var(--line); border-radius: 999px; background: var(--orange-soft); color: var(--orange-deep); font-size: .72rem; font-weight: 800; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: .9rem; }
.brawler-card { position: relative; display: block; padding: .65rem; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); color: inherit; text-decoration: none; box-shadow: 0 4px 12px rgba(50, 35, 25, .06); transition: transform .16s ease, box-shadow .16s ease; }
.brawler-card:hover, .brawler-card:focus-visible { transform: translateY(-3px); box-shadow: 0 9px 20px color-mix(in srgb, var(--purple) 17%, transparent); outline: 2px solid var(--purple); outline-offset: 2px; }
.brawler-card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; background: var(--surface-soft); }
.brawler-rank { position: absolute; left: .85rem; top: .85rem; z-index: 1; padding: .2rem .42rem; border-radius: 999px; background: var(--surface); color: var(--green); font-size: .66rem; font-weight: 800; box-shadow: 0 2px 8px rgba(30,20,20,.12); }
.brawler-copy { padding: .65rem .1rem .12rem; }.brawler-copy h3 { margin: 0 0 .4rem; font: 800 1rem var(--display); }.brawler-copy b, .brawler-copy small { display: block; }.brawler-copy b { font-size: .9rem; }.brawler-copy b small { display: inline; color: var(--muted); font-size: .65rem; }.brawler-copy > small { color: var(--muted); font-size: .68rem; }.brawler-copy em { display: block; margin-top: .65rem; color: var(--purple-deep); font-size: .7rem; font-style: normal; font-weight: 800; }
@media (max-width: 480px) {
  .dashboard-heading { align-items: start; }.dashboard-heading h2 { font-size: 1.45rem; }.grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }.brawler-card { padding: .45rem; }.brawler-copy h3 { font-size: .9rem; }
}