✓ 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
Slider direction is inverted (min=0 labeled "In der Luft" maps to crowns at top, slider increasing moves crowns down into water — technically correct directionally, but the slider visually reads top-to-bottom yet the HTML range input with appearance:slider-vertical increases upward in most browsers, making the control likely inverted in practice); no continuous fall animation — crowns jump position without a smooth drop; mass/density values are static (not live-updating), only displaced water updates dynamically.
Slider direction is inverted (min=0 labeled "In der Luft" maps to crowns at top, slider increasing moves crowns down into water — technically correct directionally, but the slider visually reads top-to-bottom yet the HTML range input with appearance:slider-vertical increases upward in most browsers, making the control likely inverted in practice); no continuous fall animation — crowns jump position without a smooth drop; mass/density values are static (not live-updating), only displaced water updates dynamically.