@charset "UTF-8";


#loading {
	position: fixed;
	inset: 0;
	background: #EE8195;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 48px;
	z-index: 9999;
}

@media screen and (max-width: 767px) {
	#loading {
		font-size: clamp(32px, 6vw, 48px);
	}
}

#loading-text {
	transition: opacity 0.4s ease, transform 0.4s ease;
}

/* フェードアウト */
.hide {
	opacity: 0;
	transform: scale(0.9);
}

/* 表示（バウンド） */
.show {
	opacity: 1;
	transform: scale(1.15);
}

/* キュー！の特別演出 */
.final {
	animation: pop 0.6s ease forwards, glow 1s ease;
}

@keyframes pop {
	0% {
		transform: scale(0.8);
	}

	60% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1.1);
	}
}

@keyframes glow {
	0% {
		text-shadow: 0 0 0px #fff;
	}

	50% {
		text-shadow: 0 0 20px #fff;
	}

	100% {
		text-shadow: 0 0 5px #fff;
	}
}