/*! Card Battle Lab. Copyright (c) 2026 Dave Skilton. All rights reserved. See /LICENSE. https://cardbattlelab.com/ */
.lb {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.lb-tabs {
  flex: 0 0 auto;
  overflow-x: clip;
}
.lb-tabs .gcg-tab {
  flex: 1 1 auto;
  padding-left: calc(var(--gcg-tab-slant) - 1px);
  padding-right: calc(var(--gcg-tab-slant) - 1px);
  font-size: calc(12px * var(--fs-body, 1));
  letter-spacing: 0;
  white-space: nowrap;
}
.lb-tabs .gcg-tab > .gcg-notif-dot {
  top: 3px;
  right: 3px;
  width: 7px;
  height: 7px;
}
.lb-body {
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 8px;
}
.lb-list.gcg-list > .gcg-row {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.lb-list.gcg-list.lb-full > .gcg-row {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}
.lb-rank {
  color: var(--c-text-dim);
  font-family: var(--mono);
  font-weight: 700;
  font-size: calc(14px * var(--fs-mono, 1));
  font-variant-numeric: tabular-nums;
  min-width: 2.2em;
}
.lb-list.gcg-list .gcg-row-n.lb-name {
  display: flex;
  align-items: center;
  gap: 6px;
}
.lb-name .lb-tier {
  flex: 0 0 auto;
  display: inline-flex;
}
.lb-name .lb-tier .acct-rank {
  height: 1.35em;
  margin: 0;
}
.lb-name-t {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lb-list.gcg-list > .gcg-row.sel .lb-rank {
  color: var(--c-text-bright);
}
.lb-lvl {
  color: var(--c-text-bright);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.lb-rating,
.lb-pts {
  color: var(--c-text-bright);
  font-family: var(--mono);
  font-size: calc(12px * var(--fs-mono, 1));
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.lb-pts {
  min-width: 1.6em;
}
.lb-empty {
  font-size: 12px;
  color: var(--c-text-dim);
  text-align: center;
  padding: 26px 6px;
}
.lb-foot {
  padding: 8px 0 2px;
  margin-top: 8px;
  border-top: 1px solid var(--c-border-subtle);
}
.lb-foot .lb-cap {
  font-size: 11px;
  color: var(--c-text-dim);
  margin: 2px 0 7px;
}
.lb-empty.lb-empty--lead {
  padding-bottom: 8px;
}
.lb-list.gcg-list.lb-ghost > .gcg-row.gcg-row--empty {
  padding: 5px 7px;
  flex: none;
}
.lb-ghost .lb-name {
  min-height: 1.35em;
}
.lb-ghost .lb-score {
  min-width: 4ch;
}
.lb-list.lb-ghost {
  overflow: hidden;
}
.lb-pane.lb-pane--ghost {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.lb-pane--ghost > .lb-empty {
  flex: none;
}
.lb-pane--ghost > .lb-ghost {
  flex: 1 1 0;
  min-height: 0;
}
.lb-float.gcg-menu {
  position: fixed;
  z-index: var(--z-menu-dialog, 13500);
  margin: 0;
  padding: 6px;
}
.lb-float .player-chip-host.lb-float-banner {
  width: min(320px, calc(100vw - 24px));
  height: auto;
  aspect-ratio: 320 / 96;
}
.lb-banner.gm-card {
  flex: 0 0 auto;
  margin-top: 8px;
  cursor: default;
  pointer-events: none;
}
.lb-banner.gm-card:hover {
  border-color: var(--c-border);
}
.lb-banner[hidden] {
  display: none;
}
.lb-banner-cap {
  flex: 0 0 auto;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--c-text-bright);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lb-banner-cap[hidden] {
  display: none;
}
.lb-banner .gm-card-titlerow {
  top: 50%;
  transform: translateY(-50%);
}
.lb-banner .gm-card-title {
  font-size: max(12px, calc(var(--gmb-title-size, 3.25cqw) * var(--gmb-title-fit, 1)));
  overflow: hidden;
  text-overflow: ellipsis;
}
.lb--split .lb-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.lb-pane {
  min-height: 0;
  overflow-y: auto;
}
.lb-pane--top {
  flex: 3 1 0;
}
.lb-pane--me {
  flex: 1 1 0;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--c-border-subtle);
}
.lb-pane--me.lb-pane--prompt {
  flex: none;
  overflow: visible;
}
.lb-pane--prompt .lb-cap {
  font-size: 11px;
  color: var(--c-text-dim);
  text-align: center;
  margin: 2px 0;
}
