/* Alpha Bot avatars — images made from "Alpha bot look.png" (assets/bots/*.png).
   Each avatar element carries its color as --c in its style; that picks the image. */
.mini-orb, .mini-face, .rail-orb:not(.logo), .orb:not(.logo) {
  background: var(--bot, url(assets/bots/obsidian.png)) center / contain no-repeat;
  box-shadow: 0 0 16px color-mix(in srgb, var(--c, #ffffff) 30%, transparent);
  border-radius: 50%;
}
.rail-orb.active:not(.logo) { box-shadow: 0 0 0 2px #070604, 0 0 0 4px #F6C443; }
.mini-orb::before, .mini-orb::after,
.rail-orb:not(.logo)::before, .rail-orb:not(.logo)::after,
.orb:not(.logo)::before, .orb:not(.logo)::after { display: none; }

[style*="--c:#2b2b2b"] { --bot: url(assets/bots/obsidian.png); }
[style*="--c:#d4a017"] { --bot: url(assets/bots/gold.png); }
[style*="--c:#22c55e"] { --bot: url(assets/bots/emerald.png); }
[style*="--c:#3b82f6"] { --bot: url(assets/bots/sapphire.png); }
[style*="--c:#22d3ee"] { --bot: url(assets/bots/ice.png); }
[style*="--c:#a855f7"] { --bot: url(assets/bots/amethyst.png); }
[style*="--c:#ef4444"] { --bot: url(assets/bots/ruby.png); }
[style*="--c:#f97316"] { --bot: url(assets/bots/ember.png); }
[style*="--c:#ec4899"] { --bot: url(assets/bots/rose.png); }
[style*="--c:#6366f1"] { --bot: url(assets/bots/indigo.png); }