.center-text {
	text-align: center;
	font-family: 'Press Start 2P', sans-serif;
	margin-top: 35%;
}

.center-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 20%;
}

#qr-code {
	visibility: hidden;
	text-align: center;
	margin: 5%;
}

#trophy {
	position: absolute;
	top: 3%;
	right: 5%;
	font-size: 30px;
}

#header .enertime-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 30%;
	margin: 0%;
}

#enertime-logo-desktop {
	width: 30%;
	margin: 5%;
}

#gs1hk-logo-desktop {
	width: 10%;
	margin: 15%;
}

#crossover {
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	color: black;
	font-size: 50px;
}

#start-toast {
	position: absolute;
	bottom: 5%;
	right: 5%;
	font-size: 8px;
	font-family: 'Press Start 2P', sans-serif;
}

.image-container {
	display: flex;
	justify-content: center;
	position: relative;
}

.flex-image {
	width: 20%;
	margin: 5%;
}

#or-text {
	position: absolute;
	top: 40%;
	left: 35%;
	transform: translate(-50%, -50%);
	color: black;
}

#tap-text {
	position: absolute;
	top: 10%;
	left: 19%;
	transform: translate(-50%, -50%);
	color: black;
}

#shake-text {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: black;
}

#power-text {
	position: absolute;
	top: 10%;
	left: 75%;
	transform: translate(-30%, -50%);
	color: black;
}

#item-toast {
	position: absolute;
	top: 5%;
	left: 5%;
	font-size: 7px;
	font-family: 'Press Start 2P', sans-serif;
}

#ranking-modal {
	font-family: 'Press Start 2P', sans-serif;
}

#ranking-table {
	border: none;
}

#ranking-table th,
#ranking-table td {
	border: none;
}