/* ================================================================
   LEGEND TOWN — MOBILE FINAL PASS (V20)
   IMPORTANT: this file intentionally does NOT style or modify the
   card game. Game JS/CSS/markup are left untouched.
   ================================================================ */

@media (max-width: 1023px) {
  /* ---- global mobile viewport / dashboard shell ---- */
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
  }

  body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #lt-dashboard-sidebar {
    display: none !important;
  }

  #lt-global-header.lt-new-header {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #lt-global-header .lt-new-header-inner {
    width: 100% !important;
    height: 66px !important;
    min-height: 66px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    gap: 6px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  /* Arabic: brand right, controls left. English: brand left, controls right. */
  html[lang="ar"] #lt-global-header .lt-new-header-inner {
    direction: rtl !important;
  }
  html[lang="en"] #lt-global-header .lt-new-header-inner {
    direction: ltr !important;
  }

  #lt-global-header .lt-new-brand {
    order: 1 !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 48vw !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  #lt-global-header .lt-new-brand img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
  }

  #lt-global-header .lt-new-brand-text {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #lt-global-header .lt-new-brand-text strong {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(12px, 3.7vw, 15px) !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #lt-global-header .lt-new-brand-text small {
    display: block !important;
    margin-top: 3px !important;
    font-size: 5.5px !important;
    letter-spacing: .28em !important;
    white-space: nowrap !important;
  }

  #lt-global-header .lt-new-actions {
    order: 2 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  html[lang="ar"] #lt-global-header .lt-new-actions {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
  }
  html[lang="en"] #lt-global-header .lt-new-actions {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
  }

  #lt-global-header .lt-new-mobile,
  #lt-global-header #lt-game-launch,
  #lt-global-header .lt-new-store,
  #lt-global-header .lt-new-lang {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 auto !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    box-sizing: border-box !important;
  }

  #lt-global-header .lt-new-mobile {
    display: flex !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  #lt-global-header .lt-new-mobile span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
  }

  #lt-global-header #lt-game-launch {
    display: inline-flex !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  #lt-global-header #lt-game-launch .lt-game-launch-label {
    display: none !important;
  }

  #lt-global-header .lt-new-store {
    display: inline-flex !important;
    width: 68px !important;
    min-width: 68px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 7px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  #lt-global-header .lt-new-lang {
    display: inline-flex !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  /* Keep all page content below the fixed header. */
  body > main {
    margin-top: 66px !important;
    padding-top: 0 !important;
  }

  main {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Make generic content fit the phone instead of overflowing horizontally. */
  .lt-dashboard-content,
  .lt-staff-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Staff controls must be directly tappable. */
  .lt-staff-depts,
  .lt-staff-filters {
    position: relative !important;
    z-index: 20 !important;
    pointer-events: auto !important;
    touch-action: pan-x manipulation !important;
  }

  .lt-staff-depts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .lt-staff-dept,
  .lt-staff-toggle,
  .lt-staff-expand,
  .lt-staff-btn,
  .lt-staff-refresh,
  .lt-staff-nav-btn {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .lt-staff-toggle,
  .lt-staff-expand,
  .lt-staff-btn,
  .lt-staff-refresh,
  .lt-staff-nav-btn {
    min-height: 42px !important;
  }

  .lt-staff-filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 7px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 2px 8px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .lt-staff-filters::-webkit-scrollbar {
    display: none !important;
  }

  .lt-staff-filters button {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    min-width: max-content !important;
    padding: 9px 13px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }

  .lt-staff-app footer {
    gap: 7px !important;
  }

  .lt-staff-reason {
    min-height: 42px !important;
  }

  /* Dashboard/player cards: prevent accidental horizontal overflow. */
  .lt-dashboard-panel,
  .lt-staff-panel,
  .lt-staff-block,
  .lt-staff-app {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Small phones: preserve usable tap sizes without crushing the logo. */
@media (max-width: 390px) {
  #lt-global-header .lt-new-header-inner {
    padding: 0 6px !important;
    gap: 4px !important;
  }

  #lt-global-header .lt-new-brand {
    max-width: 40vw !important;
    gap: 5px !important;
  }

  #lt-global-header .lt-new-brand img {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;
  }

  #lt-global-header .lt-new-brand-text strong {
    font-size: 12px !important;
    letter-spacing: .035em !important;
  }

  #lt-global-header .lt-new-mobile,
  #lt-global-header #lt-game-launch {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  #lt-global-header .lt-new-store {
    width: 62px !important;
    min-width: 62px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 9px !important;
  }

  #lt-global-header .lt-new-lang {
    width: 50px !important;
    min-width: 50px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 9px !important;
  }

  body > main {
    margin-top: 64px !important;
  }
}

