/* Final narrow-screen composition. The desktop pair, native rail gestures,
   account states and dialog sizing remain owned by their existing layers. */

@media (max-width: 980px) {
  /* Hover labels on the optional games bar can extend beyond either edge. */
  body.wiz.wiz-luxury-entry.wiz-wow-entry #vgbBar .vgb-i::after {
    display: none;
  }
}

@media (max-width: 820px) {
  body.wiz.wiz-luxury-entry.wiz-wow-entry .side-entry-panels > section {
    scroll-margin-top: 18px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-login-invite a {
    min-height: 44px;
  }
}

@media (max-width: 520px) {
  /* A complete 44px sign-in target stays alongside the wordmark at 320px. */
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-topbar {
    min-height: 58px;
    padding-block: max(6px,env(safe-area-inset-top)) 6px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-nav {
    flex: none;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .lux-loginbtn {
    min-width: 78px;
    min-height: 44px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-hero {
    margin-block: 9px 13px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-hero h1 {
    font-size: 30px;
    line-height: 1;
  }

  /* The live range beneath the rail still announces all 19 choices. Giving
     the title the full width avoids a two-line heading beside a tiny badge. */
  body.wiz.wiz-luxury-entry.wiz-wow-entry .side-roster-panel {
    padding: 17px 13px 13px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-roster-count {
    display: none;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-roster-heading > div {
    min-width: 0;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-roster-heading h2 {
    font-size: clamp(26px,7.45vw,29px);
    line-height: 1;
    text-wrap: balance;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .luxury-roster-lead {
    margin-block: 8px;
  }

  /* Slightly widen the viewport, retaining the 146px cards, portrait frames,
     14px action copy and breathing room for native keyboard focus rings. */
  body.wiz.wiz-luxury-entry.wiz-wow-entry #luxRoster {
    width: calc(100% + 8px);
    margin-inline: -4px;
    gap: 10px;
  }
  body.wiz.wiz-luxury-entry.wiz-wow-entry .entry-guest-note {
    margin-top: 9px;
    padding-top: 9px;
  }
}