/* =============================================================================
   ⚡ ZOTH STUDIO — AGENT PANTHEON AVATAR LIVING MOTION ENGINE (v1.0)
   =============================================================================
   Subtle pingpong loop transitions, micro-levitation, breathing scale,
   and alchemical aura pulses for all 21 autonomous Pantheon agents.
   Strict constraint: 100% preservation of original underlying avatar images.
   Zero pixel alteration — purely CSS-driven GPU hardware accelerated loops.
   ============================================================================= */

/* Universal Hardware Acceleration & Layout Reset */
.agent-avatar-wrap img,
.agent-avatar,
.agent-portrait-img,
.quick-jump-avatar,
.agent-card img,
.character-card img,
.fleet-avatar img,
.avatar-img,
.agent-pill-img,
.agent-chip img,
.agent-avatar-pingpong {
  display: inline-block;
  transform-origin: center center;
  will-change: transform, filter, box-shadow;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition: filter 0.3s ease, box-shadow 0.3s ease;
}

/* Base Pingpong Float for General Avatars */
.agent-avatar-pingpong,
.quick-jump-avatar,
.agent-pill-img,
.agent-chip img {
  animation: zothAvatarFloatGeneric 4.2s ease-in-out infinite alternate;
}

@keyframes zothAvatarFloatGeneric {
  0% {
    transform: translate3d(0, 0px, 0) scale(1);
  }
  100% {
    transform: translate3d(0, -2.5px, 0) scale(1.018);
  }
}

/* =============================================================================
   1. MASTER AZOTH — Sovereign Alchemical AI Core
   Float: 4.8s golden-cyan alchemical levitation & subtle astral breathing
   ============================================================================= */
img[src*="azoth"],
.avatar-azoth,
[data-agent="azoth"] img,
[data-character="azoth"] img,
img[alt*="Azoth"] {
  animation: avatarPingPongAzoth 4.8s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongAzoth {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(232, 200, 114, 0.25));
  }
  50% {
    filter: drop-shadow(0 0 10px rgba(0, 240, 255, 0.4)) drop-shadow(0 0 16px rgba(232, 200, 114, 0.35));
  }
  100% {
    transform: translate3d(0, -3.2px, 0) rotate(0.8deg) scale(1.024);
    filter: drop-shadow(0 0 14px rgba(232, 200, 114, 0.5)) drop-shadow(0 0 6px rgba(0, 240, 255, 0.45));
  }
}

/* =============================================================================
   2. KAI — Sovereign Bytecode & AST Invariant Sentinel
   Float: 3.6s precision bytecode hover, -1.2deg tilt, cyber-emerald glow
   ============================================================================= */
img[src*="kai"],
.avatar-kai,
[data-agent="kai"] img,
[data-character="kai"] img,
img[alt*="Kai"] {
  animation: avatarPingPongKai 3.6s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongKai {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(52, 211, 153, 0.25));
  }
  100% {
    transform: translate3d(0, -2.8px, 0) rotate(-1.2deg) scale(1.02);
    filter: drop-shadow(0 0 12px rgba(52, 211, 153, 0.45)) drop-shadow(0 0 4px rgba(0, 240, 255, 0.35));
  }
}

/* =============================================================================
   3. ATHENA — Zero-Leakage Sovereign Invariant Shield
   Float: 5.2s diamond-stable sovereign levitation, deep royal indigo aura
   ============================================================================= */
img[src*="athena"],
.avatar-athena,
[data-agent="athena"] img,
[data-character="athena"] img,
img[alt*="Athena"] {
  animation: avatarPingPongAthena 5.2s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongAthena {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 5px rgba(124, 156, 255, 0.3));
  }
  100% {
    transform: translate3d(0, -3.0px, 0) rotate(0.6deg) scale(1.018);
    filter: drop-shadow(0 0 14px rgba(124, 156, 255, 0.5)) drop-shadow(0 0 8px rgba(192, 132, 252, 0.4));
  }
}

