.card-choice{cursor:grab;touch-action:none}
.card-choice:active{cursor:grabbing}
.hand-dragging .card-choice,.hand-dragging .card-choice:hover{animation:none;transform:none;translate:none;rotate:none}
.hand-drag-source{opacity:.35}
.hand-drop-target{outline:2px dashed #187443;outline-offset:3px;border-radius:5px}
.hand-drop-over{outline:4px solid #187443;outline-offset:3px;box-shadow:0 0 0 7px #fff9eb}
.hand-follower{opacity:1;cursor:grabbing}
@media(max-width:679px){
  .hand-dragging:has([data-cell].hand-drop-target) .gallery{display:block;position:fixed;inset:72px 12px auto;z-index:90;max-height:calc(100dvh - 90px);overflow:auto;padding:12px;background:#fff9eb;border:2px solid var(--ink);border-radius:7px;box-shadow:4px 8px 24px #25222250}
  .hand-dragging:has([data-cell].hand-drop-target) .gallery-head button,.hand-dragging .gallery .explanation,.hand-dragging .placement-actions{display:none}
  .hand-dragging:has([data-cell].hand-drop-target) .board{width:min(100%,280px);max-width:280px!important;margin:auto;--fitted-slot-height:auto}
  .hand-dragging .board .slot{height:auto;min-height:0;aspect-ratio:1/1.4}
  .hand-dragging .board .print-rule{min-height:28px;height:28px;padding:3px}
  .hand-dragging .board .rule-diagram{display:none}
}
@media(prefers-reduced-motion:reduce){.hand-dragging *{transition:none!important}}