/* V26: a China-rooted opening cast, followed by stranger late-shift visitors. */

@media (min-width: 721px) and (min-height: 500px) {
  .customer:not(.preview) .alien-art {
    width: 310px;
    height: 310px;
  }

  .customer.guest-lotus:not(.preview) .alien-art { width: 318px; height: 318px; }
  .customer.guest-ink:not(.preview) .alien-art { width: 314px; height: 314px; }
  .customer.guest-jade:not(.preview) .alien-art { width: 326px; height: 326px; }
  .customer.guest-opera:not(.preview) .alien-art { width: 320px; height: 320px; }
  .customer.guest-silver:not(.preview) .alien-art { width: 306px; height: 306px; }
  .customer.guest-guardian:not(.preview) .alien-art { width: 316px; height: 316px; }
  .customer.guest-tide:not(.preview) .alien-art { width: 310px; height: 310px; }
  .customer.guest-coral:not(.preview) .alien-art { width: 304px; height: 304px; }
  .customer.guest-ember:not(.preview) .alien-art { width: 306px; height: 306px; }
  .customer.guest-wing:not(.preview) .alien-art { width: 294px; height: 294px; }
  .customer.guest-crane:not(.preview) .alien-art { width: 308px; height: 308px; }
  .customer.guest-orchid:not(.preview) .alien-art { width: 300px; height: 300px; }
  .customer.guest-dragon:not(.preview) .alien-art { width: 322px; height: 322px; }
  .customer.guest-moon:not(.preview) .alien-art { width: 300px; height: 300px; }

  .customer:not(.preview) .alien-figure {
    overflow: visible;
  }

  .customer .speech {
    backdrop-filter: none;
  }
}

.customer.guest-lotus .alien-wrap { animation: v26-lotus-idle 5.2s ease-in-out infinite; }
.customer.guest-ink .alien-wrap { animation: v26-ink-idle 6.1s ease-in-out infinite; }
.customer.guest-jade .alien-wrap { animation: v26-jade-idle 4.4s ease-in-out infinite; }
.customer.guest-opera .alien-wrap { animation: v26-opera-idle 3.8s ease-in-out infinite; }
.customer.guest-silver .alien-wrap { animation: v26-silver-idle 4.9s ease-in-out infinite; }
.customer.guest-guardian .alien-wrap { animation: v26-guardian-idle 3.3s ease-in-out infinite; }
.customer.guest-tide .alien-wrap { animation: v26-tide-idle 5.8s ease-in-out infinite; }
.customer.guest-coral .alien-wrap { animation: v26-coral-idle 4.1s ease-in-out infinite; }
.customer.guest-ember .alien-wrap { animation: v26-ember-idle 4.7s ease-in-out infinite; }
.customer.guest-wing .alien-wrap { animation: v26-wing-idle 2.9s ease-in-out infinite; }
.customer.guest-crane .alien-wrap { animation: v26-crane-idle 6.4s ease-in-out infinite; }
.customer.guest-orchid .alien-wrap { animation: v26-orchid-idle 5.1s ease-in-out infinite; }
.customer.guest-dragon .alien-wrap { animation: v26-dragon-idle 3.5s ease-in-out infinite; }
.customer.guest-moon .alien-wrap { animation: v26-moon-idle 4.6s ease-in-out infinite; }

.customer:is(
  .guest-lotus, .guest-ink, .guest-jade, .guest-opera, .guest-silver,
  .guest-guardian, .guest-tide, .guest-coral, .guest-ember, .guest-wing,
  .guest-crane, .guest-orchid, .guest-dragon, .guest-moon
).urgent .alien-wrap {
  animation: v26-guest-urgent .72s ease-in-out infinite;
}

.customer:is(
  .guest-lotus, .guest-ink, .guest-jade, .guest-opera, .guest-silver,
  .guest-guardian, .guest-tide, .guest-coral, .guest-ember, .guest-wing,
  .guest-crane, .guest-orchid, .guest-dragon, .guest-moon
).mismatch .alien-wrap {
  animation: v26-guest-refuse .48s ease-out;
}

.customer:is(
  .guest-lotus, .guest-ink, .guest-jade, .guest-opera, .guest-silver,
  .guest-guardian, .guest-tide, .guest-coral, .guest-ember, .guest-wing,
  .guest-crane, .guest-orchid, .guest-dragon, .guest-moon
).serve-ready .alien-wrap {
  animation: v26-guest-ready .78s ease-in-out infinite alternate;
}

