/*
 * NICHRAUM AUTARK MODUL
 *
 * Modul:      Random Flicker
 * Bereich:    UI FX / Electric
 * Pfad:       /sys/ui/fx/e/randomflicker/randomflicker.css
 * Version:    1-20260726-162348
 *
 * Zweck:
 * Portalunabhängige CSS-Grundlage für einen zufälligen elektrischen
 * Flacker- und Schliereneffekt.
 *
 * Grundsätze:
 * - Der Effekt wird ausschließlich auf ausdrücklich markierte Ziele angewendet.
 * - Ohne data-ui-fx="randomflicker" entstehen keine Veränderungen.
 * - Farben und Leuchtschatten werden vom jeweiligen Zielbauteil vorgegeben.
 * - Diese Datei enthält keine projektspezifische Fachlogik.
 */


/* ==========================================================================
   BEREICH 1: EFFEKTZIEL
   ========================================================================== */

[data-ui-fx~="randomflicker"] {
	--ui-randomflicker-opacity:1;
	--ui-randomflicker-shift-x:0px;
	--ui-randomflicker-skew-x:0deg;
	--ui-randomflicker-blur:0px;

	opacity:var(--ui-randomflicker-opacity);
	filter:blur(var(--ui-randomflicker-blur));
	transform:
		translateX(var(--ui-randomflicker-shift-x))
		skewX(var(--ui-randomflicker-skew-x));

	will-change:opacity, filter, transform, color, text-shadow, box-shadow;
}


/* ==========================================================================
   BEREICH 2: VOM JAVASCRIPT GESETZTE ZUSTÄNDE
   ========================================================================== */

[data-ui-fx~="randomflicker"].ui-randomflicker--dim {
	--ui-randomflicker-opacity:0.82;
}

[data-ui-fx~="randomflicker"].ui-randomflicker--weak {
	--ui-randomflicker-opacity:0.92;
}

[data-ui-fx~="randomflicker"].ui-randomflicker--smear {
	--ui-randomflicker-shift-x:1px;
	--ui-randomflicker-skew-x:2deg;
	--ui-randomflicker-blur:0.45px;

	transition:
		opacity 70ms linear,
		filter 100ms ease,
		transform 100ms ease;
}

[data-ui-fx~="randomflicker"].ui-randomflicker--pulse {
	animation:ui-randomflicker-pulse 140ms linear 1;
}


/* ==========================================================================
   BEREICH 3: KURZER ELEKTRISCHER IMPULS
   ========================================================================== */

@keyframes ui-randomflicker-pulse {
	0% {
		opacity:1;
	}

	28% {
		opacity:0.72;
	}

	46% {
		opacity:0.96;
	}

	68% {
		opacity:0.84;
	}

	100% {
		opacity:1;
	}
}


/* ==========================================================================
   BEREICH 4: ZUSTAND BEI DEAKTIVIERTEM EFFEKT
   ========================================================================== */

[data-ui-fx~="randomflicker"][data-ui-fx-enabled="false"] {
	--ui-randomflicker-opacity:1;
	--ui-randomflicker-shift-x:0px;
	--ui-randomflicker-skew-x:0deg;
	--ui-randomflicker-blur:0px;

	animation:none !important;
	transition:none !important;
}


/* ==========================================================================
   BEREICH 5: BARRIEREARME DARSTELLUNG
   ========================================================================== */

@media (prefers-reduced-motion:reduce) {
	[data-ui-fx~="randomflicker"] {
		--ui-randomflicker-opacity:1;
		--ui-randomflicker-shift-x:0px;
		--ui-randomflicker-skew-x:0deg;
		--ui-randomflicker-blur:0px;

		animation:none !important;
		transition:none !important;
	}
}