:root {
}

html, body {
	
	font-family: 'Courier New', monospace;
	font-size: 10px;
	color: white;
	background-color: black;
	
	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

	image-rendering: pixelated;
	background: black; /* optional */

	height: 100vh;
	width: 100vw;

	margin: 0;
	padding: 0;

	display: grid;
	grid-template-rows: auto 1fr;

	flex-direction: column;

	align-items: center;
	justify-content: center;
}

/* Make the wrapper a positioning context */
#game-wrapper {
	position: relative;
	display: inline-block; /* or block; whichever you’re using */
}

/* Clean canvas layout */
#gameCanvas {
	display: block;
}

canvas {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;	/* modern browsers override this */
}