✓ 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 "Luft" at top maps to crowns above water, but `writing-mode: vertical-lr; direction: rtl` with value=0 at bottom of slider — visually the "Luft" label is at top but the slider thumb starts at the bottom, making the physical mapping confusing/inverted); no fall animation (crowns teleport, no smooth timed drop); physics values (19.3 g/cm³ gold, 13.0 g/cm³ alloy, same 1000 g mass) are correct and the gilded crown correctly displaces ~48% more water.
Slider direction is inverted (min=0 labeled "Luft" at top maps to crowns above water, but `writing-mode: vertical-lr; direction: rtl` with value=0 at bottom of slider — visually the "Luft" label is at top but the slider thumb starts at the bottom, making the physical mapping confusing/inverted); no fall animation (crowns teleport, no smooth timed drop); physics values (19.3 g/cm³ gold, 13.0 g/cm³ alloy, same 1000 g mass) are correct and the gilded crown correctly displaces ~48% more water.