:root {
	--board-width: 20rem;
}

html {
	font-size: 36px;
}

#board {
	height: var(--board-width);
	display: flex;
	aspect-ratio: 1;
}

cg-container {
	border-radius: 0.5rem;
}

.player {
	display: flex;
	flex-direction: row;
	text-wrap: nowrap;
	width: var(--board-width);
	justify-content: space-between;
	font-weight: bolder;
	box-sizing: border-box;
	padding-left: 0.5rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}

.clock {
	background-color: lightblue;
	border-radius: 0.2rem;
	box-sizing: border-box;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.clock.toMove {
	background-color: red;
}