- Fire: reworked colour ramp (dark red → orange → amber → warm yellow core),
per-column height variation via colFireH for jagged silhouette, ember glow
at base, taller overall height, fire/rain combined in screenshot
- Rain: more translucent (0.15–0.40 opacity), halved speed range, direction
tilts 90°→70° as intensity rises
- Embers: smaller particles (0.8–2.2px), more numerous (50–150)
- Fog: fix opacity jump at ~3s — CSS keyframe animation was overriding the
inline intensity-based opacity value; replaced with CSS transition via
React-managed mounted state
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>