.customer:is(
  .guest-lotus, .guest-ink, .guest-jade, .guest-opera, .guest-silver,
  .guest-guardian, .guest-tide, .guest-coral, .guest-ember, .guest-wing,
  .guest-crane, .guest-orchid, .guest-dragon, .guest-moon
).served .alien-wrap {
  animation: v26-guest-delight .64s ease-out both;
}

@keyframes v26-lotus-idle {
  0%, 100% { transform: translateY(2px) rotate(-0.4deg); }
  50% { transform: translateY(-5px) rotate(0.5deg); }
}
@keyframes v26-ink-idle {
  0%, 100% { transform: translateY(0) rotate(0); }
  42% { transform: translateY(-3px) rotate(-0.7deg); }
  76% { transform: translateY(-1px) rotate(0.3deg); }
}
@keyframes v26-jade-idle {
  0%, 100% { transform: translateY(1px) scale(1); }
  50% { transform: translateY(-4px) scale(1.008); }
}
@keyframes v26-opera-idle {
  0%, 100% { transform: rotate(-0.7deg) translateY(1px); }
  50% { transform: rotate(0.9deg) translateY(-5px); }
}
@keyframes v26-silver-idle {
  0%, 100% { transform: translateY(2px); filter: brightness(.98); }
  48% { transform: translateY(-3px); filter: brightness(1.04); }
}
@keyframes v26-guardian-idle {
  0%, 100% { transform: translateY(1px) scale(1); }
  45% { transform: translateY(-2px) scale(1.012); }
  60% { transform: translateY(-1px) scale(1.006); }
}
@keyframes v26-tide-idle {
  0%, 100% { transform: translateY(3px) rotate(-0.5deg); }
  50% { transform: translateY(-7px) rotate(0.7deg); }
}
@keyframes v26-coral-idle {
  0%, 100% { transform: rotate(-1deg); }
  50% { transform: rotate(1deg) translateY(-3px); }
}
@keyframes v26-ember-idle {
  0%, 100% { transform: scale(1); filter: brightness(.94); }
  52% { transform: scale(1.012); filter: brightness(1.08); }
}
@keyframes v26-wing-idle {
  0%, 100% { transform: translateX(-2px) rotate(-0.8deg); }
  36% { transform: translateX(2px) rotate(0.9deg); }
  44% { transform: translateX(0) rotate(0); }
}
@keyframes v26-crane-idle {
  0%, 100% { transform: translateY(1px) rotate(-0.3deg); }
  55% { transform: translateY(-6px) rotate(0.4deg); }
}
@keyframes v26-orchid-idle {
  0%, 100% { transform: translateY(2px) scale(.996); }
  50% { transform: translateY(-4px) scale(1.01); }
}
@keyframes v26-dragon-idle {
  0%, 100% { transform: translateY(1px) rotate(-0.8deg); }
  45% { transform: translateY(-5px) rotate(1deg) scale(1.006); }
}
@keyframes v26-moon-idle {
  0%, 100% { transform: translateY(2px) rotate(0.4deg); }
  45% { transform: translateY(-4px) rotate(-0.5deg); }
  62% { transform: translateY(-2px) rotate(0.2deg); }
}
@keyframes v26-guest-urgent {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px) scale(.986); }
}
@keyframes v26-guest-refuse {
  35% { transform: translateX(-9px) rotate(-2deg); }
  72% { transform: translateX(5px) rotate(1deg); }
}
@keyframes v26-guest-ready {
  to { transform: translateY(-7px) scale(1.025); }
}
@keyframes v26-guest-delight {
  45% { transform: translateY(-10px) scale(1.035); }
  100% { transform: translateY(-4px) scale(1.015); }
}

@media (min-width: 721px) and (min-height: 500px) and (max-height: 690px) {
  .customer:not(.preview) .alien-art {
    width: 260px;
    height: 260px;
  }

  .customer.guest-lotus:not(.preview) .alien-art,
  .customer.guest-jade:not(.preview) .alien-art,
  .customer.guest-guardian:not(.preview) .alien-art,
  .customer.guest-dragon:not(.preview) .alien-art {
    width: 270px;
    height: 270px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .customer[class*="guest-"] .alien-wrap {
    animation: none !important;
  }
}