/* /upgrade/equipamento.css -- Equipamento "como no jogo" (mockup aprovado 01/10/2026). A tela está em equipamento.js. */
#screen-equipamento .eq-corpo{display:grid;gap:14px;}
.eq-rot{display:flex;align-items:center;gap:6px;font:600 11px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--t-low,#6b7686);margin-bottom:4px;}
.eq-ico{object-fit:contain;flex:0 0 auto;}
.eq-nota{margin:0;color:var(--t-low,#6b7686);font-size:13px;line-height:1.5;}
.eq-pm{display:inline-grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;height:38px;border:1px solid var(--border,#29313d);border-radius:9px;background:var(--s-800,#141a25);overflow:hidden;min-width:0;}
.eq-pm button{height:100%;border:0;background:transparent;color:var(--cyan,#3fd0e0);font:600 17px var(--body,inherit);cursor:pointer;}
.eq-pm button:hover{background:#1b2232;}
.eq-pm > span{text-align:center;font:600 14px var(--body,inherit);font-variant-numeric:tabular-nums;white-space:nowrap;}

.eq-grade{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start;}
.eq-pecas{display:grid;gap:8px;align-content:start;}
.eq-peca{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid var(--border,#29313d);border-radius:10px;background:var(--s-800,#141a25);padding:8px 10px;color:var(--t-hi,#f0f3f7);font:inherit;cursor:pointer;}
/* Ícone vermelho do jogo com fogo animado por dentro (mockup aprovado: docs/mockups/upgrade/refino-equipamento-chama.html). O fogo é um brilho laranja e amarelo
   distorcido pelo ruído animado do filtro #eqFogo (equipamento.js): as bordas lambem e mudam de forma o tempo todo. Tudo dentro da caixa; para em prefers-reduced-motion. */
.eq-pic{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#0b0e15;display:block;isolation:isolate;box-shadow:inset 0 0 10px rgba(255,70,20,.5);animation:eq-borda 2.2s ease-in-out infinite;}
.eq-pic img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;animation:eq-pulso 2.2s ease-in-out infinite;}
.eq-onda{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:8px;pointer-events:none;}
.eq-onda::before,.eq-onda::after{content:"";position:absolute;inset:-12%;mix-blend-mode:screen;filter:url(#eqFogo);transform-origin:50% 100%;}
.eq-onda::before{background:radial-gradient(ellipse 62% 70% at 18% 108%,rgba(255,236,130,.95),rgba(255,140,30,.75) 42%,transparent 72%),radial-gradient(ellipse 54% 62% at 84% 108%,rgba(255,170,50,.85),rgba(255,60,20,.5) 50%,transparent 76%),radial-gradient(ellipse 90% 42% at 50% 106%,rgba(255,96,24,.8),transparent 80%);animation:eq-lambe 1.9s ease-in-out infinite alternate;}
.eq-onda::after{background:radial-gradient(ellipse 48% 58% at 50% 50%,rgba(255,205,80,.8),rgba(255,90,20,.5) 52%,transparent 78%);opacity:.8;animation:eq-passeia 5.2s ease-in-out infinite;}
@keyframes eq-lambe{0%{transform:scaleY(.82) translateX(-3%)}50%{transform:scaleY(1.06) translateX(2%)}100%{transform:scaleY(1.22) translateX(-1%)}}
@keyframes eq-passeia{0%{transform:translate(-34%,40%) scale(.8)}25%{transform:translate(8%,10%) scale(1.15)}50%{transform:translate(38%,-30%) scale(.95)}75%{transform:translate(-6%,-8%) scale(1.2)}100%{transform:translate(-34%,40%) scale(.8)}}
@keyframes eq-borda{0%,100%{box-shadow:inset 0 0 8px rgba(255,60,20,.4)}50%{box-shadow:inset 0 0 16px rgba(255,120,30,.85)}}
@keyframes eq-pulso{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.3)}}
@media (prefers-reduced-motion:reduce){.eq-pic,.eq-pic img,.eq-onda::before,.eq-onda::after{animation:none;}.eq-onda::after{display:none;}}
.eq-peca b{display:block;font:600 14px var(--body,inherit);}
.eq-peca small{color:var(--t-low,#6b7686);font:600 11px var(--mono,monospace);letter-spacing:.06em;}
.eq-peca[aria-pressed="true"]{border-color:var(--cyan,#3fd0e0);background:linear-gradient(90deg,rgba(63,208,224,.12),var(--s-800,#141a25));box-shadow:0 0 0 1px rgba(63,208,224,.35);}
.eq-det{display:grid;gap:12px;min-width:0;}
.eq-linha{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:end;}
.eq-linha .eq-nota{flex:1 1 240px;}
.eq-tab{display:grid;grid-template-columns:minmax(0,1fr) 60px 170px 70px 60px 80px;gap:6px 10px;align-items:center;}
.eq-cab{font:600 11px var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--t-low,#6b7686);display:flex;align-items:center;gap:5px;}
.eq-cab-b{justify-content:flex-end;}
.eq-av{text-align:center;font-weight:700;color:#c08cff;font-variant-numeric:tabular-nums;}
.eq-n{font-weight:600;}
.eq-n.atk1{color:#f5c542;}
.eq-r{text-align:right;font-variant-numeric:tabular-nums;color:var(--t-mid,#a7b0bd);}
.eq-b{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--cyan,#3fd0e0);}
.eq-pm.pol-branco > span{color:#e8ecf4;}
.eq-pm.pol-verde > span{color:#6be28a;}
.eq-pm.pol-azul > span{color:#5ab4ff;}
.eq-pm.pol-roxo > span{color:#c08cff;}
.eq-pm.pol-laranja > span{color:#ff9b3d;}

.eq-cartao{background:rgba(12,15,22,.55);border:1px solid var(--border,#29313d);border-radius:12px;padding:14px 16px;display:grid;gap:10px;min-width:0;}
.eq-cartao h3{margin:0;font:700 15px var(--display,inherit);}
.eq-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;}
.eq-kpi{background:var(--s-800,#141a25);border:1px solid var(--border,#29313d);border-radius:12px;padding:10px 14px;display:grid;gap:2px;min-width:0;}
.eq-kpi span{font:600 11px var(--mono,monospace);letter-spacing:.1em;color:var(--t-low,#6b7686);text-transform:uppercase;}
.eq-kpi b{display:flex;align-items:center;gap:6px;font:800 22px var(--display,inherit);font-variant-numeric:tabular-nums;}
.eq-kpi b.c{color:var(--cyan,#3fd0e0);}

.eq-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;}
.eq-estrela{position:relative;aspect-ratio:1.5;max-width:520px;margin:34px auto 0;width:100%;}
.eq-anel{position:absolute;inset:0;width:100%;height:100%;}
.eq-centro{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:12px;border:1px solid #6a5a2a;background:linear-gradient(180deg,#2a2210,#14100a);display:grid;place-items:center;overflow:hidden;padding:4px;}
.eq-centro img{width:100%;height:100%;object-fit:contain;}
.eq-pedra{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;}
.eq-pedra img{width:46px;height:46px;border-radius:10px;object-fit:contain;background:#120c22;border:1px solid #b07cff;box-shadow:0 0 14px rgba(176,124,255,.45);}
.eq-pedra small{font:600 11px var(--body,inherit);color:#d9c8ff;text-align:center;}
.eq-pedra .eq-pm{height:28px;width:110px;grid-template-columns:28px minmax(0,1fr) 28px;}
.eq-lado{display:grid;gap:10px;min-width:0;}
.eq-t2{display:grid;grid-template-columns:minmax(0,1fr) auto;}
.eq-t2 > div{padding:9px 0;border-bottom:1px solid var(--border,#29313d);}
.eq-t2 > div:nth-child(even){text-align:right;font-weight:600;font-variant-numeric:tabular-nums;}
.eq-t2 .c{color:var(--cyan,#3fd0e0);}

@media (max-width:900px){
  .eq-grade{grid-template-columns:minmax(0,1fr);}
  .eq-pecas{grid-template-columns:repeat(5,minmax(0,1fr));}
  .eq-peca{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:8px 4px;}
  .eq-band{grid-template-columns:minmax(0,1fr);}
  .eq-res{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  .eq-pecas{grid-template-columns:repeat(3,minmax(0,1fr));}
  .eq-tab{grid-template-columns:minmax(0,1fr) 130px 48px 60px;}
  .eq-cab:nth-child(2),.eq-cab:nth-child(5),.eq-r{display:none;}
  .eq-pm{grid-template-columns:30px minmax(0,1fr) 30px;}
}
.eq-abas{display:flex;gap:8px;margin:0 0 12px;}
.eq-aba{font:700 14px var(--body,inherit);color:var(--t-mid,#a7b0bd);background:var(--s-800,#141a25);border:1px solid var(--border,#29313d);border-radius:10px;padding:8px 22px;cursor:pointer;}
.eq-aba[aria-pressed="true"]{color:#06222a;background:var(--cyan,#3fd0e0);border-color:var(--cyan,#3fd0e0);}

/* Equipamento acoplado nas calculadoras (upgrade/equipamento-abas.js) */
.eqa{display:grid;gap:8px;margin:0 0 14px;}
.eqa-abas,.eqa-subs{display:flex;flex-wrap:wrap;gap:8px;}
.eqa-aba{font:700 14px var(--body,inherit);color:var(--t-mid,#a7b0bd);background:var(--s-800,#141a25);border:1px solid var(--border,#29313d);border-radius:10px;padding:8px 22px;cursor:pointer;}
.eqa-aba[aria-pressed="true"]{color:#1a0b02;background:linear-gradient(180deg,#ff9a52,#ff7a2a);border-color:transparent;}
.eqa-sub{font:600 12px var(--body,inherit);color:var(--t-mid,#a7b0bd);background:var(--s-800,#141a25);border:1px solid var(--border,#29313d);border-radius:999px;padding:4px 12px;cursor:pointer;}
.eqa-sub[aria-pressed="true"]{color:#06222a;background:var(--cyan,#3fd0e0);border-color:transparent;}
.eqa-visual,.eqa-juntas{display:grid;gap:14px;margin:14px 0;}

/* Pedra & Amuleto: o máximo da Bandana (upgrade/bandana-maximo.js) */
.ban-maximo{display:grid;gap:12px;margin:14px 0;}
.ban-maximo h3{margin:0;font:800 16px var(--display,inherit);}
.bm-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.bm-kpi{border:1px solid var(--border,#29313d);border-radius:12px;padding:10px 12px;background:rgba(20,26,37,.8);display:grid;gap:6px;}
.bm-kpi span{font:600 11px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--t-low,#6b7686);display:flex;gap:6px;align-items:center;}
.bm-kpi b{font:800 22px var(--display,inherit);display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums;}
.bm-kpi b.c{color:var(--cyan,#3fd0e0);}
.bm-nota{margin:0;color:var(--t-mid,#a7b0bd);font-size:13px;}
@media (max-width:620px){.bm-grade{grid-template-columns:minmax(0,1fr);}}

/* O card "1º Ataque com Polimento e Descoberta" saiu do Refino (dono, 02/10/2026): a peça com Polimento + Avanço do Equipamento já mostra isso. A conta antiga continua no código só para os testes e para o Coach. */
#refino-formula-field{display:none !important;}

/* Pedra & Amuleto sem nada a calcular: frase no lugar dos resultados (telas-compactas.js) */
.tc-vazio{grid-column:1/-1;border:1px dashed var(--line-hi,#3a4759);border-radius:12px;padding:16px;text-align:center;display:grid;gap:6px;}
.tc-vazio h3{margin:0;font:800 16px var(--display,inherit);}
.tc-vazio p{margin:0;color:var(--t-mid,#a7b0bd);font-size:14px;}