/* Website V2 source-faithful fluid renderer — staging only. */
.v2-orb-host.v2-orb-ready { pointer-events: auto; }
.v2-orb-host.v2-orb-booting { pointer-events: none; }
.v2-orb-canvas { display: block; width: 100%; height: 100%; background: transparent; touch-action: none; }
.login-core.v2-orb-enabled #loginAnthonyCanvas { opacity: 0 !important; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .v2-orb-canvas { transition: none; } }
.v2-orb-host.v2-orb-welcome { aspect-ratio: 1 / 1; }
.v2-orb-host.v2-orb-login { aspect-ratio: 1 / 1; }

/* Hide the legacy orb during CanvasKit startup, with a themed placeholder. */
.login-core:has(.v2-orb-login:not(.v2-orb-ready):not(.v2-orb-failed)) #loginAnthonyCanvas {
  animation: v2-restore-legacy 12s linear both;
  pointer-events: none;
}
@keyframes v2-restore-legacy {
  0%, 99% { opacity: 0; }
  100% { opacity: 1; }
}
.login-core:has(.v2-orb-login:not(.v2-orb-failed)):not(.v2-orb-enabled)::before {
  content: "";
  position: absolute;
  inset: 23%;
  border-radius: 43% 57% 52% 48%;
  background:
    radial-gradient(ellipse at 38% 35%,rgba(255,255,255,.45),transparent 29%),
    radial-gradient(ellipse at 55% 60%,
      var(--login-anthony-color,#6ee7a8),transparent 78%);
  filter: blur(3px);
  opacity: .62;
  pointer-events: none;
}