/* ==================== FAKE CURSOR ==================== */
.fake-cursor {
	position: fixed;
	pointer-events: none;
	z-index: 99999;
	top: 0;
	left: 0;
	transform: none; /* ESSENCIAL */
}

*{
	cursor: none !important;
}

.fake-cursor img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ==================== SPARKLES EFFECT ==================== */
.sparkle {
	position: fixed;
	pointer-events: none;
	font-size: 1.5rem;
	z-index: 9999;
	animation: sparkleFloat 1.5s ease-out forwards;
}

@keyframes sparkleFloat {
	0% {
		opacity: 1;
		transform: translate(0, 0) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate(var(--tx), var(--ty)) scale(0);
	}
}