/* =====================================================================
   SETS DE EQUIPAMENTO (11/10, sugestão do jogador Gui; o autor seguiu os
   recomendados). A faixa "SETS SALVOS" mora no cartão Equipamentos (entre o
   cabeçalho e os 7 espaços) e o atalho "SET 1 2 3" ao lado da MOCHILA.
   Mesmo acabamento do Equipamentos B (styles/equipamentos-b.css). O cadeado e
   o lápis são desenhados em CSS (nada de emoji no lugar de arte).
   ===================================================================== */
#gameShell .eqs-barra{display:grid;gap:6px;min-width:0}
#gameShell .eqs-barra:empty{display:none}
#gameShell .eqs-linha{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
#gameShell .eqs-rotulo{flex:0 0 auto;font-size:calc(10px * var(--text-scale,1));letter-spacing:.16em;font-weight:800;color:var(--eqb-texto-2,#b8a984);white-space:nowrap}
#gameShell .eqs-sets{flex:1 1 220px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
#gameShell .eqs-set{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:34px;padding:4px 8px;border-radius:10px;cursor:var(--cur-mao,pointer);
  border:1px solid var(--eqb-linha,#3d311a);background:#14100a;color:var(--eqb-texto,#f1e2b8);box-shadow:none;
  font-size:calc(11px * var(--text-scale,1));font-weight:800;letter-spacing:.03em;line-height:1.15}
#gameShell .eqs-set .eqs-nome{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 25/10: set salvo com pet mostra o rostinho do pet antes do nome. */
#gameShell .eqs-set .eqs-pet{flex:0 0 auto;width:calc(20px * var(--text-scale,1));height:calc(20px * var(--text-scale,1));object-fit:contain;border-radius:50%;background:rgba(0,0,0,.35);filter:drop-shadow(0 0 3px rgba(243,207,122,.35))}
#gameShell .eqs-set:hover:not(:disabled){filter:brightness(1.15)}
#gameShell .eqs-set:focus-visible,#gameShell .eqs-salvar:focus-visible,#gameShell .eqs-editar:focus-visible,#gameShell .eqs-mini:focus-visible{outline:2px solid var(--eqb-ouro,#f3cf7a);outline-offset:2px}
#gameShell .eqs-set.on{border-color:var(--eqb-ouro-2,#b8913f);background:linear-gradient(180deg,#3a2b12,#21180b);color:var(--eqb-ouro,#f3cf7a);box-shadow:0 0 10px rgba(243,207,122,.22)}
#gameShell .eqs-set.vazio:not(.on){color:var(--eqb-texto-2,#b8a984);border-style:dashed}
#gameShell .eqs-set.tranca{color:var(--eqb-texto-2,#b8a984);background:#0d0a06;flex-wrap:wrap;row-gap:2px}
#gameShell .eqs-set:disabled{cursor:var(--cur-seta,default);opacity:.55}
#gameShell .eqs-preco{display:inline-flex;align-items:center;gap:3px;min-width:0;font-weight:900;color:#e6cf93;white-space:nowrap}
#gameShell .eqs-preco img{width:calc(14px * var(--text-scale,1));height:calc(14px * var(--text-scale,1));object-fit:contain;flex:0 0 auto}
#gameShell .eqs-preco b{font-size:calc(10px * var(--text-scale,1))}
#gameShell .eqs-acoes{flex:0 0 auto;display:flex;gap:6px;margin-left:auto}
#gameShell .eqs-salvar{min-height:34px;padding:4px 12px;border-radius:10px;cursor:var(--cur-mao,pointer);border:1px solid var(--eqb-ouro-escuro,#6b5426);background:#1c1710;color:var(--eqb-ouro,#f3cf7a);
  font-size:calc(10.5px * var(--text-scale,1));font-weight:900;letter-spacing:.08em;white-space:nowrap}
