/* Four interface illustrations, all driven by the section's scroll position. */
.league-route{--sent:1;--reply:1;--liked:1;--award:1;--typing:0;--choice:0;--release-index:0}
.league-nav{margin-bottom:32px}
.league-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px)}
.league-story{min-width:0}.league-story h3{font-size:clamp(38px,4.2vw,60px);margin-bottom:22px}
.league-story .league-copy{padding:0;max-width:560px}.league-story .league-copy p{font-size:18px;line-height:1.48}.league-story .league-copy p+p{margin-top:16px}
#league-artists .league-story h3{font-size:clamp(36px,3.8vw,54px)}
.league-visual{width:100%;max-width:560px;justify-self:end;min-width:0;background:#111c25;border:1px solid #334550;border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 20px 60px #0003}
.demo-caption{padding:18px 22px 12px;margin:0;color:#94adc0;font-size:14px}
.league-requests{--request-row:44px;position:relative;padding:0 12px 12px;display:grid;gap:5px}
.league-request{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:var(--request-row);padding:8px 12px;border:1px solid transparent;border-radius:6px;background:#14232f;color:#bfccd4;text-align:left;font-size:16px;line-height:1.3;transition:background .2s,color .2s,border-color .2s}
.league-request i{font-style:normal;opacity:0;color:var(--lime);flex-shrink:0}
.league-request.is-chosen{background:#243814;border-color:#769d24;color:#eff7e5}.league-request.is-chosen i{opacity:1}
.request-hand{position:absolute;z-index:2;right:25px;top:calc((var(--request-row) - 52px)/2);width:52px;height:52px;pointer-events:none;background:url('assets/goblin-cursor-chunky-left.png') -52px 0 / 104px 52px no-repeat;image-rendering:pixelated;transform:translateY(calc(var(--choice)*(var(--request-row) + 5px)));transition:transform .24s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(1px 3px 0 #0008)}
.demo-chat-header{height:64px;display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #293b49;color:#d6e2eb;font-size:16px}
.demo-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#405b72;color:#c9e8ff;font-family:var(--heading);font-size:20px}
.demo-chat-body{position:relative;padding:26px 20px;min-height:254px;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.demo-message{border-radius:14px;background:#213441;color:#e6eff5;padding:14px 16px;font-size:17px;line-height:1.45}
.demo-file{display:flex;align-items:center;gap:12px;align-self:flex-end;border-bottom-right-radius:4px;background:#263f50;max-width:100%;min-width:0}
.demo-file>div{min-width:0}.demo-file strong{display:block;font-size:17px;font-weight:500;white-space:nowrap}.demo-file>div>span{display:block;font-size:14px;color:#9ab4c7;margin-top:3px}.demo-file i{font-style:normal;color:#a5ceef}
.demo-file-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;background:#385b74;border-radius:10px;color:#c1e4ff}.demo-file-icon svg{width:24px;height:24px}
.sent-file{opacity:var(--sent);transform:translateY(calc((1 - var(--sent))*20px)) scale(calc(.94 + var(--sent)*.06));transform-origin:right bottom}
.demo-reply{max-width:88%;border-bottom-left-radius:4px;background:#1c2d3a;opacity:var(--reply);transform:translateY(calc((1 - var(--reply))*18px))}
.demo-typing{position:absolute;bottom:38px;left:36px;display:flex;gap:5px;opacity:var(--typing)}.demo-typing i{width:6px;height:6px;border-radius:50%;background:#9db6c9}.demo-typing i:nth-child(2){opacity:.65}.demo-typing i:nth-child(3){opacity:.35}
.reward-body{min-height:254px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:24px}
.rated-file{position:relative;align-self:center}.demo-like{position:absolute;left:16px;bottom:-17px;display:flex;align-items:center;gap:5px;background:#183b50;border:1px solid #446b86;border-radius:30px;padding:3px 10px;font-size:14px;color:#deedf8;opacity:var(--liked);transform:scale(calc(.5 + var(--liked)*.5));transform-origin:center top}
.demo-like svg{width:17px;height:17px;color:#f27c93}
.elo-award{display:flex;align-items:center;gap:18px;padding:10px 20px;border-radius:10px;background:var(--lime);color:#132005;box-shadow:0 8px 32px #b4e60020;opacity:var(--award);transform:translateY(calc((1 - var(--award))*22px)) scale(calc(.88 + var(--award)*.12))}
.elo-award>span{font-size:14px}.elo-award>strong{font-size:36px;font-weight:600;line-height:1.2;white-space:nowrap}.elo-award strong>span{font-size:18px}
.release-demo{--release-row:158px;padding:24px 28px;background:linear-gradient(130deg,#1e3018,#0f1c23 70%);border-color:#667e2b}
.release-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#abc38b;font-size:14px;line-height:1.4;margin-bottom:26px}
.release-markers{display:flex;gap:5px;flex:none}.release-markers i{width:17px;height:3px;background:#52624a}.release-markers i.is-current{background:var(--lime)}
.release-window{height:var(--release-row);overflow:hidden;mask-image:linear-gradient(transparent,#000 8px,#000 calc(100% - 8px),transparent)}.release-reel{transform:translateY(calc(var(--release-index)*var(--release-row)*-1));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.release-track{height:var(--release-row);display:grid;grid-template-columns:minmax(0,1fr) clamp(88px,9.5vw,132px);align-items:center;gap:16px;min-width:0}.release-track-info{display:flex;flex-direction:column;gap:8px;min-width:0}.release-track-info>strong{font-family:var(--heading);font-size:clamp(28px,3.4vw,50px);font-weight:500;line-height:1;letter-spacing:-.025em;color:#f2f4ed;white-space:nowrap}.release-track-info>span{font-size:22px;color:#a4b6be;line-height:1.25}.release-portrait{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #77925466;border-radius:12px;background:#18221d}
.release-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:18px;padding-top:22px;border-top:1px solid #43503b}
.release-credit{font-family:var(--heading);font-size:24px;line-height:1.15;color:#d9e5cb;white-space:nowrap}.release-credit strong{font-size:56px;color:var(--lime);font-weight:500;letter-spacing:-.035em}
.release-wave{display:flex;align-items:center;gap:3px;height:38px;width:100px;flex-shrink:0;color:var(--lime);opacity:.8}.release-wave i{width:4px;height:100%;background:currentColor;transform:scaleY(.35)}
.league-meter{margin-top:28px}.league-meter-caption .league-digital{display:flex;align-items:baseline;gap:12px;color:var(--lime);font-family:var(--body);font-variant-numeric:tabular-nums;line-height:1}
.league-digital [data-elo-value]{font-size:38px;letter-spacing:-.06em;min-width:2.9ch;text-align:right;color:inherit}
.league-digital .league-elo-unit{font-size:18px;color:inherit}
@media(max-width:1050px) and (min-width:761px){.league-step{gap:28px}.league-story h3{font-size:42px}.league-story .league-copy p{font-size:16px}.release-demo{padding:22px}.release-track{grid-template-columns:minmax(0,1fr) 88px;gap:12px}.release-track-info>strong{font-size:clamp(27px,3.15vw,34px)}.release-credit strong{font-size:44px}.release-wave{width:70px}}
@media(max-width:760px){
 .league-stage{padding:12px 0 16px}.league-topline{margin-bottom:10px}.league-nav{margin-bottom:18px}.league-nav button{min-height:48px;padding-bottom:10px}
 .league-step{grid-template-columns:1fr;gap:18px}.league-story h3,#league-artists .league-story h3{font-size:32px;margin-bottom:12px;line-height:1.06}.league-story .league-copy p{font-size:16px;line-height:1.4}.league-story .league-copy p+p{margin-top:12px}
 .league-visual{max-width:none;border-radius:12px;box-shadow:none}.demo-caption{font-size:14px;padding:10px 14px 8px}.league-requests{--request-row:34px;gap:4px;padding:0 8px 8px}.league-request{min-height:34px;padding:5px 9px;font-size:14px}.request-hand{width:40px;height:40px;background-size:80px 40px;background-position:-40px 0;right:20px;top:calc((var(--request-row) - 40px)/2);transform:translateY(calc(var(--choice)*(var(--request-row) + 4px)))}
 .demo-chat-header{height:44px;padding:7px 12px;gap:9px;font-size:14px}.demo-avatar{width:28px;height:28px;font-size:18px}.demo-chat-body{padding:14px 12px;min-height:194px;gap:18px}.demo-message{padding:10px 12px;font-size:16px;line-height:1.35}.demo-file{gap:9px}.demo-file strong{font-size:15px}.demo-file>div>span{font-size:14px;margin-top:2px}.demo-file-icon{width:34px;height:34px;border-radius:8px}.demo-file-icon svg{width:22px;height:22px}.demo-reply{max-width:90%}.demo-typing{bottom:33px;left:28px}
 .reward-body{min-height:194px;padding:20px 12px;gap:25px}.elo-award{padding:8px 14px;gap:14px}.elo-award>strong{font-size:30px}.elo-award>span{font-size:14px}
 .release-demo{--release-row:80px;padding:12px 14px}.release-top{margin-bottom:8px;font-size:14px}.release-markers{gap:4px}.release-markers i{width:10px}.release-track{grid-template-columns:minmax(0,1fr) 64px;gap:12px}.release-track-info{gap:4px}.release-track-info>strong{font-size:30px}.release-track-info>span{font-size:16px}.release-portrait{border-radius:8px}.release-bottom{margin-top:8px;padding-top:10px;gap:12px;align-items:center}.release-credit{font-size:19px}.release-credit strong{font-size:34px}.release-wave{height:24px;width:78px;gap:2px}.release-wave i{width:3px}
 .league-meter{margin-top:18px}.league-meter-caption{margin-bottom:8px}.league-digital [data-elo-value]{font-size:30px}.league-digital .league-elo-unit{font-size:16px}.league-meter-caption .league-digital{gap:8px}.league-meter-caption>span{max-width:190px}
}
@media(prefers-reduced-motion:reduce){.league-visual *{transition:none!important}.sent-file,.demo-reply,.demo-like,.elo-award{opacity:1;transform:none}.demo-typing{display:none}.request-hand{display:none}}
@media print{.sent-file,.demo-reply,.demo-like,.elo-award{opacity:1;transform:none}.demo-typing,.request-hand{display:none}}