ConsciousnessBlur - Screen blur effect based on consciousness level
Renders a fullscreen overlay with blur effect that intensifies as
consciousness decreases. Only visible when consciousness is 90 or below.
Optimized for 60fps with CSS backdrop-filter.
Accessibility behavior:
Purely decorative visual effect
Marked with aria-hidden="true" and excluded from the accessibility tree
Does not announce consciousness level to screen readers
(use a separate, dedicated announcement channel if needed)
Example
<ConsciousnessBlurconsciousness={45}isMobile={false}/> // No render if consciousness > 90 <ConsciousnessBlurconsciousness={95}isMobile={false}/>
ConsciousnessBlur - Screen blur effect based on consciousness level
Renders a fullscreen overlay with blur effect that intensifies as consciousness decreases. Only visible when consciousness is 90 or below. Optimized for 60fps with CSS backdrop-filter.
Accessibility behavior:
Example