/* Maintaince background */
.game-wrapper.down {
	background: no-repeat center 20% url(./assets/maintenance.webp);
	background-size: cover;
	position: relative;
	z-index: 5;
}

.game-wrapper.down::after {
	content: "";
	position: absolute;
	top: 21%;
	right: 19%;
	height: 50vh;
	aspect-ratio: 1.15;
	background: center / contain no-repeat url(./assets/maintenance_win.png);
}

.game-wrapper.down .footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.link {
	color: white;
	font-weight: bold;
}
/* *********************** */

/* Maintaince status */

.shutdown-status {
	position: absolute;
	top: 0;
	opacity: 0;
	transition: all 0.6s ease-in;
	color: white;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	font-size: 2vh;
	margin: 0.5% auto 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.5%;
}

.shutdown-status .mt-icons {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: relative;
}

.shutdown-status .mt-timer-icon {
	width: 40%;
}

.shutdown-status .mt-warning-icon {
	width: 15%;
	position: absolute;
	right: 7%;
	top: 7%;
}

.shutdown-status.show {
	opacity: 1;
	z-index: 3;
}

.shutdown-status svg {
	width: 2vh;
}

/* ***************** */