/* Leaderboard styles */

html, body {
	height: auto;
	overflow: auto;
	background-color: #121417;
	color: #e2e8f0;
	font-family: system-ui, -apple-system, sans-serif;
}

.leaderboard-table {
	border-radius: 4px;
	overflow: hidden;
}

.leaderboard-table tbody tr {
	cursor: pointer;
}

.leaderboard-table tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.08) !important;
}

.leaderboard-rank {
	width: 3rem;
	text-align: center;
	color: #94a3b8;
}

.leaderboard-table td.num,
.leaderboard-table th.num {
	text-align: right;
}

.leaderboard-empty {
	text-align: center;
	padding: 2rem !important;
	color: #64748b;
}

.provisional {
	opacity: 0.5;
}

.stat-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 0.5rem;
}

.stat-cell {
	background: #1e222b;
	padding: 0.6rem;
	border-radius: 4px;
	text-align: center;
}

.stat-value {
	font-size: 1.1rem;
	font-weight: 700;
	color: #f8fafc;
}

.stat-label {
	font-size: 0.72rem;
	color: #94a3b8;
	margin-top: 0.1rem;
}

.text-muted {
	color: #938a82 !important;
}