:root {
	color-scheme: dark;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	min-height: 100vh;
	background: #000;
	color: #f2f0ec;
}

#status {
	position: fixed;
	left: 1rem;
	right: 1rem;
	top: 1rem;
	margin: 0;
	text-align: center;
	color: #b4b2ac;
	font-family: "Segoe UI", sans-serif;
}

/* The status paragraph is only the missing-wasm message. Hide it while empty
   so it does not sit on top of the board. */
#status:empty { display: none; }

canvas {
	display: block;
	margin: 0 auto;
	background: #000;
	image-rendering: pixelated;
}