.matchup-team {
  border: 0;
  background: transparent;
}

.matchup-team-button {
  align-self: stretch;
  justify-content: center;
  flex: 1;
  border-radius: 10px;
  transition: background .16s ease, box-shadow .16s ease;
}

.matchup-team-button:hover,
.matchup-team-button:focus-visible {
  background: var(--green-soft);
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--green), 0 5px 15px rgba(31, 42, 35, .10);
}

.matchup-center {
  padding: 0 6px;
}

.matchup-score {
  margin-bottom: 14px;
}

.matchup-center dl {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.matchup-center dl > div + div {
  border-top: 1px solid #dfe5df;
}

.matchup-center dd + dd {
  border-left: 0;
}

.matchup-center dd:first-of-type { text-align: left; }
.matchup-center dd:last-child { text-align: right; }
#matchup-dialog,.matchup-detail-meta,.matchup-detail-status,.matchup-detail-hint,#matchup-dialog .dialog-head h2{font-family:var(--team-font)}#matchup-dialog .dialog-head h2{font-weight:800}.matchup-team-button .matchup-team-copy{display:grid;gap:3px}.matchup-team-button .matchup-team-name{display:flex;align-items:baseline;justify-content:center;gap:4px}.matchup-team-button .matchup-team-record{color:var(--muted);font-family:var(--team-font);font-size:12px;font-weight:750}.matchup-team-button .matchup-team-helmet-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.matchup-team-button .matchup-state-rank{position:absolute;top:-5px;right:-15px;display:block;color:var(--ink);font-family:var(--team-font);font-size:13px;font-weight:900;line-height:1;white-space:nowrap}
#matchup-dialog .dialog-head{position:relative;min-height:20px;margin-bottom:3px}
#matchup-dialog .dialog-head .close{position:absolute;top:-16px;right:-10px;padding:0;line-height:1}
#matchup-dialog .matchup-detail-meta{margin:0 0 11px}
#matchup-dialog .matchup-detail-date{display:grid;gap:2px}
#matchup-dialog .matchup-detail-date strong{color:var(--green-dark);font-family:var(--team-font);font-size:10px;font-weight:850;letter-spacing:.75px;text-transform:uppercase}
#matchup-dialog .matchup-detail-board{align-items:stretch;gap:16px}
#matchup-dialog .matchup-team{min-height:240px}
#matchup-dialog .matchup-team-button{gap:10px;padding:15px 12px}
#matchup-dialog .matchup-team-helmet{width:125px;height:96px}
#matchup-dialog .matchup-team-button b{font-size:22px}
#matchup-dialog .matchup-team-button .matchup-team-record{font-size:13px}
#matchup-dialog .matchup-team-button .matchup-state-rank{top:-8px;right:-18px;font-size:14px}
#matchup-dialog .matchup-center dl>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
#matchup-dialog .matchup-center dl dt{grid-column:auto;padding:7px 10px;color:var(--muted);font-family:var(--team-font);font-size:9px;font-weight:850;letter-spacing:.7px;white-space:nowrap}
#matchup-dialog .matchup-center dl dd{padding:7px 5px;font-family:var(--team-font);font-size:12px;font-weight:800}
#matchup-dialog .matchup-center dl dd+dd{border-left:0}

@media(max-width:600px){#matchup-dialog .dialog-head .close{top:-9px;right:-2px}#matchup-dialog .matchup-detail-meta{margin-bottom:8px}#matchup-dialog .matchup-detail-board{gap:6px}#matchup-dialog .matchup-team{min-height:180px}#matchup-dialog .matchup-team-button{gap:8px;padding:12px 4px}#matchup-dialog .matchup-team-helmet{width:76px;height:58px}#matchup-dialog .matchup-team-button b{font-size:14px}#matchup-dialog .matchup-team-button .matchup-team-record{font-size:11px}#matchup-dialog .matchup-team-button .matchup-state-rank{top:-4px;right:-10px;font-size:10px}#matchup-dialog .matchup-center dl dt{padding:6px 4px;font-size:7px}#matchup-dialog .matchup-center dl dd{padding:6px 2px;font-size:9px}}

@media(max-width:600px){.matchup-team-button .matchup-state-rank{top:-4px;right:-10px;font-size:10px}}