✓ Two crowns ✓ Same mass, different density ✓ Vertical slider ✓ Slider works ✓ Slider controls crowns — Slider direction correct ✓ Full slider range ✓ Fall animation ✓ Water displacement ✓ Rising water level ✓ Splash effects ✓ Physics correct — Live mass value — Live volume value — Live density value ✓ Live displaced water ✓ Gilded displaces more ✓ Heureka animation ✓ No external deps ✓ Light bg / dark text ✓ Self-contained HTML
Live info panels show mass/volume/density as static text rather than dynamically updating values, and the vertical slider direction is likely inverted on most browsers (value=0 at bottom, not top, in standard range behavior despite the CSS workaround).
Live info panels show mass/volume/density as static text rather than dynamically updating values, and the vertical slider direction is likely inverted on most browsers (value=0 at bottom, not top, in standard range behavior despite the CSS workaround).