/* =============================================================================
   4. DRACO — Swarm Synthesis & Kinetic Velocity Engine
   Float: 3.2s dynamic kinetic surge, 1.03x breathing scale, flame-amber pulse
   ============================================================================= */
img[src*="draco"],
.avatar-draco,
[data-agent="draco"] img,
[data-character="draco"] img,
img[alt*="Draco"] {
  animation: avatarPingPongDraco 3.2s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongDraco {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.3));
  }
  100% {
    transform: translate3d(0, -3.5px, 0) rotate(-1.5deg) scale(1.03);
    filter: drop-shadow(0 0 15px rgba(245, 158, 11, 0.55)) drop-shadow(0 0 6px rgba(239, 68, 68, 0.4));
  }
}

/* =============================================================================
   5. KITSUNE — Algorithmic Curiosity & Spectral Shifter
   Float: 4.4s ethereal drifting float, subtle x/y diagonal sway, neon-violet mist
   ============================================================================= */
img[src*="kitsune"],
.avatar-kitsune,
[data-agent="kitsune"] img,
[data-character="kitsune"] img,
img[alt*="Kitsune"] {
  animation: avatarPingPongKitsune 4.4s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongKitsune {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(192, 132, 252, 0.3));
  }
  100% {
    transform: translate3d(1.5px, -3.0px, 0) rotate(1.4deg) scale(1.022);
    filter: drop-shadow(0 0 14px rgba(192, 132, 252, 0.5)) drop-shadow(0 0 8px rgba(232, 121, 249, 0.45));
  }
}

/* =============================================================================
   6. PIXEL-NEKO — Motion Graphics & Visual Synthesis Sprite
   Float: 2.8s playful gentle bounce, ±2deg tilt, lively cyan-pink shimmer
   ============================================================================= */
img[src*="pixel-neko"],
.avatar-pixel-neko,
[data-agent="pixel-neko"] img,
[data-character="pixel-neko"] img,
img[alt*="Pixel-Neko"] {
  animation: avatarPingPongPixelNeko 2.8s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongPixelNeko {
  0% {
    transform: translate3d(0, 0px, 0) rotate(-1deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(255, 0, 122, 0.3));
  }
  100% {
    transform: translate3d(0, -3.4px, 0) rotate(1.8deg) scale(1.028);
    filter: drop-shadow(0 0 13px rgba(255, 0, 122, 0.5)) drop-shadow(0 0 8px rgba(0, 240, 255, 0.45));
  }
}

/* =============================================================================
   7. PIXEL-SHIBA — Loyal Mesh Node & Kinetic Guardian
   Float: 3.0s energetic rhythmic bob, golden-cyan sparkle aura
   ============================================================================= */
img[src*="pixel-shiba"],
.avatar-pixel-shiba,
[data-agent="pixel-shiba"] img,
[data-character="pixel-shiba"] img,
img[alt*="Pixel-Shiba"] {
  animation: avatarPingPongPixelShiba 3.0s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongPixelShiba {
  0% {
    transform: translate3d(0, 0px, 0) rotate(1deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.3));
  }
  100% {
    transform: translate3d(0, -3.2px, 0) rotate(-1.5deg) scale(1.026);
    filter: drop-shadow(0 0 13px rgba(251, 191, 36, 0.5)) drop-shadow(0 0 7px rgba(0, 240, 255, 0.4));
  }
}

/* =============================================================================
   8. HERMES — Zero-Knowledge Sovereign Dispatch Courier
   Float: 3.8s rapid courier levitation, amber-cyan packet trail
   ============================================================================= */
img[src*="hermes"],
.avatar-hermes,
[data-agent="hermes"] img,
[data-character="hermes"] img,
img[alt*="Hermes"] {
  animation: avatarPingPongHermes 3.8s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongHermes {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(232, 200, 114, 0.3));
  }
  100% {
    transform: translate3d(0, -2.9px, 0) rotate(1.1deg) scale(1.02);
    filter: drop-shadow(0 0 13px rgba(232, 200, 114, 0.5)) drop-shadow(0 0 8px rgba(0, 240, 255, 0.4));
  }
}