/* Very small screens: prioritize the hamburger and language control. */
@media (max-width: 340px) {
  #lt-global-header .lt-new-brand-text {
    display: none !important;
  }

  #lt-global-header .lt-new-brand {
    max-width: 34px !important;
  }

  #lt-global-header .lt-new-brand img {
    width: 32px !important;
    height: 32px !important;
  }
}


/* ================================================================
   V21 MOBILE FINAL — LAYOUT / TOUCH / COUNTDOWN ONLY
   GAME SAFETY: NO GAME JS/CSS/ASSETS ARE MODIFIED HERE.
   ================================================================ */

@media (max-width: 1023px) {
  /* Never let the page create a hidden horizontal layout offset. */
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  body > main,
  main,
  .lt-staff-wrap,
  .lt-staff-root,
  #lt-staff-root {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* Staff center: full phone width, no desktop/sidebar offset. */
  .lt-staff-wrap {
    padding: 82px 10px 36px !important;
    overflow: visible !important;
  }

  .lt-staff-dashboard {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .lt-staff-side {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    z-index: 30 !important;
  }

  .lt-staff-side-nav {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    padding: 8px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    pointer-events: auto !important;
  }

  .lt-staff-side-nav::-webkit-scrollbar {
    display: none !important;
  }

  .lt-staff-nav-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 118px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  .lt-staff-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    overflow: visible !important;
  }

  .lt-staff-main-head,
  .lt-staff-block,
  .lt-staff-panel,
  .lt-staff-stats {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Application category filters: real mobile touch targets. */
  .lt-staff-filters {
    position: relative !important;
    z-index: 100 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 7px !important;
    padding: 5px 2px 10px !important;
    margin: 0 0 12px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    pointer-events: auto !important;
  }

  .lt-staff-filters::-webkit-scrollbar {
    display: none !important;
  }

  .lt-staff-filters button {
    position: relative !important;
    z-index: 101 !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: pointer !important;
  }

  .lt-staff-depts,
  .lt-staff-dept,
  .lt-staff-toggle,
  .lt-staff-expand,
  .lt-staff-btn,
  .lt-staff-refresh,
  .lt-staff-reason {
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  /* Prevent transparent decorative layers from eating taps. */
  .lt-staff-main::before,
  .lt-staff-main::after,
  .lt-staff-block::before,
  .lt-staff-block::after,
  .lt-staff-filters::before,
  .lt-staff-filters::after {
    pointer-events: none !important;
  }

  /* Countdown: numbers only — absolutely no surrounding boxes/corners. */
  .lt-cd-box,
  .lt-cd-box::before,
  .lt-cd-box::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .lt-cd-box {
    padding: 0 !important;
    overflow: visible !important;
  }

  #lt-countdown {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .lt-cd-seg,
  .lt-cd-num,
  .lt-cd-sep {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* Compact, centered mobile header: no cropped logo/text. */
  #lt-global-header .lt-new-header-inner {
    width: 100% !important;
    max-width: none !important;
    padding: 0 7px !important;
    gap: 4px !important;
  }

  #lt-global-header .lt-new-brand {
    max-width: 145px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  #lt-global-header .lt-new-brand-text {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #lt-global-header .lt-new-brand-text strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #lt-global-header .lt-new-actions {
    flex: 0 0 auto !important;
    gap: 4px !important;
  }

  #lt-global-header .lt-new-lang {
    width: 50px !important;
    min-width: 50px !important;
  }

  #lt-global-header .lt-new-store {
    width: 60px !important;
    min-width: 60px !important;
  }

  #lt-global-header #lt-game-launch,
  #lt-global-header .lt-new-mobile {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
}

@media (max-width: 420px) {
  #lt-global-header .lt-new-brand {
    max-width: 132px !important;
  }

  #lt-global-header .lt-new-brand-text strong {
    font-size: 12px !important;
  }

  #lt-global-header .lt-new-brand-text small {
    font-size: 5px !important;
  }

  #lt-global-header .lt-new-lang {
    width: 48px !important;
    min-width: 48px !important;
  }

  #lt-global-header .lt-new-store {
    width: 56px !important;
    min-width: 56px !important;
  }

  #lt-global-header #lt-game-launch,
  #lt-global-header .lt-new-mobile {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  .lt-staff-wrap {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* ================================================================
   V21.1 FINAL MOBILE HOTFIX
   - one reliable hamburger tap target
   - no countdown boxes/corner decorations at ANY viewport
   - prevent mobile horizontal page drift
   ================================================================ */

/* Countdown is intentionally plain text/numbers. Kill every visual
   treatment, including the older global corner-bracket rules. */
