/* ============================================================
   SCRAP GROUP — Mobile polish (mobile)
   Loaded LAST so it wins on source order. Selectors sit at/above
   the specificity of the existing `html body …` mobile rules so
   the fixes actually apply. Surgical — only fixes confirmed bugs.
   ============================================================ */

/* --- CRITICAL: restore the mobile menu as a true fullscreen overlay.
       luxury.css lumps `.mob` into a `position:relative;z-index:2`
       rule meant for content sections, which broke the menu: tapping
       the hamburger rendered the links in document flow (z-index 2,
       below the nav at z-index 1200) instead of overlaying the page.
       Force it back to a fixed top-layer overlay. `.mob` only ever
       appears on mobile, so this is safe at all widths. --- */
html body .mob{position:fixed!important;inset:0!important;z-index:1100!important}
html body .mob.o{opacity:1!important;pointer-events:all!important}
html body .mob:not(.o){opacity:0!important;pointer-events:none!important}

/* --- CRITICAL: hide the desktop centered nav-links on mobile.
       legacy-critical.css sets `html body .nav-links{display:flex!important}`
       UNCONDITIONALLY (specificity 0,1,2), which overrode every
       `.nav-links{display:none}` mobile rule (0,1,0) — so Home/Store/Apply/…
       leaked into the hero. Match the specificity inside the mobile query. --- */
@media (max-width:900px){
  html body .nav-links{display:none!important}
}

@media (max-width:560px){
  /* --- Nav: hide the redundant brand wordmark so it stops colliding
         with the Discord Login CTA. The S-mark stays as the brand and
         the full wordmark already appears large in the hero below. --- */
  html body .logo::after{display:none!important}

  /* With the wordmark gone the CTA has room — no need to truncate it. */
  html body .nav-cta{max-width:none!important;overflow:visible!important;text-overflow:clip!important}

  /* --- Performance/battery: drop always-on motion on phones. Reveal
         on scroll still runs; only the infinite loops stop. --- */
  html.has-motion .hero-avatar-wrap,
  html.has-motion .hero-avatar{animation:none!important}
  html.has-motion .hero-wordmark{animation:none!important;background-size:100% auto!important}

  /* Keep the footer copyright clear of the floating support button (bottom-left). */
  html body .ft-in{padding-bottom:96px!important}
}