.match-tabs {
  grid-template-columns: repeat(6, 1fr);
}

.source-strip {
  display: grid;
  grid-template-columns: 1.2fr 1fr .55fr;
  gap: 9px;
  margin-bottom: 12px;
}

.source-strip > div {
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #071215;
}

.source-strip small,
.source-strip strong {
  display: block;
}

.source-strip small {
  color: #587174;
  font-size: .54rem;
  font-weight: 850;
  letter-spacing: .11em;
}

.source-strip strong {
  margin-top: 5px;
  color: #dffcf4;
  font-size: .74rem;
}

.h2h-scoreboard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}

.h2h-scoreboard article {
  display: grid;
  place-items: center;
  padding: 18px;
  border: 1px solid var(--line2);
  border-radius: 13px;
  background: linear-gradient(145deg, #09201d, #071214);
}

.h2h-scoreboard small {
  color: #78a59d;
  font-size: .56rem;
  font-weight: 850;
  letter-spacing: .1em;
}

.h2h-scoreboard strong {
  margin: 4px 0;
  color: var(--mint);
  font: 850 1.8rem ui-monospace, monospace;
}

.h2h-scoreboard span {
  color: #6e8789;
  font-size: .62rem;
}

.h2h-scoreboard .draw strong {
  color: var(--warn);
}

.prematch-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
  padding: 13px 16px;
  border: 1px solid rgba(32, 230, 178, .25);
  border-radius: 11px;
  background: linear-gradient(90deg, rgba(32, 230, 178, .1), rgba(32, 230, 178, .025));
}

.prematch-banner b {
  color: var(--mint);
  font-size: .68rem;
  letter-spacing: .08em;
}

.prematch-banner span {
  color: #8ba3a5;
  font-size: .68rem;
}

.prematch-group .panel-title span {
  max-width: 52%;
  text-align: right;
}

.context-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.context-label span {
  padding: 4px 6px;
  border: 1px solid rgba(242, 201, 76, .28);
  border-radius: 999px;
  color: var(--warn);
  font-size: .5rem;
  font-weight: 850;
  letter-spacing: .06em;
}

.context-card.ready .context-label span {
  border-color: rgba(32, 230, 178, .3);
  color: var(--mint);
}

.context-card.info .context-label span {
  border-color: rgba(95, 213, 255, .25);
  color: #70d8f8;
}

.context-card.manual {
  border-color: rgba(242, 201, 76, .2);
}

.context-card footer {
  margin-top: 12px;
  padding-top: 9px;
  border-top: 1px solid rgba(79, 223, 193, .1);
  color: #5f7779;
  font-size: .58rem;
}

@media (max-width: 700px) {
  .match-tabs {
    grid-template-columns: repeat(6, minmax(100px, 1fr));
  }

  .source-strip {
    grid-template-columns: 1fr;
  }

  .h2h-scoreboard {
    gap: 6px;
  }

  .h2h-scoreboard article {
    padding: 13px 7px;
  }

  .h2h-scoreboard small {
    font-size: .48rem;
  }

  .prematch-banner {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}