/* Issue 0090: ruleta de seleccion aleatoria por columna. */

@keyframes kanban-roulette-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(34, 139, 230, 0.7); }
  70%  { box-shadow: 0 0 0 10px rgba(34, 139, 230, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 139, 230, 0); }
}

@keyframes kanban-roulette-winner {
  0%   { box-shadow: 0 0 0 0 rgba(82, 196, 26, 0.95); transform: scale(1); }
  30%  { box-shadow: 0 0 0 16px rgba(82, 196, 26, 0.55); transform: scale(1.03); }
  60%  { box-shadow: 0 0 0 22px rgba(82, 196, 26, 0); transform: scale(1.05); }
  100% { box-shadow: 0 0 0 0 rgba(82, 196, 26, 0); transform: scale(1); }
}

.kanban-roulette-active {
  outline: 3px solid var(--mantine-color-blue-6) !important;
  outline-offset: -2px;
  animation: kanban-roulette-pulse 200ms ease-out 1;
  z-index: 5;
  position: relative;
}

.kanban-roulette-winner {
  outline: 3px solid var(--mantine-color-green-7) !important;
  outline-offset: -2px;
  animation: kanban-roulette-winner 1600ms ease-out 1;
  z-index: 6;
  position: relative;
}
