✓ 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
Physics, displacement, and Heureka are well-implemented, but the slider direction is inverted (value=0 maps to crown in air at the top of the slider, yet the slider label "▲ Luft / ▼ Wasser" is correct in text but the writing-mode+direction CSS causes the visual thumb to sit at the bottom when value=0, making it top=water/bottom=air in practice), and mass/volume/density values are static (not "live" updating per the spec).
Physics, displacement, and Heureka are well-implemented, but the slider direction is inverted (value=0 maps to crown in air at the top of the slider, yet the slider label "▲ Luft / ▼ Wasser" is correct in text but the writing-mode+direction CSS causes the visual thumb to sit at the bottom when value=0, making it top=water/bottom=air in practice), and mass/volume/density values are static (not "live" updating per the spec).