/**
 * Starry mouse trail layer — desktop fine pointer only.
 * Loaded only when Site Settings → Görünüm toggle is on.
 */

@media (hover: hover) and (pointer: fine) {
	@media (prefers-reduced-motion: no-preference) {
		.beastro-star-cursor {
			position: fixed;
			inset: 0;
			z-index: 99980;
			pointer-events: none;
			overflow: hidden;
			contain: strict;
		}

		.beastro-star-cursor__p {
			position: absolute;
			left: 0;
			top: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			padding: 0;
			border: 0;
			border-radius: 50%;
			line-height: 1;
			font-weight: 500;
			text-align: center;
			white-space: nowrap;
			pointer-events: none;
			will-change: transform, opacity;
			transform: translate3d(-9999px, -9999px, 0);
			opacity: 0;
			user-select: none;
			-webkit-user-select: none;
			backface-visibility: hidden;
		}

		.beastro-star-cursor__p.is-idle {
			visibility: hidden;
		}

		.beastro-star-cursor__p.is-on {
			visibility: visible;
		}

		.beastro-star-cursor__p--dot {
			border-radius: 50%;
		}

		.beastro-star-cursor__p--spark,
		.beastro-star-cursor__p--star,
		.beastro-star-cursor__p--moon {
			background: transparent !important;
			border-radius: 0;
		}

		.beastro-star-cursor__p--star,
		.beastro-star-cursor__p--spark {
			font-family: "Segoe UI Symbol", "Apple Symbols", Georgia, serif;
		}

		.beastro-star-cursor__p--moon {
			font-family: Georgia, "Times New Roman", serif;
		}
	}
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
	.beastro-star-cursor {
		display: none !important;
	}
}