/* ============================================================
   Add this block to style.css — styles for the auto-complete
   sequence (triggered from game.js when the tableau is fully
   resolvable and the game plays itself out to the foundations).
   ============================================================ */

#table.auto-completing-pulse {
  box-shadow: inset 0 0 50px rgba(0,0,0,0.5), 0 0 30px 6px gold;
  transition: box-shadow 0.3s ease;
}

#auto-complete-banner {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  color: gold;
  font-family: 'Bagel Fat One', sans-serif;
  font-size: 1rem;
  padding: 6px 18px;
  border-radius: 20px;
  z-index: 1500;
  pointer-events: none;
  animation: autoCompletePulse 1s ease-in-out infinite;
}

@keyframes autoCompletePulse {
  0%, 100% { opacity: 0.65; transform: translateX(-50%) scale(1); }
  50%      { opacity: 1;    transform: translateX(-50%) scale(1.06); }
}

.auto-move-card {
  box-shadow: 0 0 18px 6px gold, 0 2px 6px rgba(0,0,0,0.4);
  border-radius: 6px;
}