/* Drag a hand card onto the board (roadmap 3.7, lead). Space highlights are injected by src/ui/drag.js. */
.hand-dock .hand-card-slot[data-drag] { touch-action: none; cursor: grab; }
.hand-dock .mini-card-chip[data-drag] { touch-action: pan-x; cursor: grab; }
[data-drag-source] { opacity: .35; }
body.is-dragging-card, body.is-dragging-card * { cursor: grabbing !important; }

.drag-ghost {
  position: fixed; left: 0; top: 0; z-index: 1000; pointer-events: none;
  filter: drop-shadow(0 12px 24px rgb(0 0 0 / .55));
  will-change: transform;
}
.drag-ghost > .card-face { width: 100%; height: 100%; }
.drag-ghost-target {
  position: absolute; left: 50%; top: -30px; transform: translateX(-50%);
  white-space: nowrap; padding: 3px 10px; border-radius: 99px;
  background: var(--accent); color: var(--bg); font: 600 13px/1.3 var(--font-body);
  box-shadow: 0 4px 12px rgb(0 0 0 / .45);
}

/* No native image drag inside a draggable card (WebKit/Blink; drag.js also cancels dragstart). */
[data-drag] img { -webkit-user-drag: none; user-select: none; }