/* Records/leaderboards page — layers on top of browse-common.css. */

.rec-caveat { color: var(--subtle); font-style: italic; }

.rec-record-card { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 16px; }
.rec-record-card .rec-record-value { font-size: 28px; font-weight: 800; }
.rec-record-card .rec-record-meta { color: var(--muted); font-size: 13px; line-height: 1.5; }

.rec-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.rec-col-title { margin: 0 0 8px; font-size: 14px; font-weight: 700; }

.rec-player-cell { display: flex; align-items: center; gap: 8px; }
.rec-player-cell a { color: var(--text); text-decoration: none; font-weight: 600; }
.rec-player-cell a:hover { text-decoration: underline; color: var(--accent); }

.rec-team-cell { display: flex; align-items: center; gap: 6px; }
.rec-team-cell a { color: var(--muted); text-decoration: none; }
.rec-team-cell a:hover { color: var(--accent); text-decoration: underline; }

.rec-scroll-tall { max-height: 480px; overflow-y: auto; }