/* THE AGENT VISUALS (card redesign step 4, COO hands 2026-10-12).
   The purple disc with the radial waveform and the starfield with the
   waveform ellipse (Steven's screenshots 19, 20, 22, 28), drawn as inline
   SVG by app/services/agent_art.py. Pure CSS motion; still under
   prefers-reduced-motion (agents-now.js also pauses the SMIL dot). */
.agent-art { display: block; width: 100%; height: 100%; }
.aa { display: block; width: 100%; height: 100%; overflow: hidden; }

.aa-spin {
  transform-origin: 50px 50px;
  animation: aa-spin var(--aa-spin, 18s) linear infinite;
}
.aa-tick {
  stroke-width: 1px;
  stroke-linecap: round;
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: aa-beat 1.2s ease-in-out infinite alternate;
}
.aa-star { animation: aa-twinkle 3.2s ease-in-out infinite alternate; }
.aa-wave { animation: aa-flow 8s linear infinite; }

@keyframes aa-spin { to { transform: rotate(360deg); } }
@keyframes aa-beat { 0% { transform: scaleY(.35); } 100% { transform: scaleY(1); } }
@keyframes aa-twinkle { 0% { opacity: .25; } 100% { opacity: 1; } }
@keyframes aa-flow { to { transform: translateX(var(--aa-lam, -40px)); } }

@media (prefers-reduced-motion: reduce) {
  .aa * { animation: none !important; }
}