/**
 * Seanav GenX — WebGL fluid cursor (DEEP demo2–style).
 *
 * Smoky HSV dye trails composited with mix-blend-mode: difference so colours
 * invert against the page beneath — same visual model as DEEP preview demo2.
 */

:root {
	--sgx-cursor-z: 2147483646;
	--sgx-cursor-blend: difference;
}

html.sgx-fluid-cursor-has-blend #sgx-fluid-cursor-canvas,
html.sgx-fluid-cursor-has-blend .sgx-fluid-cursor__canvas {
	mix-blend-mode: var(--sgx-cursor-blend) !important;
}

/* Native mouse arrow stays visible — fluid canvas is pointer-events: none only */

/* Override library-injected z-index; sit above header, below modals */
#sgx-fluid-cursor-canvas,
.sgx-fluid-cursor__canvas {
	position: fixed !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	pointer-events: none !important;
	z-index: var(--sgx-cursor-z) !important;
	mix-blend-mode: var(--sgx-cursor-blend) !important;
}

/* Touch / reduced motion — hide fluid canvas only */
@media (pointer: coarse), (prefers-reduced-motion: reduce) {
	#sgx-fluid-cursor-canvas,
	.sgx-fluid-cursor__canvas {
		display: none !important;
	}
}