/* Game artwork and broadcast framing. Every picture represents a real game system. */
.broadcast-hub .weekly-matchup{padding:0;border-radius:2px;box-shadow:0 4px 0 var(--shadow)}
.broadcast-hub .weekly-matchup>.eyebrow{margin:0;padding:10px 20px;background:var(--deep);color:#edc78b;border-bottom:1px solid #42575a;display:flex;align-items:center;gap:10px}
.broadcast-hub .weekly-matchup>.eyebrow::before{content:"SA";display:grid;place-items:center;width:30px;height:24px;border:1px solid #edc78b;font-size:16px;letter-spacing:0}
.broadcast-stage{background:#0d222b;color:#f7efda}
.broadcast-scorebug{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:16px 24px;background:#122630;border-bottom:1px solid #57746f}
.broadcast-club{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:center;border-left:5px solid var(--home-club);padding-left:14px;min-width:0}
.broadcast-club>span{font-size:16px;color:#bacaca;line-height:1.1;grid-column:1;overflow-wrap:anywhere}
.broadcast-club>strong{font-size:40px;line-height:1.1;grid-column:1}
.broadcast-club>b{font-size:48px;line-height:1;grid-column:2;grid-row:1/3}
.broadcast-club--away{border-left:0;border-right:5px solid var(--away-club);padding-left:0;padding-right:14px;text-align:right;grid-template-columns:auto minmax(0,1fr)}
.broadcast-club--away>span,.broadcast-club--away>strong{grid-column:2}.broadcast-club--away>b{grid-column:1}
.broadcast-versus{font-size:16px;color:#edc78b;text-align:center;max-width:9ch;line-height:1.2}
.broadcast-pitch{position:relative;overflow:hidden;background:#173b32}
.broadcast-pitch canvas{display:block;width:100%;height:auto;aspect-ratio:1120/480;image-rendering:pixelated}
.broadcast-preview-label{position:absolute;top:8px;left:16px;display:flex;align-items:center;gap:8px;color:#e8edda;font-size:16px;line-height:1;background:#152d28;padding:5px 9px;border:1px solid #537966}
.broadcast-cast{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;border-top:1px solid #57746f;padding:0 24px;background:#142a34}
.broadcast-player{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 0}
.broadcast-player .player-portrait{width:96px;height:96px;box-shadow:0 0 0 2px #57746f;border:0}
.broadcast-player>div{min-width:0}.broadcast-player span{display:block;color:#c5d2cf;font-size:16px;line-height:1.2}.broadcast-player strong{display:block;font-size:24px;line-height:1.15;margin-top:5px;overflow-wrap:anywhere}
.broadcast-player--away{flex-direction:row-reverse;text-align:right}
.broadcast-cast-label{font-size:16px;line-height:1.15;letter-spacing:2px;text-align:center;color:#718f93;padding:0 12px}
.broadcast-matchup-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}
.broadcast-matchup-copy>div{min-width:0}.broadcast-matchup-copy h2{margin:0!important}.broadcast-matchup-copy p{margin:6px 0 0;font-size:18px;line-height:1.4;max-width:60ch}
.broadcast-matchup-copy .hub-actions{margin:0;flex-shrink:0;gap:8px;justify-content:flex-end;max-width:380px}
.broadcast-matchup-copy .hub-actions .primary{min-width:164px}.broadcast-matchup-copy .hub-actions .text-button{font-size:16px;padding:4px}
.broadcast-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.broadcast-destination{display:block;min-width:0;background:var(--card);color:var(--text);border:1px solid var(--line);padding:0;text-align:left;border-radius:2px;overflow:hidden;box-shadow:0 3px 0 var(--shadow)}
.broadcast-destination:hover{border-color:var(--control-focus)}.broadcast-destination:hover .broadcast-tile-copy{background:var(--control-hover)}
.broadcast-tile-art{height:150px;display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden;border-bottom:1px solid var(--line)}
.broadcast-lineup{background:var(--surface-soft);background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),var(--line) calc(33.333% - 1px),var(--line) 33.333%)}
.broadcast-mini-player{display:flex;flex-direction:column;align-items:center;gap:7px}.broadcast-mini-player .player-portrait{width:64px;height:64px}.broadcast-mini-player small{display:grid;place-items:center;min-width:32px;height:22px;font-size:16px;line-height:1;background:var(--card);color:var(--text);border:1px solid var(--line)}
.broadcast-notebook{background:#eadfbd;padding:6px 16px;border-left:12px solid #53615b}.broadcast-notebook canvas{width:100%;height:auto;max-height:148px;object-fit:contain;display:block;image-rendering:pixelated}
.broadcast-draft{background:var(--surface-tint)}
.broadcast-draft-round{border:1px solid var(--line);background:var(--card);text-align:center;padding:8px 14px;font-size:40px;line-height:1;color:var(--text)}.broadcast-draft-round small{display:block;font-size:16px;margin-top:7px;color:var(--muted)}
.broadcast-tile-copy{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;min-height:90px}.broadcast-tile-copy>span{min-width:0}.broadcast-tile-copy small{display:block;font-size:16px;color:var(--muted);line-height:1.2}.broadcast-tile-copy strong{display:block;font-size:24px;line-height:1.2;margin-top:4px}
.broadcast-management{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;flex-wrap:wrap;border-bottom:1px solid var(--line)}.broadcast-management .text-button{flex-wrap:wrap}.broadcast-management .text-button>span{color:var(--muted);font-weight:400;margin-left:8px}
@media(max-width:400px){.broadcast-club>span{display:none}}
@media(max-width:1100px){.broadcast-matchup-copy{align-items:flex-start;flex-direction:column}.broadcast-matchup-copy .hub-actions{max-width:none;justify-content:flex-start}.broadcast-player .player-portrait{width:64px;height:64px}.broadcast-cast-label{display:none}.broadcast-cast{grid-template-columns:1fr 1fr}.broadcast-mini-player .player-portrait{width:32px;height:32px}.broadcast-tile-art{gap:8px}.broadcast-draft-round{padding:8px;font-size:32px}}
@media(max-width:760px){.broadcast-scorebug{padding:14px 12px;gap:8px}.broadcast-club{padding-left:8px;gap:0 8px}.broadcast-club--away{padding-right:8px;padding-left:0}.broadcast-club>strong{font-size:32px}.broadcast-club>b{font-size:36px}.broadcast-club>span{font-size:16px}.broadcast-versus{font-size:14px}.broadcast-cast{padding:0 12px;gap:16px}.broadcast-player{gap:8px;align-items:flex-start;flex-direction:column}.broadcast-player--away{align-items:flex-end}.broadcast-player strong{font-size:20px}.broadcast-player .player-portrait{width:64px;height:64px}.broadcast-preview-label{top:4px;left:6px;font-size:12px;padding:3px 5px}.broadcast-preview-label .ui-pixel-icon{display:none}.broadcast-matchup-copy{padding:16px}.broadcast-matchup-copy h2{font-size:24px!important}.broadcast-matchup-copy .hub-actions{width:100%}.broadcast-destinations{grid-template-columns:1fr;gap:12px;margin-top:18px}.broadcast-destination{display:grid;grid-template-columns:42% 1fr;align-items:stretch}.broadcast-tile-art{height:120px;border-bottom:0;border-right:1px solid var(--line);gap:5px}.broadcast-tile-copy{padding:12px;gap:5px}.broadcast-tile-copy strong{font-size:20px}.broadcast-mini-player .player-portrait{width:32px;height:32px}.broadcast-mini-player small{min-width:24px;font-size:14px}.broadcast-notebook{padding:5px;border-left-width:7px}.broadcast-draft-round{font-size:24px;padding:5px}.broadcast-draft-round small{font-size:12px}.broadcast-management{align-items:flex-start;flex-direction:column}.broadcast-management .text-button{font-size:18px}.broadcast-management .text-button>span{font-size:16px;margin-left:0}.broadcast-hub .weekly-matchup>.eyebrow{padding:8px 12px;font-size:14px}}