/* load Bootstrap first (if you’re not already doing so elsewhere) */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css");

/* prize cards hover lift */
.rd-prize-card {
  cursor: pointer;
  transition: transform .05s ease;
}
.rd-prize-card:hover {
  transform: translateY(-6px);
}

/* spinner / cycling name */
#rd-animation {
  display: none;             /* hidden until draw starts */
  margin: 1.5rem auto;
  padding: 1.25rem;
  font-size: 1.5rem;
  min-height: 4rem;
  border-radius: .5rem;
  background: #eef3fb;
  color: #0b3d91;
  text-align: center;
}

/* cycling name span */
.rd-cycle-name {
  display: inline-block;
  font-weight: 600;
  padding: .5rem 1rem;
  border-radius: .25rem;
}

/* winner banner */
#rd-winner {
  display: none;
  margin: 1.5rem auto;
  padding: 1.5rem;
  border-radius: .5rem;
  background: #d4ede2 !important;
  color: #0b613e !important;
  text-align: center;
}

/* each winner line */
.rd-winner-line {
  font-size: 2rem !important;
  margin: .5rem 0 !important;
}