/* EQUIP-COMPARAR.CSS — janela "⚖️ Comparar" do Inventário (11/10).
   Visual do jogo: pergaminho, azul-marinho e dourado. */
.inv2-det-btn-comparar {
  display: block; width: 100%; margin: 8px 0 4px; padding: 9px 12px;
  font: 800 13px/1.2 Nunito, system-ui, sans-serif; letter-spacing: .3px;
  color: #ffe7a3; background: linear-gradient(110deg, #102b43, #294e69);
  border: 1px solid #c5a15a; border-radius: 4px; cursor: pointer;
  box-shadow: 0 2px 6px #0003;
}
.inv2-det-btn-comparar:hover { filter: brightness(1.15); }
.eqf-comparar { color: #17394c !important; }

.eqc-dialog {
  width: min(720px, 94vw); max-height: 90vh; padding: 0; overflow: auto;
  border: 1px solid #aa8447; border-top: 5px solid #b58a44; border-radius: 4px;
  background: linear-gradient(160deg, #fff7e7, #eadbbc);
  box-shadow: inset 0 0 0 4px #f6e6bc, 0 22px 60px rgba(0,0,0,.55);
  color: #183553; box-sizing: border-box;
}
.eqc-dialog *, .eqc-dialog *::before, .eqc-dialog *::after { box-sizing: border-box; }
.eqc-dialog::backdrop { background: radial-gradient(circle at 50% 30%, rgba(16,43,67,.7), rgba(4,10,20,.9)); }
.eqc-topo { position: relative; display: flex; justify-content: center; padding: 18px 56px 8px; }
.eqc-topo h3 {
  margin: 0; padding: 9px 40px;
  font: 800 19px/1.2 Georgia, "Times New Roman", serif; letter-spacing: 2px; text-transform: uppercase;
  color: #ffe7a3; background: linear-gradient(110deg, #102b43, #294e69, #102b43);
  border: 2px solid #c5a15a; box-shadow: inset 0 0 0 3px #142e46;
  clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
}
.eqc-x {
  position: absolute; right: 14px; top: 16px; width: 36px; height: 36px; border-radius: 50%;
  background: linear-gradient(#1d3b57, #102b43); border: 2px solid #c5a15a;
  color: #ffe7a3; font-size: 22px; line-height: 1; cursor: pointer;
}
.eqc-corpo { padding: 10px 22px 22px; }
.eqc-lados { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: start; }
.eqc-vs {
  align-self: center; width: 46px; height: 46px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font: 800 16px Georgia, serif; color: #ffe7a3;
  background: radial-gradient(#8e1510, #c2261b); border: 2px solid #f6e6bc; box-shadow: 0 0 12px #c2261b88;
}
.eqc-lado { text-align: center; min-width: 0; }
.eqc-sel {
  width: 100%; height: 38px; margin-bottom: 10px; padding: 0 8px;
  font: 700 12px Nunito, sans-serif; color: #183553;
  background: #fffaf0; border: 2px solid #b58a44; border-radius: 5px;
}
.eqc-img {
  width: 104px; height: 104px; margin: 0 auto 8px; border: 3px solid; border-radius: 6px;
  background: radial-gradient(circle at 50% 35%, #2c4f6d, #0f2338 75%);
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.eqc-img img { max-width: 88%; max-height: 88%; object-fit: contain; }
.eqc-nome { font: 800 15px/1.25 Georgia, serif; color: #183553; }
.eqc-ref { color: #b46a00; }
.eqc-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 6px; font: 700 11px Nunito, sans-serif; color: #6b5530; }
.eqc-meta span:first-child { padding: 1px 8px; border: 1px solid; border-radius: 10px; }
.eqc-tabela { width: 100%; margin-top: 16px; border-collapse: collapse; font: 700 14px Nunito, sans-serif; }
.eqc-tabela td, .eqc-tabela th { padding: 8px 10px; border-bottom: 1px solid #b6975a55; }
.eqc-tabela td { width: 38%; text-align: center; color: #183553; }
.eqc-tabela th { width: 24%; text-align: center; font: 800 12px Georgia, serif; letter-spacing: .5px; color: #6b5530; text-transform: uppercase; }
.eqc-tabela th small { display: block; margin-top: 2px; font: 800 11px Nunito, sans-serif; text-transform: none; color: #8a7a5a; }
.eqc-tabela th small.eqc-up { color: #1f8a3b; }
.eqc-tabela th small.eqc-down { color: #b42318; }
.eqc-melhor { color: #1f8a3b !important; background: #2ecc7118; }
.eqc-pior { color: #b42318 !important; }
.eqc-total td, .eqc-total th { font-size: 16px; border-top: 2px solid #b58a44; border-bottom: 2px solid #b58a44; }
.eqc-cristais td { font-size: 12px; }
.eqc-cristal { display: inline-flex; align-items: center; gap: 8px; text-align: left; }
.eqc-cristal img { width: 34px; height: 34px; object-fit: contain; filter: drop-shadow(0 2px 2px #0006); }
.eqc-cristal b { display: block; font-size: 12px; }
.eqc-cristal small { color: #6b5530; font-size: 11px; }
.eqc-vazio { color: #8a7a5a; font-style: italic; }
.eqc-veredito {
  margin: 16px 0 6px; padding: 12px 14px; text-align: center;
  font: 700 14px/1.4 Nunito, sans-serif; color: #ffe7a3;
  background: linear-gradient(110deg, #102b43, #294e69); border: 1px solid #c5a15a; border-radius: 4px;
}
.eqc-veredito b { color: #fff; }
.eqc-nota { margin: 8px 0 0; font: 600 12px/1.4 Nunito, sans-serif; color: #6b5530; }
@media (max-width: 560px) {
  .eqc-corpo { padding: 8px 12px 16px; }
  .eqc-lados { grid-template-columns: 1fr 1fr; }
  .eqc-vs { display: none; }
  .eqc-img { width: 78px; height: 78px; }
  .eqc-tabela { font-size: 13px; }
  .eqc-tabela td, .eqc-tabela th { padding: 7px 4px; }
}