/*! Card Battle Lab. Copyright (c) 2026 Dave Skilton. All rights reserved. See /LICENSE. https://cardbattlelab.com/ */
#watchLiveModal .menu-box {
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
}
#watchLiveModal .lw-tv {
  flex: none;
}
#watchLiveModal .lw-tv:disabled {
  cursor: default;
  filter: grayscale(.8);
  opacity: .6;
}
#watchLiveModal .lw-tv:disabled:hover {
  border-color: var(--c-border);
}
#watchLiveModal .lw-list-host {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#watchLiveModal .lw-list {
  gap: 4px;
}
#watchLiveModal .lw-list > .gcg-row.lw-row {
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: auto;
  padding: 4px 8px;
  box-sizing: border-box;
  background: var(--surface-haze);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-m);
}
#watchLiveModal .lw-list > .gcg-row.lw-row:hover {
  background: var(--c-panel-3);
}
#watchLiveModal .lw-vs {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
#watchLiveModal .lw-banner.player-chip-host {
  flex: none;
  width: 200px;
  height: auto;
  aspect-ratio: 320 / 96;
}
#watchLiveModal .lw-vm {
  flex: none;
  width: 32px;
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
  font-style: normal;
  color: var(--c-text-faint);
  font-size: 12px;
}
#watchLiveModal .lw-name {
  color: var(--c-text-bright);
  font-weight: 600;
}
#watchLiveModal .lw-meta {
  display: grid;
  grid-template-columns: 76px 76px auto;
  align-items: center;
  justify-items: center;
  justify-content: end;
  column-gap: 4px;
}
#watchLiveModal .lw-meta > * {
  grid-row: 1;
}
#watchLiveModal .lw-meta > .lw-mode {
  grid-column: 1;
}
#watchLiveModal .lw-meta > .lw-time {
  grid-column: 2;
}
#watchLiveModal .lw-meta > .lw-watch {
  grid-column: 3;
}
#watchLiveModal .lw-mode.is-ranked {
  color: var(--c-warn);
  border-color: color-mix(in srgb, var(--c-warn) 50%, var(--c-border));
}
#watchLiveModal .lw-score {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
  color: var(--c-text-bright);
}
#watchLiveModal .lw-time {
  color: var(--c-text-dim);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#watchLiveModal .lw-watch,
#watchLiveModal .lw-refresh {
  gap: 5px;
}
#watchLiveModal .lw-foot {
  margin-top: 6px;
  color: var(--c-text-faint);
  font-size: 11px;
}
#watchLiveModal .lw-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 760px) {
  #watchLiveModal .lw-list > .gcg-row.lw-row {
    flex-direction: column;
    align-items: stretch;
  }
  #watchLiveModal .lw-vs {
    justify-content: center;
  }
  #watchLiveModal .lw-banner.player-chip-host {
    width: calc((100% - 30px) / 2);
    max-width: 200px;
  }
  #watchLiveModal .lw-meta {
    justify-content: center;
  }
  #watchLiveModal .lw-meta > .lw-watch {
    grid-column: 2;
  }
  #watchLiveModal .lw-meta > .lw-time {
    grid-column: 3;
  }
  #watchLiveModal .lw-meta {
    grid-template-columns: 76px auto 76px;
  }
}
@media (max-width: 600px) {
}