/* Listening drag-match touch + tap path — see app/ielts/listening-dnd-touch.js */
/* Touch + tap path for listening drag-match (2026-10-10). */
.listen-dnd-tile--picked {
  outline: 2px solid var(--p-accent, #1f6feb);
  outline-offset: 1px;
  background: rgba(31, 111, 235, 0.08);
}
.listen-dnd-drop--over {
  border-color: var(--p-accent, #1f6feb);
  background: rgba(31, 111, 235, 0.08);
}
.listen-dnd-ghost {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  max-width: 70vw;
  pointer-events: none;
  opacity: 0.94;
  box-shadow: 0 14px 32px rgba(var(--p-shadow-rgb), 0.22);
}
body.listen-touch-dragging {
  overscroll-behavior: contain;
}
.listen-dnd-tap-hint {
  display: none;
}
@media (pointer: coarse) {
  .listen-dnd-tap-hint {
    display: inline;
  }
}