/* Blackview Tab 13 and similar 10" Android tablets
   Typical landscape CSS viewport ~960–1280 × ~600–800 (with browser chrome). */

html {
  height: 100%;
}

body {
  min-height: 100%;
  min-height: 100dvh;
}

/* Shorter chrome on landscape tablets so games get vertical space */
@media (orientation: landscape) and (max-height: 900px) {
  header {
    height: 7vh;
    height: 7dvh;
    min-height: 44px;
  }

  footer {
    height: 5vh;
    height: 5dvh;
    min-height: 32px;
  }

  footer p {
    font-size: 0.85rem;
  }

  main {
    height: 88vh;
    height: 88dvh;
  }

  header nav ul li {
    padding: 0 0.75rem;
  }

  header nav ul li a {
    font-size: 1.15rem;
  }
}

/* Tab-class widths (below the old 1400px “desktop only” jump) */
@media (min-width: 900px) and (max-width: 1399px) {
  header {
    height: 8vh;
    height: 8dvh;
  }

  footer {
    height: 6vh;
    height: 6dvh;
  }

  main {
    height: 86vh;
    height: 86dvh;
  }

  header nav ul li a {
    font-size: 1.35rem;
  }
}