/* ─────────────────────────────────────────────────────────────
   FCPE · MOVE 1 — GOLD CURSOR (desktop, hover-capable only)
   ───────────────────────────────────────────────────────────── */

/* Custom cursor is purely additive. Native pointer remains for a11y. */
.fcpe-cursor {
	position: fixed;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	background: #D4AF37;
	border: 0;
	border-radius: 50%;
	pointer-events: none;
	z-index: 2147483646;
	transform: translate3d(-50%, -50%, 0);
	transition:
		width 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
		height 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
		background 220ms ease-out,
		border-color 220ms ease-out,
		opacity 220ms ease-out;
	opacity: 0;
	mix-blend-mode: normal;
	will-change: transform;
}

.fcpe-cursor--ready {
	opacity: 1;
}

/* Larger dot on interactive elements */
.fcpe-cursor--link {
	width: 16px;
	height: 16px;
	background: #D4AF37;
}

/* Ring on text-input targets */
.fcpe-cursor--input {
	width: 20px;
	height: 20px;
	background: transparent;
	border: 2px solid #D4AF37;
}

/* Mobile / reduced-motion / touch — hide entirely */
@media (hover: none), (pointer: coarse) {
	.fcpe-cursor { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
	.fcpe-cursor { display: none !important; }
}

/* Keep native cursor on form fields for a11y; dot just rings around it */
input, textarea, select, [contenteditable="true"] {
	cursor: text;
}