/* Phase 4 — Spotlight V2 */

.sc361-spotlight-v2 {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 3;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.sc361-spotlight-v2.is-active {
	opacity: 1;
}

.sc361-spotlight-v2__light {
	position: absolute;
	inset: 0;
	background: radial-gradient(
		circle var(--sc361-spot-v2-size, 180px) at var(--sc361-spot-v2-x, 50%) var(--sc361-spot-v2-y, 50%),
		rgba(255, 255, 255, calc(0.15 * var(--sc361-spot-v2-falloff, 0.55))),
		transparent calc(70% * var(--sc361-spot-v2-falloff, 0.55))
	);
}

.sc361-spotlight-v2__light--secondary {
	opacity: 0.5;
	filter: blur(12px);
}

.sc361-spotlight-v2__vignette {
	position: absolute;
	inset: 0;
	box-shadow: inset 0 0 80px rgba(0, 0, 0, calc(0.35 * var(--sc361-spot-v2-falloff, 0.55)));
}