✓ 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 (value=0/top=Luft, value=100/bottom=Wasser maps correctly in labels, but crown Y position uses -submergedRatio*CROWN_HEIGHT meaning at slider=100 the crown only moves up 80px not down into tank), mass/volume/density values are static (not live), and crown animation does not visually fall into the water tank since the crown moves upward off-screen rather than downward into the tank.
Slider direction is inverted (value=0/top=Luft, value=100/bottom=Wasser maps correctly in labels, but crown Y position uses -submergedRatio*CROWN_HEIGHT meaning at slider=100 the crown only moves up 80px not down into tank), mass/volume/density values are static (not live), and crown animation does not visually fall into the water tank since the crown moves upward off-screen rather than downward into the tank.