.scoresheet_buttons {
	position: absolute;
	position: fixed;
	font-size: 24px; /* legacy */
	font-size: 4vmin;
	z-index: 100;
	bottom: 0; /* legacy */
	bottom: 0.1vmin;
	padding: 0 0.1vmin;
	left: 0;
	right: 0;
}
.scoresheet_buttons > button {
	margin: 0;
	font-size: inherit;
	padding: 0.5em 0.1em;
	min-width: 7em;
	opacity: 0.9;
}
.scoresheet_buttons > button + button {
	margin-left: 2vw;
}
.scoresheet_button_back {
	display: block;
	float: right;
}

@media screen and (orientation: portrait) {
	.scoresheet_buttons > button {
		float: none;
		display: block;
		min-width: 80%;
		margin: 4vmin auto !important;
		font-size: 10vmin;
		padding: 1vmin 0;
	}
}
@media screen and (min-aspect-ratio: 16/10) {
	.scoresheet_buttons {
		top: auto;
		bottom: 0;
		left: auto;
		right: 0;
	}
	.scoresheet_buttons > button {
		display: block;
		float: none;
		font-size: 5vmin;
		margin: 0 1vmin 10vh 0 !important;
		padding: 2vmin 0;
	}
	.scoresheet_buttons > button:last-child {
		margin-bottom: 1vmin !important;
	}
}

.scoresheet {
	background: #fff;
}
@media tv, projection, handheld, screen {
	.single_scoresheet {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%; /* legacy */
		width: 100vw;
		height: 70.71067811865474vw; /* 100 / √2  (ratio of DIN A) */
		max-width: 141.4213562373095vh;
		max-height: 100vh;
	}
}
@media screen and (orientation: landscape) {
	.multi_scoresheet {
		width: 50%;
	}
}
@media print {
	body,
	html,
	.scoresheet_container {
		background: #fff;
	}

	.single_scoresheet {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.scoresheet {
		width: 99%;
		height: 99%;
		display: block;
	}

	.only-screen {
		display: none;
	}
}

.scoresheet_loading-icon.loading-icon {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 20%;
}
.scoresheet_error {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 40%;
}
.scoresheet_reload {
	display: inline-block;
	background-image: url(../icons/reload.svg);
	margin-left: 1em;
	width: 2em;
	height: 2em;
	background-size: 100%;
	background-repeat: no-repeat;
}

.scoresheet_container_multi .scoresheet_note_dialog {
	display: none;
}
.scoresheet_note_dialog {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.9);
	z-index: 100;
	font-size: 20px;
}
#scoresheet_note_input {
	width: 40em;
	max-width: 70vw;
	margin: 10px 0 10px 10px;
	font-size: inherit;
}
#scoresheet_note_button {
	font-size: inherit;
	margin: 0 0 10px 10px;
}

@media print {
	.scoresheet_note_dialog {
		display: none;
	}
}
@media screen and (max-aspect-ratio: 250/200) {
	.scoresheet_note_dialog {
		width: 100%;
	}
	.single_scoresheet {
		margin-top: 40px;
	}
}
@media screen and (max-aspect-ratio: 1000/1000) {
	#scoresheet_note_input {
		width: calc(100vw - 20px);
		max-width: calc(100vw - 20px);
	}
	.single_scoresheet {
		margin-top: 90px;
	}
}