✓ 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 means crowns in air, value=100 bottom means crowns in water — this is technically correct directionally for a standard HTML range with writing-mode: vertical-lr + direction: rtl, but the visual label "▲ Luft / ▼ Wasser" and the CSS orientation make it ambiguous and non-standard; functionally the slider is driven by raw numeric value where 0=air and 100=water, meaning dragging DOWN increases the value and sinks the crowns, which is correct behavior but the slider thumb starts at the bottom visually due to the vertical RTL flip, making the UX confusing); otherwise a highly complete, well-polished implementation with correct physics (gold 19.3 g/cm³, gilded 9.0 g/cm³, same 1000g mass), live values, rising water, splash/ripple effects, and a well-animated Heureka overlay.
Slider direction is inverted (value=0 top means crowns in air, value=100 bottom means crowns in water — this is technically correct directionally for a standard HTML range with writing-mode: vertical-lr + direction: rtl, but the visual label "▲ Luft / ▼ Wasser" and the CSS orientation make it ambiguous and non-standard; functionally the slider is driven by raw numeric value where 0=air and 100=water, meaning dragging DOWN increases the value and sinks the crowns, which is correct behavior but the slider thumb starts at the bottom visually due to the vertical RTL flip, making the UX confusing); otherwise a highly complete, well-polished implementation with correct physics (gold 19.3 g/cm³, gilded 9.0 g/cm³, same 1000g mass), live values, rising water, splash/ripple effects, and a well-animated Heureka overlay.