#lt-countdown,
#lt-countdown *,
.lt-cd-box,
.lt-cd-box::before,
.lt-cd-box::after,
.lt-cd-seg,
.lt-cd-seg::before,
.lt-cd-seg::after,
.lt-cd-num,
.lt-cd-num::before,
.lt-cd-num::after,
.lt-cd-sep,
.lt-cd-sep::before,
.lt-cd-sep::after {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  background-image: none !important;
}

.lt-cd-box,
.lt-cd-seg,
.lt-cd-num,
.lt-cd-sep {
  position: static !important;
  overflow: visible !important;
}

/* Never allow the countdown wrapper to paint the old angular panel. */
.lt-cd-box::before,
.lt-cd-box::after,
.lt-cd-seg::before,
.lt-cd-seg::after,
.lt-cd-num::before,
.lt-cd-num::after,
.lt-cd-sep::before,
.lt-cd-sep::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1023px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #lt-global-header,
  #lt-global-header .lt-new-header-inner,
  #lt-global-header .lt-new-actions {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* The hamburger is always the topmost interactive header control. */
  #lt-global-header #mobile-menu-btn,
  #lt-global-header .lt-new-mobile,
  #lt-global-header .ltm-btn {
    position: relative !important;
    z-index: 13010 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
  }

  /* Don't let the logo/text occupy the hamburger's hit area. */
  #lt-global-header .lt-new-brand {
    pointer-events: auto !important;
    min-width: 0 !important;
    max-width: 44vw !important;
    overflow: hidden !important;
  }

  #lt-global-header .lt-new-brand-text strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Home hero: keep the title inside the phone viewport. */
  main > main > section:first-of-type h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: clamp(2.45rem, 13vw, 4.2rem) !important;
    line-height: .96 !important;
  }

  main > main > section:first-of-type > div.relative.z-10 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
}


