/**
 * @file surf-leaderboard.css
 * @author hoff
 * @brief trent.surf leaderboard stylesheet
 *
 * @date 2025-06-21
 *
 * @copyright Copyright (c) 2025 hoff.industries, Trent Group Holdings LLC
*/

:root {

	--colour-first: #ffdb5b;
	--colour-second: #cbf4ff;
	--colour-third: #ecd299;
	--colour-misc: white;

	--line-spacing: 0.2em;
}

.latest-line {

	margin-top: 0px;
	padding: 0px;
	margin-bottom: var(--line-spacing);
}

.latest-item {

	margin-top: 0px;
	padding: 0px;
	margin-left: 2em;
	margin-bottom: var(--line-spacing);
}

.leaderboard-table {
	border: none;
	vertical-align: top;
}

.leaderboard-button {
	cursor: pointer;
	background: none;

	font-family: Arial;
	font-size: 1.5em;
	font-weight: bold;
	color: var(--trent-alt);
	border: none;
	display: block;
	margin-bottom: 0.5em;
}

.leaderboard-item {
	display: block;
	margin-left: 2em;
	margin-bottom: var(--line-spacing);
	font-size: 1.3em;
}

.leaderboard-more {
	cursor: pointer;
	background: none;

	font-family: Arial;
	font-size: 1.3em;
	font-weight: bold;
	color: var(--trent-alt);
	border: none;
	display: block;
	margin-bottom: 0.5em;
	margin-left: 1em;
}

.leaderboard-first {
	color: var(--colour-first);
}

.leaderboard-second {
	color: var(--colour-second);
}

.leaderboard-third {
	color: var(--colour-third);
}

.leaderboard-misc {
	color: var(--colour-misc);
}