:root {
	--scale: 1,
}

body {
	display: grid;
	place-items: center;
	min-height: 100vh;
	min-height: 100svh;

	padding: 0;
	margin: 0;
	touch-action: none;
	background: darkslategray;
}

.wrapper {
	display: grid;
	place-items: center;
	max-width: 600px;
}

@media (orientation: portrait) { 
	.wrapper {
		height: 100vw;
		width: 100vw;
	}
}

@media (orientation: landscape) { 
	.wrapper {
		height: 100vh;
		width: 100vh;

		height: 100svh;
		width: 100svh;
	}
}

#game {
	transform: scale(var(--scale));
	transform-origin: top left;
}

#game:hover {
	cursor: none;
}

#game.inactive {
	cursor: pointer;
}