/**
 * LimeLine — Smoke Trail v2 + 420 Easter Egg (CSS)
 *
 * Volumetric smoke trail follows the cursor / touch; mousedown bursts a
 * lime+purple firework; the 420th click anywhere triggers a mega burst
 * + giant "420" text flash from screen center.
 *
 * Companion: smoke-trail.js (enqueued together by class-limeline-smoke-trail.php).
 *
 * Originally drafted as a WPCode snippet; baked into the plugin so it ships
 * with the codebase and survives WPCode plugin updates / option resets.
 */

.easter-egg-text {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Inter', sans-serif, system-ui;
	font-weight: 900;
	font-size: 35vw;
	color: #C8FF00;
	opacity: 0;
	pointer-events: none;
	z-index: 100000;
	text-shadow: 0 0 50px rgba(200, 255, 0, 0.4);
	transition: opacity 0.2s ease-out;
	line-height: 1;
	letter-spacing: -2vw;
}

.easter-egg-text.show {
	opacity: 0.8;
}

/* Accessibility — visitors who set OS-level reduced motion shouldn\'t get
   the smoke bombarding them. The JS also checks this and skips spawning,
   but as a belt-and-suspenders we hide the canvas + easter egg entirely. */
@media (prefers-reduced-motion: reduce) {
	canvas[data-limeline-smoke-trail] { display: none !important; }
	.easter-egg-text                  { display: none !important; }
}