Swypn Left Right Card Swipe Interaction

This interaction showcases a gamified card-swiping experience where users categorize images as 'Real' or 'AI'. Swiping left or right triggers a smooth, physics-based rotation and translation of the card, accompanied by color-coded feedback borders and central icons (checkmark or cross) that scale up. The top progress bar tracks the countdown timer, and correct answers instantly increment the score. Upon completion, a results screen transitions in, featuring an animated sad mascot and a circular progress ring that dynamically fills to represent the final score percentage.