.jc-jackpot {
  text-align: center;
}

.jc-scale {
  --jc-size: 1rem;
  --jc-gap: 1em;
  --jc-pad: 0.85em;
  --jc-radius: 0.9em;
  font-size: var(--jc-size, 1rem);
}

.jc-jackpot-value {
  display: inline-block;
  font-size: clamp(2.8em, 9vw, 7.5em);
  font-weight: 700;
  color: #f6c94d;
  text-shadow: 0 0 18px rgba(246, 201, 77, 0.45),
    0 0 40px rgba(246, 201, 77, 0.3);
}

.jc-jackpot--compact .jc-jackpot-value {
  font-size: clamp(1.4em, 4.2vw, 2.6em);
  letter-spacing: 0.04em;
  text-shadow: 0 0 12px rgba(246, 201, 77, 0.35);
}

.jc-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--jc-gap, 1em);
}

.jc-countdown-card {
  min-width: calc(4.6em + var(--jc-pad, 0.85em));
  padding: var(--jc-pad, 0.85em);
  border-radius: var(--jc-radius, 0.9em);
  background-color: #111111;
  border: 1px solid #2b2213;
  text-align: center;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35),
    inset 0 0 18px rgba(246, 201, 77, 0.08);
}

.jc-countdown-value {
  font-size: clamp(1.6em, 4vw, 3.4em);
  font-weight: 600;
  color: #f6c94d;
  text-shadow: 0 0 10px rgba(246, 201, 77, 0.35);
}

.jc-countdown-label {
  margin-top: 0.35em;
  font-size: 0.55em;
  letter-spacing: 0.4em;
  color: rgba(248, 222, 160, 0.8);
}

.jc-countdown-sep {
  font-size: clamp(1.1em, 3.2vw, 2.4em);
  color: rgba(246, 201, 77, 0.7);
  text-shadow: 0 0 12px rgba(246, 201, 77, 0.35);
}

.jc-countdown-card.jc-border-off {
  border: none !important;
  outline: none !important;
}

.jc-text-countdown {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #f6c94d;
}

.jc-text-countdown-value {
  display: inline-block;
}

@media (max-width: 720px) {
  .jc-countdown-sep {
    display: none;
  }
}