Card Shuffle Deck

"use client";

import { useEffect, useId, useRef, useState } from "react";
import type { CSSProperties, KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent } from "react";

/**
 * CardShuffleDeck — a neo-brutalist reorderable deck where every card moves
 * like a physical object: it lifts onto its shadow, travels in a straight
 * line, and lands exactly in its slot.
 *
 * The rule the whole piece is built on: a shadow never interpolates. Each
 * card's shadow is a fixed ink plate 5px under it, and only the card moves
 * over it: up 2px on hover, up 4px when it is in the air, back to 0 when it
 * lands, 100ms linear. So the shadow never stretches, blurs or fades; it is
 * simply uncovered. Travel between slots is linear too, never eased.
 *
 * - Drag a card (mouse or pen anywhere on it, touch on its grip): it lifts
 *   and follows the pointer; the others slide aside in 140ms linear; let go

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}