/* Clean vertical TEAM COMPARISON. UI-only; original metric rows stay in the DOM as a safe fallback. */
.comparison-list.vertical-ready{display:block}
.comparison-list.vertical-ready>.compare-row{display:none!important}
.vertical-comparison{display:grid;grid-template-columns:repeat(7,minmax(46px,1fr));gap:8px;align-items:end;padding:8px 0 2px}
.vertical-metric{min-width:0}
.vertical-bars{height:150px;display:grid;grid-template-columns:repeat(2,18px);justify-content:center;gap:6px;align-items:end;border-bottom:1px solid rgba(150,158,151,.08)}
.vertical-bar-slot{position:relative;width:18px;height:100%}
.vertical-bar{position:absolute;left:0;right:0;bottom:0;min-height:5px;border-radius:5px 5px 1px 1px;box-shadow:none}
.vertical-value{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;font-weight:900;line-height:1;white-space:nowrap}
.vertical-label{margin-top:7px;min-height:2.3em;display:flex;align-items:flex-start;justify-content:center;color:#8f988f;font-size:7px;font-weight:700;line-height:1.15;text-align:center}

.prediction-card.selected-home .vertical-bar.home{background:linear-gradient(180deg,var(--selected-green),var(--selected-green-strong))}
.prediction-card.selected-home .vertical-bar.away{background:linear-gradient(180deg,var(--opponent-red),var(--opponent-red-strong))}
.prediction-card.selected-home .vertical-value.home{color:var(--selected-green)}
.prediction-card.selected-home .vertical-value.away{color:var(--opponent-red)}
.prediction-card.selected-away .vertical-bar.home{background:linear-gradient(180deg,var(--opponent-red),var(--opponent-red-strong))}
.prediction-card.selected-away .vertical-bar.away{background:linear-gradient(180deg,var(--selected-green),var(--selected-green-strong))}
.prediction-card.selected-away .vertical-value.home{color:var(--opponent-red)}
.prediction-card.selected-away .vertical-value.away{color:var(--selected-green)}
.prediction-card.selected-draw .vertical-bar.home,.prediction-card.selected-draw .vertical-bar.away{background:linear-gradient(180deg,#8c938d,#666d67)}
.prediction-card.selected-draw .vertical-value.home,.prediction-card.selected-draw .vertical-value.away{color:#aab0ab}

@media(max-width:680px){
  .vertical-comparison{gap:6px;padding-top:6px}
  .vertical-bars{height:118px;grid-template-columns:repeat(2,14px);gap:4px}
  .vertical-bar-slot{width:14px}
  .vertical-value{font-size:6.5px}
  .vertical-label{font-size:6.5px;margin-top:6px}
}
@media(max-width:520px){
  .vertical-comparison{grid-template-columns:repeat(4,minmax(58px,1fr));gap:12px 7px}
  .vertical-bars{height:106px}
  .vertical-label{min-height:0}
}