/* Visor 3D MU: solo escenario + personaje. */
.profile-3d-card {
  margin-top: 14px;
}

.profile-3d-card[hidden] {
  display: none !important;
}

.profile-3d-stage {
  position: relative;
  width: 100%;
  height: clamp(300px, 32vw, 430px);
  overflow: hidden;
  border: 1px solid rgba(90, 215, 255, .34);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(5, 1, 10, .16), rgba(5, 1, 10, .62)),
    linear-gradient(90deg, rgba(3, 0, 8, .58), transparent 28%, transparent 72%, rgba(3, 0, 8, .62)),
    url("../images/profile-3d-tavern.webp") center / cover no-repeat;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .04),
    inset 0 -80px 120px rgba(2, 0, 6, .7),
    0 20px 46px rgba(0, 0, 0, .26);
  touch-action: none;
}

.profile-3d-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 48%, transparent 0 24%, rgba(5, 0, 10, .16) 42%, rgba(5, 0, 10, .68) 100%),
    linear-gradient(0deg, rgba(22, 143, 208, .14), transparent 34%);
  mix-blend-mode: screen;
}

.profile-3d-stage canvas {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}