:root {
	--menu-height: 24px;
}
html {
	height: 100%;
}
body {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 20px;
	overflow: hidden;
	box-sizing: border-box;
	height: 100%;
	padding-bottom: var(--menu-height);
	margin: 0;
}
#page {
	overflow: auto;
	box-sizing: border-box;
	height: 100%;
	padding: 10px;
}
.hide-hidden .hidden {
	display: none;
}
.show-hidden .hidden {
	display: initial;
}

a {
	color: #6090FF;
}



#game-region {
	display: flex;
	flex-wrap: wrap;
}
#display-bg {
	border-top: 1px solid #303030;
	border-left: 1px solid #303030;
	padding: 0px;
    background-image: linear-gradient(to left, #303030 1px, transparent 1px), linear-gradient(to top, #303030 1px, transparent 1px);
    margin-right: 30px;
}
#display {
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
}
#info {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
}
#message {
	font-size: 32px;
}
#stats {
	display: none;
	flex-direction: column;
}
.stat-name {
	margin-right: 10px;
}





#start-page {
    display: inline-block;
}

.centered {
	text-align: center;
}
.not-centered {
	text-align: initial;
}

#title {
	margin-bottom: 30px;
}
#main-title {
	color: #A00000;
	font-size: 72px;
}
#sub-title {
	color: #A00000;
	font-size: 36px;
	margin-bottom: 16px;
}
#play-link {
	font-size: 40px;
}
#play-p {
	color: #808090;
}
#reset-box {
	display: flex;
	flex-direction: column;
}
#reset-note {
	color: #808090;
}

#records {
	display: flex;
	flex-direction: column;
	margin-bottom: 32px;
}
.heading {
	font-size: 32px;
	margin-bottom: 8px;
}
.cheevo-item {
	display: flex;
	margin-bottom: 4px;
}
.cheevo-item-gap {
	margin-bottom: 32px;
}
.cheevo-text {
	display: flex;
	flex-direction: column;
}
.cheevo-check-box {
	margin-right: 8px;
}
.cheevo-name {
	font-size: 24px;
}
.cheevo-desc {
	font-size: 18px;
	color: #9090A0;
}
#cheevos {
	margin-bottom: 32px;
}

#option-disclaimer {
	color: #808090;
}
#options-line1 {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.opt-preview {
	vertical-align: middle;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: var(--menu-height);
	color: #808080;
	font-size: 16px;
}