/* Antropeo avatar frames — Phase 1.
 * Only .avatar-frame--none is active. Other modifiers reserved for future
 * premium / seasonal / tiered avatars. */

.avatar-frame {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.avatar-frame--none {
  background:
    radial-gradient(circle at 30% 30%, rgba(167, 139, 250, 0.35), transparent 60%),
    linear-gradient(135deg, #1e1b4b 0%, #312e81 60%, #4338ca 100%);
  box-shadow:
    inset 0 0 0 2px rgba(167, 139, 250, 0.55),
    inset 0 0 18px rgba(124, 58, 237, 0.35);
}

.avatar-frame--none::after {
  content: "";
  width: 38%;
  height: 38%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 40%, rgba(196, 181, 253, 0.95), rgba(124, 58, 237, 0.35) 70%, transparent 100%);
  filter: blur(0.5px);
}