/* Desktop lobby only. The 430x932 game stage and secondary dialogs keep their
   existing rules. Touch tablets keep the original lobby width. */
@media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) {
    --ld-gutter: clamp(20px, 2vw, 32px);
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #app {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #topbar {
    min-height: 72px;
    height: 72px;
    padding: 10px var(--ld-gutter);
    column-gap: 20px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #topbar #title {
    gap: 7px;
    font-size: 22px !important;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #topbar #title .pw-brand-mascot {
    width: 31px;
    height: 35px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #topbar > #lobbyOnlineStatus {
    gap: 8px;
    font-size: 13px;
    line-height: 20px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #topbar #lobbyShellShortcuts {
    gap: 12px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #topbar .ls-community-entry {
    min-height: 40px;
    padding-inline: 15px;
    font-size: 13px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #topbar .ls-message-entry {
    width: 34px;
    height: 40px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellNav {
    height: calc(80px + var(--ls-safe-bottom));
    padding: 10px var(--ld-gutter) calc(10px + var(--ls-safe-bottom));
    column-gap: 12px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellNav button {
    justify-content: center;
    gap: 5px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellNav button strong {
    font-size: 13px;
    line-height: 18px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome {
    padding: 24px var(--ld-gutter) 32px;
  }

  /* Keep the original artwork complete as the viewport grows. */
  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #modeSwitch {
    width: calc(100% - 2 * var(--ld-gutter)) !important;
    margin: 12px var(--ld-gutter) 0;
    background: radial-gradient(ellipse at 50% 0, #5e412026, transparent 75%), #21190f;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #modeSwitch .main-banner-track {
    height: clamp(200px, 26vh, 280px);
    aspect-ratio: auto;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #modeSwitch .is-illustrated-notice .main-banner-image {
    height: 100%;
    aspect-ratio: auto;
    background: radial-gradient(ellipse at center, #59401e55, #20180e);
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #modeSwitch .is-illustrated-notice .main-banner-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: contain;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-ad-page {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-ad-pages {
    min-height: 40px;
    gap: 4px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-ad-pages button {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 0;
    background: transparent;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-ad-pages button::after {
    inset: 0;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-ad-pages button::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 8px;
    background: #655641;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-ad-pages button[aria-current="true"]::before {
    width: 22px;
    background: #dfbd7b;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome[data-poster-layout="3"] .ls-ad-page {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-ad-image {
    height: auto;
    aspect-ratio: 3 / 4;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-poster-copy {
    padding: 13px 15px 15px;
    min-height: 101px;
    gap: 5px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-poster-copy > strong {
    font-size: 16px;
    line-height: 1.45;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-poster-title {
    font-size: 13px;
    min-height: 38px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-poster-copy time {
    font-size: 12px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-section-head h2 {
    font-size: 23px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome :is(.ls-section-head button, .ls-section-caption, .ls-follow-tabs button, .ls-promo-tabs button) {
    font-size: 13px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-poster-collection-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 22px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-poster-collection-grid .ls-ad-image {
    height: auto;
    aspect-ratio: 3 / 4;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-competition-rail {
    gap: 20px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-competition-card {
    flex-basis: calc((100% - 40px) / 3);
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-competition-copy > strong {
    font-size: 16px;
    min-height: 44px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-competition-copy > span:not(.ls-competition-detail),
  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-competition-detail {
    font-size: 12px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-competition-card[data-poster-region="overseas"] .ls-competition-copy {
    grid-template-rows: 44px 24px 28px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) :is(#lobbyFeatureBody, .ge-live-content) {
    padding: 24px var(--ld-gutter) 32px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) :is(#lobbyFeatureBody .ll-root, .ge-live-content .ll-root, #lobbyFeatureBody .community-hub, #lobbyFeatureBody .board-root, #communityMenuRoot) {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    font-size: 15px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) .ll-public-tables {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 20px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) :is(.ll-event, .ll-detail-tabs button, .ll-filters button, .ll-store-filter, .ll-info > div, .ll-prose) {
    font-size: 14px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) .ll-event {
    grid-template-columns: 100px minmax(0, 1fr) 180px;
    gap: 24px;
    min-height: 132px;
    padding: 20px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) .ll-event-body > strong {
    font-size: 18px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) :is(.ll-event-body > span, .ll-event-cost strong, .ll-event-side em) {
    font-size: 14px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) :is(.ll-event-side small, .ll-event-body em, .ll-event-cost > small) {
    font-size: 12px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) :is(.ll-list-head h2, .ll-detail-head h2) {
    font-size: 25px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyFeatureBody .ch-video strong {
    font-size: 16px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyFeatureBody .ch-video small {
    font-size: 12px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyFeatureBody .ch-tabs .ch-button {
    font-size: 14px;
  }

  /* Only the main profile dashboard expands; QR/confirmation/detail sheets
     do not match this main-page marker and keep their original dimensions. */
  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoSheet:has(#myInfoBody > .myinfo-hero) {
    top: 72px;
    bottom: calc(80px + var(--ls-safe-bottom));
    padding: 20px var(--ld-gutter);
    align-items: stretch;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoSheet .myinfo-card:has(#myInfoBody > .myinfo-hero) {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: 100%;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoBody:has(> .myinfo-hero) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    align-items: start;
    gap: 20px 24px;
    padding: 22px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoBody:has(> .myinfo-hero) > :is(.myinfo-hero, .ls-profile-links, .myinfo-wallet-heading, .myinfo-stats, .myinfo-actions, .myinfo-practice-line, .myinfo-feedback) {
    grid-column: 1 / -1;
    margin-block: 0;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoBody:has(> .myinfo-hero) > :is(.ls-profile-links, .td-my-entry, .ol-my-entry, .myinfo-section, .myinfo-lounge-shortcuts) {
    min-width: 0;
    margin-block: 0;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoBody :is(.td-my-entry button strong, .ls-profile-links > div > button) {
    font-size: 13px;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoBody:has(> .myinfo-hero) .ls-profile-links > div {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoBody:has(> .myinfo-hero) .myinfo-stats {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  }

  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #myInfoBody:has(> .myinfo-hero) .myinfo-stat {
    grid-column: auto;
  }
}

@media (min-width: 1440px) and (hover: hover) and (pointer: fine) {
  body.holdem-lobby-active.lobby-shell-ready:not(.holdem-table-active):not(.holdem-cash-table-active) #lobbyShellHome .ls-competition-card {
    flex-basis: calc((100% - 60px) / 4);
  }
}