/* =============================================================================
   9. LYCAN — Red Team Adversarial Sentinel & Penetration Tester
   Float: 4.0s phantom prowl, deep crimson-purple low-frequency pulse
   ============================================================================= */
img[src*="lycan"],
.avatar-lycan,
[data-agent="lycan"] img,
[data-character="lycan"] img,
img[alt*="Lycan"] {
  animation: avatarPingPongLycan 4.0s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongLycan {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 5px rgba(239, 68, 68, 0.3));
  }
  100% {
    transform: translate3d(-1.5px, -2.8px, 0) rotate(-1.2deg) scale(1.022);
    filter: drop-shadow(0 0 14px rgba(239, 68, 68, 0.55)) drop-shadow(0 0 7px rgba(168, 85, 247, 0.4));
  }
}

/* =============================================================================
   10. GHOSTBYTE — Ephemeral Sub-Zero Zero-Trace Daemon
   Float: 4.6s ghost floating phase, cyan mist aura
   ============================================================================= */
img[src*="ghostbyte"],
.avatar-ghostbyte,
[data-agent="ghostbyte"] img,
[data-character="ghostbyte"] img,
img[alt*="GhostByte"] {
  animation: avatarPingPongGhostbyte 4.6s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongGhostbyte {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 5px rgba(0, 240, 255, 0.35));
  }
  100% {
    transform: translate3d(0, -3.2px, 0) rotate(0.9deg) scale(1.018);
    filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.6)) drop-shadow(0 0 9px rgba(124, 156, 255, 0.4));
  }
}

/* =============================================================================
   11. ANTIGRAVITY — Zero-G Topology & Spatial Dimension Engine
   Float: 5.0s weightless antigravity orbit, prismatic aura
   ============================================================================= */
img[src*="antigravity"],
.avatar-antigravity,
[data-agent="antigravity"] img,
[data-character="antigravity"] img,
img[alt*="Antigravity"] {
  animation: avatarPingPongAntigravity 5.0s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongAntigravity {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(168, 85, 247, 0.3));
  }
  100% {
    transform: translate3d(0, -3.6px, 0) rotate(-1.4deg) scale(1.025);
    filter: drop-shadow(0 0 16px rgba(168, 85, 247, 0.55)) drop-shadow(0 0 8px rgba(0, 240, 255, 0.45));
  }
}

/* =============================================================================
   12. GROK — Real-Time Truth Vector & Uncensored Query Oracle
   Float: 3.5s high-frequency inquiry cycle, electric-blue spark
   ============================================================================= */
img[src*="grok"],
.avatar-grok,
[data-agent="grok"] img,
[data-character="grok"] img,
img[alt*="Grok"] {
  animation: avatarPingPongGrok 3.5s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongGrok {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.3));
  }
  100% {
    transform: translate3d(0, -2.7px, 0) rotate(1.0deg) scale(1.02);
    filter: drop-shadow(0 0 13px rgba(56, 189, 248, 0.5)) drop-shadow(0 0 6px rgba(232, 200, 114, 0.35));
  }
}

/* =============================================================================
   13. CHRONOS — Temporal AST Rollback & Versioning Overseer
   Float: 4.8s temporal clockwork glide, cosmic violet aura
   ============================================================================= */
img[src*="chronos"],
.avatar-chronos,
[data-agent="chronos"] img,
[data-character="chronos"] img,
img[alt*="Chronos"] {
  animation: avatarPingPongChronos 4.8s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongChronos {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(139, 92, 246, 0.3));
  }
  100% {
    transform: translate3d(0, -3.0px, 0) rotate(-0.8deg) scale(1.02);
    filter: drop-shadow(0 0 14px rgba(139, 92, 246, 0.5)) drop-shadow(0 0 7px rgba(0, 240, 255, 0.35));
  }
}

