/* Data-dense broadcast board. Wide screens gain panels, not empty margins. */
@media(min-width:1101px){
 .watch-mode .watch-sidebar #nfl-games{grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(100vh - 485px)}
 .watch-mode .watch-sidebar .nfl-game{padding:6px}
 .watch-mode .nfl-game details summary{font-size:9px}
 .watch-mode .nfl-game details p .offense-has-ball{color:#9ce6c4;border:1px solid #396c59}
}
@media(min-width:1800px){.watch-mode .watch-sidebar #nfl-games{max-height:calc(100vh - 455px)}}
@media(max-width:1100px){.watch-mode #nfl-filters button{min-height:44px;min-width:54px}}
#nfl-filters{display:flex;gap:5px;padding:5px 8px;border-bottom:1px solid #304967}
#nfl-filters button{min-height:44px;padding:4px 12px;border:1px solid #405777;border-radius:5px;background:#18283f;color:#c8ddf5;font-size:11px}
#nfl-filters button[aria-pressed=true]{background:#155471;border-color:#69ddff;color:white}
.watch-mode .nfl-score-row{display:flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--nfl-color) 32%,#111d30);border-left:4px solid var(--nfl-color);margin-top:3px;border-radius:3px;font-variant-numeric:tabular-nums}
.watch-mode .nfl-score-row>b{background:var(--nfl-color);color:var(--nfl-ink);font-size:11px;width:42px;padding:2px 4px;text-align:center}
.watch-mode .nfl-score-row>strong{margin-left:auto;padding-right:6px;font-size:14px;color:white}
.watch-mode .ball-indicator{color:#80f3b4;font-size:10px}
.watch-mode .nfl-game header em{font-size:8px;color:#ffad8c}
.watch-mode .nfl-game.is-live header small{color:#80f3b4}
.watch-mode .nfl-game details p{display:flex;flex-wrap:wrap;gap:3px;margin:3px 0;color:#c6d5e9}
.watch-mode .nfl-game details p span{padding:3px;background:#22334a;border-radius:3px}
.watch-mode{max-width:none;--watch-accent:#69ddff}
.watch-mode .match-player a,.watch-mode .match-scores h3,.watch-mode .nfl-game details p,.watch-mode #live-play-log p,.play-banner p{min-width:0;overflow-wrap:anywhere}
.watch-mode .match-player>span{overflow-wrap:normal}
.watch-mode .watch-toolbar h2{color:#69ddff;font-size:20px}
.watch-mode .watch-toolbar{gap:6px}
.watch-mode .watch-toolbar button,.watch-mode .watch-toolbar select{min-height:44px;padding:5px 9px;font-size:12px}
.watch-mode .watch-links{min-height:44px;font-size:11px}
 .watch-mode .watch-links a{min-height:44px;color:#89b9ed}
.watch-mode .match-selector{gap:6px;margin:3px 0 8px}
.watch-mode .match-selector button{padding:6px 8px;background:linear-gradient(135deg,#172944,#101b2d);border-color:#35486b;border-radius:7px}
.watch-mode .match-selector button[aria-pressed=true]{background:linear-gradient(110deg,#123c4f,#272750);border-color:#64dfff;box-shadow:inset 0 2px #64dfff}
.watch-mode .match-selector button div{font-size:11px;margin-top:4px;border-left:3px solid var(--team-color);padding-left:6px;align-items:center}
.watch-mode .match-selector button div>span{color:var(--team-color);font-weight:700}
.watch-mode .match-selector button div b{display:flex;align-items:baseline;gap:8px;font-size:13px}
.watch-mode .match-selector button div b small{font-size:10px;color:#c1b5ed}
.watch-mode .match-selector button>small{font-size:9px;color:#a8c8e5}
.watch-mode #match-scorebar{top:var(--site-sticky-top,74px)}
.watch-mode .match-scores{padding:0;gap:8px;overflow:hidden;border-color:#486389;background:#102035;margin-bottom:9px}
.watch-mode .match-scores>div{display:grid;grid-template-columns:minmax(130px,1fr) auto;column-gap:12px;row-gap:1px;align-items:center;padding:8px 12px;border-left:4px solid var(--team-color);background:linear-gradient(110deg,color-mix(in srgb,var(--team-color) 17%,#102035),#102035)}
.watch-mode .match-scores>div:last-child{border-left:0;border-right:4px solid var(--team-color);background:linear-gradient(250deg,color-mix(in srgb,var(--team-color) 17%,#102035),#102035)}
.watch-mode .match-scores h3{font-size:14px;color:var(--team-color);grid-column:1;grid-row:1;line-height:1.3}
.watch-mode .match-scores strong{font-size:32px;grid-column:2;grid-row:1/4;line-height:1.1;color:#fff}
.watch-mode .match-scores small{font-size:10px;line-height:1.35;grid-column:1;margin:0}
.watch-mode .match-scores small+small{margin:0;color:#e0cbff}
.watch-mode .match-scores>div:last-child strong{grid-column:1}
.watch-mode .match-scores>div:last-child h3,.watch-mode .match-scores>div:last-child small{grid-column:2}
.watch-mode .match-scores>span{font-size:11px;font-weight:750;color:#88ead0;text-align:center;padding:0 4px}
.watch-mode .match-scores>span small{display:block;color:#c2d4ec;font-size:10px;font-weight:500;white-space:nowrap}
.watch-mode .watch-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.52fr);gap:9px;align-items:start}
.watch-mode .match-lineups{gap:8px}
.watch-mode .match-lineups .season-card{border-color:color-mix(in srgb,var(--team-color) 48%,#253650);border-radius:7px;overflow:hidden}
.watch-mode .match-lineups .season-card>header{padding:7px 9px;border-top:3px solid var(--team-color);background:color-mix(in srgb,var(--team-color) 14%,#102035)}
.watch-mode .match-lineups h3{color:var(--team-color);font-size:12px}
.watch-mode .match-player{padding:4px 8px;min-height:44px;gap:6px;font-size:12px;border-color:#243650;grid-template-columns:43px minmax(0,1fr) auto}
.watch-mode .match-player:nth-of-type(even){background:#132238}
.watch-mode .match-player:hover{background:color-mix(in srgb,var(--team-color) 12%,#15263b)}
.watch-mode .match-player>span{font-size:9px;color:#94d2ff;background:#183b56;padding:4px 2px;border-radius:4px;text-align:center}
.watch-mode .match-player[data-position=QB]>span{background:#42214f;color:#f2b1fa}
.watch-mode .match-player[data-position=RB]>span{background:#174637;color:#8ef0bf}
.watch-mode .match-player[data-position=WR]>span{background:#183d65;color:#98cfff}
.watch-mode .match-player[data-position=TE]>span{background:#4b3618;color:#ffd389}
.watch-mode .match-player[data-position=K]>span{background:#3c2c60;color:#d7b8ff}
.watch-mode .match-player[data-status=in]{box-shadow:inset 3px 0 #5cedb1}
.watch-mode .match-player[data-injured=true] a>small:first-of-type{color:#f9b88b}
.watch-mode .match-player a small{font-size:10px;margin-top:1px;line-height:1.3}
.watch-mode .match-player b{font-size:13px;color:#f2f7ff;min-width:48px}
.watch-mode .match-player b small{font-size:10px;color:#c9b0ef}
.watch-mode .match-lineups details summary{padding:7px 9px;min-height:44px;font-size:11px;color:#accded;background:#12263c}
.watch-mode .watch-sidebar{max-height:none;overflow:visible}
.watch-mode .feed-controls{gap:5px;margin-bottom:6px;font-size:11px}
.watch-mode .feed-controls button,.watch-mode .feed-controls select{min-height:44px;font-size:11px;padding:5px 7px}
.watch-mode .possession-toggle{min-height:44px;font-size:10px}
.watch-mode .watch-sidebar section{margin-bottom:8px;border-radius:7px}
.watch-mode .watch-sidebar section>header{padding:7px 9px;background:#202c49;border-top:2px solid #a890f6}
.watch-mode .watch-sidebar .nfl-panel>header{background:#15394a;border-top-color:#69ddff}
.watch-mode .watch-sidebar h3{font-size:12px}
.watch-mode #nfl-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 340px);overflow:auto;align-items:start;align-content:start}
.watch-mode .nfl-game{padding:8px;border-bottom:1px solid #304967;border-right:1px solid #304967;min-width:0;background:linear-gradient(155deg,#102a3b,#111d30)}
.watch-mode .nfl-game header{font-size:12px;flex-wrap:wrap;gap:2px}
.watch-mode .nfl-game header b{color:#f3d78b;font-variant-numeric:tabular-nums}
.watch-mode .nfl-game header small{font-size:9px}
.watch-mode .nfl-possession{font-size:10px;margin:4px 0;gap:4px;color:#9ff1cd}
.watch-mode .nfl-field{height:22px;background-color:#154b39}
.watch-mode .nfl-field>span{font-size:7px}
.watch-mode .nfl-game>small{font-size:9px}
.watch-mode .nfl-game>p{gap:3px;margin-top:4px;font-size:9px}
.watch-mode .nfl-game>p span{padding:2px 4px}
.watch-mode .nfl-game details{font-size:10px;margin-top:4px}
.watch-mode .nfl-game details summary{min-height:44px;cursor:pointer;color:#a9c6e9}
.watch-mode .nfl-game.is-red-zone{background:linear-gradient(130deg,#44221f,#182539);border-left:3px solid #ff997d}
.watch-mode #live-play-log{max-height:240px}
.watch-mode #live-play-log li{padding:8px 9px}
.watch-mode #live-play-log p{font-size:11px;margin:3px 0;line-height:1.4}
.watch-mode #live-play-log small,.watch-mode #live-play-log span{font-size:9px}
.watch-mode #live-play-log li:nth-child(even){background:#17263d}
.watch-mode .watch-notes{margin:6px 0}
.watch-mode .watch-notes summary{min-height:44px}
@media(min-width:1800px){
 .watch-mode .watch-layout{grid-template-columns:minmax(700px,1.35fr) minmax(420px,1fr) minmax(310px,.7fr);column-gap:10px;row-gap:6px}
 .watch-mode #match-detail{grid-column:1;grid-row:1/3}
 .watch-mode .watch-sidebar{display:contents}
 .watch-mode .feed-controls{grid-column:2/4;grid-row:1;display:flex;flex-wrap:wrap;margin:0}
 .watch-mode .feed-controls select{max-width:250px}.watch-mode .possession-toggle{margin-left:8px}
 .watch-mode .nfl-panel{grid-column:2;grid-row:2}.watch-mode .plays-panel{grid-column:3;grid-row:2}
 .watch-mode #nfl-games,.watch-mode #live-play-log{max-height:calc(100vh - 340px);min-height:280px;overflow:auto}
 .watch-mode .nfl-game{padding:9px}.watch-mode .match-player{min-height:44px}
}
@media(min-width:2400px){.watch-mode .watch-layout{grid-template-columns:minmax(760px,1.25fr) minmax(680px,1.2fr) minmax(380px,.7fr)}.watch-mode #nfl-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){
 .watch-mode .watch-layout{grid-template-columns:minmax(0,1fr)}
 .watch-mode .watch-toolbar button,.watch-mode .watch-toolbar select{min-height:44px}
 .watch-mode .match-selector button{flex-basis:155px}
 .watch-mode .match-selector button div b{display:block;font-size:12px}
 .watch-mode .watch-mobile-tabs{gap:5px;margin-bottom:6px}.watch-mode .watch-mobile-tabs button{min-height:44px;padding:6px;font-size:11px}
 .watch-mode .match-scores>div{display:block;padding:7px 8px;min-width:0}.watch-mode .match-scores h3{font-size:12px}.watch-mode .match-scores strong{font-size:27px;margin:2px 0}.watch-mode .match-scores small{font-size:9px}
 .watch-mode .match-scores>span{font-size:10px}.watch-mode .match-scores>span small{font-size:9px}
 .watch-mode .match-lineups .season-card>header{padding:7px 9px}
 .watch-mode .match-player{min-height:44px;padding:5px 8px}
 .watch-mode .match-lineups details summary{min-height:44px}
 .watch-mode #nfl-games{max-height:none;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
 .watch-mode #live-play-log{max-height:none}.watch-mode .feed-controls select,.watch-mode .feed-controls button{min-height:44px}
 .watch-mode .possession-toggle{min-height:44px}.watch-mode .nfl-game details summary{min-height:44px}
}