.broadcast-board.blank-board { background: transparent; }
.broadcast-board { --blue: #477bc1; --red: #bc5964; --green: #4c8a77; font-variant-numeric: tabular-nums; }
.broadcast-board .portrait-label strong { max-width: 100%; padding: 0 .3cqw; overflow-wrap: anywhere; }
.broadcast-board .portrait-label span { text-overflow: ellipsis; }
.lineup-board .portrait-label .lineup-lane-icon { position:static; width:1.3cqw; height:1.3cqw; object-fit:contain; flex:none; opacity:.9; }
.lineup-board .portrait-label .lineup-player { font-size:1.05cqw; font-weight:500; line-height:1.5; opacity:1; padding:0 .25cqw; }
.broadcast-board[data-style="summer"] {
  --board-bg: #28050e; --board-panel: #4c0c20; --board-accent: #f3dfbb; --board-text: #fff5e8;
}
.broadcast-board[data-style="finals"] {
  --board-bg: #101419; --board-panel: #232a31; --board-accent: #d8bc78; --board-text: #f7edda;
}
.broadcast-board.compact-board { padding: 0; background: transparent; color: var(--board-text); border-radius: 0; }
.compact-board::before {
  inset: 61% 0 0; background: var(--board-bg); border-top: .25cqw solid var(--board-accent);
}
.compact-board .broadcast-heading {
  position: absolute; inset: 61% 0 auto; height: 6%; padding: 0 1.2cqw;
  color: var(--board-accent); border: 0; font-size: .85cqw;
}
.compact-board .broadcast-heading strong { color: var(--board-text); font-size: 1cqw; }
.compact-board .team-heading {
  position: absolute; inset: 67% 0 auto; height: 7%; margin: 0; padding: 0 1.2cqw;
}
.compact-board .team-heading > div { gap: .7cqw; }
.compact-board .team-heading strong { color: var(--board-text); font-size: 1.45cqw; max-width: 18cqw; letter-spacing: 0; }
.compact-board .team-heading small { display: none; }
.compact-board .team-seal { width: 2.8cqw; height: 2.8cqw; font-size: 1.3cqw; }
.compact-board .versus { gap: .8cqw; }
.compact-board .versus b { font-size: 2.5cqw; color: var(--board-text); }
.compact-board .versus i { color: var(--board-accent); font-size: 1.1cqw; }
.compact-board .draft-lineups { position: absolute; inset: 75% 0 0; gap: 14%; }
.compact-board .team-lineup { width: 43%; gap: .15cqw; }
.compact-board .portrait { background: var(--board-panel); border-top: .2cqw solid #5d9ed1; }
.compact-board .team-lineup.red .portrait { border-top-color: #de7480; }
.compact-board .portrait.filled::after { background: linear-gradient(0deg, var(--board-bg), transparent 85%); }
.compact-board .portrait-label { bottom: 5%; gap: .2cqw; color: var(--board-text); }
.compact-board .portrait-label strong { font-size: 1.15cqw; line-height: 1.25; }
.compact-board .portrait-label small { font-size: .65cqw; opacity: .85; }
.compact-board .portrait-label span { font-size: 1cqw; opacity: 1; }
.compact-board .slot-glyph { font-size: 4cqw; color: var(--board-accent); opacity: .4; top: 8%; }
.compact-board .ban-row { position: absolute; inset: 67% 22% auto; height: 7%; padding: 0; gap: 14%; }
.compact-board .ban-team { gap: .2cqw; }
.compact-board .ban-team > span { display: none; }
.compact-board .ban-icon { width: 2.5cqw; height: 2.5cqw; background: var(--board-panel); border-color: #666; border-radius: 0; }
.compact-board .ban-icon i { border-color: #eee4db; }
.compact-board .broadcast-bottom {
  position: absolute; inset: 75% 43% 0; padding: 1cqw .3cqw; border: 0;
  flex-direction: column; justify-content: center; gap: .7cqw; text-align: center; color: var(--board-accent);
}
.compact-board .broadcast-bottom > span { font-size: .8cqw; }
.compact-board .board-clock { flex-direction: column; gap: .5cqw; color: var(--board-text); }
.compact-board .board-clock b { font-size: 5cqw; color: var(--board-text); }
.compact-board .board-clock strong { font: 600 1.15cqw/1.5 "Microsoft YaHei", sans-serif; letter-spacing: .05em; color: var(--board-text); }
.compact-board .board-clock small { display: none; }
.compact-board .preselect { font-size: .75cqw; padding: .2cqw .4cqw; }
.broadcast-board[data-style="summer"].lineup-board,
.broadcast-board[data-style="summer"].waiting-board { background: #28050e; color: #fff5e8; }
.broadcast-board[data-style="summer"].lineup-board::before,
.broadcast-board[data-style="summer"].waiting-board::before { display: none; }
.broadcast-board[data-style="summer"] :is(.team-heading strong, .versus b, .waiting-versus strong, .waiting-score b) { color: #fff5e8; }
.broadcast-board[data-style="summer"] :is(.broadcast-heading, .broadcast-heading strong, .broadcast-bottom, .board-clock strong, .broadcast-kicker) { color: #e5ccac; }
.broadcast-board[data-style="summer"].lineup-board .portrait { background: #4c0c20; color: #fff5e8; }
.broadcast-board[data-style="finals"].waiting-board { background: #101419; color: #f7edda; }
.broadcast-board[data-style="finals"].waiting-board::before { background: linear-gradient(115deg, transparent 49.8%, #d8bc7833 50%, transparent 50.2%); }
.broadcast-board[data-style="finals"] :is(.waiting-versus strong, .waiting-score b, .broadcast-kicker) { color: #d8bc78; }
.finals-versus .waiting-versus { width: 86%; justify-content: space-between; }
.finals-versus .waiting-versus > div { flex: 1; flex-direction: column; text-align: center; gap: 2cqw; }
.finals-versus .waiting-versus > div:last-child { flex-direction: column-reverse; }
.finals-versus .waiting-seal { width: 9cqw; height: 9cqw; font-size: 4cqw; }
.finals-versus .waiting-versus strong { max-width: 30cqw; overflow-wrap: anywhere; }
.finals-slogan { font-size: 2.8cqw; letter-spacing: .3em; color: #f7edda; }
.view-page[data-background="transparent"] { background: transparent; }