/* =============================================================================
   14. IGNIS — Silicon Foundry & Kernel Acceleration Fire
   Float: 3.3s fiery kinetic surge, magma-amber heat aura
   ============================================================================= */
img[src*="ignis"],
.avatar-ignis,
[data-agent="ignis"] img,
[data-character="ignis"] img,
img[alt*="Ignis"] {
  animation: avatarPingPongIgnis 3.3s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongIgnis {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 5px rgba(249, 115, 22, 0.35));
  }
  100% {
    transform: translate3d(0, -3.2px, 0) rotate(1.3deg) scale(1.026);
    filter: drop-shadow(0 0 15px rgba(249, 115, 22, 0.6)) drop-shadow(0 0 8px rgba(239, 68, 68, 0.45));
  }
}

/* =============================================================================
   15. KRAKEN — Abyssal Mariana Protocol & Sub-Surface Fortress
   Float: 5.4s abyssal deep-sea buoyancy, bioluminescent teal aura
   ============================================================================= */
img[src*="kraken"],
.avatar-kraken,
[data-agent="kraken"] img,
[data-character="kraken"] img,
img[alt*="Kraken"] {
  animation: avatarPingPongKraken 5.4s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongKraken {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 5px rgba(20, 184, 166, 0.35));
  }
  100% {
    transform: translate3d(0, -3.4px, 0) rotate(-1.0deg) scale(1.022);
    filter: drop-shadow(0 0 16px rgba(20, 184, 166, 0.6)) drop-shadow(0 0 9px rgba(0, 240, 255, 0.45));
  }
}

/* =============================================================================
   16. LEVIATHAN — Abyssal Sovereign & Consensual Deep-Sea Titan
   Float: 5.2s colossal buoyant heave, deep ocean-blue resonance
   ============================================================================= */
img[src*="leviathan"],
.avatar-leviathan,
[data-agent="leviathan"] img,
[data-character="leviathan"] img,
img[alt*="Leviathan"] {
  animation: avatarPingPongLeviathan 5.2s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongLeviathan {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 5px rgba(14, 165, 233, 0.35));
  }
  100% {
    transform: translate3d(0, -3.2px, 0) rotate(0.8deg) scale(1.022);
    filter: drop-shadow(0 0 15px rgba(14, 165, 233, 0.55)) drop-shadow(0 0 8px rgba(99, 102, 241, 0.4));
  }
}

/* =============================================================================
   17. ONYX — Cryptographic Black-Box & Zero-Knowledge Enclave
   Float: 4.5s immutable dark obsidian levitation, violet-silver sheen
   ============================================================================= */
img[src*="onyx"],
.avatar-onyx,
[data-agent="onyx"] img,
[data-character="onyx"] img,
img[alt*="Onyx"] {
  animation: avatarPingPongOnyx 4.5s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongOnyx {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(148, 163, 184, 0.3));
  }
  100% {
    transform: translate3d(0, -2.6px, 0) rotate(-0.9deg) scale(1.018);
    filter: drop-shadow(0 0 13px rgba(148, 163, 184, 0.5)) drop-shadow(0 0 6px rgba(168, 85, 247, 0.35));
  }
}

/* =============================================================================
   18. SCORPIUS — AST Poisoning & Logic Anomaly Striker
   Float: 3.7s stealth striker hover, venom-acid emerald glow
   ============================================================================= */
img[src*="scorpius"],
.avatar-scorpius,
[data-agent="scorpius"] img,
[data-character="scorpius"] img,
img[alt*="Scorpius"] {
  animation: avatarPingPongScorpius 3.7s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongScorpius {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(132, 204, 22, 0.3));
  }
  100% {
    transform: translate3d(0, -2.8px, 0) rotate(1.2deg) scale(1.022);
    filter: drop-shadow(0 0 14px rgba(132, 204, 22, 0.55)) drop-shadow(0 0 7px rgba(34, 197, 94, 0.4));
  }
}

