/* First-generation phenotype language. These are visual expressions of canonical
   evolution paths only; they never imply hidden capability or permission changes. */

.being[data-path="scout"] .core {
  width: 39%;
  border-radius: 44% 56% 38% 62% / 58% 38% 62% 42%;
  background: radial-gradient(circle at 48% 40%, rgba(180,255,235,.32), rgba(48,133,117,.17) 26%, rgba(8,27,27,.97) 68%);
  box-shadow: 0 0 95px rgba(121,242,206,.28), inset 0 0 52px rgba(121,242,206,.16);
}
.being[data-path="scout"] .core-mark { opacity: .16; transform: translateY(13%); }
.being[data-path="scout"] .eye { opacity: 1; transform: scale(.75); top: 35%; background: #caffef; box-shadow: 0 0 17px rgba(121,242,206,.9); }
.being[data-path="scout"] .eye-left { left: 18%; }
.being[data-path="scout"] .eye-right { right: 18%; }
.being[data-path="scout"] .orbit-one { width: 88%; height: 42%; border-color: rgba(121,242,206,.46); }
.being[data-path="scout"] .orbit-two { width: 65%; height: 88%; border-style: dashed; border-color: rgba(121,242,206,.24); }
.being[data-path="scout"] .orbit-three { opacity: .38; width: 92%; height: 18%; border-color: rgba(121,242,206,.42); animation: spin 8s linear infinite; }

.being[data-path="oracle"] .core {
  width: 43%;
  background: radial-gradient(circle at 50% 48%, rgba(3,8,14,.2) 0 22%, transparent 23%), radial-gradient(circle at 34% 25%, rgba(255,255,255,.42), rgba(126,184,255,.22) 18%, rgba(13,25,35,.96) 67%);
  box-shadow: 0 0 120px rgba(126,184,255,.35), inset 0 0 70px rgba(121,242,206,.2);
}
.being[data-path="oracle"] .core-mark { opacity: .1; transform: scale(.7); }
.being[data-path="oracle"] .eye { opacity: 1; transform: scale(1); }
.being[data-path="oracle"] .orbit-one { width: 76%; height: 76%; border-width: 2px; border-color: rgba(126,184,255,.35); box-shadow: 0 0 34px rgba(126,184,255,.12); }
.being[data-path="oracle"] .orbit-two { width: 90%; border-style: dashed; border-color: rgba(121,242,206,.35); animation-duration: 6s; }
.being[data-path="oracle"] .orbit-three { opacity: .55; border-color: rgba(126,184,255,.4); animation: counterspin 17s linear infinite; }

.being[data-path="sentinel"] .core {
  width: 46%;
  border-radius: 24% 24% 34% 34% / 20% 20% 44% 44%;
  border-width: 2px;
  border-color: rgba(184,255,222,.48);
  background: radial-gradient(circle at 50% 36%, rgba(211,255,234,.28), rgba(42,92,77,.18) 30%, rgba(6,18,19,.98) 70%);
  box-shadow: 0 0 115px rgba(76,198,154,.26), inset 0 0 0 9px rgba(121,242,206,.035), inset 0 -25px 60px rgba(35,90,76,.24);
}
.being[data-path="sentinel"] .core::before,
.being[data-path="sentinel"] .core::after {
  content: "";
  position: absolute;
  top: 18%;
  bottom: 18%;
  width: 1px;
  background: linear-gradient(transparent, rgba(121,242,206,.42), transparent);
}
.being[data-path="sentinel"] .core::before { left: 20%; }
.being[data-path="sentinel"] .core::after { right: 20%; }
.being[data-path="sentinel"] .core-mark { opacity: .12; font-size: 1rem; }
.being[data-path="sentinel"] .eye { opacity: 1; top: 38%; width: 7%; transform: scale(1); background: #d8fff0; box-shadow: 0 0 22px rgba(121,242,206,.95); }
.being[data-path="sentinel"] .eye-left { left: 36%; }
.being[data-path="sentinel"] .eye-right { right: 36%; }
.being[data-path="sentinel"] .orbit-one { width: 68%; height: 68%; border-width: 2px; border-color: rgba(121,242,206,.42); box-shadow: inset 0 0 30px rgba(121,242,206,.06); }
.being[data-path="sentinel"] .orbit-two { width: 84%; height: 84%; transform: rotate(45deg); border-radius: 24%; border-color: rgba(121,242,206,.2); animation: sentinel-lock 7s ease-in-out infinite; }
.being[data-path="sentinel"] .orbit-three { opacity: .55; width: 58%; height: 92%; border-style: solid; border-color: rgba(126,184,255,.24); animation: counterspin 23s linear infinite; }

.being[data-path="emissary"] .core {
  width: 41%;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%, rgba(255,237,255,.38), rgba(194,132,222,.18) 28%, rgba(25,14,33,.97) 70%);
  box-shadow: 0 0 120px rgba(205,143,235,.24), inset 0 0 70px rgba(126,184,255,.16);
}
.being[data-path="emissary"] .core-mark { opacity: .08; }
.being[data-path="emissary"] .eye { opacity: 1; transform: scale(.9); background: #fff1ff; box-shadow: 0 0 20px rgba(234,183,255,.92); }
.being[data-path="emissary"] .orbit-one { width: 82%; height: 82%; border-style: dotted; border-color: rgba(225,168,250,.4); animation-duration: 9s; }
.being[data-path="emissary"] .orbit-two { width: 94%; height: 28%; border-color: rgba(126,184,255,.34); }
.being[data-path="emissary"] .orbit-three { opacity: .6; width: 35%; height: 95%; border-color: rgba(225,168,250,.34); animation: spin 12s linear infinite reverse; }

@keyframes sentinel-lock {
  0%, 100% { transform: rotate(45deg) scale(.98); opacity: .42; }
  50% { transform: rotate(45deg) scale(1.04); opacity: .8; }
}