/* =====================================================================
   MOLDURA DA RARIDADE NAS PEÇAS EQUIPADAS (12/10, pedido do autor)
   ---------------------------------------------------------------------
   "ia ser maneiro ancient e primordial ficarem com o efeito em volta" (como
   o quadro da Aparência/skin na ficha). Uma faixa fina girando em volta do
   quadradinho da peça EQUIPADA, só no Ancient (verde-água) e no Primordial
   (pérola com arco-íris). Lugares: Inventário (EQUIPADOS), painel de
   Equipamentos da batalha e a ficha do herói. A mochila fica sem (centenas
   de itens). Só CSS, sem mexer em nada do jogo; parado para quem pede menos
   movimento.
   ===================================================================== */
@property --mr-giro{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes mrGiro{to{--mr-giro:360deg}}

#inventoryEquippedGrid>.inv-slot.r-ancient,#gameShell .eqb-slot.r-ancient,.fh-slot.r-ancient{
  --mr-luz:rgba(111,240,176,.45);
  --mr-faixa:conic-gradient(from var(--mr-giro),#6ff0b0,#e0fff2 12%,#2fbf86 25%,rgba(111,240,176,.10) 45%,#6ff0b0 60%,#e0fff2 72%,#2fbf86 85%,#6ff0b0)}
#inventoryEquippedGrid>.inv-slot.r-primordial,#gameShell .eqb-slot.r-primordial,.fh-slot.r-primordial{
  --mr-luz:rgba(255,240,225,.50);
  --mr-faixa:conic-gradient(from var(--mr-giro),#fbf8f1,#ffd6e8,#fff1c2,#d2ffe6,#cfe9ff,#e6d6ff,#fbf8f1)}

#inventoryEquippedGrid>.inv-slot:is(.r-ancient,.r-primordial),#gameShell .eqb-slot:is(.r-ancient,.r-primordial),.fh-slot:is(.r-ancient,.r-primordial){
  border-color:transparent!important;box-shadow:0 0 9px var(--mr-luz)!important}
#inventoryEquippedGrid>.inv-slot:is(.r-ancient,.r-primordial)::before,#gameShell .eqb-slot:is(.r-ancient,.r-primordial)::before,.fh-slot:is(.r-ancient,.r-primordial)::before{
  content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:2px;pointer-events:none;
  background:var(--mr-faixa);animation:mrGiro 3.6s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* o Primordial gira mais devagar e brilha um pouco mais */
#inventoryEquippedGrid>.inv-slot.r-primordial::before,#gameShell .eqb-slot.r-primordial::before,.fh-slot.r-primordial::before{animation-duration:5s}
#inventoryEquippedGrid>.inv-slot.r-primordial,#gameShell .eqb-slot.r-primordial,.fh-slot.r-primordial{box-shadow:0 0 12px var(--mr-luz),0 0 4px rgba(207,233,255,.45)!important}

@media (prefers-reduced-motion:reduce){
  #inventoryEquippedGrid>.inv-slot:is(.r-ancient,.r-primordial)::before,#gameShell .eqb-slot:is(.r-ancient,.r-primordial)::before,.fh-slot:is(.r-ancient,.r-primordial)::before{animation:none}
}

/* =====================================================================
   ANCIENT NA MOCHILA (27/10, opção C do autor). Um jogador achou que um
   Uncommon Nightmare era Ancient: os dois eram verdes quase iguais. O
   Uncommon ficou verde-folha fosco (--rarity-uncommon no style.css) e o
   Ancient da mochila e do Ferreiro ganhou moldura dourada com fio
   verde-água, igual ao nome dele. Parada: a faixa girando continua só nas
   peças equipadas (regras acima, que vencem com !important).
   ===================================================================== */
#inventoryView .inv-slot.r-ancient,#forgeView .fx-slot.r-ancient{border:2px solid #d4a947;
  box-shadow:inset 0 0 0 1px rgba(111,240,176,.75),inset 0 0 14px rgba(111,240,176,.28),0 0 9px rgba(229,177,67,.40);
  background:radial-gradient(90% 90% at 50% 70%,rgba(47,191,134,.42) 0%,#0b111a 72%),linear-gradient(135deg,rgba(212,169,71,.30),transparent 40%)}
#inventoryView .inv-slot.r-ancient:hover,#forgeView .fx-slot.r-ancient:hover{border-color:#f0c66a}