/* AS ORBES DA GUILDA (1552, 11/10): src/ui/orbes-guilda-ui.js. Mesma paleta do Salão e da Loja da Guilda. */
.orbes-guilda{display:grid;gap:12px;color:#f4e2b0;min-width:0}
.orbes-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.orbes-topo>div{flex:1 1 180px;min-width:0}
.orbes-topo small{display:block;color:#a8966f;letter-spacing:.14em;font-size:11px;overflow-wrap:anywhere}
.orbes-topo h3{margin:2px 0 0;font:700 20px Georgia,serif;letter-spacing:.05em;color:#ffd978;display:flex;align-items:center;gap:6px}
.orbes-aviso{margin:0;padding:8px 10px;border-radius:8px;border:1px solid #6b5426;background:rgba(255,184,77,.08);color:#e9cf93;font-size:13px}
.orbes-intro{margin:0;color:#cbbf9f;font-size:13px;line-height:1.45}
.orbes-seu-bonus{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;border:1px solid #4a3a1c;border-radius:10px;padding:8px 12px;background:rgba(0,0,0,.35);font-size:13px}
.orbes-seu-bonus span{display:inline-flex;align-items:center;gap:4px;font-weight:700}
.orbes-seu-bonus .orbe-resumo-vida{color:#ff8b80}.orbes-seu-bonus .orbe-resumo-furia{color:#ffb064}
.orbes-seu-bonus .orbe-resumo-vento{color:#6fe0b4}.orbes-seu-bonus .orbe-resumo-mira{color:#94b4ff}
.orbes-nada{color:#8d95a8;font-weight:400!important}
.orbe-falta-red{color:#ff5a4f;font-weight:700}
.orbes-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.orbe-card{display:flex;flex-direction:column;gap:6px;border:1px solid #4a3a1c;border-radius:12px;padding:10px;background:linear-gradient(#1a140b,#0f0c07);min-width:0}
.orbe-card.orbe-vida{border-color:#6a2a24}.orbe-card.orbe-furia{border-color:#6b4019}.orbe-card.orbe-vento{border-color:#1f5a45}.orbe-card.orbe-mira{border-color:#28407a}
.orbe-card-topo{display:flex;align-items:center;gap:8px;min-width:0}
.orbe-card-nome{display:flex;flex-direction:column;min-width:0}
.orbe-card-nome b{font-size:15px;overflow-wrap:anywhere}
.orbe-card-nome small{color:#a8966f;font-size:12px}
.orbe-nivel{color:#ffd978;font-weight:800;font-size:14px}
.orbe-tag{align-self:flex-start;margin-top:2px;font-size:10px;letter-spacing:.08em;font-weight:800;color:#9fc0ff;border:1px solid #3a5aa0;border-radius:6px;padding:0 5px}
.orbe-efeito{font-weight:800;font-size:15px;color:#fff3cf}
.orbe-barra{height:7px;border-radius:9px;background:#2a2418;overflow:hidden}
.orbe-barra i{display:block;height:100%;background:linear-gradient(90deg,#a77a26,#ffd978)}
.orbe-vida .orbe-barra i{background:linear-gradient(90deg,#8e2a24,#ff7a6e)}.orbe-furia .orbe-barra i{background:linear-gradient(90deg,#9a4a12,#ffab55)}
.orbe-vento .orbe-barra i{background:linear-gradient(90deg,#16704f,#62e8b2)}.orbe-mira .orbe-barra i{background:linear-gradient(90deg,#2a4a9a,#86a8ff)}
.orbe-falta,.orbe-minhas{color:#a8966f;font-size:12px;overflow-wrap:anywhere}
.orbe-alimentar,.orbe-confirmar{margin-top:auto;border:0;border-radius:9px;padding:8px 12px;font-weight:800;background:var(--botao-ouro-fundo);color:var(--botao-ouro-texto);cursor:var(--cur-mao,pointer)}
.orbe-alimentar:disabled,.orbe-confirmar:disabled{background:#2a2418;color:#8a7a5a;cursor:var(--cur-seta,default)}
.orbe-doar{display:grid;gap:10px;border:1px solid #e2b85a;border-radius:12px;padding:12px;background:radial-gradient(circle at 50% 0,#2e230f,#120d06)}
.orbe-doar-topo{display:flex;align-items:center;gap:8px}
.orbe-doar-topo b{flex:1;min-width:0;overflow-wrap:anywhere}
.orbe-doar-fechar{border:1px solid #6b5426;background:transparent;color:#e9cf93;border-radius:8px;padding:2px 9px;cursor:var(--cur-mao,pointer)}
.orbe-recursos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.orbe-recurso{display:flex;align-items:center;gap:6px;text-align:left;border:1px solid #4a3a1c;border-radius:10px;padding:7px;background:rgba(0,0,0,.35);color:#f4e2b0;cursor:var(--cur-mao,pointer);min-width:0}
.orbe-recurso span{display:flex;flex-direction:column;min-width:0}
.orbe-recurso small{color:#a8966f;font-size:11px;overflow-wrap:anywhere}
.orbe-recurso .orbe-tem{color:#cbbf9f}
.orbe-recurso.ativo{border-color:#ffd978;box-shadow:0 0 0 1px #ffd978 inset;background:rgba(255,217,120,.08)}
.orbe-moeda{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.orbe-qtd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.orbe-qtd label{display:flex;align-items:center;gap:8px;font-size:13px}
.orbe-qtd input{width:9.5em;max-width:100%;padding:6px 8px;border-radius:8px;border:1px solid #6b5426;background:#0d0a05;color:#ffe9b0;font-weight:700}
.orbe-energia b{color:#ffd978;font-size:16px}
.orbe-hoje{font-size:12px;color:#cbbf9f;display:flex;flex-wrap:wrap;gap:4px 8px}
.orbe-msg{font-size:13px;color:#ff8b80;font-weight:700}
.orbe-msg.ok{color:#7fd08a}
.orbes-top h4{margin:0 0 6px;color:#ffd56a;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.orbes-top-linha{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,213,106,.1);padding:4px 2px;font-size:13px}
.orbes-top-linha span{min-width:0;overflow-wrap:anywhere}
.orbes-top-linha b{color:#ffd978}
.orbes-rodape{margin:0;color:#8d95a8;font-size:12px;line-height:1.45}

/* os ícones (SVG por código) */
.orbe-ico{flex:0 0 auto;overflow:visible;display:inline-block;vertical-align:middle}
.orbe-ico-aura{transform-origin:32px 30px;animation:colOrbePulso 3.2s ease-in-out infinite}
.orbe-ico-apagada{filter:grayscale(.85) brightness(.75)}
.orbe-ico-apagada .orbe-ico-aura{animation:none;opacity:.25}
@keyframes colOrbePulso{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.orbe-ico-aura{animation:none}}

/* o bônus das Orbes à parte, em vermelho, na ficha ("HP 12.400 +372") */
.orbe-guilda-extra{color:#ff5a4f}

/* Loja do mês (na Loja da Guilda) */
.loja-guilda-mensal .loja-guilda-linha-arte{object-fit:contain}

@media (max-width:900px){
  .orbes-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .orbe-recursos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  .orbes-grade{gap:8px}
  .orbe-card{padding:8px}
  .orbe-card-topo .orbe-ico{width:48px;height:48px}
  .orbe-efeito{font-size:14px}
}
.orbes-quatro{display:inline-flex;gap:1px;align-items:center}
/* 2711 (06/11): Ressonância e doar da Reserva da guilda */
.orbes-ressonancia{display:flex;gap:10px;align-items:center;border:1px solid #5a4620;border-radius:10px;padding:8px 12px;margin-top:8px;background:rgba(40,28,8,.5);font-size:13px}
.orbes-ressonancia>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.orbes-ressonancia b{color:#f3d48a}
.orbes-ressonancia small{color:#cbb98f;font-size:12px}
.orbe-fonte{display:flex;gap:6px;margin:6px 0}
.orbe-fonte button{flex:1;min-height:34px;border-radius:8px;border:1px solid #5a4620;background:#1a140b;color:#cbb98f;font-weight:700;font-size:12px;cursor:pointer}
.orbe-fonte button.ativo{background:#3b2b10;color:#ffe2a0;border-color:#c99a3e}
.orbe-reserva-nota{margin:2px 0 6px;color:#cbb98f;font-size:12px}
/* 2713 (06/11): as 3 Orbes novas (Lâmina, Esplendor, Ruptura), custo em dobro */
.orbe-card.orbe-lamina{border-color:#6a2448}.orbe-card.orbe-esplendor{border-color:#6b5414}.orbe-card.orbe-ruptura{border-color:#4a2f78}
.orbe-lamina .orbe-barra i{background:linear-gradient(90deg,#8e1f55,#ff7fbd)}.orbe-esplendor .orbe-barra i{background:linear-gradient(90deg,#8a6406,#ffd95a)}
.orbe-ruptura .orbe-barra i{background:linear-gradient(90deg,#4f2a8f,#c39bff)}
.orbe-tag-lenta{color:#f0c86a;border-color:#7a5a1e}
/* 2713: no celular o ícone fica em cima do nome (com 7 Orbes e texto grande o nome quebrava letra a letra) */
@media (max-width:520px){
  .orbe-card-topo{flex-direction:column;align-items:flex-start;gap:4px}
  .orbe-card-topo .orbe-ico{width:44px;height:44px}
  .orbe-card-nome b{overflow-wrap:normal;word-break:normal;hyphens:auto}
  .orbe-tag{max-width:100%;white-space:normal}
}