.pb-board{--pb-accent:#8e1923;--pb-ink:#142b40;margin:4px 0 0;border:1px solid #d9e2e9;border-radius:12px;overflow:hidden;background:#eaf0f5;color:var(--pb-ink);font-family:Arial,Helvetica,sans-serif}
.pb-board.pb-farm{--pb-accent:#146956}
.pb-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:#142435;color:#fff;border-bottom:4px solid var(--pb-accent)}
.pb-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.pb-header .pb-eyebrow{color:#b8c9d8}
.pb-header h1{margin:7px 0 0!important;font-size:28px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.8px;text-transform:uppercase;color:#fff!important}
.pb-header h1 span{font-weight:400;color:#c5d3df}
.pb-format{font-size:10px;letter-spacing:.18em;color:#b8c9d8}
.pb-scroll{overflow-x:auto;scrollbar-width:thin;padding:0 20px 26px;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#f3f7fa 38%,#dce5ed 100%)}
.pb-layout{display:grid;grid-template-columns:1.14fr 1.04fr 1fr 1.12fr 1fr 1.04fr 1.14fr;gap:14px;min-width:1320px;position:relative;min-height:820px}
.pb-round{grid-row:1;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}
.pb-west.pb-round-1{grid-column:1}.pb-west.pb-round-2{grid-column:2}.pb-west.pb-round-3{grid-column:3}
.pb-east.pb-round-1{grid-column:7}.pb-east.pb-round-2{grid-column:6}.pb-east.pb-round-3{grid-column:5}
.pb-board h2{margin:0!important;padding:21px 0 17px!important;font-size:10px!important;line-height:1.4!important;font-weight:800!important;letter-spacing:.05em;text-transform:uppercase;text-align:center;color:#455d70!important;white-space:nowrap}
.pb-round h2 span{display:block;font-size:14px;letter-spacing:.16em;color:var(--pb-ink);margin-bottom:5px}
.pb-round-games{display:flex;flex:1;flex-direction:column;justify-content:space-around;gap:24px;padding:9px 0}
.pb-series{position:relative;background:#fff;border:1px solid #d3dfe7;border-radius:5px;box-shadow:0 5px 14px #19384f12;min-width:0}
.pb-team{display:flex;align-items:center;gap:6px;min-height:57px;padding:8px 7px;color:var(--pb-ink)!important;text-decoration:none!important;background:#fff;border-radius:4px;position:relative}
.pb-team+.pb-team{border-top:1px solid #e4ebf0;border-radius:0 0 4px 4px}
.pb-team:hover{background:#f0f5fa}.pb-team:focus-visible{outline:3px solid #287ba4;outline-offset:2px;z-index:2}
.pb-team img{width:35px;height:35px;object-fit:contain;flex-shrink:0}
.pb-seed{font-size:10px;font-weight:800;color:#698194;min-width:9px}
.pb-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;text-transform:uppercase}
.pb-name small{font-size:9px;line-height:1.2;letter-spacing:.02em;font-weight:500}
.pb-name strong{font-size:11px;line-height:1.15;overflow-wrap:anywhere;font-weight:800}
.pb-score{font-size:20px;font-weight:800;min-width:15px;text-align:right;color:#526a7c;font-variant-numeric:tabular-nums}
.pb-team-winner{box-shadow:inset 3px 0 var(--pb-accent);background:#f6f9fb}.pb-team-winner .pb-score{color:var(--pb-accent)}
.pb-status{border-top:1px solid #e4ebf0;padding:7px 5px;text-align:center;font-size:9px;font-weight:700;letter-spacing:.02em;color:#526a7c;background:#f5f8fa;border-radius:0 0 4px 4px;min-height:25px}
.pb-complete{color:var(--pb-accent)}
.pb-team-pending{color:#8294a2!important}.pb-team-pending .pb-name strong{font-size:10px}.pb-team-pending .pb-name small{font-size:8px}
.pb-placeholder{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-left:12px;border:1px dashed #bacbd7;border-radius:50%;color:#9badbb;font-size:17px}
.pb-center{grid-column:4;grid-row:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:25px;z-index:1;padding-top:25px}
.pb-cup{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}
.pb-cup img{width:100%;max-width:175px;height:200px;object-fit:contain;filter:drop-shadow(0 9px 7px #1b314c25)}
.pb-cup>span{font-size:12px;font-weight:800;letter-spacing:.28em;border-top:1px solid #b5c5d0;padding:12px 15px 0}
.pb-final h2{color:var(--pb-accent)!important;padding:0 0 10px!important;font-size:12px!important}
.pb-final .pb-series{border-color:#b8a576;box-shadow:0 5px 20px #8f79401c}
.pb-champion{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:20px 8px;border:1px solid #bdab7c;background:linear-gradient(145deg,#fffef9,#f3ead3);border-radius:5px}
.pb-champion .pb-eyebrow{font-size:8px;letter-spacing:.14em;color:#796332}.pb-champion strong{font-size:11px;text-transform:uppercase;line-height:1.3}.pb-champion img{width:65px;height:65px;object-fit:contain}.pb-champion-mark{font-size:33px;color:#b19b61}
/* Short independent connectors avoid implying fixed advancement after reseeding. */
.pb-round-1 .pb-series:after,.pb-round-2 .pb-series:after{content:"";position:absolute;width:15px;top:50%;right:-15px;border-top:1px solid #a8bac8;pointer-events:none}
.pb-east .pb-series:after{right:auto;left:-15px}
@media(min-width:1000px){.pb-layout{gap:20px}.pb-team img{width:40px;height:40px}.pb-name strong{font-size:12px}}
@media(max-width:700px){.pb-header{padding:18px}.pb-header h1{font-size:22px!important}.pb-format{display:none}.pb-scroll{padding:0 12px 20px}.pb-layout{min-width:1320px}.pb-header h1 span{display:block;margin-top:3px}}

/* Keep focus on the matchups; the round labels and connector strokes were removed. */
.pb-round > h2{display:none}
.pb-round-1 .pb-series:after,.pb-round-2 .pb-series:after{display:none}

/* Give postseason pages a wide, fixed desktop canvas that remains pannable on phones. */
body.standings-page:has(#tabmain5.active) .standings-shell,
body.standings-page:has(#tabmain6.active) .standings-shell{width:calc(100% - 40px);min-width:1000px;max-width:none}
body.standings-page:has(#tabmain5.active) .standings-content,
body.standings-page:has(#tabmain6.active) .standings-content{width:100%!important;overflow:visible!important}
body.standings-page:has(#tabmain5.active) .tabsmain.standard,
body.standings-page:has(#tabmain6.active) .tabsmain.standard{width:100%!important}
.pb-scroll{overflow:visible}
.pb-layout{width:100%;min-width:0}
.pb-name{white-space:nowrap}
.pb-name small,.pb-name strong{overflow:visible;overflow-wrap:normal}
@media(max-width:700px){.pb-scroll{padding-left:20px;padding-right:20px}.pb-layout{min-width:0}}
.pb-team-pending .pb-name{white-space:normal}.pb-team-pending .pb-name small,.pb-team-pending .pb-name strong{overflow-wrap:anywhere}
@media(max-width:1200px){
 .pb-layout{gap:5px}
 .pb-scroll{padding-left:8px;padding-right:8px}
 .pb-team{gap:4px;padding:7px 4px;min-height:48px}
 .pb-team img{width:24px;height:24px}
 .pb-seed{min-width:7px;font-size:8px}
 .pb-score{min-width:12px;font-size:16px}
 .pb-name small{display:none}
 .pb-name strong{font-size:9px;white-space:nowrap}
 .pb-status{font-size:8px;padding:6px 2px}
 .pb-cup img{max-width:105px;height:130px}
 .pb-cup>span{font-size:10px;letter-spacing:.2em}
 .pb-center{gap:16px}
}
@media(max-width:1200px){
 .pb-name strong{font-size:8px}
 .pb-team-pending .pb-name strong{font-size:8px}
 .pb-placeholder{width:20px;height:20px;margin-left:0;font-size:12px}
 .pb-team-pending{gap:3px}
}

@media(min-width:1201px){
 body.standings-page:has(#tabmain5.active) .standings-shell,
 body.standings-page:has(#tabmain6.active) .standings-shell{max-width:1500px}
 .pb-name{flex:0 1 auto}
 .pb-score{margin-left:4px}
}
/* Let each series card fit its team names and scores, then center it in its round. */
.pb-round-games{align-items:center}
.pb-series{width:fit-content;max-width:100%}
.pb-team{width:fit-content;min-width:0}
.pb-name{flex:0 0 auto}
.pb-score{flex:0 0 auto;margin-left:6px}
.pb-center{justify-self:center;width:100%}
.pb-final .pb-series{margin-left:auto;margin-right:auto}.pb-series{justify-self:center}
.pb-team{max-width:100%}

/* Keep each matchup's two score cells on the same right edge. */
.pb-team{width:100%}
.pb-name{flex:1 1 auto}
.pb-score{flex:0 0 22px;min-width:22px;margin-left:auto;text-align:right}
@media(max-width:1200px){.pb-score{flex-basis:18px;min-width:18px}}@media(min-width:1201px){.pb-series{min-width:165px}}
@media(max-width:1200px){.pb-series{min-width:112px}}@media(min-width:1501px){.pb-series{min-width:165px}}
@media(min-width:1201px) and (max-width:1500px){
 .pb-series{min-width:0}
 .pb-team{gap:4px;padding:7px 5px;min-height:50px}
 .pb-team img{width:28px;height:28px}
 .pb-seed{min-width:8px;font-size:9px}
 .pb-name small{display:block;font-size:7px}
 .pb-name strong{font-size:9px}
 .pb-score{flex-basis:18px;min-width:18px;font-size:16px}
}
/* Use a consistent cell width across every playoff round. */
@media(max-width:1200px){.pb-series{width:140px;min-width:140px;max-width:100%}}
@media(min-width:1201px) and (max-width:1500px){.pb-series{width:160px;min-width:160px;max-width:100%}}
@media(min-width:1501px){.pb-series{width:180px;min-width:180px;max-width:100%}}
/* Keep one clean frame around the bracket instead of nested standings panels. */
.playoff-mode .standings-content{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.playoff-mode .tabsmain.standard{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;padding:0 14px!important}
.playoff-mode .tabmain-content,.playoff-mode .tabmain-content>.tabmain{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}
.playoff-mode .tabmain-links{background:transparent!important;border-bottom:0!important}