#gameShell .eqs-salvar:hover,#gameShell .eqs-editar:hover{filter:brightness(1.15)}
#gameShell .eqs-editar{display:grid;place-items:center;width:34px;min-height:34px;padding:0;border-radius:10px;cursor:var(--cur-mao,pointer);border:1px solid var(--eqb-linha,#3d311a);background:#14100a}
/* lápis em CSS: haste + ponta */
#gameShell .eqs-lapis{position:relative;display:block;width:14px;height:4px;border-radius:1px;background:#e6cf93;transform:rotate(-45deg)}
#gameShell .eqs-lapis::after{content:"";position:absolute;left:-5px;top:0;border-style:solid;border-width:2px 5px 2px 0;border-color:transparent #e6cf93 transparent transparent}
/* cadeado em CSS: corpo + alça */
#gameShell .eqs-cad{position:relative;display:inline-block;flex:0 0 auto;width:10px;height:8px;margin-top:5px;border-radius:2px;background:#d9b45a}
#gameShell .eqs-cad::before{content:"";position:absolute;left:2px;top:-5px;width:6px;height:6px;border:2px solid #d9b45a;border-bottom:0;border-radius:5px 5px 0 0;box-sizing:border-box}
#gameShell .eqs-falta{display:flex;flex-wrap:wrap;gap:4px 10px;padding:6px 10px;border-radius:8px;border:1px solid #5a2320;background:#1d0d0b;color:#ff8f86;font-size:calc(10.5px * var(--text-scale,1));font-weight:700;min-width:0}
#gameShell .eqs-falta-item{min-width:0;overflow-wrap:anywhere}
#gameShell .eqs-espera{font-size:calc(10px * var(--text-scale,1));color:var(--eqb-texto-2,#b8a984);font-weight:700}

/* atalho ao lado da MOCHILA: "SET [1] [2] [3]" */
.battle-left-rail .hero-actions .eqs-atalho{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:2px 4px;border-radius:var(--radius-sm,8px);
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);overflow:visible;white-space:nowrap}
.battle-left-rail .hero-actions .eqs-atalho:empty{display:none}
/* 19/10 (print do autor, PC com texto 130%): com a caixa estreita o conteúdo centralizado vazava pelos dois lados
   e o "SET" passava da borda. Agora os botões encolhem (até 18px) e, se nem assim couber, o rótulo some. */
.battle-left-rail .hero-actions .eqs-atalho{justify-content:safe center;gap:3px;padding:2px 3px;container-type:inline-size}
.battle-left-rail .hero-actions .eqs-atalho .eqs-atalho-rotulo{flex:0 0 auto;letter-spacing:.04em;margin-right:1px}
.battle-left-rail .hero-actions .eqs-atalho .eqs-mini{flex:0 1 calc(24px * var(--text-scale,1));width:auto;min-width:18px}
@container (max-width: 112px){.battle-left-rail .hero-actions .eqs-atalho .eqs-atalho-rotulo{display:none}}
.eqs-atalho-rotulo{font-size:calc(9.5px * var(--text-scale,1));font-weight:800;letter-spacing:.08em;color:#cfd4de;margin-right:2px}
.eqs-mini{display:grid;place-items:center;width:calc(24px * var(--text-scale,1));height:calc(24px * var(--text-scale,1));padding:0;border-radius:6px;cursor:var(--cur-mao,pointer);
  border:1px solid #3d311a;background:#14100a;color:#f1e2b8;font-size:calc(11px * var(--text-scale,1));font-weight:900;line-height:1;flex:0 0 auto}
.eqs-mini.on{border-color:#b8913f;background:linear-gradient(180deg,#3a2b12,#21180b);color:#f3cf7a}
.eqs-mini.tranca{background:#0d0a06}
.eqs-mini:disabled{cursor:var(--cur-seta,default);opacity:.55}
.eqs-mini .eqs-cad{position:relative;display:inline-block;width:9px;height:7px;margin-top:4px;border-radius:2px;background:#d9b45a}
.eqs-mini .eqs-cad::before{content:"";position:absolute;left:1.5px;top:-5px;width:6px;height:6px;border:2px solid #d9b45a;border-bottom:0;border-radius:5px 5px 0 0;box-sizing:border-box}

@media (max-width:520px){
  #gameShell .eqs-rotulo{flex-basis:100%}
  #gameShell .eqs-sets{flex-basis:100%}
  #gameShell .eqs-acoes{margin-left:0;width:100%}
  #gameShell .eqs-salvar{flex:1 1 auto}
}

/* 22/10 (pedido do autor): a faixa desceu para o fim do quadro e o set trancado é só um cadeado (o preço
   aparece no clique). Os sets liberados dividem o espaço; os trancados ficam quadradinhos no fim. */
#gameShell .eqb-card .eqs-barra{padding-top:8px;border-top:1px solid var(--eqb-linha,#3d311a)}
#gameShell .eqs-sets{display:flex;gap:6px}
#gameShell .eqs-sets .eqs-set{flex:1 1 0}
#gameShell .eqs-sets .eqs-set.tranca{flex:0 0 calc(34px * var(--text-scale,1));padding:0;opacity:.6;border-style:dashed}
#gameShell .eqs-sets .eqs-set.tranca.proxima{opacity:1}
#gameShell .eqs-sets .eqs-set.tranca .eqs-cad{margin-top:4px}