Duolingo Drag and Drop Cents Interaction

This interaction demonstrates a drag-and-drop mechanic in an educational context. Users drag coin elements (5¢, 10¢, 25¢) from a bottom dock into a central drop zone. As a coin is dragged, it lifts with a subtle scale increase and shadow effect. Upon release, it snaps into the target area with a gentle spring settling motion. The bottom dock coins act as infinite generators, instantly replenishing. When the first coin is placed, the primary 'Check' button at the bottom transitions smoothly from disabled gray to active green, signaling readiness.