/* Stronger result colors with dark, high-contrast text. */
body article.win,#liveGames .livePick-winning,.liveSummaryWinning,#resultsRecent tr.win{background:#8fcca0!important;color:#102d20!important;border-color:#328450!important}
body article.loss,#liveGames .livePick-losing,.liveSummaryLosing,#resultsRecent tr.loss{background:#e6a0a0!important;color:#42161e!important;border-color:#ad4d5c!important}
body article:is(.win,.loss) :is(.pickmeta,.eyebrow,.pill,h3,h3 span){color:inherit!important}
body article:is(.win,.loss) .analysis{background:#ffffff26;color:inherit;border-color:#0003}
#liveGames article:has(.livePick-winning):not(:has(.livePick-losing,.livePick-neutral)){background:#8fcca0!important;color:#102d20!important}
#liveGames article:has(.livePick-losing):not(:has(.livePick-winning,.livePick-neutral)){background:#e6a0a0!important;color:#42161e!important}
#liveGames article:has(.livePick-winning):not(:has(.livePick-losing,.livePick-neutral))>h3,#liveGames article:has(.livePick-losing):not(:has(.livePick-winning,.livePick-neutral))>h3{color:inherit!important}
.currentScorecardMetric[data-score="wins"]{background:#8fcca0;color:#102d20;border-color:#328450}
.currentScorecardMetric[data-score="losses"]{background:#e6a0a0;color:#42161e;border-color:#ad4d5c}
.resultOutcome{max-width:350px;padding:18px 8px 8px;text-align:center;line-height:1.2;white-space:normal;overflow-wrap:break-word}
.resultOutcome>strong{display:block;font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:900;line-height:1.2}
.resultOutcome-won{color:#064528}
.resultOutcome-lost{color:#5d1120}
.resultOutcome .resultClose{display:block;margin-top:8px;font-size:1.1rem;font-weight:800;line-height:1.35}
.finalScoreboard{flex:0 0 100%;width:min(100%,680px);margin:0 auto 6px;padding:8px 12px;border:2px solid currentColor;border-radius:10px;background:#ffffff52;box-sizing:border-box}
.finalScoreLabel{display:block;margin-bottom:4px;font-size:.78rem;font-weight:900;letter-spacing:.16em;line-height:1;text-align:center}
.finalScoreTeams{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.finalScoreTeam{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:2px 8px;text-align:center;font-size:clamp(16px,2.2vw,22px);font-weight:850;line-height:1.15}
.finalScoreTeam span{flex:0 1 auto;min-width:0}
.finalScoreTeam+.finalScoreTeam{border-left:1px solid currentColor}
.finalScoreTeam strong{font-size:clamp(30px,4vw,42px);font-weight:950;line-height:1}
.finalTotalPoints{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:7px;padding-top:6px;border-top:1px solid currentColor;font-size:clamp(16px,2vw,20px);font-weight:900;letter-spacing:.03em}
.finalTotalPoints strong{font-size:clamp(24px,3vw,32px);font-weight:950;line-height:1}
.finalScoreExtra{display:block;margin-top:4px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-align:center}
.finalScoreboard-simple{text-align:center}
.finalScoreSimple{display:block;font-size:clamp(30px,4vw,42px);font-weight:950;line-height:1}
#liveGames .resultOutcome{max-width:none;padding:12px 8px}
@media(max-width:650px){.resultOutcome{max-width:none;padding:14px 4px 6px}.resultOutcome>strong{font-size:1.8rem}}
@media(max-width:650px){.finalScoreboard{padding:7px 6px}.finalScoreTeams{gap:2px}.finalScoreTeam{padding:2px 5px;gap:6px;font-size:15px}.finalScoreTeam strong{font-size:30px}.finalTotalPoints{margin-top:5px;padding-top:5px}}
@media print{body article:is(.win,.loss),#liveGames .livePick-winning,#liveGames .livePick-losing{background:#fff!important;color:#111!important}.resultOutcome{color:#111}}
.resultChaching{display:block;margin-top:8px;font-size:1.5rem;line-height:1.2;font-weight:900;letter-spacing:.02em}
.soundReplay{display:inline-block;margin-top:10px;padding:6px 9px;border:1px solid currentColor;border-radius:6px;color:inherit;background:#ffffff30;font-size:.875rem;font-weight:800;cursor:pointer}
.sparklesSoundBar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;color:#d5e8f5}
.sparklesSoundToggle{padding:7px 12px;background:#e69516;color:#080808;border:1px solid #e69516;border-radius:7px;font-size:.875rem;font-weight:800;cursor:pointer}
.sparklesSoundStatus{font-size:.875rem;line-height:1.3}.soundReplay:focus-visible,.sparklesSoundToggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media print{.sparklesSoundBar,.soundReplay{display:none!important}}


/* Center the complete win celebration inside its result box. */
.resultOutcome-won{margin:0 auto!important;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:350px;box-sizing:border-box}.resultOutcome-won .soundReplay{align-self:center}

/* Center the celebration across the whole card, below pick and outcome details. */
body .picktop>.resultOutcome{grid-column:1/-1;justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,500px);max-width:500px;min-width:0;margin:0 auto!important;text-align:center;box-sizing:border-box}
body .picktop>.resultOutcome>strong,body .picktop>.resultOutcome>.resultChaching{width:100%;text-align:center}
body .picktop>.resultOutcome>.soundReplay{align-self:center;margin-left:auto;margin-right:auto}

body[data-card-mode="current"] article.currentLiveWinning{background:#b9e6c4!important;color:#102d20!important}
body[data-card-mode="current"] article.currentLiveLosing{background:#f1c1c1!important;color:#42161e!important}
.currentLiveStatus{grid-column:1/-1;width:100%;text-align:center;padding:8px 0;line-height:1.3}
.currentLiveStatus strong{display:block;font:900 clamp(24px,4vw,32px)/1.2 Arial,sans-serif}
.currentLiveStatus span{display:block;margin-top:5px;font:600 14px/1.4 Arial,sans-serif}
.currentLiveStatus.winning{color:#064528}.currentLiveStatus.losing{color:#5d1120}

/* Compact results cards without shrinking their type or team logos. */
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) article{padding:12px;margin:8px 0}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop{gap:8px;align-items:start}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop h3{margin:3px 0 5px}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .pickmeta{line-height:1.45}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .analysis{margin:10px -12px -12px;padding:9px 12px;line-height:1.45}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .analysis p{margin:3px 0}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .resultOutcome{padding:4px 0 0;gap:0}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) :is(.resultChaching,.resultClose){margin-top:4px}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .soundReplay{margin-top:6px}
body[data-pick-view="results"] .currentLiveStatus{padding:4px 0}
body[data-pick-view="results"] .currentLiveStatus span{margin-top:3px}
@media(max-width:650px){
 :is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) article{padding:10px;margin:6px 0}
 :is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop{gap:6px}
 :is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .analysis{margin:8px -10px -10px;padding:8px 10px}
}

/* Put the selection and live/final outcome together at the top of each card. */
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop{gap:5px 12px;grid-template-columns:minmax(0,1fr) auto}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop>div:first-child{display:contents}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop .eyebrow{grid-column:1/-1;order:-5;text-align:center}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop h3{grid-column:1/-1;order:-4;justify-content:center;text-align:center;font-size:clamp(28px,3.5vw,36px);line-height:1.2;margin:0;gap:4px}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop h3 .teamNameLogo{width:64px;height:64px;margin:0 8px 0 0}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop>.resultOutcome{order:-3;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:3px 10px;max-width:100%;width:100%}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .resultOutcome>strong{flex-basis:100%;font-size:clamp(28px,3.4vw,36px)}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .resultOutcome>.resultChaching{width:auto;margin:0}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .resultOutcome>.soundReplay{margin:0!important}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .resultOutcome>.resultClose{margin:0}
body[data-pick-view="results"] .picktop>.currentLiveStatus{order:-3;padding:0}
body[data-pick-view="results"] .currentLiveStatus strong{font-size:clamp(28px,3.4vw,36px)}
:is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .analysis{margin-top:6px;padding-top:6px;padding-bottom:6px}
@media(max-width:650px){
 :is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop{grid-template-columns:minmax(0,1fr);gap:4px}
 :is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop h3 .teamNameLogo{width:52px;height:52px}
 :is(body[data-pick-view="results"] #allrows,body[data-page-group="results"] #card) .picktop>.pill{text-align:center}
}

/* Both opponents lead each pick card, including totals with no selected team. */
article>.pickMatchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:0 0 6px;text-align:center;font:800 clamp(20px,2.5vw,26px)/1.2 Arial,sans-serif;color:inherit;overflow-wrap:break-word}
.pickMatchup .matchupTeam{min-width:0;text-align:center}
.pickMatchup .matchupTeam .teamNameWithLogo{display:flex;flex-direction:column;align-items:center;gap:3px;white-space:normal}
.pickMatchup .teamNameLogo{width:64px;height:64px;margin:0;max-width:100%}
.pickMatchup .matchupDivider{font-size:16px;font-weight:800;opacity:.8}
@media(max-width:650px){article>.pickMatchup{gap:5px;font-size:20px}.pickMatchup .teamNameLogo{width:52px;height:52px}}

/* Center the selected bet and give it the same scale as the opponents. */
body main .picktop{grid-template-columns:minmax(0,1fr) auto}
body main .picktop>div:first-child{display:contents}
body main .picktop .eyebrow,body main .picktop .pickSelection{grid-column:1/-1;justify-self:center;text-align:center;width:100%}
body main .picktop .pickSelection{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:4px 0!important;font-size:clamp(20px,2.5vw,26px)!important;line-height:1.2!important;overflow-wrap:break-word}
body main .picktop .pickSelection .teamNameLogo{width:64px!important;height:64px!important}
@media(max-width:650px){body main .picktop{grid-template-columns:minmax(0,1fr)}body main .picktop .pickSelection{font-size:20px!important}body main .picktop .pickSelection .teamNameLogo{width:40px!important;height:40px!important}}

/* Compact Picks and Results cards without reducing text or logo sizes. */
body main :is(#allrows,#card) article{padding:10px 12px!important;margin:6px 0!important;min-height:0;height:auto}
body main :is(#allrows,#card) article>.pickMatchup{margin:0 0 2px!important;row-gap:2px}
body main :is(#allrows,#card) .pickMatchup .teamNameWithLogo{gap:1px}
body main :is(#allrows,#card) .picktop{row-gap:3px!important;align-items:start}
body main :is(#allrows,#card) .picktop .eyebrow{margin:0;line-height:1.2}
body main :is(#allrows,#card) .picktop .pickSelection{margin:1px 0!important;row-gap:2px}
body main :is(#allrows,#card) .pickmeta{line-height:1.35!important;margin:0}
body main :is(#allrows,#card) .picktop>.resultOutcome,
body main :is(#allrows,#card) .picktop>.currentLiveStatus{padding:0!important;margin-top:0!important;margin-bottom:0!important;row-gap:2px!important}
body main :is(#allrows,#card) .resultOutcome :is(.resultChaching,.resultClose){margin-top:2px!important;margin-bottom:0!important}
body main :is(#allrows,#card) .analysis{margin:5px -12px -10px!important;padding:6px 12px!important;line-height:1.4!important;min-height:0}
body main :is(#allrows,#card) .analysis p{margin:2px 0!important;line-height:1.4!important}
@media(max-width:650px){
 body main :is(#allrows,#card) article{padding:8px 10px!important;margin:5px 0!important}
 body main :is(#allrows,#card) .analysis{margin:4px -10px -8px!important;padding:5px 10px!important}
 body main :is(#allrows,#card) .picktop{row-gap:2px!important}
}