.live-tables-page .kitty-session-lobby {
  min-width: 0;
  container-type: inline-size;
}

@container (max-width: 1200px) {
  html body .live-tables-page .kitty-session-lobby .kitty-floor-preview.panel,
  html body #kai-workspace.kai-theme .kitty-session-lobby .kitty-floor-preview.panel {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px;
  }

  html body .live-tables-page .kitty-session-lobby .kitty-floor-preview.panel > .kitty-table-visual,
  html body .live-tables-page .kitty-session-lobby .kitty-floor-preview.panel > .kitty-round-preview,
  html body #kai-workspace.kai-theme .kitty-session-lobby .kitty-floor-preview.panel > .kitty-table-visual,
  html body #kai-workspace.kai-theme .kitty-session-lobby .kitty-floor-preview.panel > .kitty-round-preview {
    grid-column: 1;
    min-width: 0;
    box-sizing: border-box;
    width: 100%;
  }
}

/* Keep the scoring form and saved-games panel on the same full-width column
   whenever the staff shell leaves less than 1200px for the Rummy session. */
@container (max-width: 1200px) {
  .kitty-session-lobby .kitty-scoring-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    min-width: 0;
  }
  .kitty-session-lobby .kitty-scoring-grid > * {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .kitty-session-lobby .kitty-scoring-grid > .panel {
    margin: 0;
  }
  .kitty-session-lobby .kitty-floor-preview > .kitty-round-preview {
    grid-column: 1;
    width: 100%;
    max-width: none;
    min-width: 0;
    box-sizing: border-box;
    padding: 18px;
    border: 1px solid #dce6eb;
    border-radius: 14px;
    background: #fff;
  }
}

@container (max-width: 700px) {
  .kitty-session-lobby .kitty-floor-preview {
    padding: 12px;
    gap: 12px;
  }
  .kitty-session-lobby .kitty-floor-preview > .kitty-round-preview {
    padding: 14px;
  }
  .kitty-session-lobby .kitty-preview-totals {
    gap: 6px;
    margin: 14px 0;
  }
  .kitty-session-lobby .kitty-preview-totals > span {
    min-width: 0;
    padding: 9px 7px;
  }
  .kitty-session-lobby .kitty-preview-totals small {
    font-size: 10px;
  }
  .kitty-session-lobby .kitty-preview-totals strong {
    font-size: 18px;
    overflow-wrap: anywhere;
  }
  .kitty-session-lobby .kitty-scoring-grid > .panel {
    padding: 12px !important;
  }
}