/* JOGO EM EQUIPE (15/11/2026): poção no companheiro + alvo do vilão no herói. Arquivo novo; nada daqui mexe no style.css.
   Cantos no formato da Opção C (raio ~12 px); toques de 44 px ou mais. */
/* cinto de poções: sinalzinho "dá para dar ao amigo" (duas pessoas, discreto, no canto) */
.cinto .it .eq-duo { position: absolute; right: -4px; top: -5px; z-index: 3; width: 18px; height: 18px; display: grid; place-items: center; font-style: normal; font-size: 10px; line-height: 1;
  border-radius: 6px; background: #0d0718; border: 1.5px solid #9be070; box-shadow: 0 1px 4px #000a; pointer-events: none; }
.cinto-ficha .usar { min-height: 44px; min-width: 64px; border-radius: 12px; }
.cinto-ficha .fx { min-width: 44px; min-height: 44px; }
/* heróis acesos esperando "Quem vai tomar?": a caixa pontilhada do jogo (style.css) fica, aqui só o brilho */
body.mirandoPocao .alvo.heroi { border-radius: 12px; box-shadow: 0 0 18px #9be07099; }
body.mirandoPocao .painel.heroi { cursor: pointer; outline: 2px dashed #9be070; outline-offset: 2px; border-radius: 12px; }
/* camada do jogo em equipe (mira, selo e botões dos caídos) */
#eqAlvos { position: absolute; inset: 0; pointer-events: none; z-index: 3; }
#eqAlvos.oculta .eq-mira, #eqAlvos.oculta .eq-selo, #eqAlvos.oculta .eq-prox { display: none; }
body.em-cinema #eqAlvos { display: none; }
/* botão em cima de cada herói caído (poção de levantar com 2 ou mais caídos) */
.eq-caido { position: absolute; transform: translate(-50%, -50%); pointer-events: auto; min-width: 72px; min-height: 48px; padding: 4px 10px; border-radius: 12px; display: grid; gap: 0; place-items: center; cursor: pointer;
  background: #0d0718ee; color: #fff; border: 2px solid #9be070; box-shadow: 0 0 16px #9be07099; animation: eqPulsa 1s ease-in-out infinite alternate; }
.eq-caido b { font: 400 14px/1.1 'Anton', sans-serif; letter-spacing: .3px; } .eq-caido small { font-weight: 900; font-size: 11px; color: #9be070; }
/* alvo do vilão: mira vermelha no chão + selo em cima da plaquinha */
.eq-mira { position: absolute; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none; z-index: 1;
  border: 3px solid #ff3a2a; background: radial-gradient(ellipse at center, #ff3a2a00 38%, #ff3a2a55 100%); box-shadow: 0 0 14px #ff3a2aaa, inset 0 0 10px #ff3a2a88; }
.eq-mira::before, .eq-mira::after { content: ''; position: absolute; background: #ff3a2a; opacity: .85; }
.eq-mira::before { left: 50%; top: -22%; bottom: -22%; width: 2px; translate: -50% 0; }
.eq-mira::after { top: 50%; left: -10%; right: -10%; height: 2px; translate: 0 -50%; }
.eq-mira.cai { border-color: #ff1a1a; box-shadow: 0 0 20px #ff1a1add, inset 0 0 14px #ff1a1aaa; }
.eq-selo { position: absolute; transform: translate(-50%, -100%); pointer-events: none; z-index: 4; white-space: nowrap;
  padding: 2px 9px; border-radius: 12px; background: #4a0b1eee; color: #fff; border: 2px solid #ff3a2a; box-shadow: 0 3px 10px #000a;
  font: 400 15px/1.15 'Anton', sans-serif; letter-spacing: .5px; text-shadow: 0 1px 2px #000; }
.eq-selo.cai { background: #c81e1e; border-color: #fff; font-size: 14px; animation: eqPulsa .6s ease-in-out infinite alternate; }
.eq-selo.parado, .eq-selo.parado.cai, .eq-caido.parado { animation: none; }
@keyframes eqPulsa { from { filter: brightness(1); scale: 1; } to { filter: brightness(1.35); scale: 1.08; } }
@media (prefers-reduced-motion: reduce) { .eq-selo.cai, .eq-caido { animation: none; } }
@media (max-height: 520px) { .eq-selo { font-size: 13px; padding: 1px 7px; } .eq-selo.cai { font-size: 12px; } .eq-caido { min-height: 44px; } }

/* PRÓXIMA RODADA: golpe forte de elite/chefão avisado antes (amarelo, para não confundir com o selo vermelho da rodada de agora) */
.eq-prox { position: absolute; transform: translate(-50%, 0); pointer-events: none; z-index: 4; white-space: nowrap; padding: 2px 9px; border-radius: 12px;
  background: #3a2604ee; color: #ffd15a; border: 2px solid #ffb020; box-shadow: 0 3px 10px #000a; font: 400 13px/1.15 'Anton', sans-serif; letter-spacing: .5px; text-shadow: 0 1px 2px #000; }
.eq-prox.heroi { font-size: 12px; }
/* balão do pedido rápido em cima do herói */
.eq-balao { position: absolute; transform: translate(-50%, -100%); pointer-events: none; z-index: 5; white-space: nowrap; padding: 3px 12px; border-radius: 12px;
  background: #fff; color: #1b1030; border: 2px solid #9be070; box-shadow: 0 4px 12px #000a; font: 400 16px/1.2 'Anton', sans-serif; letter-spacing: .4px; animation: eqBalao .25s ease-out; }
.eq-balao::after { content: ''; position: absolute; left: 50%; bottom: -9px; width: 12px; height: 12px; background: #fff; border-right: 2px solid #9be070; border-bottom: 2px solid #9be070; transform: translateX(-50%) rotate(45deg); }
.eq-balao.parado { animation: none; }
@keyframes eqBalao { from { opacity: 0; translate: 0 6px; } to { opacity: 1; translate: 0 0; } }
/* botões de pedido rápido (só em grupo): Opção C (cantos 12 px), toque de 44 px ou mais */
#eqPedidos { position: absolute; left: 150px; bottom: 56px; z-index: 5; display: flex; flex-direction: column; gap: 8px; pointer-events: none; }
body.em-cinema #eqPedidos { display: none; }
.eq-pedido { pointer-events: auto; min-height: 44px; min-width: 44px; padding: 4px 12px; border-radius: 12px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  background: #0d0718ee; color: #fff; border: 2px solid #9be070; box-shadow: 0 3px 10px #000a; font: 400 14px/1.1 'Anton', sans-serif; letter-spacing: .3px; }
.eq-pedido i { font-style: normal; font-size: 18px; } .eq-pedido:active { filter: brightness(1.3); }
@media (max-height: 520px) { #eqPedidos { left: 112px; bottom: 6px; gap: 6px; flex-direction: row; } .eq-pedido span { display: none; } .eq-pedido { padding: 4px 8px; } .eq-prox { font-size: 11px; padding: 1px 7px; } .eq-balao { font-size: 14px; } }