/* Competition viewer density. Match What's On: 1600px content, 32px gutters, 16px on tablets, 14px on phones. */
body.series-page{--competition-gutter:32px;--competition-width:1600px}
html.viewer-public-shell{--competition-gutter:32px;--competition-width:1600px}
body.series-page .series-container{padding:0 0 20px}
body.series-page .series-main{width:calc(100% - var(--competition-gutter)*2);max-width:var(--competition-width);margin-inline:auto}
html.viewer-public-shell .viewer-round-page{width:calc(100% - var(--competition-gutter)*2);max-width:var(--competition-width);margin-inline:auto;padding-block:12px 20px}
body.series-page .public-site-nav,html.viewer-public-shell .public-site-nav{max-width:var(--competition-width);width:calc(100vw - var(--competition-gutter)*2);margin:12px auto;left:auto;right:auto;min-height:64px;padding-inline:18px;border-radius:10px}
body.series-page .viewer-hub-hero,html.viewer-public-shell .viewer-round-hero{min-height:0;padding:16px 20px 0}
body.series-page .viewer-hub-main,html.viewer-public-shell .viewer-hero-main{grid-template-columns:56px minmax(0,1fr);gap:14px;margin-top:0}
body.series-page .viewer-hub-logo,html.viewer-public-shell .viewer-league-logo{width:56px;height:56px;padding:6px}
body.series-page .viewer-hub-title h1,html.viewer-public-shell .viewer-hero-main h1{font-size:28px;line-height:1.15;margin:0 0 5px}
body.series-page .viewer-hub-title .series-meta,html.viewer-public-shell .viewer-hero-main p{font-size:12px;letter-spacing:.7px}
body.series-page .viewer-prize,html.viewer-public-shell .viewer-prize{margin-top:6px;font-size:13px}
body.series-page .viewer-playoff-badge{margin-top:6px;padding:5px 8px}
body.series-page .viewer-playoff-badge img{width:28px;height:28px}
body.series-page :is(.viewer-playoff-prizes,.viewer-season-prizes){margin-top:6px;gap:6px}
body.series-page :is(.viewer-playoff-prizes,.viewer-season-prizes)>span{padding:4px 8px;min-width:84px}
body.series-page .series-viewer-tabs,html.viewer-public-shell .viewer-section-nav{min-height:44px;gap:24px;margin-block:10px 0}
body.series-page .series-viewer-tabs :is(a,button),html.viewer-public-shell .viewer-section-nav :is(a,button){min-height:44px;font-size:12px;letter-spacing:.3px}
body.series-page .viewer-division-scope.viewer-division-bar,html.viewer-public-shell .viewer-division-scope.viewer-division-bar{min-height:42px;padding:4px 0;gap:10px}
body.series-page .series-shell,body.series-page :is(.info-card,.link-card,.schedule-card){border-radius:10px}
body.series-page .series-hub-command{min-height:0;margin-top:12px;padding:16px;gap:18px}
body.series-page .series-hub-command-copy{gap:8px}
body.series-page .series-hub-command-copy h2{font-size:24px;margin:0;line-height:1.2}
body.series-page .series-hub-command .series-summary{font-size:13px;line-height:1.5;margin:6px 0 0}
body.series-page .series-hub-stat-grid{gap:8px}
body.series-page .series-hub-stat{min-height:62px;padding:10px 12px}
body.series-page .series-hub-stat strong{font-size:14px}
body.series-page .series-division-overview{padding:12px 16px;margin-top:12px}
body.series-page .series-division-card-grid{gap:10px}
body.series-page .series-division-card-grid>a{padding:10px;min-height:52px}
body.series-page .series-division-card-logo{width:32px;height:32px}
body.series-page :is(.series-grid,.series-hub-layout){gap:12px;margin-top:12px}
body.series-page :is(.left-stack,.right-stack,.series-hub-main-stack,.series-hub-rail){gap:12px;min-width:0}
body.series-page :is(.series-detail-card,.tournament-body-card,.info-card,.link-card,.schedule-card){padding:16px}
body.series-page :is(.info-card,.link-card,.schedule-card) h2{font-size:18px;margin:0 0 12px}
body.series-page .series-hub-rail .stage-progress{padding:16px}
body.series-page .series-hub-rail .stage-progress>h2{font-size:18px;margin-bottom:12px}
body.series-page :is(.public-league-info,.league-admin-summary){margin-top:12px;padding-block:0 12px}
body.series-page .league-admin-summary-heading{margin-block:8px 12px}
body.series-page .league-admin-summary-heading h2{font-size:22px;margin-block:4px}
body.series-page .league-admin-summary-heading p{font-size:13px}
body.series-page .league-admin-summary-card{margin-bottom:10px}
body.series-page .league-admin-summary-card>summary{padding:10px 14px}
body.series-page .league-admin-summary-card h3{font-size:17px}
body.series-page .league-admin-summary-groups{padding:12px;gap:10px}
body.series-page .league-admin-summary-groups dl>div{padding:6px 10px;gap:10px}
body.series-page .league-admin-summary-groups :is(dt,dd){font-size:13px}
html.viewer-public-shell :is(.viewer-main-grid,.viewer-ladder-layout){gap:12px;margin-top:12px;align-items:start}
html.viewer-public-shell .viewer-round-selector{padding:10px 14px;min-height:64px;gap:12px}
html.viewer-public-shell :is(.viewer-card,.viewer-ladder-main-card){padding:14px;border-radius:10px}
html.viewer-public-shell :is(.viewer-panel-head,.viewer-ladder-main-head){padding:0 0 10px;min-height:0;gap:10px}
html.viewer-public-shell .viewer-panel-head h2{font-size:17px}
html.viewer-public-shell .viewer-info-strip{padding:12px 16px;gap:12px;margin-top:12px}
html.viewer-public-shell .viewer-ladder-row{min-height:40px;padding-block:7px}
html.viewer-public-shell .viewer-full-ladder-row{min-height:44px;padding-block:7px}
html.viewer-public-shell .viewer-ladder-logo{width:28px;height:28px}
html.viewer-public-shell .viewer-match-card{padding:12px}
html.viewer-public-shell :is(.viewer-match-list,.viewer-match-grid){gap:10px}
html.viewer-public-shell .viewer-side-card{padding:14px}
/* Theme-aware navigation stays legible on the same compact surfaces. */
body.series-page .series-viewer-tabs,html.viewer-public-shell .viewer-section-nav,html.viewer-public-shell .viewer-playoffs-sticky-nav{background:var(--brk-ui-surface,var(--brk-workspace-surface,#0b1726))}
body.series-page .series-viewer-tabs :is(a,button),html.viewer-public-shell .viewer-section-nav :is(a,button){color:var(--brk-ui-muted,var(--brk-workspace-muted,#a9bfd8))}
body.series-page .series-viewer-tabs .active,html.viewer-public-shell .viewer-section-nav .active{color:var(--brk-highlight,var(--brk-workspace-highlight,#67c6ff))}
@media(min-width:1100px){
 html.viewer-public-shell .viewer-main-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
 html.viewer-public-shell .viewer-ladder-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}
}
@media(max-width:759px){
 body.series-page,html.viewer-public-shell{--competition-gutter:14px}
 body.series-page .public-site-nav,html.viewer-public-shell .public-site-nav{margin-block:8px;padding:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px}
 body.series-page .public-site-nav .brand img,html.viewer-public-shell .public-site-nav .brand img{width:138px!important;max-width:100%;height:auto!important}
 body.series-page .public-site-nav .viewer-userbar-mount,html.viewer-public-shell .public-site-nav .viewer-userbar-mount{grid-column:2;grid-row:1;min-width:0}
 body.series-page .public-site-nav .site-links,html.viewer-public-shell .public-site-nav .site-links{grid-column:1;grid-row:2;gap:4px}
 body.series-page .public-site-nav .site-links a,html.viewer-public-shell .public-site-nav .site-links a{padding-inline:5px;font-size:12px;min-height:32px}
 body.series-page .public-site-nav .public-language-selector,html.viewer-public-shell .public-site-nav .public-language-selector{grid-column:2;grid-row:2;margin:0;width:100%}
 body.series-page .public-site-nav .public-language-selector select,html.viewer-public-shell .public-site-nav .public-language-selector select{width:100%;max-width:100%;font-size:11px;min-height:32px}
 body.series-page .viewer-hub-hero,html.viewer-public-shell .viewer-round-hero{padding:12px 12px 0}
 body.series-page .viewer-hub-main,html.viewer-public-shell .viewer-hero-main{grid-template-columns:40px minmax(0,1fr);gap:10px}
 body.series-page .viewer-hub-logo,html.viewer-public-shell .viewer-league-logo{width:40px;height:40px;padding:4px}
 body.series-page .viewer-hub-title h1,html.viewer-public-shell .viewer-hero-main h1{font-size:21px}
 body.series-page .viewer-hub-title .series-meta,html.viewer-public-shell .viewer-hero-main p{font-size:10px;letter-spacing:.2px}
 body.series-page .series-viewer-tabs,html.viewer-public-shell .viewer-section-nav{gap:18px;overflow-x:auto;flex-wrap:nowrap}
 body.series-page .series-hub-command{padding:12px;gap:12px}
 body.series-page .series-hub-command-copy h2{font-size:21px}
 body.series-page .series-hub-stat{padding:8px;min-height:54px}
 body.series-page :is(.series-grid,.series-hub-layout),html.viewer-public-shell :is(.viewer-main-grid,.viewer-ladder-layout){grid-template-columns:minmax(0,1fr)}
 body.series-page :is(.series-detail-card,.tournament-body-card,.info-card,.link-card,.schedule-card){padding:12px}
 body.series-page .league-admin-summary-groups{padding:10px;grid-template-columns:1fr}
 body.series-page .league-admin-summary-groups dl>div{padding:8px;gap:4px}
 html.viewer-public-shell .viewer-round-selector{padding:10px;min-height:0}
 html.viewer-public-shell .viewer-info-strip{padding:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
}

html.bracketr-theme-light body.series-page .series-viewer-tabs,html.bracketr-theme-light.viewer-public-shell .viewer-section-nav,html.bracketr-theme-light.viewer-public-shell .viewer-playoffs-sticky-nav{background:var(--light-paper)}

@media(min-width:761px) and (max-width:999px){body.series-page,html.viewer-public-shell{--competition-gutter:16px}}

@media(min-width:1100px){body.series-page .viewer-hub-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 18px}body.series-page .viewer-hub-title h1{grid-column:1;grid-row:1}body.series-page .viewer-hub-title .series-meta{grid-column:1;grid-row:2}body.series-page .viewer-hub-title>.viewer-prize{grid-column:2;grid-row:1;margin:0;justify-self:end}body.series-page .viewer-hub-title>.viewer-playoff-prizes{grid-column:2;grid-row:2/4;justify-content:flex-end;margin:0}body.series-page .viewer-hub-title>.viewer-playoff-badge{grid-column:1;grid-row:3}body.series-page .viewer-hub-title>.viewer-season-prizes{grid-column:1/-1}}
body.series-page .competition-guide-disclosure>summary{cursor:pointer;min-height:36px;color:var(--brk-workspace-text,var(--text));list-style:disclosure-closed inside}
body.series-page .competition-guide-disclosure[open]>summary{list-style-type:disclosure-open}
body.series-page .competition-guide-disclosure>summary .eyebrow{display:inline;font-size:11px}
body.series-page .competition-guide-disclosure>summary h2{display:inline;margin:0 0 0 8px;font-size:16px}
body.series-page .competition-guide-disclosure>summary:focus-visible{outline:2px solid var(--brk-workspace-highlight,var(--accent));outline-offset:4px;border-radius:4px}
body.series-page .competition-guide-content{margin-top:12px}
/* Dense fixtures and supporting statistics, while keeping names and scores readable. */
html.viewer-public-shell .viewer-time-slot{min-height:0;grid-template-columns:88px minmax(0,1fr);padding:8px 10px;gap:10px}
html.viewer-public-shell .viewer-slot-match{gap:6px;padding:8px}
html.viewer-public-shell .viewer-slot-versus{min-height:34px;gap:8px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}
html.viewer-public-shell .viewer-slot-team{grid-template-columns:30px minmax(0,1fr) auto;gap:7px}
html.viewer-public-shell .viewer-slot-team.right{grid-template-columns:auto minmax(0,1fr) 30px}
html.viewer-public-shell .viewer-slot-team .viewer-team-logo{width:30px;height:30px}
html.viewer-public-shell .viewer-slot-team strong{font-size:13px;line-height:1.3}
html.viewer-public-shell .viewer-match-time strong{font-size:18px}
html.viewer-public-shell .viewer-stat-card{min-height:84px;padding:10px}
html.viewer-public-shell .viewer-stat-grid{gap:8px}
html.viewer-public-shell .viewer-summary-grid{margin-top:10px;gap:8px}
html.viewer-public-shell :is(.viewer-summary-grid article,.viewer-summary-next-stage){min-height:72px;padding:10px;gap:5px}
body.series-page .viewer-detail-grid{gap:10px}
body.series-page .viewer-detail-grid .detail-item{min-height:64px;padding:10px;font-size:13px}
body.series-page .viewer-detail-grid .detail-item b{margin-bottom:5px}
body.series-page .stage-progress li{padding-bottom:10px;gap:8px;font-size:13px}
body.series-page .stage-progress li b{font-size:13px}
body.series-page .stage-progress li small{font-size:12px;line-height:1.4;margin-top:4px}
@media(min-width:1100px){html.viewer-public-shell .viewer-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:759px){
 html.viewer-public-shell .viewer-time-slot{grid-template-columns:1fr;gap:6px;padding:8px}
 html.viewer-public-shell .viewer-slot-time{display:flex;align-items:center;gap:10px}
 html.viewer-public-shell .viewer-slot-matches{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:1100px){
 html.viewer-public-shell .viewer-round-hero:not(.viewer-playoffs-hero){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 18px}
 html.viewer-public-shell .viewer-round-hero:not(.viewer-playoffs-hero)>.viewer-hero-main{grid-column:1;grid-row:1}
 html.viewer-public-shell .viewer-round-hero:not(.viewer-playoffs-hero)>.viewer-division-bar{grid-column:2;grid-row:1;border:0;background:none}
 html.viewer-public-shell .viewer-round-hero:not(.viewer-playoffs-hero)>.viewer-section-nav{grid-column:1/-1;grid-row:2}
}