/* Load after competition/dashboard CSS. Scoped to three pages; gallery is untouched. */
body[data-view="leagues"]:not(.projecting) main.competition,
body[data-view="tournaments"]:not(.projecting) main.competition{max-width:1280px;padding:clamp(28px,5vw,62px) clamp(20px,4vw,46px)}
.b2-page-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center;max-width:none;margin-bottom:28px;min-width:0}
.b2-page-intro .b2-intro-copy{min-width:0;max-width:760px}
.b2-page-intro .eyebrow{margin:0 0 12px;line-height:1.4}
.b2-page-intro h1{font-size:clamp(34px,4.6vw,56px);line-height:1.12;margin:0 0 16px;font-weight:400;letter-spacing:-.025em}
.b2-page-intro .b2-intro-copy>p:last-child{font-size:17px;line-height:1.6;margin:0;color:var(--muted)}
body[data-view="leagues"] #account-gate,
body[data-view="tournaments"] #account-gate{min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;margin-bottom:16px}
body[data-view="leagues"] #account-gate p,
body[data-view="tournaments"] #account-gate p{flex:none;margin:0;line-height:1.6}
body[data-view="leagues"] #account-gate button,
body[data-view="tournaments"] #account-gate button{flex:none;min-height:44px;border-radius:5px;font-size:15px}
body[data-view="leagues"] #sync-status,
body[data-view="tournaments"] #sync-status{margin:12px 0;color:var(--muted)}
.b2-page-graphic{width:220px;height:152px;justify-self:end;position:relative;color:var(--b2-cyan);flex:none;pointer-events:none}
.b2-league-graphic{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:14px 16px;transform:rotate(-3deg)}
.b2-league-heading{display:grid;grid-template-columns:1fr 20px 20px;gap:10px;border-bottom:1px solid var(--line);padding:0 0 11px;margin-bottom:6px}
.b2-league-heading span{display:block;height:4px;border-radius:2px;background:var(--line)}
.b2-league-heading span:first-child{width:60px;background:currentColor}
.b2-league-row{display:grid;grid-template-columns:18px 1fr 18px;gap:12px;align-items:center;height:25px}
.b2-league-row i{display:block;width:12px;height:12px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2)}
.b2-league-row b{height:4px;width:70%;background:var(--line);border-radius:2px}
.b2-league-row em{display:block;height:4px;background:var(--line);border-radius:2px}
.b2-league-row:nth-child(2) i{background:currentColor;border-color:currentColor}
.b2-league-row:nth-child(2) em{background:currentColor}
.b2-draw-graphic{display:flex;align-items:stretch;padding:16px 0;color:light-dark(#a74078,#e8a0c6)}
.b2-draw-round{display:flex;flex-direction:column;justify-content:space-around;width:62px;gap:8px}
.b2-draw-round span{height:19px;display:block;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.b2-draw-round:first-child span:first-child,.b2-draw-semis span:first-child,.b2-draw-final span{border-color:currentColor;background:color-mix(in srgb,currentColor 7%,var(--surface))}
.b2-draw-links{width:18px;display:flex;flex-direction:column;justify-content:space-around;flex:none;position:relative}
.b2-draw-links i{height:29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-right:1px solid var(--line);position:relative}
.b2-draw-links i::after{content:'';position:absolute;width:9px;height:1px;right:-9px;top:50%;background:var(--line)}
.b2-draw-semis{margin-left:9px;width:50px}
.b2-draw-final-link i{height:62px}
.b2-draw-final{margin-left:9px;width:36px}
.b2-doc-graphic{width:220px;height:152px}
.b2-doc-back,.b2-doc-front{position:absolute;left:48px;top:5px;width:112px;height:140px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}
.b2-doc-back{transform:translate(14px,-2px) rotate(9deg);background:var(--surface-2)}
.b2-doc-front{transform:rotate(-5deg);padding:15px 12px}
.b2-doc-title,.b2-doc-subtitle,.b2-doc-line{height:4px;background:currentColor;display:block;width:52px;border-radius:1px;margin-bottom:7px}
.b2-doc-subtitle{width:70px;height:3px;background:var(--line);margin-bottom:12px}
.b2-doc-grid{height:58px;border:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 13px,var(--line) 13px,var(--line) 14px),repeating-linear-gradient(to right,transparent 0,transparent 20px,var(--line) 20px,var(--line) 21px)}
.b2-doc-line{width:40px;height:3px;background:var(--line);margin-top:10px}
.projecting .b2-page-intro{display:none}
@media(max-width:740px){.b2-page-intro{grid-template-columns:minmax(0,1fr) 150px;gap:20px}.b2-page-graphic{transform:scale(.68);transform-origin:right center;margin-left:-70px}.b2-league-graphic{transform:scale(.68) rotate(-3deg)}.b2-page-intro .b2-intro-copy>p:last-child{font-size:16px}}
@media(max-width:540px){.b2-page-intro{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:22px}.b2-page-graphic{width:220px;height:152px;justify-self:start;transform:scale(.68);transform-origin:left top;margin:0 0 -40px}.b2-league-graphic{transform:scale(.68) rotate(-3deg);transform-origin:left top}body[data-view="leagues"] #account-gate,body[data-view="tournaments"] #account-gate{align-items:flex-start;flex-direction:column;padding:18px;gap:14px}body[data-view="leagues"] #account-gate button,body[data-view="tournaments"] #account-gate button{width:auto}}

body[data-view="leagues"] .competition table,body[data-view="tournaments"] .competition table{color:var(--text)}