Eight interconnected breath practices forming a full nervous system reset arc

Gesture-driven interactions that directly map physical motion to breath rhythm

Visual metaphors (alignment, bloom, drift, horizon, gravity) embodying regulation states

Seamless stage-based interface with responsive design across desktop and mobile

Distinct breath patterns per game to avoid repetitive inhale mechanics

Visual language differentiation (radial, linear, vertical, panoramic, alignment fields)

Breath-paced animation timing grounded in physiological regulation patterns

Responsive gesture mapping for touch and mouse parity

Soft gradients, noise diffusion, and high-DPR rendering to prevent banding

Minimal UI: titles and instructions outside the stage to preserve immersion

React + TypeScript for component architecture and state orchestration

Canvas/WebGL rendering for high-performance animated visual systems

DevicePixelRatio scaling + dither overlays to prevent gradient banding

Pointer event abstraction for unified touch and mouse gesture handling

Config-driven game registry for scalable addition of new breath modules

Performance-optimized animation loops with clean unmount lifecycle management