/* =====================================================================
   PRIMORDIAL (12/10, SQL 1580) — a raridade acima de Ancient
   ---------------------------------------------------------------------
   Branco pérola com um arco-íris lento passando (proposta aprovada pelo
   autor). Mesmos lugares em que o Ancient tem cor própria: nome do item,
   selo da raridade, linha da mochila/ferreiro/equipamentos, quadradinho
   (--rc), letreiro do drop e aviso no topo. Sem animação para quem pede
   menos movimento.
   ===================================================================== */
:root{--rarity-primordial:#f3efe6}

/* o nome: pérola com o arco-íris correndo devagar */
.rarity-primordial{color:#f7f3ea!important}
.rarity-primordial:not(.rarity-badge):not(.loot-toast-icon){
  color:#fbf8f1!important;
  background:linear-gradient(90deg,#fbf8f1 0%,#ffd6e8 14%,#fff1c2 28%,#d2ffe6 42%,#cfe9ff 56%,#e6d6ff 70%,#fbf8f1 84%,#ffd6e8 100%);
  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 12px rgba(255,250,240,.35);font-weight:950!important;letter-spacing:.2px;
  animation:col-primordial-brilho 9s linear infinite}
.equipped-showcase-slot > strong.rarity-primordial{display:block}
@keyframes col-primordial-brilho{from{background-position:0% 50%}to{background-position:300% 50%}}

/* o selo / ícone da raridade */
.rarity-badge.rarity-primordial,.loot-toast-icon.rarity-primordial{
  border:1px solid #e9e2d2!important;color:#fffaf0!important;
  background:linear-gradient(135deg,#2a2832,#3b3644 45%,#2c3440)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 14px rgba(255,245,225,.30),0 0 22px rgba(190,170,255,.18)!important}

/* a linha do item (mochila, ferreiro, equipamentos, loja) */
.equipped-showcase-slot:has(.rarity-primordial),.inventory-group:has(.rarity-primordial),.equipment-row:has(.rarity-primordial),
.forge-list-item:has(.rarity-primordial),.shop-item:has(.rarity-primordial){
  border-color:#e6dfcf!important;
  background:radial-gradient(circle at 18% 0,rgba(255,214,232,.10),transparent 40%),radial-gradient(circle at 82% 100%,rgba(207,233,255,.10),transparent 45%),linear-gradient(145deg,rgba(70,66,80,.30),#191a20 68%)!important;
  box-shadow:inset 3px 0 0 #f3efe6,0 0 20px rgba(255,245,225,.14)!important}

/* os quadradinhos (Inventário C, Ferreiro A, Equipamentos B) */
#inventoryView .r-primordial,#forgeView .r-primordial,#gameShell .eqb-card .r-primordial{--rc:var(--rarity-primordial)}
#inventoryView .inv-slot.r-primordial,#forgeView .r-primordial.forge-list-item,#gameShell .eqb-card .r-primordial{
  border-color:#f3efe6!important;
  box-shadow:0 0 12px rgba(255,245,225,.38),0 0 4px rgba(255,214,232,.45),inset 0 0 0 1px rgba(207,233,255,.35),inset 0 -10px 18px -10px rgba(230,214,255,.35)}

/* o letreiro do meio da arena ("PRIMORDIAL DROP") */
.loot-rarity-fx.primordial{border-color:#efe8d8;
  background:linear-gradient(90deg,rgba(20,20,26,.25),rgba(62,58,74,.96),rgba(20,20,26,.25));
  box-shadow:0 0 70px rgba(255,245,225,.30),0 0 120px rgba(190,170,255,.18)}
.loot-rarity-fx.primordial.com-arte{background:linear-gradient(90deg,rgba(18,18,24,.96),rgba(58,54,70,.96),rgba(18,18,24,.96))}
.loot-rarity-fx.primordial span{color:#fff6e6}
.loot-rarity-fx.primordial strong{
  background:linear-gradient(90deg,#fbf8f1,#ffd6e8,#fff1c2,#d2ffe6,#cfe9ff,#e6d6ff,#fbf8f1);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(255,250,240,.45);animation:col-primordial-brilho 4s linear infinite}

/* o aviso no topo para todos ("Fulano encontrou ..., um item PRIMORDIAL!") */
.col-aviso.col-aviso-primordial{border-color:rgba(243,239,230,.95);
  background:linear-gradient(180deg,rgba(44,42,54,.96),rgba(16,16,22,.96));
  box-shadow:0 0 18px rgba(255,245,225,.35),0 0 30px rgba(190,170,255,.20)}
.col-aviso-primordial .col-aviso-item{font-weight:950}
/* 30/10 (2057): a peça Sanguine do Blood Castle no topo, em vermelho-sangue */
.col-aviso.col-aviso-bc_set{border-color:rgba(214,58,58,.95);
  background:linear-gradient(180deg,rgba(58,14,16,.96),rgba(20,6,8,.96));box-shadow:0 0 16px rgba(220,40,40,.35)}
.col-aviso-bc_set .col-aviso-item{font-weight:950;color:#ffb3a8}

/* a linha no chat GLOBAL (30 min) */
.col-chat-raro{border-left:2px solid #e9e2d2;padding-left:7px;background:rgba(80,74,96,.22);border-radius:0 5px 5px 0}
.col-chat-raro .col-chat-msg-head b{color:#fff1c2;letter-spacing:1px}
.col-chat-raro .col-chat-text{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.col-chat-raro .col-chat-mercado-item{align-self:center;padding:2px 8px 2px 2px;cursor:var(--cur-mao,pointer)}
/* 03/11: o item e o nome do aviso abrem a ficha (o item sem pid também) */
.col-chat-raro .col-chat-mercado-nome.col-ficha-link{cursor:var(--cur-mao,pointer);text-decoration:underline dotted rgba(240,201,106,.55);text-underline-offset:2px}
.col-chat-raro .col-chat-mercado-item .col-chat-item-link-icone{width:26px;height:26px}
.col-chat-raro-bc{border-left-color:#d63a3a;background:rgba(90,20,22,.22)}
.col-chat-raro-bc .col-chat-msg-head b{color:#ff9a8c}


/* a cor no Mercado e no chat */
.col-chat-tooltip-card.rarity-primordial{border-color:#e9e2d2}

@media (prefers-reduced-motion:reduce){
  .rarity-primordial:not(.rarity-badge):not(.loot-toast-icon),.loot-rarity-fx.primordial strong{animation:none;background-position:20% 50%}
}

/* =====================================================================
   MÍTICO (02/11, SQL 2062): o Primordial despertado na Máquina do Caos (receita secreta).
   Cor escolhida pelo autor: "Sol nascente" (laranja e ouro, o brilho corre e a moldura respira).
   Fica bem longe do laranja parado do Sanguine do Ignar. O item tem rarityClass "rarity-mitico"
   (as listas viram "r-mitico"); por dentro continua Primordial.
   ===================================================================== */
:root{--rarity-mitico:#ff9d2e}
.rarity-mitico{color:#ffb13b!important}
.rarity-mitico:not(.rarity-badge):not(.loot-toast-icon){
  color:#ffb13b!important;
  background:linear-gradient(90deg,#fff6e0 0%,#ffb13b 15%,#ff7a00 32%,#ffd36b 50%,#ff7a00 68%,#ffb13b 85%,#fff6e0 100%);
  background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 5px rgba(255,140,0,.6));font-weight:950!important;letter-spacing:.2px;
  animation:col-mitico-brilho 6s linear infinite}
.equipped-showcase-slot > strong.rarity-mitico{display:block}
@keyframes col-mitico-brilho{from{background-position:0% 50%}to{background-position:300% 50%}}
@keyframes col-mitico-respira{0%,100%{box-shadow:0 0 10px rgba(255,140,0,.45),inset 0 -10px 18px -10px rgba(255,120,0,.4)}
  50%{box-shadow:0 0 22px rgba(255,150,20,.8),0 0 5px #ffd36b,inset 0 -12px 22px -10px rgba(255,150,30,.6)}}
.rarity-badge.rarity-mitico,.loot-toast-icon.rarity-mitico{
  border:1px solid #ff9d2e!important;color:#fff3dc!important;
  background:linear-gradient(135deg,#3a1d06,#5a2c08 45%,#3a1a04)!important;
  box-shadow:inset 0 0 0 1px rgba(255,220,150,.18),0 0 14px rgba(255,150,30,.45)!important}
.equipped-showcase-slot:has(.rarity-mitico),.inventory-group:has(.rarity-mitico),.equipment-row:has(.rarity-mitico),
.forge-list-item:has(.rarity-mitico),.shop-item:has(.rarity-mitico){
  border-color:#ff9d2e!important;
  background:radial-gradient(circle at 18% 0,rgba(255,177,59,.14),transparent 40%),radial-gradient(circle at 82% 100%,rgba(255,122,0,.12),transparent 45%),linear-gradient(145deg,rgba(80,44,12,.32),#1c1712 68%)!important;
  box-shadow:inset 3px 0 0 #ff9d2e,0 0 20px rgba(255,140,0,.18)!important}
#inventoryView .r-mitico,#forgeView .r-mitico,#gameShell .eqb-card .r-mitico{--rc:var(--rarity-mitico)}
#inventoryView .inv-slot.r-mitico,#forgeView .r-mitico.forge-list-item,#gameShell .eqb-card .r-mitico,#forgeView .mq-cam-slot.r-mitico{
  border-color:#ff9d2e!important;animation:col-mitico-respira 2.6s ease-in-out infinite}
.loot-rarity-fx.mitico{border-color:#ff9d2e;background:linear-gradient(90deg,rgba(26,14,4,.25),rgba(90,44,8,.96),rgba(26,14,4,.25));
  box-shadow:0 0 70px rgba(255,140,0,.38),0 0 120px rgba(255,200,90,.2)}
.col-aviso.col-aviso-mitico{border-color:rgba(255,157,46,.95);
  background:linear-gradient(180deg,rgba(74,38,8,.96),rgba(24,12,4,.96));
  box-shadow:0 0 18px rgba(255,140,0,.45),0 0 30px rgba(255,200,90,.22)}
.col-aviso-mitico .col-aviso-item{font-weight:950;color:#ffd36b}
.col-chat-raro-mitico{border-left-color:#ff9d2e;background:rgba(110,56,10,.24)}
.col-chat-raro-mitico .col-chat-msg-head b{color:#ffb13b}
.col-chat-tooltip-card.rarity-mitico{border-color:#ff9d2e}
@media (prefers-reduced-motion:reduce){
  .rarity-mitico:not(.rarity-badge):not(.loot-toast-icon){animation:none;background-position:20% 50%}
  #inventoryView .inv-slot.r-mitico,#forgeView .r-mitico.forge-list-item,#gameShell .eqb-card .r-mitico,#forgeView .mq-cam-slot.r-mitico{animation:none}
}

/* SETS TINGIDOS (02/11, SQL 2064): a mesma arte da peça, tingida (nenhuma arte nova). A cor vem de --tinta e
   entra ANTES do brilho do refino, então o +N continua aparecendo por cima da cor nova.
   Os filtros moram em COL_ITENS.TINTAS (itens-domain.js); tests/tintas-contract.mjs confere que são os mesmos. */
.tinta-rubro{--tinta:hue-rotate(-28deg) saturate(1.6)}
.tinta-celeste{--tinta:hue-rotate(190deg) saturate(1.3)}
.tinta-abissal{--tinta:hue-rotate(250deg) saturate(1.2) brightness(.8)}
.tinta-esmeralda{--tinta:hue-rotate(95deg) saturate(1.4)}
.tinta-aureo{--tinta:sepia(.7) saturate(2.4) hue-rotate(-8deg) brightness(1.1)}
img.tinta,.dr-peca.tinta{filter:var(--tinta) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino{filter:var(--tinta) var(--refino-f,brightness(1)) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino.refino-parado.refino-f1{filter:var(--tinta) sepia(.28) saturate(1.45) brightness(1.1) contrast(1.06) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino.refino-parado.refino-f2{filter:var(--tinta) sepia(.4) saturate(1.7) brightness(1.16) contrast(1.1) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino.refino-parado.refino-f3{filter:var(--tinta) sepia(.48) saturate(1.85) brightness(1.2) contrast(1.12) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino.refino-parado.refino-f4{filter:var(--tinta) sepia(.5) saturate(2.2) hue-rotate(-28deg) brightness(1.12) contrast(1.12) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino.refino-parado.refino-f5{filter:var(--tinta) grayscale(.7) sepia(.9) saturate(2.8) hue-rotate(95deg) brightness(1.04) contrast(1.14) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino.refino-parado.refino-f6{filter:var(--tinta) grayscale(.55) sepia(.12) hue-rotate(175deg) saturate(1.3) brightness(1.24) contrast(1.16) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
img.tinta.refino.refino-parado:hover{filter:var(--tinta) var(--refino-fa,brightness(1)) drop-shadow(0 4px 6px rgba(0,0,0,.4))}
#gameShell #equipmentGrid>.eqb-slot>.slot-visual>img.equipment-item-art.tinta:not(.refino){filter:var(--tinta) drop-shadow(0 2px 3px #000)}
#gameShell #equipmentGrid>.eqb-slot:hover>.slot-visual>img.equipment-item-art.tinta.refino.refino-parado{filter:var(--tinta) var(--refino-fa,brightness(1)) drop-shadow(0 4px 6px rgba(0,0,0,.4))}