/* One compact game view; current information stays visible without clipping. */
#liveGames .liveGameCard{box-sizing:border-box;padding:8px!important;line-height:1.25;max-width:1100px;margin:0 auto!important}
#liveGames .liveGameTime{font-size:12px;line-height:1.3;margin:0 0 3px}
#liveGames .liveMatchup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:calc((100% - 8px)*.545);max-width:100%;margin:3px 0 6px;font-size:16px;line-height:1.2}
#liveGames .liveMatchupTeam{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0}
#liveGames .liveMatchupTeam>strong{min-width:0;overflow-wrap:anywhere}
#liveGames .liveMatchup .teamNameLogo{width:20px;height:20px}
#liveGames .liveScoreNumber{font-size:26px;flex-shrink:0;padding:2px 6px;margin:0}
#liveGames .liveGameBody{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px;align-items:start}
#liveGames .liveGameVisual,#liveGames .liveGameSituation{min-width:0}
#liveGames .livePick{padding:5px 7px!important;margin:0 0 4px}
#liveGames .livePickState{font-size:12px;padding:2px 4px}
#liveGames .livePick .liveBetSelection{font-size:18px;line-height:1.2;margin:2px 0}
#liveGames .livePick>small{font-size:12px;line-height:1.25}
#liveGames .liveWinProbability{margin:2px 0;padding:0;gap:1px 6px}
#liveGames .resultOutcome{padding:4px 0;gap:0}
#liveGames .resultOutcome>strong{font-size:20px}
#liveGames .resultChaching{font-size:16px;margin-top:2px}
#liveGames .soundReplay{margin-top:3px;padding:4px 7px}
#liveGames :is(.sportSurface,.footballField){box-sizing:border-box;width:100%;margin:0;padding:5px;border:1px solid #24b8d1;border-radius:8px;background:#041b30;color:#fff}
#liveGames :is(.sportSurface,.footballField) .surfaceStage>svg{display:block;width:100%;height:auto;max-height:220px;margin:2px 0;aspect-ratio:auto;min-width:0}
#liveGames .fieldQuarter{font-size:14px;line-height:1.2;margin:0;color:#e69516}
#liveGames :is(.sportSurface,.footballField) figcaption{font-size:14px;line-height:1.2;gap:4px;margin:0 0 2px;text-align:center}
#liveGames .surfaceClock{font-size:18px}
#liveGames .surfaceStage{display:grid;grid-template-columns:minmax(58px,82px) minmax(0,1fr) minmax(58px,82px);gap:5px;align-items:center}
#liveGames .surfaceSideTeam{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;font-size:11px;line-height:1.1;color:#fff}
#liveGames .surfaceSideTeam img{display:block;width:30px;height:30px;object-fit:contain}
#liveGames .surfaceSideTeam b{max-width:100%;overflow-wrap:anywhere}
#liveGames .surfaceSideTeam span{font-size:9px;text-transform:uppercase;color:#f2c94c}
#liveGames .surfaceSideTeam.surfacePossession{filter:drop-shadow(0 0 5px #e69516)}
#liveGames .surfaceSideTeam.surfacePossession img{border:2px solid #e69516;border-radius:50%}
#liveGames .footballFieldOverhead .surfaceStage{grid-template-columns:minmax(38px,52px) minmax(0,1fr) minmax(38px,52px);gap:3px}
#liveGames .footballFieldOverhead .surfaceStage>svg{max-height:250px}
#liveGames .footballFieldOverhead .surfaceSideTeam{font-size:9px}
#liveGames .surfaceScoring,#liveGames .surfacePlayFeed{margin:4px 0 0;padding:4px 5px;border:1px solid #2b7690;border-radius:6px;background:#061525;color:#eaf7ff!important;font-size:11px;line-height:1.25}
#liveGames .surfaceScoring>strong,#liveGames .surfacePlayFeed>strong{display:block;margin-bottom:2px;color:#f2c94c;font-size:11px;letter-spacing:.04em}
#liveGames .surfaceScoring>div{display:flex;align-items:center;gap:4px;padding:2px 0;border-top:1px solid #ffffff14}
#liveGames .surfaceScoring>div span,#liveGames .surfacePlayFeed p{color:#eaf7ff!important}
#liveGames .surfaceScoring>div b,#liveGames .surfacePlayFeed p b{color:#9fe7ff!important}
#liveGames .surfaceScoring img{width:18px;height:18px;object-fit:contain;flex:0 0 18px}
#liveGames .surfacePlayFeedWindow{max-height:74px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#liveGames .surfacePlayFeed p{margin:0;padding:2px 0;border-top:1px solid #ffffff14}
#liveGames .surfacePlayFeed .scoringPlay,#liveGames .surfacePlayFeed .scoringPlay b{color:#ffe38c!important}
/* These four metrics also appear in Current Game Situation. */
#liveGames .surfaceDataStrip{display:none}
#liveGames .surfaceAnimationNote{font-size:12px;line-height:1.2;margin:3px 0 0;padding:5px 7px;border-radius:5px;background:#061525;color:#dbeaf4!important}
#liveGames .liveReplayDetails{margin:3px 0 0;border:1px solid #2b7690;border-radius:6px;background:#061525;padding:0;color:#eaf7ff!important;overflow:hidden}
#liveGames .liveReplayDetails>summary{padding:7px;font:800 14px/1.2 Arial,sans-serif;color:#f2c94c!important;cursor:pointer}
#liveGames .liveReplayDetails[open]>summary{margin-bottom:3px}
#liveGames .liveReplayDetails :is(p,small,span,strong){color:inherit!important}
#liveGames .liveSituation{margin:0;padding:5px;border-radius:8px}
#liveGames .liveSituationHeading{font-size:14px;line-height:1.2;margin:0 0 4px}
#liveGames .liveSituationGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#liveGames .liveSituationGrid>div{padding:4px 5px}
#liveGames .liveSituationGrid span{font-size:12px;line-height:1.15}
#liveGames .liveSituationGrid strong{font-size:14px;line-height:1.25}
#liveGames .liveLastPlay{padding:5px;margin:4px 0 0;font-size:14px;line-height:1.3}
#liveGames .liveSituationStatus{margin:3px 0;font-size:14px}

