/* ==== 手牌扇形布局 ==== */
.hand-zone {
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%) scale(var(--hand-scale, 1));
  transform-origin: 50% 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 30;
}
.hand-card {
  position: relative;
  margin: 0 -26px;
  transition: transform 0.18s ease-out, margin 0.18s;
  cursor: pointer;
}
.hand-card:hover {
  transform: translateY(-118px) rotate(0deg) scale(1.45) !important;
  z-index: 40 !important;
  margin: 0 30px;
}
.hand-card.dragging {
  opacity: 0;
  pointer-events: none;
}

/* 拖拽中的幽灵卡 */
.drag-ghost {
  position: fixed;
  z-index: 95;
  pointer-events: none;
  transform: translate(-50%, -60%) scale(1.1);
  filter: drop-shadow(0 12px 24px rgba(0,0,0,0.7));
}
.drag-ghost.shrink { transform: translate(-50%, -60%) scale(0.55); opacity: 0.85; }