/*
 * EduGames - Interactive Learning Games
 * (c) 2025-2026 Prof. N. All rights reserved.
 *
 * File:    styles/components/drag.css
 * Updated: 2026-10-03 21:23
 * Purpose: Look of a card being dragged (scripts/core/pointer-drag.js): the original stays as a dimmed slot, a copy
 *          (the ghost) is the lifted card in hand, the target under it is highlighted by the game's own style.
 */
.dragging {
  opacity: 0.35;
  transform: none;
}

.drag-ghost {
  position: fixed;
  left: 0;
  top: 0;
  z-index: var(--z-index-drag, 3500);
  margin: 0;
  pointer-events: none;
  cursor: grabbing;
  transform: translate(var(--gx, 0), var(--gy, 0)) rotate(-3deg) scale(1.05);
  box-shadow: var(--shadow-lg);
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .drag-ghost {
    transform: translate(var(--gx, 0), var(--gy, 0));
  }
}

/* a game's own card transition (same specificity, loaded later) must not make the ghost lag behind the pointer */
.drag-ghost.drag-ghost {
  transition: none;
}