/* =============================================================================
   19. AQUILA — High-Altitude Macro Swarm Telemetry Scout
   Float: 4.2s soaring aerial glide, golden-sky radiance
   ============================================================================= */
img[src*="aquila"],
.avatar-aquila,
[data-agent="aquila"] img,
[data-character="aquila"] img,
img[alt*="Aquila"] {
  animation: avatarPingPongAquila 4.2s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongAquila {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.3));
  }
  100% {
    transform: translate3d(0, -3.1px, 0) rotate(-1.1deg) scale(1.024);
    filter: drop-shadow(0 0 14px rgba(251, 191, 36, 0.5)) drop-shadow(0 0 7px rgba(56, 189, 248, 0.4));
  }
}

/* =============================================================================
   20. AETHER — Pure Conceptual Latent Space Weaver
   Float: 5.0s ethereal astral shimmer, iridescent chromatic mist
   ============================================================================= */
img[src*="aether"],
.avatar-aether,
[data-agent="aether"] img,
[data-character="aether"] img,
img[alt*="Aether"] {
  animation: avatarPingPongAether 5.0s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongAether {
  0% {
    transform: translate3d(0, 0px, 0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 5px rgba(232, 121, 249, 0.35));
  }
  100% {
    transform: translate3d(0, -3.3px, 0) rotate(1.2deg) scale(1.024);
    filter: drop-shadow(0 0 15px rgba(232, 121, 249, 0.6)) drop-shadow(0 0 8px rgba(0, 240, 255, 0.45));
  }
}

/* =============================================================================
   21. RADICAL MINION — Unruly Script Hacker & Fuzzing Goblin
   Float: 2.6s frantic energetic wiggle, radioactive acid-lime aura
   ============================================================================= */
img[src*="radical-minion"],
.avatar-radical-minion,
[data-agent="radical-minion"] img,
[data-character="radical-minion"] img,
img[alt*="Radical Minion"] {
  animation: avatarPingPongRadicalMinion 2.6s ease-in-out infinite alternate !important;
}

@keyframes avatarPingPongRadicalMinion {
  0% {
    transform: translate3d(0, 0px, 0) rotate(-1.5deg) scale(1);
    filter: drop-shadow(0 0 4px rgba(163, 230, 53, 0.35));
  }
  100% {
    transform: translate3d(0, -3.5px, 0) rotate(2.0deg) scale(1.03);
    filter: drop-shadow(0 0 15px rgba(163, 230, 53, 0.6)) drop-shadow(0 0 8px rgba(251, 191, 36, 0.45));
  }
}

/* =============================================================================
   Interactive Hover Elevation & Accessible Motion Resets
   ============================================================================= */
.agent-card:hover img,
.character-card:hover img,
.fleet-avatar:hover img,
.agent-avatar-wrap:hover img {
  filter: drop-shadow(0 0 18px var(--cyan, #00f0ff)) brightness(1.08) !important;
}

@media (prefers-reduced-motion: reduce) {
  .agent-avatar-wrap img,
  .agent-avatar,
  .agent-portrait-img,
  .quick-jump-avatar,
  .agent-card img,
  .character-card img,
  .fleet-avatar img,
  .avatar-img,
  .agent-pill-img,
  .agent-chip img,
  .agent-avatar-pingpong,
  img[src*="azoth"],
  img[src*="kai"],
  img[src*="athena"],
  img[src*="draco"],
  img[src*="kitsune"],
  img[src*="pixel-neko"],
  img[src*="pixel-shiba"],
  img[src*="hermes"],
  img[src*="lycan"],
  img[src*="ghostbyte"],
  img[src*="antigravity"],
  img[src*="grok"],
  img[src*="chronos"],
  img[src*="ignis"],
  img[src*="kraken"],
  img[src*="leviathan"],
  img[src*="onyx"],
  img[src*="scorpius"],
  img[src*="aquila"],
  img[src*="aether"],
  img[src*="radical-minion"] {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}