/**
 * Wave Flow — Mode CSS (M22.0)
 *
 * Mode-spezifische Ergänzung zum Core-Base-Layer. Das Canvas bekommt
 * einen sanften Glow-Filter und liegt über dem Base-Gradient.
 * Der JS-Renderer zeichnet auf das Canvas; wenn kein JS läuft, bleibt
 * der Base-Gradient als passender Fallback sichtbar.
 */

.scl-scene[data-scene-mode="wave_flow"] .scl-scene__canvas {
	filter: blur(calc(var(--scene-glow, 0.4) * 4px));
	opacity: 0.9;
}

/* Wenn Scene sehr subtil eingestellt ist (intensity < 0.3), drosseln wir den
   zusätzlichen Filter weiter, damit das Base sauber atmet. */
.scl-scene[data-scene-mode="wave_flow"][style*="--scene-intensity: 0.1"] .scl-scene__canvas,
.scl-scene[data-scene-mode="wave_flow"][style*="--scene-intensity: 0.2"] .scl-scene__canvas {
	opacity: 0.7;
}