/* =====================================================================
   CHEFES DE GEMA — a aba na janela da Relíquia (02/11, SQL 2554)
   Quem desenha é src/ui/chefes-gema-ui.js. Sem brilho: a cor da gema
   aparece só na borda de cima do cartão e no nome.
   ===================================================================== */
.gema-panel{align-content:start}
.gema-topo{display:grid;gap:4px;padding:16px 20px 14px;border-bottom:1px solid #6b5426;background:linear-gradient(90deg,rgba(7,10,16,.94) 0%,rgba(7,10,16,.72) 60%,rgba(7,10,16,.5) 100%),url("../assets/backgrounds/relic_guardian_placeholder.webp") center/cover}
.gema-topo h3{margin:0;font-family:var(--font-display,Georgia,serif);font-size:calc(26px * var(--text-scale,1));line-height:1.1;color:#fff3d6}
.gema-topo p{margin:0;max-width:70ch;color:#d5deea;font-size:calc(13px * var(--text-scale,1));line-height:1.45}
.gema-lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 14px 8px}
.gema-card{--gema-cor:#6fdcff;display:grid;grid-template-rows:auto 1fr;min-width:0;border:1px solid #2b3a54;border-top:3px solid var(--gema-cor);border-radius:12px;background:#0f1724;overflow:hidden}
.gema-card.gema-esmeralda{--gema-cor:#2fbf71}
.gema-card.gema-rubi{--gema-cor:#e0485a}
.gema-card.gema-ametista{--gema-cor:#a066f0}
.gema-card.gema-ambar{--gema-cor:#f0902e}
.gema-arte{position:relative;height:132px;background:#0a1019;overflow:hidden}
.gema-arte img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);max-width:none;object-fit:contain}
.gema-card.bloqueada .gema-arte img{filter:grayscale(.9) brightness(.55)}
.gema-card.vencida .gema-arte img{opacity:.55}
.gema-info{display:grid;gap:6px;align-content:start;padding:8px 10px 10px;min-width:0}
.gema-info strong{color:var(--gema-cor);font-size:calc(14px * var(--text-scale,1));line-height:1.2;overflow-wrap:anywhere}
.gema-info small{color:#9aabc3;font-size:calc(11.5px * var(--text-scale,1));line-height:1.3}
.gema-premio{display:flex;flex-wrap:wrap;gap:4px 10px;min-width:0}
.gema-premio-item{display:inline-flex;align-items:center;gap:3px;color:#e6edf6;font-size:calc(12px * var(--text-scale,1));white-space:nowrap}
.gema-premio-item img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}
.gema-info button{width:100%;margin-top:2px;min-height:36px;padding:6px 8px;font-size:calc(12px * var(--text-scale,1));line-height:1.15;white-space:normal}
.gema-info button:disabled{opacity:.62;cursor:var(--cur-seta,default)}
.gema-nota{display:block;padding:0 16px 14px;color:#9aabc3;font-size:calc(12px * var(--text-scale,1));line-height:1.35}
@media (max-width:860px){.gema-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .gema-topo{padding:12px 14px 10px}
  .gema-topo h3{font-size:min(calc(21px * var(--text-scale,1)),24px)}
  .gema-topo p{font-size:min(calc(12px * var(--text-scale,1)),14px)}
  .gema-lista{gap:8px;padding:10px 8px 6px}
  .gema-arte{height:96px}
  .gema-arte img{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}
  .gema-info{padding:6px 7px 8px;gap:5px}
  .gema-info strong{font-size:min(calc(13px * var(--text-scale,1)),15px)}
  .gema-info small{font-size:min(calc(10.5px * var(--text-scale,1)),12.5px)}
  .gema-premio{gap:3px 7px}
  .gema-premio-item{font-size:min(calc(11px * var(--text-scale,1)),13px)}
  .gema-premio-item img{width:16px;height:16px}
  .gema-info button{font-size:min(calc(11px * var(--text-scale,1)),13px)}
}
/* 2560: "Tier da luta" — o jogador escolhe a dificuldade de cada chefe (o prêmio acompanha). */
.gema-tier{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;color:#c9d4e4;font-size:calc(12px * var(--text-scale,1))}
.gema-tier span{min-width:0;overflow-wrap:anywhere}
.gema-tier b{color:#fff3d6}
.gema-tier select{flex:0 0 auto;min-width:64px;min-height:30px;padding:2px 6px;border:1px solid #4a5d7c;border-radius:8px;background:#0a1019;color:#fff3d6;font:inherit;font-weight:700}
.gema-tier select:disabled{opacity:.6}
@media (max-width:700px){.gema-tier{font-size:min(calc(11px * var(--text-scale,1)),13px)}.gema-tier select{min-width:56px;min-height:28px}}