.game-container {
	margin: 0;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
	color: white;
	font-size: 1rem;
	display: inline-block;
	position: relative;
	margin: 20px auto;
}
canvas {
	display: block;
	height: 480px;
}
textarea {
	width: 640px;
	color: black;
	min-height: 200px;
}
#title {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}
#title .menu {
	position: relative;
	margin: 20% auto;
    /*transform: translateY(50%);*/
}
#back,
#gameover {
	position: absolute;
	bottom: 0;
	left: 64px;
}
button {
	margin: 5px;
	padding: 5px;
	color: white;
	background-color: darkblue;
	border: 1px solid white;
	width: 140px;
}
button.red { background-color: darkred; }
button.green { background-color: darkgreen; }
button.purple { background-color: purple; }
ul {
	list-style: none;
}
.li-spacer {
	height: 40px;
}
a {
	color: gray;
}
.hidden {
	display: none !important;
}
.block {
	display: block;
}
input, textarea, select, option {
	color: black;
}
/* scoreboard */
#scoreboard {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-areas: 'original phase2';
	gap: 20px;
}
.score-heading {
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.25rem;
	margin: 15px 0;
}
#scoreboard .original {
	grid-area: original;
}
#scoreboard .phase2 {
	grid-area: phase2;
}
#scoreboard .score-list ul {
	margin-left: 45px;
	text-align: left;
}
/* loading animation */
.loading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid white;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}
@keyframes spinner-border {
	to { transform: rotate(360deg); }
}
/*
#editor .editor-tile input,
#editor .editor-darkness input.number,
#editor-map-object input.number {
	width: 20px;
}
#editor input.number4 {
	width: 40px;
}
#editor .editor-tile .tile-image {
	width: auto;
}
#editor .editor-tile .tile-preview {
	width: 32px;
	height: 32px;
	/*background-image: url('/img/tiles/tile_spritesheet.png');*
	background-image: url('/existential-dread-extended/img/tiles/tile_spritesheet.png');
}

/* tooltips *
#editor .editor-tile > div:hover .tooltip,
#editor .editor-darkness > div:hover .tooltip,
#editor #editor-map-object > div:hover .tooltip {
	display: block;
}
#editor .editor-tile > div,
#editor .editor-darkness > div,
#editor #editor-map-object > div {
	display: inline-block;
}
#editor .tooltip {
	display: none;
	background: white;
	color: black;
	border: 2px solid black;
	position: absolute;
	padding: 5px;
}*/