/* Combate PC 1280 — mockup web-assets/mockups/combate/pc_1280.css: cartas 156 px (5:7), selo ALVO / Crítico /
 * Cercado na linha do nome (fora da arte), inventário sob a carta, painel do Alvo com Vida/Ataque/Redução.
 * Mantém o histórico t307 (geometria fixa) e o dado único t318. JS: js/ui/combate-1280-ui.js. */
@media (min-width: 1024px) {
  html.combate-novo .tc-fila .tc-carta,
  html.combate-novo .tc-slot .tc-carta,
  html.combate-novo .tc-slot-heroi .tc-carta,
  html.combate-novo .efeito-cercado__carta .tc-carta {
    width: 156px !important; max-width: 156px; min-height: 0; aspect-ratio: 5 / 7; height: auto !important;
  }
  /* coluna do Alvo como no mockup (272 px com margem) */
  html.combate-novo .tc-arena { grid-template-columns: 1fr 256px; }
  /* trilho Ver/Hab./Status compacto (só ícones; o rótulo fica para leitores de tela) ao lado da carta, fora da arte */
  html.combate-novo .tela-combate-arena .tc-carta.carta--com-rail { margin-right: 32px; }
  html.combate-novo .tela-combate-arena .tc-carta > .carta-rail { width: 24px; margin-left: 3px; padding: 2px; gap: 3px; }
  html.combate-novo .tela-combate-arena .tc-carta > .carta-rail .carta-rail-btn { width: 24px; min-width: 0; height: 24px; padding: 0; }
  html.combate-novo .tela-combate-arena .tc-carta > .carta-rail .rail-visual { width: 24px; height: 22px; padding: 0; justify-content: center; }
  html.combate-novo .tela-combate-arena .tc-carta > .carta-rail .rail-label {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html.combate-novo .tela-combate-arena .tc-carta > .carta-rail .rail-hit { width: 24px; }
  html.combate-novo .tc-fila--inimigos, html.combate-novo .tc-fila--herois { gap: 10px; margin-left: 344px; }
  /* selo ALVO sai de cima da arte (o nó original continua no DOM, oculto) */
  html.combate-novo .tela-combate-arena .tc-carta .selo-alvo { display: none !important; }
  .tc-tag-fora {
    display: inline-block; margin-left: 5px; padding: 1px 5px; border-radius: 3px; vertical-align: middle;
    font-size: 8.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4; text-shadow: none;
  }
  .tc-tag-fora--alvo { width: 46px; height: 20px; padding: 0; color: transparent; font-size: 0;
    background: url("../../web-assets/ui/combate/selo_alvo.svg") center / contain no-repeat; }
  .tc-tag-fora--critico { background: #3a300c; color: #ffd75a; border: 1px solid #e8c84a; }
  .tc-tag-fora--cercado { background: #4a0c0c; color: #ffb3a8; border: 1px solid #c42030; }
  html.combate-novo .tc-nome-slot { display: flex; align-items: center; justify-content: center; gap: 2px; font-size: 10px; min-height: 20px; }
  /* Cercado: o texto vai para a etiqueta do nome; rostos só nas laterais, fora da carta */
  html.combate-novo .tela-combate-arena .efeito-cercado__selo { display: none; }
  html.combate-novo .tela-combate-arena .efeito-cercado { --cercado-rosto-size: 40px; --cercado-dist: 30px; }
  html.combate-novo .tela-combate-arena .efeito-cercado__rostos { inset: 0 calc(var(--cercado-dist) * -1.15); }
  html.combate-novo .tela-combate-arena .efeito-cercado__rosto { left: 50%; }
  html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(odd) { left: 0%; }
  html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(even) { left: 100%; }
  html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(1), html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(2) { top: 14%; }
  html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(3), html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(4) { top: 50%; }
  html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(5), html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(6) { top: 86%; }
  html.combate-novo .tela-combate-arena .efeito-cercado__rosto:nth-child(n+7) { display: none; }
  /* inventário (§23.13) sob o nome, não sobre a habilidade da carta */
  html.combate-novo .tc-slot-heroi .eq-personagem.tc-inv-fora { position: static; transform: none; flex-direction: row; margin-top: 1px; }
  html.combate-novo .tc-slot-heroi .eq-personagem.tc-inv-fora .eq-mini,
  html.combate-novo .tc-slot-heroi .eq-personagem.tc-inv-fora .eq-mini-art { width: 22px; height: 22px; min-width: 22px; min-height: 22px; border-radius: 4px; }
  /* Painel do Alvo: Vida / Ataque / Redução em 3 colunas; habilidade com título e o texto da carta */
  html.combate-novo #tc-destaque .tc-alvo-1280 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 6px 0; }
  html.combate-novo #tc-destaque .tc-alvo-1280 .tc-destaque__stat {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; text-align: center;
    padding: 5px 4px; border-radius: 8px; background: rgba(16,14,12,.85); border: 1px solid rgba(110,101,82,.6);
  }
  html.combate-novo #tc-destaque .tc-alvo-1280 .tc-destaque__stat span { font-size: 8.5px; letter-spacing: .06em; text-transform: uppercase; color: #a89878; }
  html.combate-novo #tc-destaque .tc-alvo-1280 .tc-destaque__stat strong { font-size: 17px; line-height: 1.1; color: #f0e6cc; }
  html.combate-novo #tc-destaque .tc-alvo-1280 .tc-destaque__stat--reducao strong { font-size: 12px; }
  html.combate-novo #tc-destaque .tc-destaque__hab--1280 { padding: 7px 9px; border-radius: 8px; background: rgba(16,14,12,.85); border: 1px solid rgba(201,162,39,.35); }
  html.combate-novo #tc-destaque .tc-hab__tit { margin: 0 0 3px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #c9a227; }
  html.combate-novo #tc-destaque .tc-hab__txt { margin: 0 0 4px; font-size: 11px; line-height: 1.35; color: #f0e6cc; }
  /* Resumo (mockup pc_1280_resumo): título centrado em caixa-alta, VITÓRIA/DERROTA em faixa */
  html.combate-novo .tc-resumo__corpo > h2 { text-align: center; text-transform: uppercase; letter-spacing: .08em; }
  html.combate-novo .tc-resumo__sub { text-align: center; }
  html.combate-novo .tc-resumo__resultado { border: 2px solid rgba(201,162,39,.7); border-radius: 8px; padding: 8px; text-align: center; letter-spacing: .12em; }
}