/* Penalty and extra-time results remain readable on narrow match cards. */
#app .match-vs > .score,
#app .match-row-score{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  max-width:100%;
  text-align:center;
  line-height:1.1;
}
#app .match-vs > .score{flex:0 1 124px;font-size:clamp(1.45rem,2.5vw,2.65rem)!important}
#app .score-main{white-space:nowrap}
#app .match-vs > .score .score-note,
#app .match-row-score .score-note{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:5px;
  padding:3px 7px;
  border-radius:5px;
  background:rgba(35,81,167,.12);
  color:inherit;
  font-family:"Inter Local",Arial,sans-serif;
  font-size:clamp(.65rem,1vw,.76rem)!important;
  font-weight:750;
  line-height:1.25;
  letter-spacing:0;
  white-space:nowrap;
}
#app .match-row-score .score-main{font-size:inherit}
#app .match-row-score .score-note{font-size:.7rem!important}
#app #lastResultStatus{max-width:65%;font-size:12px!important;line-height:1.25;white-space:normal;text-align:center}
#app #teamLastBadge{max-width:70%;line-height:1.25;text-align:right;white-space:normal}
@media(max-width:600px){
  #app .match-vs > .score{flex-basis:84px;font-size:1.55rem!important}
  #app .match-vs > .score .score-note{font-size:.65rem!important;padding:3px 4px}
  #app .match-row-score .score-note{font-size:.65rem!important;padding:3px 4px}
}
