/* =====================================================================
   CARTÕES DA ARENA NO PC — selo que abre ao clicar (04/10, opção B do autor)
   Queixa de jogador: "essa caixa que mostra os monstros e os cenários no PC
   também estão enormes". Igual ao Android: no alto da arena fica só um selo
   com o nome da área (e o VOLTAR A AVANÇAR quando o farm está fixo) e outro
   com o nome e a vida do inimigo. Clicando, abre o cartão completo de sempre
   (classe col-pc-aberto, posta por src/ui/gaveta-area.js). Jogador novo começa
   com os dois abertos; a escolha de abrir/fechar fica salva (pedido do autor).
   Só PC (> 640 px): o celular segue com a gaveta (responsivo.css, seção 32).
   ===================================================================== */
@media (min-width:641px){
  /* --- Área: fechado = selo --- */
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto){width:auto!important;max-width:min(44%,330px)!important}
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto)>:not(.rail-collapse-toggle):not(.area-estandarte-fundo):not(.collapsible-panel-body){display:none!important}
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto) .rail-collapse-toggle{padding:7px 12px!important}
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto) .rail-toggle-copy small{display:none!important}
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto) .rail-toggle-copy strong{font-size:calc(15px * var(--text-scale,1))!important}
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto) .rail-toggle-copy em{font-size:calc(9.5px * var(--text-scale,1))!important}
  /* Fechado, do corpo só sobra o VOLTAR A AVANÇAR (quando existe). */
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto) .collapsible-panel-body{display:block!important;padding:0!important}
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto) :is(.battle-area-selector,.area-requirement-box,.area-farm-row,#stageBackButton,#stageFarmModeLabel){display:none!important}
  html body #monsterCard>.battle-zone-head.estandarte:not(.col-pc-aberto) #stageResumeButton{width:calc(100% - 24px);margin:0 12px 8px!important;min-height:26px!important;height:26px!important;font-size:calc(9.5px * var(--text-scale,1))!important}
  /* A setinha redonda que abre/fecha. */
  html body #monsterCard>.battle-zone-head.estandarte .rail-collapse-toggle{cursor:var(--cur-mao,pointer)!important}
  /* A setinha é desenhada (SVG), não letra: o ⌄/▾ da fonte ficava fora do centro (04/10). */
  html body #monsterCard>.battle-zone-head.estandarte .rail-toggle-chevron{display:block!important;align-self:center;flex:none;margin-left:10px;width:22px;height:22px;box-sizing:border-box;border:1px solid #8a6a2e;border-radius:50%;font-size:0!important;color:transparent!important;line-height:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.2 3.8 5 6.6 7.8 3.8' fill='none' stroke='%23f3d58a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;transition:transform .15s}
  html body #monsterCard>.battle-zone-head.estandarte.col-pc-aberto .rail-toggle-chevron{transform:rotate(180deg)}

  /* --- Inimigo: fechado = nome + vida --- */
  html body #arenaRightStack:not(.col-pc-aberto){width:min(36%,250px)!important}
  html body #arenaEnemyPanel{cursor:var(--cur-mao,pointer)}
  html body #arenaEnemyPanel:not(.col-pc-aberto){padding:6px 10px 7px!important;gap:2px!important}
  html body #arenaEnemyPanel:not(.col-pc-aberto)>:not(h3):not(#enemyHpInfo):not(#enemyHPBarTrack):not(.enemy-status-effects):not(.efx-ini):not(.golden-dragon-skills){display:none!important}
  /* Quadro de golpes do dourado (23/10, pedido do autor: "grande demais"): fechado é só a prévia,
     ícone + nome + tempo numa linha (nome comprido, texto 130% ou outra língua: quebra, não corta); a descrição de cada golpe aparece com o cartão aberto. */
  html body #arenaEnemyPanel:not(.col-pc-aberto)>.golden-dragon-skills{gap:2px!important;padding:3px 6px!important;margin-top:3px!important}
  html body #arenaEnemyPanel:not(.col-pc-aberto)>.golden-dragon-skills>div{align-items:center;padding:1px 2px!important;border:0!important}
  html body #arenaEnemyPanel:not(.col-pc-aberto)>.golden-dragon-skills small{display:none!important}
  html body #arenaEnemyPanel:not(.col-pc-aberto)>.golden-dragon-skills span{min-width:0;overflow-wrap:anywhere}
  html body #arenaEnemyPanel:not(.col-pc-aberto)>.golden-dragon-skills span .col-icone-img{width:18px;height:18px}
  html body #arenaEnemyPanel:not(.col-pc-aberto)>.golden-dragon-skills strong{white-space:nowrap;font-variant-numeric:tabular-nums}
  html body #arenaEnemyPanel:not(.col-pc-aberto)>h3{font-size:calc(13px * var(--text-scale,1))!important}
  html body #arenaEnemyPanel>h3::after{content:"";display:block;flex:none;width:18px;height:18px;box-sizing:border-box;margin-left:4px;border:1px solid #8a6a2e;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.2 3.8 5 6.6 7.8 3.8' fill='none' stroke='%23f3d58a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/62% no-repeat;transition:transform .15s}
  html body #arenaEnemyPanel.col-pc-aberto>h3::after{transform:rotate(180deg)}
}