.match-outcomes {border:1px solid #ac86bd4f;border-radius:12px;padding:9px 12px;background:#140f2582}
.match-outcome-labels {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.match-outcome-labels > div {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 8px 8px;color:#fff}
.match-outcome-labels span {font-size:.86rem;line-height:1.2;font-weight:650;overflow-wrap:anywhere}
.match-outcome-labels i {color:#ddc4fc;font-size:.7rem;font-style:normal}
.match-outcome-labels strong {font-variant-numeric:tabular-nums}
.match-outcomes .pbar {height:7px;gap:2px}
.match-outcomes .pbar span {min-width:0}
.hero .match-outcomes .pbar .p1 {background:#b587ef}
.hero .match-outcomes .pbar .px {background:#ada8bd}
.hero .match-outcomes .pbar .p2 {background:#69d0bd}
.hero-kpis .match-pick-name {display:block;margin:3px auto 0;max-width:100%;font:700 clamp(.86rem,1.8vw,1.2rem)/1.25 var(--font);overflow-wrap:anywhere}
@media(max-width:640px) {
  .match-outcome-labels > div {align-items:start;justify-content:space-between;flex-direction:column;gap:4px;padding:2px 1px 7px}
  .hero[data-fid] .hero-teams {grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:6px}
  .hero[data-fid] .hero-teams .hs {min-width:0;text-align:center}
  .hero[data-fid] .team-title {font-size:clamp(12px,3.2vw,16px);line-height:1.2}
  .hero[data-fid] .football-details-trigger {max-width:100%;padding:5px 2px}
}