#ojkita-screensaver{

	position:fixed;
	inset:0;

	display:none;

	background:rgba(13,13,13,.96);

	backdrop-filter:blur(4px);

	z-index:999999;

	overflow:hidden;
}

#ojkita-screensaver.active{
	display:block;
}

#ojkita-dvd{

	position:absolute;

	width:180px;
	height:180px;

	left:100px;
	top:100px;
}

#ojkita-dvd img{

	display:block;

	width:100%;
	height:100%;

	object-fit:contain;

	filter:
		drop-shadow(0 0 10px #A3FF12)
		drop-shadow(0 0 25px #A3FF12);
}

#ojkita-quote{

	position:absolute;

	top:50%;
	left:50%;

	transform:translate(-50%,-50%);

	max-width:800px;

	text-align:center;

	color:#fff;

	font-size:clamp(22px,2vw,34px);

	font-weight:700;

	padding:20px;

	opacity:0;

	transition:.6s ease;

	pointer-events:none;
}

#ojkita-quote.show{
	opacity:1;
}

#ojkita-corner-hit{

	position:absolute;

	top:40px;
	left:50%;

	transform:translateX(-50%);

	color:#A3FF12;

	font-size:32px;

	font-weight:700;

	opacity:0;

	transition:.3s ease;
}

#ojkita-corner-hit.show{
	opacity:1;
}

#ojkita-counter{

	position:absolute;

	right:25px;
	bottom:25px;

	color:#A3FF12;

	font-size:14px;

	font-weight:700;

	letter-spacing:2px;

	opacity:.7;
}

.ojkita-particle{

	position:absolute;

	width:6px;
	height:6px;

	border-radius:50%;

	background:#A3FF12;

	pointer-events:none;

	animation:particleFade .8s linear forwards;
}

@keyframes particleFade{

	from{
		opacity:1;
		transform:
			translate(0,0)
			scale(1);
	}

	to{
		opacity:0;
		transform:
			translate(var(--tx),var(--ty))
			scale(0);
	}
}