/* Last-play details stay beside the game; live motion appears on the playing surface. */
#liveGames .liveLastPlay{padding:6px 7px;border:1px solid #28aec9;border-radius:7px;background:#061525;color:#eaf7ff!important}
#liveGames .lastPlayAnimationHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
#liveGames .lastPlayAnimationHead b{color:#f2c94c!important;font-size:12px;letter-spacing:.04em}
#liveGames .lastPlayAnimationHead span{color:#9fe7ff!important;font-size:11px;font-weight:800}
#liveGames .liveLastPlay p{margin:2px 0;color:#fff!important;font-size:12px;line-height:1.3}
#liveGames .liveLastPlay small{display:block;color:#b8c8d4!important;font-size:9px;line-height:1.25}
#liveGames .surfaceLastPlayTrail{fill:none;stroke:#ffe067;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 7;filter:drop-shadow(0 0 4px #39ff14)}
#liveGames .surfaceLastPlayToken{filter:drop-shadow(0 0 6px #ffe067)}
#liveGames .fieldPossessionMarker{filter:drop-shadow(0 0 3px #ffe067)}
#liveGames .surfacePlayDot{stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 4px #03131f)}
#liveGames .surfacePlayStart{fill:#39df78}
#liveGames .surfacePlayEnd{fill:#ffe067}
#liveGames .fieldCenterHomeLogo{opacity:.48;filter:drop-shadow(0 0 4px #fff);pointer-events:none}
#liveGames .fieldPossessionLogo{opacity:.72;filter:drop-shadow(0 0 3px #fff);pointer-events:none}
#liveGames .surfaceArrowTeamLogo{opacity:.62;filter:drop-shadow(0 0 2px #fff);pointer-events:none}
#liveGames .replayFootball{filter:drop-shadow(0 0 5px #ffe067)}
#liveGames .surfacePlayArrow,#liveGames .replayDirectionArrow{fill:none;stroke:#fff2ac;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #03131f)}
#liveGames .surfaceDistanceLabel rect{fill:#061525ee;stroke:#ffe067;stroke-width:1.5}
#liveGames .surfaceDistanceLabel text{fill:#fff;font:900 10px Arial,sans-serif;letter-spacing:.03em;paint-order:stroke;stroke:#061525;stroke-width:1px}
#liveGames .surfaceLastPlayScore{fill:#baffac;font:900 22px Arial,sans-serif;text-shadow:0 0 8px #39ff14;animation:surfaceScoreFlash 4s ease-in-out infinite}
@keyframes surfaceScoreFlash{0%,65%,100%{opacity:0}76%,88%{opacity:1}}
@media(prefers-reduced-motion:reduce){#liveGames .surfaceLastPlayScore{animation:none!important;opacity:1}}
@media(max-width:520px){
 #liveGames .liveGameCard{padding:6px!important}
 #liveGames .liveMatchup{width:100%;font-size:14px;gap:6px}
 #liveGames .liveMatchupTeam{align-items:center;gap:3px}
 #liveGames .liveMatchup .teamNameLogo{width:18px;height:18px}
 #liveGames .liveScoreNumber{font-size:24px;padding:2px 4px}
 #liveGames .liveGameBody{grid-template-columns:minmax(0,1fr);gap:4px}
 #liveGames :is(.sportSurface,.footballField) .surfaceStage>svg{max-height:175px}
 #liveGames .surfaceStage{grid-template-columns:52px minmax(0,1fr) 52px;gap:3px}
 #liveGames .surfaceSideTeam{font-size:9px}
 #liveGames .surfaceSideTeam img{width:24px;height:24px}
 #liveGames .footballFieldOverhead .surfaceStage{grid-template-columns:34px minmax(0,1fr) 34px;gap:2px}
 #liveGames .footballFieldOverhead .surfaceStage>svg{max-height:205px}
 #liveGames .surfaceSideTeam span{font-size:8px}
 #liveGames .liveSituationGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 #liveGames .liveSituationGrid>div{padding:3px 4px}
 #liveGames .liveBetSelection{font-size:16px!important}
 #liveGames .surfaceClock{font-size:16px}
}
/* Keep full text available when enlarged, even when it needs extra height. */
@media(max-width:350px){#liveGames .liveSituationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Complete live/final box score. Large tables scroll sideways without widening the page. */
#liveGames .liveFullBoxScore{margin:8px 0 0;border:1px solid #e69516;border-radius:8px;background:#071827;color:#fff!important;overflow:hidden}
#liveGames .liveFullBoxScore>summary{padding:9px 11px;background:#0d3146;color:#f2c94c;font:900 15px/1.2 Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
#liveGames .liveFullBoxScore[open]>summary{border-bottom:1px solid #e6951677}
#liveGames .boxScoreColumns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:7px;padding:7px}
#liveGames .boxScoreColumns>section,#liveGames .playerBoxScores{min-width:0;padding:6px;border:1px solid #2b7690;border-radius:7px;background:#061525}
#liveGames .liveFullBoxScore h4,#liveGames .liveFullBoxScore h5{margin:0 0 5px;color:#f2c94c;font:900 12px/1.2 Arial,sans-serif;letter-spacing:.04em}
#liveGames .boxScoreTableWrap{max-width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#liveGames .boxScoreTable{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}
#liveGames .boxScoreTable th,#liveGames .boxScoreTable td{padding:4px 5px;border-bottom:1px solid #ffffff18;text-align:center}
#liveGames .boxScoreTable th:first-child{text-align:left;position:sticky;left:0;z-index:1;background:#071827}
#liveGames .boxScoreTable thead th{position:sticky;top:0;background:#0d3146;color:#f2c94c;z-index:2}
#liveGames .boxScoreTable img,#liveGames .boxScoreEvent img,#liveGames .playerBoxScore summary img{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:4px}
#liveGames .boxScoreEventList{max-height:220px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#liveGames .boxScoreEvent{display:flex;align-items:flex-start;gap:4px;padding:4px 0;border-top:1px solid #ffffff16;font-size:11px;line-height:1.25}
#liveGames .boxScoreEvent span,#liveGames .boxScoreTable :is(th,td){color:#eaf7ff!important}
#liveGames .boxScoreEvent b{color:#9fe7ff!important}
#liveGames .boxScoreTable thead th{color:#f2c94c!important}
#liveGames .boxScoreEvent:first-child{border-top:0}
#liveGames .boxScoreEmpty{margin:3px 0;color:#b8c8d4;font-size:11px}
#liveGames .playerBoxScores{margin:0 7px 7px}
#liveGames .playerBoxScore{margin:5px 0;border:1px solid #2b7690;border-radius:6px;overflow:hidden}
#liveGames .playerBoxScore>summary{display:flex;align-items:center;padding:7px;background:#0d3146;color:#fff;font-weight:800;cursor:pointer}
#liveGames .playerBoxScore>section{padding:6px}
#liveGames .boxScorePlayers{min-width:max-content}
#liveGames .boxScoreSource{margin:0;padding:0 9px 8px;color:#9fb5c5;font-size:10px}
@media(max-width:760px){#liveGames .boxScoreColumns{grid-template-columns:minmax(0,1fr)}#liveGames .boxScoreEventList{max-height:170px}}