/*!
 * KO4FUN theme — opening curtain (4ACS Interactive)
 * Pure CSS so it paints with the very first frame: covers the page while fonts/CSS settle, then fades.
 * ko4fun.js draws the gold digital rain on top and adds html.kr-loaded once the page has loaded,
 * which fades the curtain out; without JS the animation hides it on its own.
 * Disable in AdminCP → KO4FUN Theme → Settings & Dates → Opening curtain.
 */
body.ipsApp::after {
	content: "KO4FUN";
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #141416;
	background-image: radial-gradient(600px 300px at 50% 50%, rgba(255, 215, 0, 0.14), transparent 70%);
	font-family: Cinzel, Georgia, "Times New Roman", serif;
	font-weight: 800;
	font-size: clamp(34px, 5vw, 64px);
	letter-spacing: 0.32em;
	text-indent: 0.32em;
	line-height: 1;
	background-clip: border-box;
	color: #ffd700;
	text-shadow: 0 0 24px rgba(255, 215, 0, 0.5), 0 0 60px rgba(255, 215, 0, 0.22);
	opacity: 1;
	animation: krCurtainPulse 1.6s ease-in-out infinite, krCurtainOut 0.5s ease 2.8s forwards;
}
html.kr-loaded body.ipsApp::after {
	animation: krCurtainOut 0.35s ease 0s forwards;
}
@keyframes krCurtainOut {
	to { opacity: 0; visibility: hidden; }
}
@keyframes krCurtainPulse {
	0%, 100% { text-shadow: 0 0 24px rgba(255, 215, 0, 0.5), 0 0 60px rgba(255, 215, 0, 0.22); }
	50% { text-shadow: 0 0 34px rgba(255, 215, 0, 0.8), 0 0 90px rgba(255, 215, 0, 0.35); }
}
@media (prefers-reduced-motion: reduce) {
	body.ipsApp::after { animation: krCurtainOut 0.2s ease 0.2s forwards; }
}