/* telas estreitas (320–350 px) e baixas (celular pequeno com a barra do navegador): aperta a casa sem sobrepor nada */
@media (max-width: 350px) {
  .fab {
    width: 70px;
    height: 68px;
    font-size: 10.5px;
  }
  .fab svg {
    width: 26px;
    height: 26px;
  }
  .fab.l {
    left: 8px;
  }
  .fab.r {
    right: 8px;
  }
  .fab.up {
    bottom: calc(188px + var(--sab));
  }
  .graves {
    left: 8px;
    width: 70px;
    gap: 2px 0;
    bottom: calc(262px + var(--sab));
  }
  .seg button {
    padding: 8px 2px;
    font-size: 12.5px;
  }
  .hint {
    left: 90px;
    right: 90px;
  }
  .nav button {
    padding: 8px 14px 6px;
  }
  .topbar {
    margin-inline: 8px;
  }
  .wep {
    font-size: 10px;
  }
  .it svg {
    width: 68px;
    height: 68px;
  }
  .chipc {
    font-size: 14px;
    padding-right: 8px;
  }
}
@media (max-height: 600px) {
  .stage {
    min-height: 70px;
  }
  .fight {
    margin-top: 6px;
  }
  .wep {
    font-size: 0;
    gap: 0;
    padding: 5px 2px;
  }
  .wep svg {
    width: 26px;
    height: 26px;
  }
}
@media (max-height: 500px) {
  .hint {
    display: none;
  }
  .fight {
    margin-top: 5px;
  }
  .graves {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}