.match-predictions { margin: 1.5rem 0; padding: 1.25rem; border: 1px solid #dfe7f2; border-radius: 12px; background: white; scroll-margin-top: 5rem; }
.prediction-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.prediction-eyebrow { margin: 0 0 .35rem; color: #dc143c; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.prediction-header h2 { margin: 0; font-size: 1.25rem; color: #003893; }
.prediction-status { padding: .4rem .65rem; border-radius: 6px; color: #526079; background: #f1f5fa; font-size: .75rem; }
.prediction-intro { margin: 1rem 0; color: #526079; font-size: .9rem; line-height: 1.5; }
.prediction-options, .prediction-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.prediction-options .prediction-choice { display: block; width: 100%; min-width: 0; min-height: 110px; text-align: left; color: #142c52; font: inherit; cursor: pointer; }
.prediction-options .prediction-choice:hover { border-color: #003893; background: #edf4ff; }
.prediction-options .prediction-selected { border-color: #003893; background: #eaf2ff; box-shadow: inset 0 0 0 1px #003893; }
.prediction-options .prediction-choice:focus-visible { outline: 3px solid #003893; outline-offset: 3px; }
.prediction-choice-indicator { width: 18px; height: 18px; flex: 0 0 18px; border: 2px solid #c4d2e5; border-radius: 50%; }
.prediction-select-label { color: #003893; font-weight: 600; }
.match-predictions .team-list-logo { object-fit: contain; flex-shrink: 0; }
.prediction-result { padding: 1rem; border: 1px solid #e2e8f2; border-radius: 9px; }
.prediction-selected { border-color: #003893; background: #f7faff; }
.prediction-team-row, .prediction-team, .prediction-result-meta { display: flex; align-items: center; gap: .65rem; }
.prediction-team-row { justify-content: space-between; margin-bottom: .85rem; }
.prediction-team { min-width: 0; color: #142c52; font-size: .9rem; }
.prediction-percent { color: #003893; font-size: 1.15rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.prediction-result progress { display: block; width: 100%; height: 7px; border: 0; border-radius: 8px; overflow: hidden; background: #edf1f7; accent-color: #003893; }
.prediction-result progress::-webkit-progress-bar { background: #edf1f7; border-radius: 8px; }
.prediction-result progress::-webkit-progress-value { background: #003893; border-radius: 8px; }
.prediction-result progress::-moz-progress-bar { background: #003893; border-radius: 8px; }
.prediction-result-meta { justify-content: space-between; margin-top: .6rem; color: #68768a; font-size: .75rem; }
.prediction-your-pick { color: #003893; font-weight: 650; }
.prediction-note { margin: .9rem 0 0; color: #68768a; font-size: .78rem; line-height: 1.5; }
@media (max-width: 620px) { .prediction-options, .prediction-results { grid-template-columns: 1fr; } .match-predictions { padding: 1rem; } }