#liveGames .sportSurface{box-sizing:border-box;position:relative;width:100%;max-width:none;margin:8px 0 4px;padding:10px;border:2px solid #24b8d1;border-radius:12px;background:#041b30;color:#f4fbff;overflow:hidden}
#liveGames .sportSurface figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 8px;font-size:clamp(1rem,2.4vw,1.5rem);line-height:1.2;font-weight:900;color:#e69516}
#liveGames .surfaceClock{color:#8bffb0;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,4vw,2rem)}
#liveGames .sportSurface svg{display:block;width:100%;height:auto;max-height:none;aspect-ratio:640/300}
#liveGames .surfaceTeamRow{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
#liveGames .surfaceTeam{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;font-size:1rem;line-height:1.25;color:#fff;padding:4px 6px;border-radius:6px}
#liveGames .surfaceTeam img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:5px;padding:2px}
#liveGames .surfaceTeam span{color:#8bffb0;font-weight:800}
#liveGames .surfacePossession{border:2px solid #6aff93;background:#0d4233}
#liveGames .surfaceAnimationNote{font-size:.75rem;line-height:1.4;color:#d1e5f4;margin:5px 0 0}
#liveGames .surfaceLive .surfaceActivity{transform-box:fill-box;transform-origin:center;animation:liveSportPulse 1.4s ease-in-out infinite}
#liveGames .sportSurface-NBA.surfaceLive .surfaceActivity,#liveGames .sportSurface-WNBA.surfaceLive .surfaceActivity{animation:basketballLiveBounce 1s ease-in-out infinite}
#liveGames .sportSurface-NHL.surfaceLive .surfaceActivity{animation:hockeyLiveGlide 2s ease-in-out infinite}
#liveGames .surfaceLive .occupiedBase{animation:occupiedBaseGlow 2s ease-in-out infinite}
@keyframes liveSportPulse{50%{transform:scale(1.25);filter:drop-shadow(0 0 7px #74f3ff)}}
@keyframes occupiedBaseGlow{50%{filter:drop-shadow(0 0 8px #e69516)}}
@keyframes basketballLiveBounce{50%{transform:translateY(-8px) scale(.94,1.06);filter:drop-shadow(0 0 7px #e69516)}}
@keyframes hockeyLiveGlide{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px);filter:drop-shadow(0 0 6px #12cef7)}}
#liveGames .liveSituation{background:#071f35;border:1px solid #28aec9;color:#f4fbff;padding:10px;margin:6px 0}
#liveGames .liveSituationHeading{color:#e69516;font-size:1rem;font-weight:900}
#liveGames .liveSituationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#liveGames .liveSituationGrid>div{padding:8px;border-radius:7px;background:#0d3148;min-width:0}
#liveGames .liveSituationGrid span{color:#abd9f1;font-size:.875rem;font-weight:800;line-height:1.25}
#liveGames .liveSituationGrid strong{color:#8bffb0;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.3;font-weight:900;overflow-wrap:anywhere}
#liveGames .liveSituationGrid>div:nth-child(2n) strong{color:#e69516}
#liveGames .liveLastPlay{padding:8px;color:#fff;background:#10334c;font-size:.875rem;line-height:1.5;border-radius:6px;overflow-wrap:anywhere}
#liveGames .liveLastPlay b{color:#e69516}
@media(prefers-reduced-motion:reduce){#liveGames .surfaceActivity,#liveGames .occupiedBase{animation:none!important}}

/* Verified telemetry and clearly labeled play replays. */
#liveGames .surfaceDataStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:4px 0 6px}
#liveGames .surfaceDataStrip>div{min-width:0;padding:6px;background:#0d3146;border:1px solid #e6951677;border-radius:7px;text-align:center}
#liveGames .surfaceDataStrip span{display:block;font-size:14px;font-weight:800;color:#f1ca80;line-height:1.2}
#liveGames .surfaceDataStrip strong{display:block;font-size:clamp(18px,3vw,24px);line-height:1.25;color:#8bffb0!important;overflow-wrap:anywhere}
#liveGames .surfaceReplayInfo{padding:7px 9px;background:#0b2d43;color:#f6f1df;border:1px solid #e6951688;border-radius:8px;margin:4px 0}
#liveGames .surfaceReplayInfo>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}
#liveGames .surfaceReplayInfo strong{font:900 14px/1.3 Arial,sans-serif;color:#e69516!important}
#liveGames .surfaceReplayInfo span{font-size:14px;font-weight:800;color:#b9e8dd}
#liveGames .surfaceReplayInfo p{margin:5px 0;font-size:16px;line-height:1.4;color:#fff!important}
#liveGames .surfaceReplayInfo small{display:block;font-size:14px;line-height:1.35;color:#d8e5ec!important}
#liveGames .replayPlayButton{min-height:36px;padding:6px 12px;border:1px solid #ffcb6a;border-radius:6px;background:#e69516;color:#111;font:800 14px/1.2 Arial,sans-serif;cursor:pointer}
#liveGames .surfacePlayers{margin:5px 0;color:#fff;text-align:left}
#liveGames .surfacePlayers>strong{font:800 14px/1.3 Arial,sans-serif;color:#e69516!important}
#liveGames .surfacePlayers>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
#liveGames .surfacePlayerChip{padding:4px 7px;border:1px solid #dca43b99;border-radius:6px;background:#102f45;color:#f6e1b3!important;font:700 14px/1.3 Arial,sans-serif}
#liveGames .surfaceTelemetry{margin:4px 0;color:#8bffb0!important;font-size:16px;font-weight:800;text-align:center}
#liveGames .surfacePitchDetail{display:flex;align-items:center;gap:12px;color:#fff;text-align:left;background:#0b2c40;padding:6px;border-radius:8px}
#liveGames .surfacePitchDetail p{margin:0;font-size:14px;line-height:1.5;color:#fff!important;flex:1;min-width:0}
#liveGames .surfacePitchDetail strong{color:#e69516!important}
#liveGames .lastPitchZone{width:120px;flex:0 0 120px}
#liveGames .lastPitchZone svg{width:100%;height:auto!important;aspect-ratio:1;max-height:none!important}
#liveGames .surfaceAnimationNote{font-size:14px;line-height:1.4}
#liveGames .footballField .surfaceReplayInfo,#liveGames .footballField .surfacePlayers{transform:none;position:static}
#liveGames .reportedLocationPulse{animation:reportedEventPulse 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes reportedEventPulse{50%{opacity:.45;transform:scale(1.2)}}
@media(max-width:600px){#liveGames .surfaceDataStrip{grid-template-columns:repeat(2,minmax(0,1fr))}#liveGames .surfacePitchDetail{gap:6px}#liveGames .lastPitchZone{width:100px;flex-basis:100px}}
@media(prefers-reduced-motion:reduce){#liveGames .reportedLocationPulse{animation:none!important}}