/* Three.js renderer for Ana's orb */

#ana-orb .orb {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: visible;
}

#ana-orb .orb canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  pointer-events: none;
}

#ana-orb.three-ready .orb {
  filter:
    drop-shadow(0 0 12px rgb(var(--accent-rgb) / 0.18))
    drop-shadow(0 0 28px rgb(var(--accent-rgb) / 0.12));
}

@media (prefers-reduced-motion: reduce) {
  #ana-orb .orb canvas {
    animation: none;
  }
}