/* Shared Difficulty Dots — used across all Play & Practice pages */
.sd-wrap { text-align: center; }
.sd-dots {
  display: inline-flex; align-items: center; gap: 0;
  background: rgba(44,24,16,0.03); border-radius: 24px;
  padding: 2px; border: 1px solid #E8DFD2;
}
.sd-dot {
  width: 34px; height: 30px; border-radius: 20px; border: none; cursor: pointer;
  background: transparent; color: #9E9189;
  font-size: 0.65rem; font-weight: 400;
  font-family: 'Playfair Display', Georgia, serif;
  transition: all 0.25s;
  display: flex; align-items: center; justify-content: center;
  gap: 1px; position: relative;
}
.sd-dot:hover:not(.active) { color: #6B5D52; }
.sd-dot.active { font-weight: 700; }
.sd-dot.sd-expert { letter-spacing: -0.02em; }
.sd-star {
  font-size: 0.4rem; margin-left: 1px; opacity: 0.7;
}
.sd-dot.active .sd-star { opacity: 1; }
.sd-label {
  font-family: 'Montserrat', sans-serif; font-size: 0.5rem;
  color: #9E9189; margin-top: 3px;
  letter-spacing: 0.1em; text-transform: uppercase;
}