.vip-card-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-color: rgba(222, 187, 104, .34);
  background:
    radial-gradient(circle at 50% 50%, rgba(247, 209, 120, .12), transparent 64%),
    linear-gradient(135deg, rgba(31, 20, 39, .86), rgba(14, 22, 39, .92));
}
.vip-card-visual::after {
  content: "";
  position: absolute;
  inset: 12px 55px;
  border: 1px solid rgba(246, 218, 144, .28);
  border-radius: 28px;
  box-shadow: inset 0 0 18px rgba(255, 218, 129, .08);
}
.vip-card-visual .vip-avatar {
  z-index: 2;
  display: grid;
  place-items: center;
  width: 49px;
  height: 49px;
  border: 2px solid #d8b45c;
  border-radius: 50%;
  color: #fff1c4;
  font-weight: 800;
  background: radial-gradient(circle at 35% 30%, #76582c, #19120f 67%);
  box-shadow: 0 0 18px rgba(232, 193, 92, .24);
}
.vip-card-visual b {
  z-index: 2;
  color: #fff3cc;
  font-size: 15px;
  letter-spacing: .08em;
}
.vip-card-visual small {
  z-index: 2;
  color: #c9ad74;
  font-size: 9px;
}
.vip-card-visual .vip-wing {
  z-index: 1;
  width: 35px;
  height: 23px;
  opacity: .66;
  background: linear-gradient(135deg, transparent 12%, #e2c77d 13% 24%, transparent 25% 34%, #b99242 35% 47%, transparent 48%);
  filter: drop-shadow(0 0 7px rgba(235, 198, 108, .28));
  transform: skewY(-12deg);
}
.vip-card-visual .vip-wing.right { transform: scaleX(-1) skewY(-12deg); }
@media (max-width: 560px) {
  .vip-card-visual small { display: none; }
  .vip-card-visual::after { inset-inline: 38px; }
}