@media screen and (max-width: 1080px) {
	:root{
		--table-card-padding-x: 12px;
		--player-card-padding-right: 25px;
		--table-padding-right: 20px;
		--table-card-height-multiplier: 0.8;
	}

	#start-button p {
		font-size: 12vh !important;
	}
}

@media screen and (max-width: 790px) {
	:root{
		--table-card-padding-x: 6px;
		--player-card-padding-right: 15px;
		--table-padding-right: 12px;
		--table-card-height-multiplier: 0.65;
	}

	#start-button p {
		font-size: 6vh !important;
	}
}

@media screen and (max-height: 500px) {
	:root{
		--user-username-height: 23px;
		--username-height: max(calc(18px - 2px * var(--other-players)), 10px);
		--table-card-padding-y: 6px;
	}

	#start-button p {
		font-size: 4vh !important;
	}
}