.compact-matchup-row {
  grid-template-columns: 44px minmax(0, 1.5fr) max-content max-content;
  gap: 9px;
  min-height: 58px;
  padding: 7px 10px;
  border-radius: 12px;
  border-color: #292933;
  background: #101014;
}
.compact-matchup-row::before { display: none; }
.compact-matchup-row .matchup-avatar { width: 40px; height: 40px; border-radius: 8px; border-color: #32323d; box-shadow: none; }
.compact-matchup-row .matchup-player { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.compact-matchup-row .opponent { gap: 5px; padding: 6px 8px; border-radius: 7px; background: #060608; font-size: .78rem; white-space: nowrap; }
.compact-matchup-row .opponent b { font-size: .85rem; }
.compact-matchup-row .decision { display: flex; justify-content: flex-end; }
.compact-matchup-row .badge { padding: 6px 8px; border-radius: 7px; font-size: .58rem; white-space: nowrap; }
@media (max-width: 780px) {
  .compact-matchup-row { grid-template-columns: 42px minmax(0, 1fr) max-content max-content; gap: 6px; min-height: 54px; padding: 6px 7px; }
  .compact-matchup-row .matchup-avatar { width:38px; height:38px; border-radius:7px; }
  .compact-matchup-row .matchup-player { font-size:.92rem; }
  .compact-matchup-row .opponent { display:flex; grid-column:3; grid-row:1; padding:5px 6px; font-size:.7rem; gap:3px; }
  .compact-matchup-row .decision { grid-column: 4; grid-row: 1; align-self: center; }
  .compact-matchup-row .badge { padding:5px 6px; font-size:.5rem; }
}