.ewpv-draw { 
  max-width: 650px; 
  margin: 1rem auto; 
  padding: 20px; 
  border: 1px solid #ddd; 
  border-radius: 12px;
}

.ewpv-draw input { margin: 5px; padding: 8px; border-radius: 8px; border: 1px solid #ccc; }
.ewpv-draw button { margin: 5px; padding: 8px 12px; border-radius: 10px; border: 1px solid #bbb; cursor: pointer; }
.ewpv-draw button:disabled { opacity: 0.6; cursor: not-allowed; }

/* The slot that displays names */
.ewpv-draw [data-ewpv-slot] {
  display: inline-block;
  min-width: 260px;
  text-align: center;
  padding: 14px 18px;
  border-radius: 14px;
  border: 2px dashed rgba(0,0,0,.2);
  background: rgba(0,0,0,.02);
  margin: 10px 0;
  transition: background 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

/* Spinning state: slower "lottery" pulse */
@keyframes ewpv-bg-pulse {
  0%   { background: rgba(255, 255, 255, 1); }
  50%  { background: rgba(235, 245, 255, 1); }
  100% { background: rgba(255, 255, 255, 1); }
}

@keyframes ewpv-slot-pulse {
  0%   { transform: scale(1.0);  box-shadow: 0 0 0 rgba(0,0,0,0); }
  50%  { transform: scale(1.015); box-shadow: 0 0 18px rgba(0,0,0,.10); }
  100% { transform: scale(1.0);  box-shadow: 0 0 0 rgba(0,0,0,0); }
}

.ewpv-draw.is-spinning {
  animation: ewpv-bg-pulse 0.85s ease-in-out infinite;
}

.ewpv-draw.is-spinning [data-ewpv-slot] {
  animation: ewpv-slot-pulse 0.70s ease-in-out infinite;
}

/* Winner state: green highlight + slower blink */
@keyframes ewpv-winner-pulse {
  0%   { background: rgba(0, 200, 0, 0.18); box-shadow: 0 0 0 rgba(0, 200, 0, 0); }
  50%  { background: rgba(0, 200, 0, 0.38); box-shadow: 0 0 22px rgba(0, 200, 0, 0.32); }
  100% { background: rgba(0, 200, 0, 0.18); box-shadow: 0 0 0 rgba(0, 200, 0, 0); }
}

.ewpv-draw [data-ewpv-slot].is-winner {
  border-style: solid;
  border-color: rgba(0, 160, 0, 0.85);
  animation: ewpv-winner-pulse 0.60s ease-in-out infinite;
}

/* After blink, keep a static green highlight */
.ewpv-draw [data-ewpv-slot].is-winner-static {
  border-style: solid;
  border-color: rgba(0, 160, 0, 0.85);
  background: rgba(0, 200, 0, 0.22);
  box-shadow: 0 0 14px rgba(0, 200, 0, 0.18);
}
