✓ 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
Solid physics and info panels (correct densities, live displaced/buoyancy values, gilded crown visibly displaces more), but crowns snap to position with no fall animation, there are no splash effects despite code stubs for them, and both SVG crowns share the same gradient ID ("crownGrad") causing the second crown to render incorrectly.
Solid physics and info panels (correct densities, live displaced/buoyancy values, gilded crown visibly displaces more), but crowns snap to position with no fall animation, there are no splash effects despite code stubs for them, and both SVG crowns share the same gradient ID ("crownGrad") causing the second crown to render incorrectly.