html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	color: #00ff7f;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}

#gameOutput {
	box-sizing: border-box;
	height: 100%;
	padding: 16px;
	white-space: pre-wrap;
	line-height: 1.4;
	overflow-y: auto;
	outline: none;
}

/* Subtle scanline effect */
#gameOutput::after {
	content: "";
	position: fixed;
	left: 0; right: 0; top: 0; bottom: 0;
	pointer-events: none;
	background: repeating-linear-gradient(
		0deg,
		rgba(0, 0, 0, 0) 0px,
		rgba(0, 0, 0, 0) 2px,
		rgba(0, 0, 0, 0.08) 3px
	);
}

.dim { color: #1aff8c; opacity: 0.7; }
.warn { color: #ffd966; }
.err  { color: #ff6b6b; }
.accent { color: #7dffb3; }
.mono { font-family: "Courier New", Courier, monospace; }

.button-row {
	margin-top: 8px;
}
.button {
	display: inline-block;
	border: 1px solid #00ff7f;
	padding: 4px 8px;
	margin-right: 6px;
	cursor: pointer;
	user-select: none;
}
.button:active { transform: translateY(1px); }

input, select {
	background: #001b12;
	border: 1px solid #00ff7f;
	color: #b3ffd6;
	padding: 4px 6px;
	font-family: inherit;
	font-size: 14px;
}