/* USER FX · SPCL MEMBER EXPERIENCE */

.vx-privateAlbum[data-userfx-legacy-private="true"]{
  display:none !important;
}

.vx-hudRight .vx-unlockedBadge.is-spcl-member .vx-unlockedPrefix{
  color:#63ffd0 !important;
}

.vx-hudRight .vx-unlockedBadge.is-spcl-member .vx-unlockedState{
  color:#b7fff0 !important;
}

.vhd-root.is-spcl-member .vhd-door{
  pointer-events:none !important;
}

.vhd-root.is-spcl-member .vhd-member-getin{
  display:flex;
}

.vhd-member-getin{
  display:none;
  align-items:center;
  justify-content:center;
  width:min(82%, 425px); /* ↔️ */
  min-height:55px; /* ↕️ */
  margin:14px auto 0; /* ↔️↕️ */
  padding:8px 16px; /* ↔️↕️ */
  border:1px solid #4a97dc38;
  border-radius:5px;
  color:#fff;
  background:linear-gradient(180deg, #0b1015fa, #1b3d5efc);
  box-shadow:
    0 18px 45px #000000b8,
    inset 0 1px 0 #ffffff0d,
    inset 0 -18px 28px #00000080;
  font-family:"Cinzel", "Times New Roman", serif;
  font-size:clamp(0.9rem, 2.2vw, 1.12rem); /* ↗️ tamaño */
  font-weight:700;
  letter-spacing:0.24em;
  text-indent:0.24em;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.vhd-member-getin::before{
  content:"";
  position:absolute;
  top:0; /* ⬆️⬇️ */
  left:18px; /* ⬅️➡️ */
  right:18px; /* ⬅️➡️ */
  height:1px; /* ↕️ */
  background:linear-gradient(90deg, transparent, #168cffcc, #55b9fff2, #168cffcc, transparent);
  box-shadow:0 0 9px #168cff8c;
}

.vhd-member-getin::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -35%;
  width:28%; /* ↔️ */
  transform:skewX(-22deg); /* ↗️ */
  background:linear-gradient(90deg, transparent, #ffffff35, transparent);
  animation:userfxMemberShine 3.8s ease-in-out infinite;
}

.vhd-member-getin:hover{
  transform:translateY(-2px); /* ↗️ */
  border-color:#3a9bef80;
  box-shadow:
    0 23px 54px #000000c2,
    0 0 18px #168cff24,
    inset 0 1px 0 #ffffff12;
}

@keyframes userfxMemberShine {
  0%,
  18%{
    left:-35%; /* ⬅️➡️ */
    opacity:0;
  }
  28%{
    opacity:1;
  }
  48%{
    left:118%; /* ⬅️➡️ */
    opacity:0;
  }
  100%{
    left:118%; /* ⬅️➡️ */
    opacity:0;
  }
}

.vx-memberPrivate{
  margin:28px auto 0; /* ↔️↕️ */
  width:min(1180px, calc(100% - 32px)); /* ↔️ */
  padding:28px 18px 34px; /* ↔️↕️ */
  border:1px solid #3f6f9450;
  background:
    linear-gradient(180deg, #071015ec, #03070bed),
    url("/wallpaperGeneral.png") center/cover no-repeat;
  box-shadow:
    0 18px 50px #00000066,
    inset 0 1px 0 #ffffff0b;
}

.vx-memberPrivate__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px; /* ↔️↕️ */
}

.vx-memberPrivate__kicker{
  margin:0 0 6px; /* ↔️↕️ */
  color:#63ffd0;
  font-size:0.68rem; /* ↗️ tamaño */
  font-weight:800;
  letter-spacing:0.18em;
}

.vx-memberPrivate__title{
  margin:0; /* ↔️↕️ */
  color:#f3f6f8;
  font-family:"Cinzel", "Times New Roman", serif;
  font-size:clamp(1.7rem, 4vw, 3rem); /* ↗️ tamaño */
  font-weight:500;
  letter-spacing:0.04em;
}

.vx-memberPrivate__note{
  margin:0; /* ↔️↕️ */
  color:#8ea3b3;
  font-size:0.72rem; /* ↗️ tamaño */
  letter-spacing:0.1em;
  text-transform:uppercase;
}

.vx-memberPrivate__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.vx-memberPrivate__item{
  margin:0; /* ↔️↕️ */
  overflow:hidden;
  border:1px solid #2f668f55;
  background:#05090d;
  min-height:220px; /* ↕️ */
}

.vx-memberPrivate__item img{
  display:block;
  width:100%; /* ↔️ */
  height:100%; /* ↕️ */
  aspect-ratio:4/5;
  object-fit:cover;
}

.vx-memberPrivate__item figcaption{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px 10px; /* ↔️↕️ */
  color:#8ca6b9;
  font-size:0.58rem; /* ↗️ tamaño */
  letter-spacing:0.13em;
  text-transform:uppercase;
}

.vx-links.is-member-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.vx-member-link{
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  min-height:36px; /* ↕️ */
  padding:0 12px !important; /* ↔️↕️ */
  border:1px solid #45667a45;
  background:#0b1015a8;
  text-decoration:none !important;
  transition:
    border-color 0.2s ease,
    transform 0.2s ease,
    background 0.2s ease;
}

.vx-member-link:hover{
  transform:translateY(-1px); /* ↗️ */
  border-color:#63ffd077;
  background:#0d171bdb;
}

.vx-member-link[aria-disabled="true"]{
  opacity:0.42;
  cursor:not-allowed;
}

.vx-member-link__emoji{
  font-size:1rem; /* ↗️ tamaño */
  line-height:1;
}

.vx-member-link__text{
  color:#dbe4ea;
  font-size:0.67rem; /* ↗️ tamaño */
  font-weight:700;
  letter-spacing:0.16em;
}

@media (max-width: 720px) {
  .vx-memberPrivate__head{
    display:block;
  }
  .vx-memberPrivate__note{
    margin-top:8px; /* ↔️↕️ */
  }
  .vx-memberPrivate__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .vhd-member-getin{
    width:min(74vw, 360px); /* ↔️ */
    min-height:46px; /* ↕️ */
    height:46px; /* ↕️ */
    margin-top:8px; /* ↔️↕️ */
    font-size:0.82rem; /* ↗️ tamaño */
  }
  .vx-memberPrivate{
    width:calc(100% - 18px); /* ↔️ */
    margin-top:20px; /* ↔️↕️ */
    padding:20px 10px 24px; /* ↔️↕️ */
  }
  .vx-memberPrivate__grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .vx-member-link{
    min-height:34px; /* ↕️ */
    padding:0 9px !important; /* ↔️↕️ */
  }
  .vx-member-link__text{
    font-size:0.61rem; /* ↗️ tamaño */
  }
}