/* zamn-mobile.css — mobile/touch polish (mobile QA 2026-10-13). Scoped to touch/narrow screens. */
@media (pointer: coarse) {
  /* Dashboard footer: keyboard keycaps mean nothing on a phone; keep one row of labels. */
  ._footer_157tm_760 ._keycap_157tm_1379 { display: none !important; }
  ._footer_157tm_760 { flex-wrap: nowrap; justify-content: space-around; gap: 4px; }
  ._footer_157tm_760 button { min-height: 44px; min-width: 44px; padding: 0 6px; white-space: nowrap; }
  /* Hide the dashboard footer while the Friends guide is open (it showed through under the guide's own footer). */
  body:has(.gfx-box) ._footer_157tm_760 { visibility: hidden; }
  /* Tiles: Pin button was 33px wide. */
  ._pin_157tm_228 { min-width: 44px; min-height: 44px; }
  /* Game menus: keyboard key hints (Enter / Esc) are meaningless on touch. */
  ._key_t1xch_174 { display: none !important; }
  /* Leaderboards: tabs were ~24px tall. */
  ._tab_6rf5v_62, ._tabOn_6rf5v_63 { min-height: 44px; }
}
@media (max-width: 900px) {
  /* Nav pills: one swipeable row instead of two wrapped rows (frees ~70px on phones). */
  ._nav_157tm_113 { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none;
    padding-left: max(12px, env(safe-area-inset-left)) !important; padding-right: max(12px, env(safe-area-inset-right)) !important; }
  ._nav_157tm_113::-webkit-scrollbar { display: none; }
  ._nav_157tm_113 > button { flex: none; min-height: 44px; }
  ._body_157tm_158 { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
  /* Settings notes were grey-on-green (and one at 70% opacity): unreadable. */
  ._note_157tm_440 { color: var(--dash-ink) !important; opacity: .9 !important; }
  /* Sign-up / sign-in fields were 34px tall. */
  ._screen_157tm_1 input:not([type=checkbox]):not([type=radio]), ._screen_157tm_1 select { min-height: 44px; }
  /* Leaderboards: 11px header with wide tracking ran RANK into GAMERTAG. */
  ._head_6rf5v_27 { font-size: 12px !important; letter-spacing: .04em !important; }
  ._head_6rf5v_27, ._row_6rf5v_96, ._you_6rf5v_97 { grid-template-columns: 40px minmax(0,1fr) 64px 48px !important; }
  ._live_6rf5v_19 { font-size: 12px; }
  ._board_6rf5v_1 { padding-top: max(20px, env(safe-area-inset-top)); padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
}
@media (max-width: 500px) {
  ._clock_157tm_121 { display: none; } /* the phone already shows the time */
  /* Friends guide: the active tab label was clipped ("Friends (0 Onlin"). */
  .gfx-tab.on { flex-grow: 3.4 !important; font-size: 13px !important; padding-left: 4px !important; padding-right: 4px !important; gap: 4px !important; min-width: 0; }
  .gfx-tab.on .tx { overflow: hidden; text-overflow: ellipsis; }
}
/* Messenger full-screen on phones: keep the header clear of the notch / home bar. */
@media (max-width: 720px) {
  #zim { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; }
}
/* In-game HUD, landscape phones: name/health card sat under CROUCH/USE and the
   equipment counters under SPRINT/LETHAL/TAC. Lift them above the touch controls. */
@media (pointer: coarse) and (max-height: 500px) {
  body:has(.tctl) ._bottomLeft_ovi1k_40 { bottom: calc(158px + env(safe-area-inset-bottom)) !important; left: calc(max(12px, env(safe-area-inset-left)) + 132px) !important; }
  body:has(.tctl) ._bottomRight_ovi1k_54 { bottom: calc(178px + env(safe-area-inset-bottom)) !important; }
}
@media (pointer: coarse) {
  /* Friends guide footer: hide keyboard keycaps on touch. */
  .gfx-foot .gfx-kc { display: none !important; }
}
/* Landscape phones: the dashboard body was ~100px tall; trim nav/footer chrome. */
@media (pointer: coarse) and (max-height: 500px) {
  ._nav_157tm_113 { padding-top: max(4px, env(safe-area-inset-top)) !important; padding-bottom: 4px !important; }
  ._footer_157tm_760 { margin-bottom: max(4px, env(safe-area-inset-bottom)) !important; padding-top: 0 !important; padding-bottom: 0 !important; }
}
