.reg-countdown {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 1px solid rgb(74 155 140 / 0.35);
  background: linear-gradient(145deg, rgb(11 15 26 / 0.88), rgb(18 24 38 / 0.78));
  padding: 1rem 1.1rem 1.15rem;
  box-shadow: 0 0 40px rgb(45 212 191 / 0.08), inset 0 1px 0 rgb(255 255 255 / 0.05);
}
.reg-countdown--compact { padding: 0.75rem 0.9rem 0.9rem; }
.reg-countdown--preopen { border-color: rgb(125 211 252 / 0.35); }
.reg-countdown__orbit {
  pointer-events: none; position: absolute; inset: -45% -25%;
  background: conic-gradient(from 0deg, transparent 0deg, rgb(74 155 140 / 0.14) 70deg, transparent 140deg);
  animation: reg-countdown-orbit 20s linear infinite; opacity: 0.75;
}
.reg-countdown__head { position: relative; z-index: 1; margin-bottom: 0.65rem; text-align: center; }
.reg-countdown__kicker { font-size: 0.78rem; font-weight: 600; color: rgb(94 234 212 / 0.95); }
.reg-countdown__tape {
  position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 0.12rem 0.15rem; padding: 0.4rem 0.3rem; border-radius: 0.85rem;
  border: 1px solid rgb(42 107 95 / 0.4); background: rgb(5 8 16 / 0.55);
  font-family: ui-monospace, monospace; direction: ltr;
}
.reg-countdown__seg {
  display: inline-flex; align-items: baseline; gap: 0.06em; padding: 0.15rem 0.28rem;
  border-radius: 0.45rem; background: rgb(18 24 38 / 0.65); line-height: 1;
}
.reg-countdown__num { color: #f8fafc; font-weight: 700; }
.reg-countdown__sfx { color: rgb(94 234 212 / 0.92); font-weight: 700; }
.reg-countdown__seg--d .reg-countdown__num, .reg-countdown__seg--d .reg-countdown__sfx { font-size: 2rem; }
.reg-countdown__seg--h .reg-countdown__num, .reg-countdown__seg--h .reg-countdown__sfx { font-size: 1.55rem; }
.reg-countdown__seg--m .reg-countdown__num, .reg-countdown__seg--m .reg-countdown__sfx { font-size: 1.25rem; }
.reg-countdown__seg--s .reg-countdown__num, .reg-countdown__seg--s .reg-countdown__sfx { font-size: 1rem; }
.reg-countdown--compact .reg-countdown__seg--d .reg-countdown__num, .reg-countdown--compact .reg-countdown__seg--d .reg-countdown__sfx { font-size: 1.55rem; }
.reg-countdown--compact .reg-countdown__seg--h .reg-countdown__num, .reg-countdown--compact .reg-countdown__seg--h .reg-countdown__sfx { font-size: 1.25rem; }
.reg-countdown__colon { font-weight: 700; color: rgb(94 234 212 / 0.55); animation: reg-countdown-colon 1.2s ease-in-out infinite; }
@keyframes reg-countdown-orbit { to { transform: rotate(360deg); } }
@keyframes reg-countdown-colon { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } }