/* ============================================================================
   JANELAS DOS MODOS EM "MENU GRANDE" NO PC (27/10, opção A do autor)
   ----------------------------------------------------------------------------
   As janelas dos modos abriam como uma caixa média (980 a 1180 px) com a altura
   do conteúdo, e só o miolo rolava. Agora, no PC, todas abrem do mesmo tamanho:
   quase a tela inteira, com 16 px do jogo aparecendo em volta, e altura fixa
   (não "pula" ao trocar de aba). No celular nada muda: lá já eram tela cheia.
   Vale para: PvP Hub (e o Gens dentro dele), Guerra dos Céus, Coliseu das Lendas,
   Labirinto, Santuário Real, Fenda, Torre dos Chefes e Caçadas.
   (O Labirinto é da conta 2: aqui só o tamanho da janela, nada do miolo dele.)
   Carregado depois dos .css de cada modo.
   ========================================================================== */
@media (min-width:761px) and (min-height:501px){
  .revez-janela.modal-card,.fenda-janela.modal-card,.torre-janela.modal-card,.lab-janela.modal-card,
  .sant-janela.modal-card,.lend-janela.modal-card,.cac-modal.modal-card,#colosseumModal .modal-card.pvp-b-card{
    width:min(1480px,calc(100vw - 32px))!important;max-width:none!important;
    height:calc(100vh - 32px)!important;height:calc(100dvh - 32px)!important;max-height:none!important}
  .modal-backdrop:has(>.revez-janela),.modal-backdrop:has(>.fenda-janela),.modal-backdrop:has(>.torre-janela),.modal-backdrop:has(>.lab-janela),
  .modal-backdrop:has(>.sant-janela),.modal-backdrop:has(>.lend-janela),
  .modal-backdrop:has(>.cac-modal),#colosseumModal.modal-backdrop{padding:16px!important}

  /* OS BONECOS NÃO CRESCEM: as arenas das lutas medem o tamanho do herói e do chefe pela LARGURA delas.
     Com a janela larga eles ficavam gigantes. Cada arena fica na largura que tinha na janela de antes,
     centralizada: herói, chefe e golpes saem do mesmo tamanho de hoje. */
  #revezBattleVisualizer{max-width:986px;margin-inline:auto}
  #fendaBattleVisualizer,#torreBattleVisualizer{max-width:946px;margin-inline:auto}
  #labirintoBattleVisualizer{max-width:1046px;margin-inline:auto}
  #santuarioBattleVisualizer,#lendasBattleVisualizer,.lend-palco{max-width:1006px;margin-inline:auto}

  /* Guerra dos Céus: o palco cresce com a largura (16:8,4) e, com a janela larga, empurrava os heróis e os
     botões para baixo. Agora ele fica do tamanho que cabe na altura da tela, centralizado: sem rolar. */
  .revez-janela .revez-palco{width:min(100%,max(520px,calc((100dvh - 290px) * 16 / 8.4)),986px);margin-inline:auto}
}
/* 03/11 (autor: "no PC tudo tem que caber sem rolar"): com a faixa dos números em cima (opção B), o palco vai
   para a esquerda, do tamanho que cabe na altura da janela, e a coluna da direita (pedidos que sobraram, amigos,
   Lutas do time, SAIR DO TIME) tem a altura do palco e rola sozinha (contain:size: ela não estica a linha). */
@media (min-width:1000px) and (min-height:501px){
  .revez-janela .revez-meu{display:grid;grid-template-columns:auto minmax(400px,1fr);gap:14px;align-items:stretch}
  .revez-janela .revez-meu>.revez-time{min-width:0}
  .revez-janela .revez-meu .revez-palco{width:min(calc(min(1480px,100vw - 32px) - 32px - 414px),max(380px,calc((100dvh - 316px) * 16 / 8.4)),1400px);margin-inline:0}
  .revez-janela .revez-corpo{flex:1 1 auto}
  .revez-janela .revez-corpo>.revez-rodape{margin-top:auto}
  .revez-janela .revez-lado{contain:size;overflow:auto;min-height:0;padding-right:2px}
  .revez-janela .revez-lado>.revez-time-pe{margin-top:auto}
}
