ScoreboardUI {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: white;
	font-family: 'Baloo 2';

	.header {
		position: absolute;
		width: 90%;
		left: 80px;
		top: 50px;
		right: 80px;
		padding-bottom: 30px;
		margin-bottom: 50px;
		border-bottom: 1px solid white;
		gap: 20px;
		align-items: center;
		justify-content: center;

		.title {
			font-weight: 800;
			font-size: 46px;
		}

		.subtitle {
			font-size: 36px;
			color: #DEDEDE;
		}
	}

	.blur {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		backdrop-filter-blur: 10px;
		z-index: -1;
	}

	.logo {
		position: absolute;
		left: 20px;
		top: 0;
		z-index: 2;
		height: 200px;
	}

	.playerlist {
		margin: 80px;
		align-items: center;
		flex-wrap: wrap;
		width: 85%;
		max-width: 1920px;
		height: 70%;

		.player {
			width: 33%;
			margin-bottom: 50px;
			align-items: center;
			justify-content: center;

			.avatar {
				width: 130px;
				height: 130px;
				border: 4px solid white;
				border-radius: 14px;
			}

			.player-content {
				width: 65%;
				height: 100px;
				background-color: rgba(0, 0, 0, 0.5);
				border-radius: 0 8px 8px 0;
				flex-direction: column;

				.name {
					padding: 0 8px;
					font-size: 28px;
					font-weight: 800;
				}

				.prestige {
					align-items: center;
					font-size: 26px;
					color: #BDBDBD;
					padding-bottom: 5px;
					padding-left: 8px;
					white-space: pre;
				}
				
				.stat {
					flex: 1;
					align-items: center;
				}

				.separator {
					width: 100%;
					height: 2px;
					background-color: rgba(255, 255, 255, 0.05);
					margin: 5px 0;
				}
			}
		}
	}
}