/* One scroll scene, with a readable document-flow fallback. */
.league-route{--elo-progress:0;margin-top:clamp(48px,6vw,80px);scroll-margin-top:calc(var(--header-height,80px) + 16px)}
.league-stage{padding:24px 0;background:var(--bg,#090c09);border-top:0;display:flex;flex-direction:column}
.league-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;font-size:14px;color:var(--studio-blue,#9fc5fc);letter-spacing:.04em}
.league-topline p{margin:0}
.league-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:48px}
.league-nav button{--step-fill:0;position:relative;display:flex;gap:12px;align-items:center;min-height:48px;padding:0 0 14px;border:0;border-radius:0;background:transparent;color:#8b979a;font:inherit;font-size:16px;text-align:left;cursor:pointer}
.league-nav button::before,.league-nav button::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:#303a36}
.league-nav button::after{background:var(--lime);transform:scaleX(var(--step-fill));transform-origin:left}
.league-nav button>span{font-size:14px;color:#778782}
.league-nav button[aria-current="step"]{color:var(--text,#f1f3ea)}
.league-nav button[aria-current="step"]>span{color:var(--lime)}
.league-nav button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}
.league-panels{display:grid;gap:36px}
.league-step{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,96px);align-content:start;scroll-margin-top:calc(var(--header-height,80px) + 24px)}
.league-step h3{font-family:var(--heading);font-size:clamp(38px,5vw,68px);font-weight:500;letter-spacing:-.035em;line-height:1.04;margin:0;text-wrap:balance}
.league-copy{min-width:0;max-width:660px;padding-top:4px}
.league-copy p{font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--studio-muted,#b4bec5);margin:0;text-align:left;text-wrap:pretty}
.league-copy p+p{margin-top:20px}
.league-step:last-child h3{color:var(--lime)}
.league-meter{margin-top:40px}
.league-meter-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}
.league-meter-caption strong{font-size:24px;font-weight:500;color:var(--lime)}
.league-meter-caption span{font-size:14px;color:#95a49c;text-align:right}
.league-meter-track{height:8px;background:#26302b;overflow:hidden}
.league-meter-track i{display:block;height:100%;background:var(--lime);transform:scaleX(var(--elo-progress));transform-origin:left}
.league-tracking-note{max-width:740px;margin:20px 0 0;color:var(--studio-muted,#b4bec5);font-size:16px;line-height:1.5;text-align:left}
.league-route.is-pinned{height:calc(var(--scene-height) + var(--scene-travel))}
.is-pinned .league-stage{position:sticky;top:var(--scene-top);height:var(--scene-height)}
.is-pinned .league-panels{flex:1;align-items:center}
.league-route.is-measuring .league-stage{height:auto}
.league-route.is-measuring .league-panels{flex:none}
.is-pinned .league-panels,.league-route.is-measuring .league-panels{gap:0}
.is-pinned .league-step,.league-route.is-measuring .league-step{grid-area:1/1;visibility:hidden;pointer-events:none}
.is-pinned .league-step.is-active,.league-route.is-measuring .league-step.is-active{visibility:visible;pointer-events:auto}
.is-pinned .league-step.is-active{animation:league-enter .34s cubic-bezier(.2,.75,.3,1) both}
@keyframes league-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .league-stage{padding:16px 0 20px}.league-topline{margin-bottom:16px}
 .league-nav{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(76px,1.3fr);gap:10px;margin-bottom:28px}.league-nav button{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:54px;padding-bottom:12px;font-size:14px}
 .league-nav button>span{font-size:14px}.league-step{grid-template-columns:1fr;gap:20px}
 .league-step h3{font-size:clamp(34px,9vw,42px);line-height:1.05;text-wrap:pretty}.league-step h3 br{display:none}
 .league-copy{padding:0}.league-copy p{font-size:16px;line-height:1.45}.league-copy p+p{margin-top:16px}
 .league-meter{margin-top:28px}.league-meter-caption{gap:12px;margin-bottom:10px}.league-meter-caption strong{font-size:22px}.league-meter-caption span{max-width:200px;font-size:14px;line-height:1.35}
 .league-tracking-note{margin-top:16px}.league-route:not(.is-pinned):not(.is-measuring) .league-step{padding-bottom:28px;border-bottom:1px solid #26302b}
}
@media(prefers-reduced-motion:reduce){.league-step{animation:none!important}.league-meter-track i{transform:none}}
@media print{.league-route{height:auto!important}.league-stage{position:static!important}.league-panels{gap:32px!important}.league-step{grid-area:auto!important;visibility:visible!important;animation:none!important;break-inside:avoid}.league-meter-track i{transform:none}}