/**
 * @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;
}



.leaderboard_container {
	display: grid;
	grid-template-areas:
	'dummy dummy'
	'leaderboard latest';
	gap: 10px;
	padding-left: 0.6vw;
	padding-top: 0px;
	margin-top: 0.6em;
}

#div-leaderboard-section {
	grid-area: leaderboard;
}

#div-latest-completion {
	grid-area: latest;
}

#div-map-times {
	grid-area: leaderboard;
}

@media (max-aspect-ratio: 1 / 1) {
	#div-leaderboard-section {grid-area: 2 / 1;}
	#div-latest-completion {grid-area: 1 / 1;}
	#div-map-times {grid-area: 2 / 1;}
}

.latest-line {

	margin-top: 0px;
	padding: 0px;
	font-size: 1.4em;
	margin-bottom: var(--line-spacing);
}

.latest-item {

	margin-top: 0px;
	padding: 0px;
	font-size: 1.3em;
	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.4em;
	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.4em;
	font-weight: bold;
	color: var(--trent-alt);
	border: none;
	display: block;
	margin-bottom: 0.5em;
	margin-left: 1em;
}

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

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

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

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

.rank-one-text {
	color: var(--trent-alt);
	text-decoration: none;
}