.specialist-orbit {
  position: relative;
  isolation: isolate;
  overflow: visible;
  width: 174px;
  border: 0;
  background:
    radial-gradient(circle at 32% 23%, rgba(255, 230, 181, .24), transparent 24%),
    linear-gradient(145deg, #3b2115 0%, #1b0d08 58%, #090403 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 204, .72),
    inset 0 0 34px rgba(222, 153, 66, .16),
    0 0 0 1px rgba(212, 153, 76, .86),
    0 0 0 7px rgba(137, 86, 38, .09),
    0 17px 34px rgba(48, 24, 11, .28),
    0 0 32px rgba(230, 166, 77, .30);
  transform: translateZ(0);
}

.specialist-orbit::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -10px;
  padding: 2px;
  border-radius: 50%;
  background: conic-gradient(from 24deg, transparent 0 22%, rgba(255, 224, 157, .98) 33%, #a96929 41%, transparent 51% 82%, rgba(238, 182, 100, .75) 91%, transparent 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  filter: drop-shadow(0 0 8px rgba(225, 158, 67, .38));
  pointer-events: none;
}

.specialist-orbit::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 7%;
  border-radius: 50%;
  background: linear-gradient(118deg, transparent 28%, rgba(255, 244, 214, .38) 45%, transparent 61%);
  mix-blend-mode: screen;
  opacity: .55;
  pointer-events: none;
}

.specialist-orbit img {
  position: relative;
  z-index: 2;
  display: block;
  width: 112%;
  height: 112%;
  max-width: none;
  object-fit: contain;
  border-radius: 0;
  filter: drop-shadow(0 13px 17px rgba(47, 22, 9, .32)) drop-shadow(0 0 20px rgba(229, 167, 79, .34));
}

.quiz-result > img.quiz-result-icon {
  object-fit: contain;
  padding: 3px;
  background: radial-gradient(circle, rgba(255, 249, 237, .96), rgba(229, 199, 154, .72));
  filter: drop-shadow(0 10px 13px rgba(67, 36, 16, .2));
}

@media (max-width: 700px) {
  .specialist-orbit {
    width: 138px;
  }

  .specialist-orbit img {
    filter: drop-shadow(0 7px 10px rgba(67, 36, 16, .2)) drop-shadow(0 0 12px rgba(214, 158, 76, .24));
  }
}

@media (prefers-reduced-motion: no-preference) {
  .specialist-orbit::before {
    animation: beauryn-orbit-spin 12s linear infinite;
  }

  .specialist-orbit::after {
    animation: beauryn-orbit-shimmer 4.8s ease-in-out infinite;
  }

  .specialist-orbit img,
  .quiz-result > img.quiz-result-icon {
    animation: beauryn-icon-breathe 5s ease-in-out infinite;
  }

  @keyframes beauryn-orbit-spin {
    to { transform: rotate(1turn); }
  }

  @keyframes beauryn-orbit-shimmer {
    0%, 100% { opacity: .32; transform: rotate(-7deg) scale(.96); }
    50% { opacity: .68; transform: rotate(7deg) scale(1.02); }
  }

  @keyframes beauryn-icon-breathe {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
  }
}