/* ================================================================
   V21.2 FINAL MOBILE PATCH
   - hard-disable every countdown visual box/corner
   - give the hamburger a reliable native touch target
   - prevent the mobile brand/actions from overlapping
   - keep the page locked to the viewport width
================================================================ */
@media (max-width: 1023px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  #lt-global-header,
  #lt-global-header .lt-new-header,
  #lt-global-header .lt-new-header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #lt-global-header .lt-new-header-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding-inline: 8px !important;
    box-sizing: border-box !important;
  }

  #lt-global-header .lt-new-brand {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
  }
  #lt-global-header .lt-new-brand-text {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  #lt-global-header .lt-new-brand-text strong,
  #lt-global-header .lt-new-brand-text small {
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  #lt-global-header .lt-new-actions {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    position: relative !important;
    z-index: 13000 !important;
  }

  #lt-global-header #mobile-menu-btn,
  #lt-global-header .lt-new-mobile,
  #lt-global-header .ltm-btn {
    position: relative !important;
    display: flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 13020 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  #lt-global-header #mobile-menu-btn::before,
  #lt-global-header #mobile-menu-btn::after,
  #lt-global-header .lt-new-mobile::before,
  #lt-global-header .lt-new-mobile::after {
    pointer-events: none !important;
  }

  /* COUNTDOWN: absolutely no boxes, borders, backgrounds or corner art. */
  #lt-countdown,
  #lt-countdown *,
  #lt-countdown::before,
  #lt-countdown::after,
  #lt-countdown *::before,
  #lt-countdown *::after,
  .lt-cd-box,
  .lt-cd-box::before,
  .lt-cd-box::after,
  .lt-cd-seg,
  .lt-cd-seg::before,
  .lt-cd-seg::after,
  .lt-cd-num,
  .lt-cd-num::before,
  .lt-cd-num::after,
  .lt-cd-sep,
  .lt-cd-sep::before,
  .lt-cd-sep::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
  }

  .lt-cd-box {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .lt-cd-seg {
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .lt-cd-num {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .lt-cd-sep {
    display: inline !important;
    padding: 0 !important;
    margin: 0 .12em !important;
  }

  .lt-cd-label {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* Category/navigation buttons must sit above decorative page layers. */
  .lt-staff-filters,
  .lt-staff-filters button,
  .lt-staff-depts,
  .lt-staff-dept,
  .lt-staff-toggle,
  .lt-staff-nav-btn,
  .lt-staff-btn,
  .lt-staff-action {
    position: relative !important;
    z-index: 14000 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .lt-staff-filters button,
  .lt-staff-dept,
  .lt-staff-toggle,
  .lt-staff-nav-btn {
    -webkit-tap-highlight-color: rgba(34,211,238,.18) !important;
    cursor: pointer !important;
  }
}

@media (max-width: 480px) {
  #lt-global-header .lt-new-header-inner { padding-inline: 6px !important; gap: 4px !important; }
  #lt-global-header .lt-new-brand { gap: 6px !important; }
  #lt-global-header .lt-new-brand img { flex: 0 0 34px !important; width: 34px !important; height: 34px !important; }
  #lt-global-header .lt-new-brand-text strong { font-size: 13px !important; letter-spacing: .045em !important; }
  #lt-global-header .lt-new-brand-text small { font-size: 5.5px !important; letter-spacing: .3em !important; }
  #lt-global-header .lt-new-lang { flex: 0 0 50px !important; width: 50px !important; min-width: 50px !important; }
  #lt-global-header .lt-new-store { flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; padding-inline: 5px !important; }
  #lt-global-header #lt-game-launch { flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; }
  #lt-global-header #mobile-menu-btn,
  #lt-global-header .lt-new-mobile { flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; }
}

/* V22 MOBILE STAFF NAV TOUCH FIX — game untouched */
@media (max-width: 1050px){
  .lt-staff-nav-btn,
  .lt-staff-nav-btn span,
  .lt-staff-side-nav,
  .lt-staff-side-nav * {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
  }
  .lt-staff-side-nav {
    position: relative !important;
    z-index: 25000 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    isolation: isolate !important;
  }
  .lt-staff-side-nav::-webkit-scrollbar { display:none !important; }
  .lt-staff-nav-btn {
    position: relative !important;
    z-index: 25001 !important;
    flex: 0 0 auto !important;
    min-width: 112px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-tap-highlight-color: rgba(34,184,242,.22) !important;
  }
  .lt-staff-nav-btn:active { transform: translateY(1px); }
  .lt-staff-side { position: relative !important; z-index: 24000 !important; overflow: visible !important; }
  .lt-staff-main { position: relative !important; z-index: 1 !important; min-width: 0 !important; }
  .lt-staff-wrap { position: relative !important; z-index: 1 !important; overflow: visible !important; }
  /* Prevent text-selection overlays from intercepting the navigation. */
  .lt-staff-dashboard::before, .lt-staff-dashboard::after, .lt-staff-side::before, .lt-staff-side::after { pointer-events:none !important; }
}

/* ================================================================
   FINAL MOBILE NAVIGATION STACKING / TOUCH FIX
   This affects navigation only. Game CSS/JS remain untouched.
================================================================ */
@media (max-width: 1023px){
  #lt-global-header{isolation:isolate !important; z-index:50000 !important; pointer-events:auto !important;}
  #lt-global-header .lt-new-header-inner,
  #lt-global-header .lt-new-actions{position:relative !important; z-index:50001 !important; pointer-events:auto !important;}
  #lt-global-header #mobile-menu-btn,
  #lt-global-header .lt-new-mobile,
  #lt-global-header .ltm-btn{
    position:relative !important;
    z-index:50002 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-user-select:none !important;
    user-select:none !important;
    -webkit-tap-highlight-color:transparent !important;
    cursor:pointer !important;
  }
}
.ltm-overlay{z-index:60000 !important; pointer-events:auto !important;}
.ltm-drawer{z-index:60001 !important; pointer-events:auto !important;}
.ltm-drawer a,.ltm-drawer button{pointer-events:auto !important; touch-action:manipulation !important;}

/* ==================================================================
   V24 HOTFIX — MOBILE HEADER TAP TARGETS
   ------------------------------------------------------------------
   The game-launch button and the hamburger sat flush against each
   other with no gap, so a thumb aimed at the menu regularly opened
   the game instead. This gives each one a real 44px target (the iOS
   minimum) and forces a hard 10px gutter between them, taking the
   space back from the store/lang pills which were oversized.
   ================================================================== */
@media (max-width: 620px) {
  #lt-global-header .lt-new-header-inner {
    gap: 6px !important;
  }

  #lt-global-header #lt-game-launch {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin-inline-end: 10px !important;   /* the gutter */
  }

  #lt-global-header #mobile-menu-btn,
  #lt-global-header .lt-new-mobile {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin-inline-start: 0 !important;
    position: relative !important;
    z-index: 30 !important;
  }

  /* Reclaim the width the gutter needs. */
  #lt-global-header .lt-new-lang  { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; padding-inline: 2px !important; }
  #lt-global-header .lt-new-store { flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; padding-inline: 4px !important; }
}

/* Very narrow phones: the game button is the least important control
   in the header, so it steps aside rather than crushing everything. */
@media (max-width: 380px) {
  #lt-global-header #lt-game-launch { display: none !important; }
}