/* V29: refined opening guests rendered as furniture-free portrait layers. */

@media (min-width: 721px) and (min-height: 500px) {
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-wrap {
    top: -3%;
    height: 108%;
  }

  .shop .customer:nth-child(1):is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-wrap {
    right: -5%;
    left: 17%;
  }

  .shop .customer:nth-child(2):is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-wrap {
    right: 17%;
    left: -5%;
  }

  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-figure {
    width: min(23.5vw, 362px);
    height: min(23.5vw, 362px);
  }

  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-art {
    width: min(23.5vw, 362px);
    height: min(23.5vw, 362px);
    object-fit: contain;
    object-position: center bottom;
    filter:
      drop-shadow(0 12px 12px rgb(16 8 22 / 38%))
      saturate(.92)
      contrast(1.02);
  }

  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .speech {
    bottom: 5px;
  }
}

@media (min-width: 721px) and (min-height: 500px) and (max-height: 690px) {
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-figure,
  .shop .customer:is(
    .guest-lotus,
    .guest-ink,
    .guest-jade,
    .guest-opera,
    .guest-silver,
    .guest-guardian
  ):not(.preview) .alien-art {
    width: 286px;
    height: 286px;
  }
}