#rankingsRoot {
	width:100%;
	max-width:500px;
	margin:20px auto 0;
	background:var(--panel-bg);
	padding:20px;
	box-sizing:border-box;
	border-radius:10px;
	box-shadow:var(--shadow);
	min-height:100px;
}
#rankingsStatus {
	color:var(--text-muted);
}
#rankingsRoot h2 {
	font-size:16px;
	margin:0 0 10px;
	padding-bottom:8px;
	border-bottom:3px solid transparent;
	border-image:var(--accent-gradient) 1;
}
#leaderboardSection {
	margin-bottom:28px;
}
#leaderboardList {
	padding-left:22px;
}
#leaderboardList li {
	padding:5px 8px;
	border-radius:8px;
}
#leaderboardList li.rank-gold {
	background:linear-gradient(90deg, rgba(255,205,60,.30), transparent);
	box-shadow:inset 3px 0 0 #ffcd3c;
	font-weight:bold;
}
#leaderboardList li.rank-silver {
	background:linear-gradient(90deg, rgba(200,208,224,.30), transparent);
	box-shadow:inset 3px 0 0 #c8d0e0;
	font-weight:bold;
}
#leaderboardList li.rank-bronze {
	background:linear-gradient(90deg, rgba(214,152,101,.30), transparent);
	box-shadow:inset 3px 0 0 #d69865;
	font-weight:bold;
}
.lbName {
	white-space:nowrap;
}
.lastWin {
	color:var(--text-muted);
	font-size:12px;
}
#historyTable {
	width:100%;
	border-collapse:collapse;
	font-size:13px;
}
#historyTable th, #historyTable td {
	padding:6px 8px;
	border-bottom:1px solid var(--panel-border);
	text-align:left;
}
#historyTable th:first-child, #historyTable td:first-child {
	width:34px;
	text-align:right;
	color:var(--text-muted);
}
#historyTable thead th {
	border-bottom:2px solid var(--panel-border);
	color:var(--text-muted);
}
#historyTable tbody tr:hover {
	background:var(--panel-hover);
}