/**
 * TelccFree — Gold crown medal badge (streakCount >= 3).
 * Reference PNG asset — same 36px footprint as score dots.
 */

.crown-badge,
.score-dot.telc-gold-crown-badge.crown-badge,
.version-picker-option-badge.telc-gold-crown-badge.crown-badge {
  position: relative !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transition: transform 0.15s ease !important;
}

.crown-badge .telc-crown-badge-img,
.score-dot.telc-gold-crown-badge.crown-badge .telc-crown-badge-img,
.version-picker-option-badge.telc-gold-crown-badge.crown-badge .telc-crown-badge-img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

.ex-btn .score-dot.telc-gold-crown-badge.crown-badge,
a.ex-btn .score-dot.telc-gold-crown-badge.crown-badge,
div.ex-btn .score-dot.telc-gold-crown-badge.crown-badge,
.ex-btn.ex-version-picker-trigger > .score-dot.master-score-badge.telc-gold-crown-badge.crown-badge,
.version-picker-option-badge.telc-gold-crown-badge.crown-badge {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ex-btn:hover > .score-dot.telc-gold-crown-badge.crown-badge,
.crown-badge:hover {
  transform: scale(1.04);
}

.score-dot.telc-gold-crown-badge.crown-badge.popping,
.version-picker-option-badge.telc-gold-crown-badge.crown-badge.popping,
.crown-badge.popping {
  animation: dotPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

html.dark .crown-badge,
html.dark .score-dot.telc-gold-crown-badge.crown-badge {
  filter: none !important;
}