/* Membership crown sprite collected from the user-supplied UI reference. */
.vip-card .vip-crown {
  width: 50px !important;
  height: 50px !important;
  top: 4px !important;
  right: 5px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-color: transparent !important;
  background-image: url("/static/img/vip-crown-ui-sprite-20260820.png") !important;
  background-repeat: no-repeat !important;
  background-size: 200% 300% !important;
  filter: drop-shadow(0 4px 6px rgba(25, 35, 62, 0.2));
  pointer-events: none;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.vip-card.vip1 .vip-crown {
  background-position: 100% 50% !important;
}

.vip-card.vip2 .vip-crown {
  background-position: 0 0 !important;
}

.vip-card.vip3 .vip-crown {
  background-position: 0 50% !important;
}

.vip-card.vip4 .vip-crown {
  background-position: 0 100% !important;
}

.vip-card.selected .vip-crown {
  transform: scale(1.08);
  filter: drop-shadow(0 6px 9px rgba(36, 62, 120, 0.32));
}

@media (max-width: 390px) {
  .vip-card .vip-crown {
    width: 44px !important;
    height: 44px !important;
    top: 6px !important;
    right: 4px !important;
  }
}