@media (hover: none) and (pointer: coarse) and (max-width: 1024px) and (orientation: landscape) {
  body[data-qse-route="/lobby"] nav.fixed.top-0,
  body[data-qse-route="/decks"] nav.fixed.top-0,
  body[data-qse-route="/profile"] nav.fixed.top-0,
  body[data-qse-route="/friends"] nav.fixed.top-0,
  body[data-qse-route="/avatar-store"] nav.fixed.top-0 {
    height: 3.25rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  body[data-qse-route="/lobby"] nav.fixed.top-0::-webkit-scrollbar,
  body[data-qse-route="/decks"] nav.fixed.top-0::-webkit-scrollbar,
  body[data-qse-route="/profile"] nav.fixed.top-0::-webkit-scrollbar,
  body[data-qse-route="/friends"] nav.fixed.top-0::-webkit-scrollbar,
  body[data-qse-route="/avatar-store"] nav.fixed.top-0::-webkit-scrollbar {
    display: none !important;
  }

  body[data-qse-route="/lobby"] nav.fixed.top-0 > div,
  body[data-qse-route="/decks"] nav.fixed.top-0 > div,
  body[data-qse-route="/profile"] nav.fixed.top-0 > div,
  body[data-qse-route="/friends"] nav.fixed.top-0 > div,
  body[data-qse-route="/avatar-store"] nav.fixed.top-0 > div {
    height: 3.25rem !important;
    min-width: max-content !important;
    max-width: none !important;
    padding-left: .28rem !important;
    padding-right: .28rem !important;
  }

  body[data-qse-route="/lobby"] nav.fixed.top-0 button,
  body[data-qse-route="/decks"] nav.fixed.top-0 button,
  body[data-qse-route="/profile"] nav.fixed.top-0 button,
  body[data-qse-route="/friends"] nav.fixed.top-0 button,
  body[data-qse-route="/avatar-store"] nav.fixed.top-0 button {
    height: 3.25rem !important;
    min-height: 0 !important;
    padding-left: .45rem !important;
    padding-right: .45rem !important;
    font-size: .52rem !important;
  }
}

@media (hover: none) and (pointer: coarse) and (max-width: 640px) and (orientation: portrait) {
  .qse-game-top-nav {
    height: calc(4rem + env(safe-area-inset-top)) !important;
    padding-top: env(safe-area-inset-top) !important;
    overflow: hidden !important;
  }

  .qse-game-top-nav-inner {
    height: 4rem !important;
    gap: .35rem !important;
    padding-left: .45rem !important;
    padding-right: .45rem !important;
  }

  .qse-game-top-nav-tabs {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    gap: .2rem !important;
    padding-right: .15rem !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity;
  }

  .qse-game-top-nav-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .qse-game-top-nav-home,
  .qse-game-top-nav-tab {
    height: 3.55rem !important;
    min-height: 3.55rem !important;
    border-radius: .85rem !important;
  }

  .qse-game-top-nav-home {
    min-width: 3.15rem !important;
    width: 3.15rem !important;
    margin-right: .15rem !important;
  }

  .qse-game-top-nav-tab {
    min-width: 3.85rem !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: .16rem !important;
    padding: .35rem .45rem !important;
    font-size: .56rem !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    scroll-snap-align: start;
  }

  .qse-game-top-nav-tab svg {
    width: 1.08rem !important;
    height: 1.08rem !important;
  }

  .qse-game-top-nav-user {
    gap: .25rem !important;
  }

  .qse-game-top-nav-user > .hidden,
  .qse-game-top-nav-user > span,
  .qse-game-top-nav-profile > span:last-child {
    display: none !important;
  }

  .qse-game-top-nav-profile {
    height: 3.15rem !important;
    width: 3.15rem !important;
    min-width: 3.15rem !important;
    justify-content: center !important;
    border-radius: .9rem !important;
    padding: .28rem !important;
  }

  .qse-game-top-nav-profile > span:first-child {
    height: 2.35rem !important;
    width: 2.35rem !important;
    border-radius: .7rem !important;
  }
}