@import url('https://fonts.googleapis.com/css2?family=Comme&display=swap');

:root {
  --grid-bg: #0B1320;
  --grid-line: rgba(255, 255, 255, 0.06);
  --grid-size: 40px;
  --grid-width: 1px;
}

* {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background-color: #0B1320;
	background-image: radial-gradient(rgba(255, 184, 77, 0.03125) 4px, transparent 2px);
	background-size: 16px 16px;
	color: #fff;
	font-family: "Comme", sans-serif !important;
}

.game-overlay > header {
	margin-bottom: 1em;
}

.game-overlay > header > h1.name {
	font-size: 2em !important;
	font-weight: 700 !important;
}

.game-overlay > header > h2.version {
	font-size: 1.25em !important;
	font-weight: 700 !important;
	margin-top: -0.25em;
	margin-bottom: 0.5em;
}

.game-overlay label {
	display: block;
	margin-bottom: 1em;
	font-size: 1.25em !important;
}

.game-overlay input {
	display: inline-block;
	border-radius: 0.25em;
	padding: 0.125em;
	width: 9.25em;
	font-size: 1.25em !important;
}

.game-overlay button {
	padding: 0.125em 0.25em;
	border-radius: 0.25em;
	font-size: 1.25em !important;
}

.game-overlay button + button {
	margin-left: 0.5em;
}

.game-overlay p {
	margin-bottom: 1em;
	font-size: 1.25em !important;
}

.game-overlay p.result {
	margin-top: 7.25em;
	margin-bottom: 7.25em;
}

.game-overlay strong,
.game-overlay .result-value {
	font-weight: 700 !important;
}

.game-overlay .result-value::after {
	content: "%";
}