/* Login scene refinement: no white particle field, stronger natural Kraken motion. */
.krakken-auth-scene__particles {
  display: none !important;
  background-image: none !important;
}

.krakken-auth-scene__artwork {
  animation: krakkenAuthArtworkDriftV3 16s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate !important;
  transform-origin: 50% 36%;
}

.krakken-auth-scene__creature {
  z-index: 4;
  opacity: 0.76;
  filter: brightness(1.28) contrast(1.08) saturate(1.08);
  transform-origin: 50% 44%;
  -webkit-mask-image: radial-gradient(ellipse 47% 66% at 50% 47%, #000 0 48%, rgba(0, 0, 0, 0.9) 70%, transparent 100%);
  mask-image: radial-gradient(ellipse 47% 66% at 50% 47%, #000 0 48%, rgba(0, 0, 0, 0.9) 70%, transparent 100%);
  animation: krakkenAuthCreaturePresenceV3 8.5s cubic-bezier(0.45, 0, 0.55, 1) infinite !important;
}

.krakken-auth-scene__creature-artwork {
  animation: krakkenAuthCreatureParallaxV3 11s cubic-bezier(0.45, 0, 0.55, 1) infinite alternate !important;
  transform-origin: 50% 42%;
}

.krakken-auth-scene__aura {
  opacity: 0.34;
  animation: krakkenAuthAuraV3 6.8s ease-in-out infinite !important;
}

.krakken-auth-scene__tentacle-wake {
  opacity: 0.24;
  animation: krakkenAuthTentacleWakeV3 9.5s ease-in-out infinite alternate !important;
}

@keyframes krakkenAuthArtworkDriftV3 {
  0% {
    transform: scale(1.025) translate3d(-0.5%, -0.8%, 0);
  }
  100% {
    transform: scale(1.055) translate3d(0.65%, 0.9%, 0);
  }
}

@keyframes krakkenAuthCreaturePresenceV3 {
  0%, 100% {
    opacity: 0.68;
    transform: translate3d(0, 7px, 0) scale(0.995) rotate(-0.2deg);
  }
  46% {
    opacity: 0.86;
    transform: translate3d(0, -7px, 0) scale(1.035) rotate(0.22deg);
  }
  64% {
    opacity: 0.8;
    transform: translate3d(0, -3px, 0) scale(1.025) rotate(0.1deg);
  }
}

@keyframes krakkenAuthCreatureParallaxV3 {
  0% {
    transform: scale(1.035) translate3d(0.45%, 0.5%, 0);
  }
  100% {
    transform: scale(1.075) translate3d(-0.55%, -0.7%, 0);
  }
}

@keyframes krakkenAuthAuraV3 {
  0%, 100% {
    opacity: 0.22;
    transform: scale(0.96);
  }
  50% {
    opacity: 0.42;
    transform: scale(1.06);
  }
}

@keyframes krakkenAuthTentacleWakeV3 {
  0% {
    opacity: 0.16;
    transform: translate3d(-1.8%, 1%, 0) scale(0.98);
  }
  100% {
    opacity: 0.3;
    transform: translate3d(1.8%, -1.2%, 0) scale(1.035);
  }
}

@media (max-width: 1023px) {
  .krakken-auth-scene__creature {
    opacity: 0.48;
  }
}

@media (prefers-reduced-motion: reduce) {
  .krakken-auth-scene__artwork,
  .krakken-auth-scene__creature,
  .krakken-auth-scene__creature-artwork,
  .krakken-auth-scene__aura,
  .krakken-auth-scene__tentacle-wake {
    animation: none !important;
    transform: none !important;
  }
}