html, body {
	font-size: 16px;
	margin: 0; padding: 0;
	width: 100%; height: 100%;
}
html, body, button, input, select {
	font-family: sans-serif;
}


:visited {
	color: #0000ee;
}

#game {
	height: 100%;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.default-invisible {
	display: none;
}

.slim_form fieldset {
	border: none;
}

.half-invisible {
	opacity: 0.3;
	z-index: 0 !important;
}
.nearly-invisible {
	opacity: 0.02;
}

.textsize-button {
	font-size: inherit;
	width: 1em;
	height: 1em;
	min-width: 1em;
	min-height: 1em;
	margin-left: 0.5em;
	vertical-align: middle;
}
.image-button {
	position: relative;
}
.image-button>span {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	background-size: 100%;
	background-repeat: no-repeat;
}


.modal-wrapper {
	position: fixed;
	left: 0; right: 0;
	top: 0; bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10000;
	overflow: auto;
}

.auto-focused:focus {
	outline: none;
}


.cancel-button, .pick_dialog button.cancel-button {
	display: block;
	width: 100%;
	margin: 6vh 0 1vh 0;
	padding: 1vh 0 !important;
	font-size: 6vh;
}
.postmatch_options,.timer_container {
	position: absolute;
	right: 0;
	top: 18vh;
	background: rgba(255, 255, 255, 0.7);
	border-top-left-radius: 2vh;
	border-bottom-left-radius: 2vh;
	text-align: right;
}

.postmatch_options {
	padding: 3vh 1vh 3vh 3vh;
}
.postmatch_options>button {
	padding: 1.7vmin;
	font-size: 5vmin;
	min-width: 10em;
	display: block;
}
.postmatch_options>button+button {
	margin-top: 1em;
}
@media all and (orientation: portrait) {
	.postmatch_options {
		top: 35vh;
	}
}

.go_fullscreen_go>span {
	display: block;
	margin: 0 auto;
}
.go_fullscreen_go_icon {
	width: 20vmin;
	height: 20vmin;
	background-image: url(icons/go_fullscreen.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.js_link {
	cursor: pointer;
	color: #0000ee;
	text-decoration: underline;
}

select {
	font-size: inherit;
}