/* Leaderboard page layout */
.page-leaderboard { padding: 2rem 0; }
.lb-grid { display: grid; grid-template-columns: 1fr 320px; gap: 16px; align-items: start; }
@media (max-width: 992px) { .lb-grid { grid-template-columns: 1fr; } }

/* Table – ensure dark theme text stays readable */
.leaderboard-table { color: var(--text-primary) !important; background: var(--bg-elevated); }
.leaderboard-table thead th { position: sticky; top: 0; z-index: 1; background: var(--bg-secondary); color: var(--text-primary); }
.leaderboard-table tbody tr:nth-child(odd) { background: rgba(255,255,255,0.02); }
.leaderboard-table tbody tr:nth-child(even) { background: rgba(255,255,255,0.06); }
.leaderboard-table tbody tr:hover { background: rgba(182,123,63,0.12); color: var(--text-primary) !important;}
.leaderboard-table td, .leaderboard-table th { border-color: rgba(255,255,255,0.08); color: var(--text-primary) !important;}

/* Reduce width: content-sized columns */
.leaderboard-table th[aria-label="rank"],
.leaderboard-table td:nth-child(1) { width: 3ch; text-align: right; }
.leaderboard-table td:nth-child(3),
.leaderboard-table th:nth-child(3) { width: 8ch; text-align: right; }

.rank-medal-1 { color: #ffd700; }
.rank-medal-2 { color: #c0c0c0; }
.rank-medal-3 { color: #cd7f32; }