/* Subtle polish for dark theme */
:root {
  --card-radius: 1rem;
}

.card {
  border-radius: var(--card-radius);
}

.card .card-header {
  border-top-left-radius: var(--card-radius);
  border-top-right-radius: var(--card-radius);
}

.navbar .navbar-brand {
  letter-spacing: 0.2px;
}

.stats {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.fighter-pill {
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  background: rgba(255,255,255,0.04);
}

.fighter-pill .rc {
  font-size: .8rem;
  opacity: .8;
  border-left: 1px solid rgba(255,255,255,0.15);
  padding-left: .5rem;
  margin-left: .25rem;
  white-space: nowrap;
}

.fighter-pill .badge {
  font-variant-numeric: tabular-nums;
}

.venue-tag {
  border: 1px dashed rgba(255,255,255,0.25);
  border-radius: .5rem;
  padding: .25rem .5rem;
  display: inline-block;
}

.match-card {
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  border-radius: .8rem;
  padding: 1rem;
}

#current-match .placeholder {
  opacity: 0.6;
}