/* ======================================================
   OJKITA UNDER CONSTRUCTION
====================================================== */

#ojkita-dev-mode{

	position:fixed;

	inset:0;

	pointer-events:none;

	z-index:999999;
}

/* =======================================
   Watermark
======================================= */

.ojkita-watermark{

	position:absolute;

	inset:-20%;

	display:grid;

	grid-template-columns:repeat(3,1fr);

	grid-auto-rows:min-content;

	gap:90px;

	align-content:center;

	justify-items:center;

	transform:rotate(-18deg);

	font-family:"Space Grotesk",sans-serif;

	font-size:clamp(34px,3.6vw,72px);

	font-weight:900;

	text-transform:uppercase;

	letter-spacing:3px;

	line-height:1.05;

	color:#A3FF12;

	opacity:.028;

	user-select:none;

	text-align:center;

	text-shadow:
		0 0 14px rgba(163,255,18,.18);

	animation:
		ojkitaPulse 6s ease-in-out infinite;
}

/* =======================================
   DEV BUILD
======================================= */

.ojkita-dev-badge{

	position:fixed;

	top:18px;
	right:18px;

	padding:10px 18px;

	border:1px solid rgba(163,255,18,.25);

	border-radius:999px;

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

	backdrop-filter:blur(8px);

	color:#A3FF12;

	font-size:13px;

	font-weight:700;

	letter-spacing:2px;

	text-transform:uppercase;

	box-shadow:
		0 0 25px rgba(163,255,18,.08);
}

/* =======================================
   Animation
======================================= */

@keyframes ojkitaPulse{

	0%{

		opacity:.035;
	}

	50%{

		opacity:.055;
	}

	100%{

		opacity:.035;
	}
}

/* =======================================
   Mobile
======================================= */

@media (max-width:768px){

	.ojkita-watermark{

		font-size:56px;

		line-height:1.1;

		white-space:normal;

		width:90%;
	}

	.ojkita-dev-badge{

		font-size:11px;

		padding:8px 14px;
	}
}

.ojkita-watermark div{

	white-space:nowrap;
}

@media(max-width:768px){

	.ojkita-watermark{

		grid-template-columns:1fr;

		gap:55px;

		font-size:30px;

		opacity:.035;
	}

	.ojkita-watermark div{

		white-space:normal;

		width:90%;
	}

}