.broadcast-ranking{--rank-ink:#f5f8ff;--rank-card:#142a3e;min-width:0;color:var(--rank-ink);font-family:'Barlow',system-ui,sans-serif}.broadcast-title{margin:0 0 14px;font-size:18px;font-weight:700;color:#ffd078}.broadcast-list{display:flex;flex-direction:column;gap:8px;position:relative;isolation:isolate;max-height:650px;overflow:auto;padding:5px}.broadcast-row{display:grid;grid-template-columns:38px 48px minmax(100px,1fr) 68px 90px 52px;gap:10px;align-items:center;min-height:76px;padding:10px 14px;border:1px solid #476580;border-radius:12px;background:var(--rank-card);position:relative;box-sizing:border-box;contain:layout style}.broadcast-rank{font-size:25px;text-align:center}.broadcast-avatar img{width:48px;height:48px;display:block;border-radius:50%;background:#21394e}.broadcast-identity{min-width:0}.broadcast-name{display:block;overflow-wrap:anywhere;font-size:18px;line-height:1.2}.broadcast-kind{display:block;font-size:12px;color:#c0cfdf;margin-top:5px}.broadcast-score{font-size:27px;text-align:right;font-variant-numeric:tabular-nums}.broadcast-gain{font-size:18px;color:#ffd078;text-align:right;font-variant-numeric:tabular-nums}.broadcast-change{font-size:18px;text-align:center;font-weight:800}.broadcast-change.up{color:#7aefac}.broadcast-change.down{color:#ff9fa4}.broadcast-change.neutral{color:#c0cfdf}.broadcast-crown{display:block;color:#ffe198;font-size:11px;font-weight:800;min-height:14px;margin-top:3px}.broadcast-row.is-scoring{border-color:#ffd078}.broadcast-row.is-new-leader,.broadcast-row.is-winner{box-shadow:inset 3px 0 #ffd078;background:#253d4d}.broadcast-row.is-new-leader .broadcast-avatar{animation:broadcast-crown .8s ease-out}.broadcast-row.is-eliminated .broadcast-avatar,.broadcast-row.is-withdrawn .broadcast-avatar{filter:grayscale(1)}.broadcast-row.is-eliminated,.broadcast-row.is-withdrawn{opacity:.65}.broadcast-archive{font-size:12px;line-height:1.5;color:#c0cfdf}.broadcast-archive[hidden]{display:none}.broadcast-list:focus-visible{outline:2px solid #65e7ff}.broadcast-ranking.is-podium .broadcast-row:nth-child(-n+3){border-color:#ba9550}
@keyframes broadcast-crown{0%{transform:scale(.9)}45%{transform:scale(1.15)}100%{transform:scale(1)}}
.observer-page .watch-board:has(.broadcast-ranking){grid-template-rows:auto auto minmax(0,1fr) auto auto;height:auto;min-height:0}.observer-page .watch-board .broadcast-ranking{grid-column:1/-1}.watch-broadcast-link{font-size:12px;color:var(--bd-accent)}.broadcast-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.broadcast-controls button,.broadcast-controls a{min-height:44px}
@container(max-width:600px){.broadcast-row{grid-template-columns:26px 36px minmax(65px,1fr) 42px 62px 30px;gap:6px;padding:8px;min-height:68px}.broadcast-avatar img{width:36px;height:36px}.broadcast-name{font-size:15px}.broadcast-kind,.broadcast-crown{font-size:10px}.broadcast-rank,.broadcast-score{font-size:20px}.broadcast-gain,.broadcast-change{font-size:13px}}
@media(max-width:450px){.broadcast-row{grid-template-columns:24px 32px minmax(65px,1fr) 48px 30px;gap:5px;padding:8px}.broadcast-avatar img{width:32px;height:32px}.broadcast-name{font-size:14px}.broadcast-gain{grid-column:4;grid-row:2;margin-top:-6px;font-size:12px}.broadcast-score{grid-column:4;grid-row:1;font-size:20px}.broadcast-change{grid-column:5;grid-row:1}.broadcast-identity{grid-column:3;grid-row:1/3}.broadcast-rank,.broadcast-avatar{grid-row:1/3}.broadcast-crown{font-size:9px}}
html.bdq-broadcast body.observer-page{background:#091521!important;min-height:100dvh}html.bdq-broadcast .observer-page:before,html.bdq-broadcast .observer-page:after{display:none!important}html.bdq-broadcast #site-header,html.bdq-broadcast .observer-intro,html.bdq-broadcast .watch-tabs,html.bdq-broadcast .watch-toolbar,html.bdq-broadcast #tv-view,html.bdq-broadcast #list-view,html.bdq-broadcast #watch-recent,html.bdq-broadcast .observer-footnote,html.bdq-broadcast .footer,html.bdq-broadcast .watch-selection-head,html.bdq-broadcast .watch-open,html.bdq-broadcast .bdq-app-nav,html.bdq-broadcast .bdq-sound-toggle{display:none!important}
html.bdq-broadcast body#bdq-extension .shell{max-width:none;width:100%;padding:5vh 5vw!important;box-sizing:border-box}html.bdq-broadcast #watch-selected{margin:0}html.bdq-broadcast .watch-board{padding:24px!important;margin:0!important;display:grid;grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr) auto!important;gap:24px!important;background:#0c1c2d;border:1px solid #35536c;min-height:80vh;container-type:normal}html.bdq-broadcast .watch-board-head{grid-column:1/-1}html.bdq-broadcast .watch-board .broadcast-ranking{grid-column:1;grid-row:2;align-self:start}html.bdq-broadcast .watch-player-screen{grid-column:2;grid-row:2}html.bdq-broadcast .watch-board-footer{grid-column:1/-1}html.bdq-broadcast .broadcast-name{font-size:24px}html.bdq-broadcast .broadcast-score{font-size:34px}html.bdq-broadcast .broadcast-row{min-height:92px}html.bdq-broadcast .broadcast-kind{font-size:15px}html.bdq-broadcast .broadcast-crown{font-size:13px}html.bdq-broadcast .broadcast-title{font-size:24px}html.bdq-broadcast .broadcast-controls{position:fixed;right:12px;top:4px;z-index:100;opacity:0}html.bdq-broadcast .broadcast-controls:hover,html.bdq-broadcast .broadcast-controls:focus-within{opacity:1}
html.bdq-overlay,html.bdq-overlay body.observer-page{background:transparent!important}html.bdq-overlay .watch-board{background:transparent!important;border:0;box-shadow:none}html.bdq-overlay .watch-player-screen,html.bdq-overlay .watch-board-head,html.bdq-overlay .watch-board-footer,html.bdq-overlay .broadcast-controls{display:none!important}html.bdq-overlay .watch-board{display:block;min-height:0}html.bdq-overlay .broadcast-ranking{max-width:850px}
@media(max-width:1400px){html.bdq-broadcast .broadcast-name{font-size:20px}html.bdq-broadcast .broadcast-row{min-height:76px}html.bdq-broadcast .broadcast-score{font-size:28px}html.bdq-broadcast .broadcast-list{max-height:65vh}}
@media(max-width:850px){html.bdq-broadcast .watch-board{display:block;min-height:0}html.bdq-broadcast .watch-player-screen{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.broadcast-ranking *{animation:none!important;transition:none!important}}

/* Each ranking owns its responsive row layout, including the 16:9 view. */
.broadcast-ranking{container-type:inline-size}.broadcast-list{overscroll-behavior:contain}html.bdq-broadcast .broadcast-list{max-height:none}html.bdq-broadcast .broadcast-row{min-height:80px}html.bdq-broadcast .broadcast-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:851px) and (max-height:800px){html.bdq-broadcast body#bdq-extension .shell{padding:4vh 4vw!important}html.bdq-broadcast .watch-board{padding:16px!important;gap:16px!important;min-height:0}html.bdq-broadcast .broadcast-list{gap:5px}html.bdq-broadcast .broadcast-row{min-height:56px;padding-top:5px;padding-bottom:5px}html.bdq-broadcast .broadcast-name{font-size:17px}html.bdq-broadcast .broadcast-score{font-size:25px}html.bdq-broadcast .broadcast-kind{font-size:11px;margin-top:2px}html.bdq-broadcast .broadcast-crown{font-size:10px;min-height:12px;margin-top:1px}html.bdq-broadcast .broadcast-title{font-size:20px;margin-bottom:8px}html.bdq-broadcast .broadcast-avatar img{width:36px;height:36px}html.bdq-broadcast .charade-observer .charade-statement{font-size:21px}}