/* The existing capability selection owns --role-rgb; no second animation loop. */
.evolved-experience[data-discovery="true"] {
  --agent-mark: url('/enhancements/orb-box/assets/aaiab-logo-transparent-v2-LUTOUFUH.png');
  background-color: #090b0d;
  transition: background-color 650ms ease;
}
.evolved-experience[data-discovery="true"][data-agent-selected="true"] {
  background-color: color-mix(in srgb, rgb(var(--role-rgb)) 12%, #06090c);
}
.evolved-experience[data-discovery="true"] .world-atmosphere.has-role-layers::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  background: rgb(var(--role-rgb));
  mask-image: radial-gradient(ellipse 80% 640px at 75% 280px, #000, transparent 95%);
  opacity: 0;
  transition: background-color 650ms ease, opacity 650ms ease;
}
.evolved-experience[data-discovery="true"][data-agent-selected="true"] .world-atmosphere.has-role-layers::before { opacity: .16; }
.evolved-experience[data-discovery="true"] .cd-depth-field {
  background: radial-gradient(ellipse, rgba(var(--role-rgb), .09), transparent 67%);
}
.evolved-experience[data-discovery="true"] .cd-orb {
  border-radius: 18%;
  isolation: isolate;
}
/* display:none also makes the original shader's IntersectionObserver suspend it. */
.evolved-experience[data-discovery="true"] .cd-orb > .es-orb-material { display: none; }
.evolved-experience[data-discovery="true"] .cd-orb::before,
.evolved-experience[data-discovery="true"] .cd-orb::after {
  content: '';
  position: absolute;
  inset: -4%;
  pointer-events: none;
}
.evolved-experience[data-discovery="true"] .cd-orb::before {
  background: var(--agent-mark) center / contain no-repeat;
  filter: drop-shadow(0 0 10px rgba(var(--role-rgb), .36));
  transition: filter 650ms ease;
}
.evolved-experience[data-discovery="true"] .cd-orb::after {
  background-color: rgb(var(--role-rgb));
  mask: var(--agent-mark) center / contain no-repeat;
  mix-blend-mode: color;
  opacity: 0;
  transition: background-color 650ms ease, opacity 650ms ease;
}
.evolved-experience[data-discovery="true"][data-agent-selected="true"] .cd-orb::after { opacity: .8; }
.evolved-experience[data-discovery="true"] .cd-orb:focus-visible {
  outline: 2px solid rgb(var(--role-rgb));
  outline-offset: 10px;
}
.evolved-experience[data-discovery="true"][data-motion="false"],
.evolved-experience[data-discovery="true"][data-motion="false"] .world-atmosphere::before,
.evolved-experience[data-discovery="true"][data-motion="false"] .cd-orb::before,
.evolved-experience[data-discovery="true"][data-motion="false"] .cd-orb::after { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .evolved-experience[data-discovery="true"],
  .evolved-experience[data-discovery="true"] .world-atmosphere::before,
  .evolved-experience[data-discovery="true"] .cd-orb::before,
  .evolved-experience[data-discovery="true"] .cd-orb::after { transition: none; }
}