/* CINNANA — static shrine portrait mounts
   Loaded last so the custom rooms remain untouched. */

.shrine-portrait-card-filled {
  overflow: visible;
}

.shrine-portrait-stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.shrine-portrait-stage::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      118deg,
      rgba(255, 255, 255, 0.16),
      transparent 25% 72%,
      rgba(255, 255, 255, 0.055)
    );
  mix-blend-mode: screen;
}

.shrine-portrait-stage::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255, 246, 237, 0.12),
    inset 0 -1.5rem 2.5rem rgba(47, 14, 28, 0.13);
}

.shrine-portrait-cutout {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: 50% 100%;
  filter:
    drop-shadow(0 0.6rem 0.65rem rgba(35, 8, 19, 0.19))
    saturate(0.98);
  user-select: none;
  -webkit-user-drag: none;
}

.mac-shrine-portrait-cutout,
.emre-shrine-portrait-cutout {
  transform: scale(1.045);
  transform-origin: 50% 100%;
}

.shrine-portrait-card-filled > p {
  text-wrap: balance;
}

@media (max-width: 860px) {
  .mac-shrine-portrait-cutout,
  .emre-shrine-portrait-cutout {
    transform: scale(1.025);
  }
}

@media (prefers-reduced-motion: reduce) {
  .shrine-portrait-cutout { transition: none; }
}