/* Overlay "Criando o resultado…" — tema furry (carrega depois de undress-view.css). */

.home-undress-wait {
  background: #0a0603;
}

.home-undress-wait .login-modal-mediawall__cols {
  filter: brightness(0.5) saturate(1.1) blur(1px);
}

.home-undress-wait .login-modal-mediawall__veil {
  background:
    radial-gradient(ellipse 38% 46% at 50% 50%, rgba(8, 4, 2, 0.88) 0%, rgba(8, 4, 2, 0.55) 55%, transparent 100%),
    linear-gradient(180deg, rgba(8, 4, 2, 0.7) 0%, transparent 22%, transparent 78%, rgba(8, 4, 2, 0.75) 100%);
}

/* Colunas rolando devagar (a trilha tem a sequência duplicada → loop contínuo). */
.home-undress-wait .login-modal-mediawall.is-playing .login-modal-mediawall__track {
  animation: gw-wall-scroll 46s linear infinite;
}

.home-undress-wait .login-modal-mediawall.is-playing .login-modal-mediawall__col:nth-child(even) .login-modal-mediawall__track {
  animation-direction: reverse;
  animation-duration: 54s;
}

.home-undress-wait__card {
  width: min(100%, 22rem);
  gap: 0.7rem;
  padding: 1.6rem 1.6rem 1.5rem;
  overflow: visible;
  border-radius: 1.6rem;
  border: 1.5px solid rgba(255, 122, 26, 0.55);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 122, 26, 0.26), transparent 60%),
    linear-gradient(180deg, rgba(22, 12, 6, 0.97), rgba(10, 6, 3, 0.98));
  box-shadow:
    0 0 0 1px rgba(255, 180, 110, 0.08) inset,
    0 1.8rem 3.6rem rgba(0, 0, 0, 0.65),
    0 0 60px rgba(255, 122, 26, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.gw-ear {
  position: absolute;
  top: -1.55rem;
  z-index: -1;
  width: 2.6rem;
  height: 3rem;
  border-radius: 1.4rem 1.4rem 0.4rem 0.4rem;
  background: linear-gradient(180deg, #ff9a3c, #c2410c);
  border: 1.5px solid rgba(255, 170, 90, 0.7);
  animation: gw-ear-sway 2.6s ease-in-out infinite;
}

.gw-ear::after {
  content: "";
  position: absolute;
  inset: 0.45rem 0.6rem 0.9rem;
  border-radius: 1rem 1rem 0.3rem 0.3rem;
  background: linear-gradient(180deg, #ffc2cf, #ff8aa6);
  opacity: 0.85;
}

.gw-ear--left {
  left: 2.4rem;
  transform-origin: bottom center;
  --gw-tilt: -14deg;
}

.gw-ear--right {
  right: 2.4rem;
  transform-origin: bottom center;
  --gw-tilt: 14deg;
  animation-delay: 0.35s;
}

.gw-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 122, 26, 0.45);
  background: rgba(255, 122, 26, 0.12);
  color: #ffb877;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.gw-badge .material-symbols-outlined {
  font-size: 0.95rem;
}

.home-undress-wait__stage {
  width: 7.5rem;
  height: 7.5rem;
}

.home-undress-wait__stage::before {
  content: "";
  position: absolute;
  inset: 0.9rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 122, 26, 0.38), transparent 70%);
  animation: gw-glow 2.2s ease-in-out infinite;
}

.home-undress-wait__rings span {
  border: 2px solid rgba(255, 140, 50, 0.45);
}

.home-undress-wait__coin {
  --coin-size: 4.6rem;
  animation: gw-bob 2.2s ease-in-out infinite;
  filter: drop-shadow(0 0 0.9rem rgba(255, 122, 26, 0.55));
}

.home-undress-wait__title {
  font-size: 1.15rem;
  color: #fff3e6;
  text-shadow: 0 0 18px rgba(255, 122, 26, 0.45);
}

.home-undress-wait__hint {
  color: rgba(255, 220, 190, 0.72);
}

.gw-paws {
  display: flex;
  gap: 0.45rem;
  margin-top: 0.15rem;
}

.gw-paws .material-symbols-outlined {
  font-size: 1.05rem;
  color: #ff7a1a;
  opacity: 0.18;
  animation: gw-paw-step 2s ease-in-out infinite;
}

.gw-paws .material-symbols-outlined:nth-child(odd) {
  transform: rotate(-18deg) translateY(2px);
}

.gw-paws .material-symbols-outlined:nth-child(even) {
  transform: rotate(18deg) translateY(-2px);
}

.gw-paws .material-symbols-outlined:nth-child(2) { animation-delay: 0.25s; }
.gw-paws .material-symbols-outlined:nth-child(3) { animation-delay: 0.5s; }
.gw-paws .material-symbols-outlined:nth-child(4) { animation-delay: 0.75s; }
.gw-paws .material-symbols-outlined:nth-child(5) { animation-delay: 1s; }

.home-undress-wait__bar {
  width: 11rem;
  height: 6px;
  background: rgba(255, 122, 26, 0.12);
}

.home-undress-wait__bar span {
  background: linear-gradient(90deg, #ffd29a, #ff7a1a, #ff4d6d);
  box-shadow: 0 0 10px rgba(255, 122, 26, 0.7);
}

@keyframes gw-wall-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -50%, 0); }
}

@keyframes gw-ear-sway {
  0%, 100% { transform: rotate(var(--gw-tilt)); }
  50% { transform: rotate(calc(var(--gw-tilt) * 0.4)); }
}

@keyframes gw-glow {
  0%, 100% { opacity: 0.55; transform: scale(0.92); }
  50% { opacity: 1; transform: scale(1.05); }
}

@keyframes gw-bob {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-6px) rotate(3deg); }
}

@keyframes gw-paw-step {
  0%, 100% { opacity: 0.18; }
  30%, 55% { opacity: 1; text-shadow: 0 0 10px rgba(255, 122, 26, 0.8); }
}

/* Movimento reduzido: só a barra e as patinhas continuam, pois indicam que está processando. */
@media (prefers-reduced-motion: reduce) {
  .home-undress-wait .login-modal-mediawall.is-playing .login-modal-mediawall__track,
  .gw-ear,
  .home-undress-wait__stage::before,
  .home-undress-wait__coin {
    animation: none !important;
  }

  .home-undress-wait .home-undress-wait__bar span {
    animation: home-undress-bar 1.8s ease-in-out infinite !important;
  }

  .home-undress-wait .gw-paws .material-symbols-outlined {
    animation: gw-paw-step 2s ease-in-out infinite !important;
  }
}