/* Procyon's own logo: a small living sphere whose colours slowly mutate through the whole spectrum.
   The same drift is applied to the Lobby orb so the two always agree. Still under reduced motion. */
@keyframes p-mutate{to{filter:hue-rotate(360deg)}}
header.top .emblem.p-orb{position:relative;display:block;overflow:hidden;border-radius:50%;
  background:#0c0f1a;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 9px rgba(var(--h-brass-rgb),.28)}
.p-orb i{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.85) 0,rgba(255,255,255,0) 26%),
    radial-gradient(circle at 50% 55%,#e9b86a 0,#c4568a 55%,#3a2a8c 100%);
  animation:p-mutate 42s linear infinite}
.p-orb i::after{content:'';position:absolute;inset:-40%;
  background:conic-gradient(from 0deg,transparent 0 55%,rgba(255,255,255,.32) 70%,transparent 85%);
  mix-blend-mode:soft-light;animation:orb-swirl 9s linear infinite}
.top .orb:not(.urgent){animation:p-mutate 42s linear infinite}
@media (prefers-reduced-motion:reduce){.p-orb i,.p-orb i::after,.top .orb{animation:none!important}}