/* Native sticky scenes driven by browser scroll. */
.story-frame{display:none}
.scrub-enabled .shell{overflow:visible}
.scrub-enabled .hero-track{height:150svh}
.scrub-enabled .hero{position:sticky;top:0;height:100svh;overflow:clip;display:flex;flex-direction:column;justify-content:center;padding:18px 0 30px}
.scrub-enabled .hero .edition{margin-bottom:18px}
.scrub-enabled .hero .opening{font-size:clamp(32px,5.2vw,68px)}
.scrub-enabled .opening span,.scrub-enabled .punch .people,.scrub-enabled .punch .waste{transform-origin:left center}
.scrub-enabled .hero h1{padding:0 20px;flex-shrink:0}
.scrub-enabled .hero-copy,.scrub-enabled .hero .join-big,.scrub-enabled .hero .free-line{flex-shrink:0}
.scrub-enabled .hero .punch{font-size:clamp(45px,7.4vw,96px);margin-top:12px}
.scrub-enabled .hero-copy{margin-top:20px;margin-bottom:18px;font-size:17px}
.scrub-enabled .hero .join-big{padding:19px 25px}
.scrub-enabled .play-breakdown{padding:0;border:0}
.scrub-enabled .story-track{height:375svh;position:relative}
.scrub-enabled .story-stage{height:100svh;position:sticky;top:0;overflow:clip;isolation:isolate}
.scrub-enabled .story-stage>div,.scrub-enabled .story-stage>p,.scrub-enabled .story-stage>h3{position:absolute;left:0;width:100%;margin:0;transform-origin:center}
.scrub-enabled .play-breakdown>.play-intro{position:relative;top:auto;padding:36px 0 20px;z-index:3}
.scrub-enabled .play-intro h2{font-size:clamp(38px,6.2vw,86px);max-width:none;line-height:1.12}
.scrub-enabled .play-intro>p{margin:26px 0 0 20%;max-width:720px}
.scrub-enabled .example-heading{top:7%;font-size:clamp(24px,3vw,40px);z-index:4}
.scrub-enabled .same-game{top:15%;z-index:4}
.scrub-enabled .real-slips{top:25%;display:flex;gap:4%;align-items:flex-start;z-index:2}
.scrub-enabled .real-slip{width:48%;flex:none;transform-origin:center}
.scrub-enabled .hedge-slip{padding:45px 0 0}
.scrub-enabled .real-slip img{max-height:35vh;object-fit:contain;object-position:left center}
.scrub-enabled .real-slip h4{font-size:clamp(21px,2.5vw,34px);margin:10px 0 5px}
.scrub-enabled .real-slip figcaption p{margin-bottom:14px}
.scrub-enabled .payout-comparison{top:16%;border:0;padding:0;z-index:5}
.scrub-enabled .payout-numbers strong{font-size:clamp(42px,7.5vw,100px);white-space:nowrap;font-variant-numeric:tabular-nums}
.scrub-enabled .payout-numbers{gap:25px}
.scrub-enabled .play-outcomes{top:38%;padding:0 4%;z-index:6}
.scrub-enabled .play-outcomes strong{font-size:clamp(52px,8vw,110px)}
.scrub-enabled .result-scene{top:10%;z-index:6}
.scrub-enabled .result-scene .payout-comparison{position:relative;top:auto;margin:0;padding:0}
.scrub-enabled .result-scene .play-outcomes{position:relative;top:auto;margin:32px 0 0;padding:0 4%}
.scrub-enabled .play-takeaway{top:35%;font-size:clamp(32px,5vw,66px);line-height:1.15;z-index:7}
.scrub-enabled .result-scene .play-takeaway{position:relative;top:auto;margin:28px 0 0}
.scrub-enabled .story-stage>.story-frame{display:block;left:50%;top:50%;width:65vmin;height:65vmin;margin:-32.5vmin 0 0 -32.5vmin;border:3px solid var(--blue);opacity:.16;z-index:0;pointer-events:none}
.scrub-enabled .play-community{position:relative;z-index:8;background:var(--ink);padding-top:35px}
[data-join]{transition:transform .2s,background .2s;position:relative}
.join-big:hover,.closing button:hover{transform:translateY(-4px);background:var(--paper)}
[data-join]:active{transform:scale(.97)}
@media(max-width:650px){
.scrub-enabled .hero-track{height:145svh}.scrub-enabled .hero{padding:16px 0}.scrub-enabled .hero .edition{font-size:12px;margin-bottom:22px}
.scrub-enabled .hero h1{padding:0 8px}
.scrub-enabled .hero .opening{font-size:6.4vw}.scrub-enabled .hero .punch{font-size:9.2vw;margin-top:20px}.scrub-enabled .hero-copy{font-size:15px;margin:22px 0 20px 4%}.scrub-enabled .hero .join-big{padding:18px 14px}
.scrub-enabled .story-track{height:425svh}.scrub-enabled .play-intro{top:22%}.scrub-enabled .play-intro h2{font-size:9vw;letter-spacing:-1px}.scrub-enabled .play-intro>p{font-size:16px;margin:22px 0 0}
.scrub-enabled .example-heading{top:5%;font-size:6vw}.scrub-enabled .same-game{top:11%;font-size:14px}.scrub-enabled .same-game span{font-size:14px}
.scrub-enabled .real-slips{top:20%;display:flex;flex-direction:column;gap:18px;height:auto}.scrub-enabled .real-slip{position:relative;width:92%;left:auto;top:auto}.scrub-enabled .hedge-slip{align-self:flex-end;padding:0}
.scrub-enabled .real-slip h4{font-size:20px;margin:6px 0 3px}.scrub-enabled .slip-label{font-size:14px;padding:2px 7px}.scrub-enabled .real-slip figcaption p{font-size:14px;margin-bottom:8px}.scrub-enabled .real-slip img{max-height:17svh;width:100%;object-fit:contain;object-position:left center}.scrub-enabled .slip-return{font-size:18px;margin-top:5px}.scrub-enabled .slip-return span{font-size:13px}
.scrub-enabled .payout-comparison{top:13%}.scrub-enabled .payout-numbers{flex-direction:row;gap:8px;margin:12px 0}.scrub-enabled .payout-numbers strong{font-size:10.8vw;letter-spacing:-1.5px}.scrub-enabled .payout-numbers>span{transform:none;font-size:24px}.scrub-enabled .payout-comparison p{font-size:14px}
.scrub-enabled .play-outcomes{top:55%;padding:0;gap:16px}.scrub-enabled .play-outcomes strong{font-size:10vw}.scrub-enabled .play-outcomes h4{font-size:16px}.scrub-enabled .play-outcomes p{font-size:13px;max-width:175px}.scrub-enabled .play-takeaway{top:35%;font-size:8.2vw;letter-spacing:-1px}.scrub-enabled .story-frame{width:85vw;height:85vw;margin:-42.5vw 0 0 -42.5vw}
}
@media(max-height:550px) and (min-width:651px){.scrub-enabled .hero .opening{font-size:30px}.scrub-enabled .hero .punch{font-size:45px}.scrub-enabled .hero-copy{font-size:14px;margin:10px 0}.scrub-enabled .hero .edition{margin:0}.scrub-enabled .real-slip img{max-height:27vh}.scrub-enabled .real-slip figcaption p{margin-bottom:4px}.scrub-enabled .real-slip h4{font-size:20px}}
@media(max-width:650px) and (max-height:740px){
.scrub-enabled .real-slip img{max-height:13svh}
.scrub-enabled .real-slips{gap:12px}
.scrub-enabled .hero .edition{margin-bottom:14px}
.scrub-enabled .hero-copy{margin-top:16px;margin-bottom:16px}
}
@media(max-width:650px){
.scrub-enabled .result-scene{top:10%}
.scrub-enabled .result-scene .play-outcomes{margin-top:24px;padding:0;gap:24px}
.scrub-enabled .result-scene .payout-numbers{margin:8px 0;gap:0}
}
@media(prefers-reduced-motion:reduce){[data-join]{transition:none}.join-big:hover,.closing button:hover,[data-join]:active{transform:none}}
