/* ══════════════════════════════════════════════════════════════════
   AJUSTES DE TELA — deitado, PC e tablet (25/09, resto da auditoria: 2-deitado-tablet-pc.md).
   Só CSS, carregado POR ÚLTIMO no pacote de folhas: vence as regras de base sem mexer nelas.
   ══════════════════════════════════════════════════════════════════ */

/* M15 + M20 — alvo de toque ≥ 44px sem mudar o desenho (área invisível), no celular DEITADO e no tablet/PC com dedo.
   O em pé premium já tem o mesmo recurso em hud-retrato-premium/styles.css (::before nas pílulas). */
@media (pointer: coarse) {
  html:not([data-hud16='pe']) :is(.rkb__vortex, .mis__premio, .tela-cheia-slot > button, .dh__chat-enviar) {
    position: relative;
  }
  html:not([data-hud16='pe']) :is(.btf__pilula, .rkb__vortex, .mis__premio, .btf__pausa, .pocao-orb__auto, .dh__chat-enviar)::before,
  html:not([data-hud16='pe']) :is(.tela-cheia-slot > button, .btn-arte--miniplayer)::after {
    content: '';
    position: absolute;
    inset: -14px -6px; /* pílula de 16px → 44px de altura; os botões de 22–26px → ~50px */
  }
  html:not([data-hud16='pe']) .pocao-orb__auto::before {
    inset: -16px; /* o ⚡ tem 9–16px */
  }
}

/* M16 — o contador ∞ da orbe de poção chegava a 5px no deitado: piso de 8px. `html` na frente: o orbe-pocao injeta a
   própria folha DEPOIS do pacote (mesma regra, mesmo peso), e ela venceria. */
html:not([data-hud16='pe']) #pocao-orb-btn .pocao-orb__cont {
  font-size: max(8px, var(--pocao-fonte, 15px)) !important;
}

/* M18 — o aviso "+1 Baú de Nível" caía em cima das orbes de habilidade (canto de baixo à direita): fora do em pé,
   vai para o alto, no centro, onde não há botão. */
html:not([data-hud16='pe']) .marco-aviso {
  top: 64px;
  bottom: auto;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: fit-content;
}

/* M21 — o Chat/Drops ficava com 230px e letra de 11px em monitor grande: acompanha o tamanho da tela. */
@media (min-width: 1600px) and (min-height: 880px) {
  html:not([data-hud16='pe']) #drop-hist { zoom: 1.35; }
}
@media (min-width: 2200px) and (min-height: 1200px) {
  html:not([data-hud16='pe']) #drop-hist { zoom: 1.8; }
}

/* M22 — Herói: "Maestria & Ascensão" / "Resetar Atributos" ficavam cortados embaixo. O rodapé gruda no pé da coluna
   que rola: sempre inteiro na tela, e os atributos rolam por baixo dele. */
.pf2-rodape {
  position: sticky;
  bottom: 0;
  z-index: 2;
  padding-top: 6px;
  background: linear-gradient(180deg, transparent, var(--rpg-painel-b, #140c06) 35%);
}

/* L14 — Talentos em tela baixa/estreita: as abas ISEKAI/VIP ficavam no meio de uma faixa escura vazia; agora dividem
   a faixa inteira. */
@media (max-width: 860px), (max-height: 560px) {
  .tal-trilha__item {
    flex: 1 1 0;
    justify-content: center;
  }
}

/* L15/L17 — Raids: os cartões são centrados (teto de 1000px) e a legenda ficava encostada à esquerda, parecendo uma
   coluna vazia. A legenda acompanha o centro dos cartões. */
html[data-rpgw='raids'] .raids__header {
  text-align: center;
}

/* L16 — login no PC: o logo ampliado (scale 1.15) invadia o botão Entrar em telas de até ~800px de altura. */
@media (orientation: landscape) and (max-height: 820px) {
  .portal-logo--ajustado { transform: none; }
}