.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gameplay-page .desktop-nav a.active{color:var(--green)}
.gameplay-page .desktop-nav a.active:after{background:var(--green)}
.gp-hero{height:100svh;min-height:750px;position:relative;overflow:hidden;isolation:isolate;background:#080b10}
.gp-hero-grid,.challenge-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(103,232,249,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.045) 1px,transparent 1px);background-size:10vw 10vw;mask-image:linear-gradient(90deg,black,transparent)}
.gp-hero-index{position:absolute;top:132px;left:4vw;z-index:5;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.2em}
.gp-hero-scene{position:absolute;top:12%;right:-6%;width:77%;height:76%;overflow:hidden;clip-path:polygon(11% 0,100% 0,100% 86%,90% 100%,0 100%,0 17%);animation:gp-scene-in 1.15s cubic-bezier(.2,.8,.2,1) both;will-change:transform}
.gp-scene{position:relative;isolation:isolate;background:#244c96}
.gp-sky{position:absolute;inset:-4%;background:url('source_assets/images/level1_tiledbackground.png') center / cover no-repeat;filter:saturate(1.1)}
.gp-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.35),transparent 75%),linear-gradient(0deg,rgba(8,11,16,.2),transparent 40%)}
.gp-hero-platform{position:absolute;filter:drop-shadow(0 18px 12px rgba(0,0,0,.25))}
.gp-hp-one{width:27%;left:8%;top:55%}.gp-hp-two{width:24%;right:3%;top:36%}.gp-hp-three{width:19%;left:47%;top:17%}
.gp-hero-player{position:absolute;z-index:2;width:30%;left:40%;top:26%;filter:drop-shadow(18px 25px 9px rgba(0,0,0,.35));transform:rotate(-8deg)}
.gp-hero-enemy{position:absolute;z-index:2;width:7%;right:15%;top:19%}
.gp-scene-label{position:absolute;bottom:25px;right:8%;font-size:10px;font-weight:700;letter-spacing:.2em}
.gp-hero-title-wrap{position:absolute;z-index:3;top:19%;left:4vw;pointer-events:none;animation:gp-title-in .9s .12s cubic-bezier(.2,.8,.2,1) both}
.gp-hero h1{font:400 clamp(160px,19vw,330px)/.67 var(--font-display);letter-spacing:-.03em;margin:0;white-space:nowrap}
.gp-hero h1 span{color:var(--green)}.gp-hero h1 i{font:400 .18em var(--font-body);font-style:normal;color:var(--cyan);vertical-align:top;margin-left:.12em}
.gp-hero-info{position:absolute;z-index:5;left:4vw;bottom:7%;display:flex;align-items:end;gap:4vw;animation:gp-fade .8s .8s both}
.gp-hero-info p{font:400 clamp(25px,3vw,48px)/.89 var(--font-display);margin:0}.gp-hero-info span{font-size:10px;letter-spacing:.17em;font-weight:700;writing-mode:vertical-rl;color:#c7d5df}
.gp-hero-scroll{position:absolute;z-index:5;right:4vw;bottom:6%;font-size:10px;font-weight:700;letter-spacing:.2em;border-bottom:1px solid var(--cyan);padding-bottom:12px;display:flex;gap:40px;transition:gap .25s}.gp-hero-scroll:hover{gap:58px}.gp-hero-scroll span{font-size:20px;line-height:.5;color:var(--green)}
.gp-hero-coordinate{position:absolute;right:12px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#c7d5df}
.mechanics{height:410vh;position:relative;background:#080b10;margin-top:-1px}.mechanics-sticky{position:sticky;top:0;height:100svh;min-height:680px;display:flex;flex-direction:column;padding:105px 4vw 45px;overflow:hidden;isolation:isolate}
.mechanics-sticky:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 70% 40%,rgba(37,99,235,.13),transparent 50%)}
.mechanics-top,.mechanics-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.mechanics-top .section-meta{color:var(--cyan)}.mechanics-progress,.mechanics-bottom{font-size:10px;font-weight:700;letter-spacing:.17em;color:#a9b9c5}
.mechanics-layout{flex:1;display:grid;grid-template-columns:48% 52%;align-items:center;gap:0;position:relative}.mechanics-copy{position:relative;height:40vw;max-height:570px;min-height:320px;display:flex;align-items:center;z-index:3}
.mechanic-copy{position:absolute;left:0;top:50%;transform:translate(-8vw,-38%);opacity:0;pointer-events:none;transition:opacity .55s,transform .7s cubic-bezier(.2,.75,.2,1)}.mechanic-copy.active{opacity:1;transform:translate(0,-38%);pointer-events:auto}.mechanic-copy.leaving{transform:translate(7vw,-38%)}
.mechanic-number{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--cyan)}.mechanic-copy h3{font:400 clamp(170px,21vw,390px)/.73 var(--font-display);letter-spacing:-.025em;margin:25px 0 18px;white-space:nowrap}.mechanic-copy h3 span{color:var(--green)}.mechanic-copy p{font-size:17px;margin:0 0 0 8px;color:#d6e0e8}
.mechanic-mobile-scene{display:none}
.mechanics-visual{height:min(52vw,600px);min-height:390px;position:relative;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 87%,88% 100%,0 100%,0 13%);transition:clip-path .7s,transform .7s;background:#234c8b}
.mechanics-visual-bg{position:absolute;inset:0;background:url('source_assets/images/level1_tiledbackground.png') center / cover no-repeat;transition:transform .65s,filter .65s}
.mechanics-platform{position:absolute;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25));transition:transform .65s,left .65s,top .65s}.mechanics-platform.one{width:43%;left:0;top:58%}.mechanics-platform.two{width:33%;right:1%;top:28%}
.mechanics-player{position:absolute;width:37%;left:38%;top:23%;z-index:2;filter:drop-shadow(12px 16px 9px rgba(0,0,0,.32));transition:transform .6s,left .6s,top .6s,opacity .4s}
.mechanics-enemy{position:absolute;width:9%;right:11%;top:14%;opacity:0;transition:opacity .5s,transform .6s}.mechanics-reticle{position:absolute;width:40%;aspect-ratio:1;border:1px solid rgba(103,232,249,.27);border-radius:50%;left:35%;top:14%;transition:transform .7s}.mechanics-reticle:after{content:'+';position:absolute;right:-6px;top:45%;color:var(--green);font-size:24px}.mechanics-visual-tag{position:absolute;right:30px;bottom:20px;font-size:10px;letter-spacing:.18em;font-weight:700}
.mechanics[data-active="1"] .mechanics-player{left:41%;top:4%;transform:rotate(-14deg)}.mechanics[data-active="1"] .mechanics-platform.two{transform:translateY(-14%)}.mechanics[data-active="1"] .mechanics-reticle{transform:translateY(-8%)}
.mechanics[data-active="2"] .mechanics-player{left:24%;top:32%;transform:rotate(11deg)}.mechanics[data-active="2"] .mechanics-enemy{opacity:1;transform:translateX(-35%)}.mechanics[data-active="2"] .mechanics-platform.two{transform:translateX(14%)}
.mechanics[data-active="3"] .mechanics-player{left:47%;top:16%;transform:rotate(-5deg)}.mechanics[data-active="3"] .mechanics-enemy{opacity:1}.mechanics[data-active="3"] .mechanics-visual-bg{filter:brightness(.75) saturate(1.2);transform:scale(1.08)}
.mechanics-bottom{gap:20px}.mechanics-meter{height:2px;background:rgba(103,232,249,.2);width:min(500px,50vw)}.mechanics-meter span{display:block;height:100%;width:25%;background:var(--green);transition:width .3s}
.progression{padding:130px 4vw 170px;position:relative;overflow:hidden;background:#0a0f17}.progression-intro{min-height:68vh;position:relative;z-index:2}.progression-intro .section-meta{color:var(--cyan)}.progression h2{font:400 clamp(100px,15vw,250px)/.75 var(--font-display);letter-spacing:-.025em;margin:75px 0 30px}.progression h2 em,.challenge h2 em,.showcase h2 em,.gp-final h2 em{font-style:normal;color:var(--green)}.progression-intro p{font-size:14px;line-height:1.5;margin-left:70%;color:#d3dee7}
.level-stack{position:relative;display:flex;flex-direction:column;gap:19vh}.level{position:relative;min-height:480px;display:flex;align-items:center;gap:4vw}.level-copy{position:relative;z-index:2;flex:none;width:28%;padding:20px}.level-copy>span{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--cyan)}.level-copy h3{font:400 clamp(80px,8vw,150px)/.8 var(--font-display);margin:24px 0;white-space:nowrap}.level-copy p{font-size:13px;color:#ced8e1}.level-visual{height:440px;flex:1;overflow:hidden;clip-path:polygon(6% 0,100% 0,100% 89%,92% 100%,0 100%,0 12%);box-shadow:0 30px 70px rgba(0,0,0,.3);transition:transform .5s}.level-visual:hover{transform:scale(1.025)}.level-visual .gp-sky{inset:0}.level-platform,.level-player,.level-enemy{position:absolute;filter:drop-shadow(10px 12px 7px rgba(0,0,0,.3))}.level-platform.lp-a{width:35%;left:2%;top:54%}.level-platform.lp-b{width:27%;right:5%;top:25%}.level-player{width:25%;left:46%;top:18%}.level-enemy{width:8%;right:12%;top:12%}
.level-two{flex-direction:row-reverse;margin-left:9%;margin-right:2%}.level-two .level-copy{width:30%}.level-two .level-visual{height:490px;transform:rotate(-2deg)}.level-two .level-visual:hover{transform:rotate(0) scale(1.025)}.level-two .level-player{left:37%;top:8%;transform:rotate(-15deg)}.level-two .lp-a{left:0;top:64%}.level-two .lp-b{right:-4%;top:34%}
.level-three{margin-left:-2%;min-height:600px}.level-three .level-copy{width:27%}.level-three .level-visual{height:560px;transform:rotate(2deg)}.level-three .level-visual:hover{transform:rotate(0) scale(1.02)}.level-three .level-player{width:29%;left:42%;top:12%;transform:rotate(-12deg)}.level-three .lp-a{left:-7%;top:56%}.level-three .lp-b{right:-6%;top:50%}
.showcase{height:320vh;position:relative;background:#080b10}.showcase-sticky{height:100svh;min-height:730px;position:sticky;top:0;overflow:hidden;padding:95px 4vw 35px}.showcase-heading{position:absolute;left:4vw;top:110px;z-index:3}.showcase-heading .section-meta{color:var(--cyan)}.showcase h2{font:400 clamp(115px,15vw,240px)/.73 var(--font-display);letter-spacing:-.025em;margin:32px 0 18px}.showcase-heading>span:last-child{font-size:10px;letter-spacing:.17em;font-weight:700;color:#a9b8c6}.showcase-track{position:absolute;z-index:2;left:39vw;top:21vh;display:flex;align-items:end;gap:8vw;width:max-content;will-change:transform}.showcase-frame{width:56vw;max-width:900px;margin:0}.showcase-frame:nth-child(2){transform:translateY(12vh) rotate(2deg)}.showcase-frame:nth-child(3){transform:translateY(-4vh) rotate(-2deg)}.showcase-image{height:52vh;min-height:330px;overflow:hidden;clip-path:polygon(7% 0,100% 0,100% 87%,90% 100%,0 100%,0 10%);transition:filter .3s}.showcase-frame:hover .showcase-image{filter:brightness(1.12)}.showcase-frame figcaption{display:flex;align-items:baseline;gap:20px;margin-top:15px;font-family:var(--font-display)}.showcase-frame figcaption b{font-size:70px;font-weight:400;color:var(--green)}.showcase-frame figcaption span{font-size:24px;letter-spacing:.08em}.sf-platform,.sf-player,.sf-enemy{position:absolute;filter:drop-shadow(10px 12px 8px rgba(0,0,0,.3))}.sf-platform{width:35%}.sfp-a{left:2%;top:55%}.sfp-b{right:5%;top:24%}.sf-player{width:26%;left:43%;top:20%}.sf-enemy{width:9%;right:15%;top:13%}
.challenge{height:110vh;min-height:820px;position:relative;padding:120px 4vw;overflow:hidden;isolation:isolate}.challenge>.section-meta{color:var(--cyan)}.challenge h2{font:400 clamp(130px,18vw,290px)/.75 var(--font-display);letter-spacing:-.025em;margin:15vh 0 0;position:relative;z-index:3}.challenge-copy{font-size:15px;line-height:1.5;margin:35px 0 0 52%;position:relative;z-index:3}.hazard{position:absolute;z-index:2;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s}.hazard span{display:block;font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--cyan);margin-bottom:10px}.hazard img{width:100%;filter:drop-shadow(15px 20px 10px rgba(0,0,0,.4))}.hazard-enemy{width:15%;right:9%;top:13%;transform:rotate(14deg)}.hazard-platform{width:35%;right:-5%;bottom:7%;transform:rotate(-8deg)}.hazard-warning{width:7%;left:13%;bottom:10%;transform:rotate(-15deg)}.challenge-line{position:absolute;left:4%;right:4%;bottom:7%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.gp-marquee{height:290px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:4}.gp-marquee-row{font:400 clamp(100px,13vw,210px)/.8 var(--font-display);white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(244,244,244,.55)}.gp-marquee-row div{width:max-content;animation:marquee 30s linear infinite;transform-origin:center}.gp-marquee-row{transform:rotate(-2.5deg) scale(1.05)}.gp-marquee-green{color:var(--green);-webkit-text-stroke:0}.gp-marquee-green div{animation-direction:reverse;animation-duration:23s}
.gp-final{min-height:100svh;padding:115px 4vw 55px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#0b1119}.gp-final:before{content:'';position:absolute;width:70vw;aspect-ratio:1;border:1px solid rgba(103,232,249,.12);border-radius:50%;right:-20vw;top:-25vw;box-shadow:0 0 0 12vw rgba(37,99,235,.025),0 0 0 26vw rgba(37,99,235,.02)}.gp-final>.section-meta{color:var(--cyan)}.gp-final h2{font:400 clamp(135px,19vw,340px)/.73 var(--font-display);letter-spacing:-.025em;margin:0;position:relative}.gp-final-actions{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:2}.gp-final .play-button{width:min(470px,43vw);min-height:140px}.gp-final-actions>div{display:flex;gap:30px;padding-bottom:12px}.gp-final-actions a{font-size:11px;letter-spacing:.15em;font-weight:700;border-bottom:1px solid var(--cyan);padding-bottom:9px;transition:color .2s}.gp-final-actions a:hover{color:var(--green)}.gp-final-side{position:absolute;right:16px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:var(--muted)}
@keyframes gp-scene-in{from{opacity:0;clip-path:polygon(45% 40%,70% 40%,70% 60%,60% 60%,45% 60%,45% 40%);transform:scale(.94)}to{opacity:1;clip-path:polygon(11% 0,100% 0,100% 86%,90% 100%,0 100%,0 17%);transform:scale(1)}}
@keyframes gp-title-in{from{opacity:0;transform:translateX(-12vw)}to{opacity:1;transform:translateX(0)}}@keyframes gp-fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.gp-hero h1{font-size:19vw}.gp-hero-scene{width:85%;right:-14%}.mechanic-copy h3{font-size:21vw}.progression h2{font-size:14vw}.level-copy h3{font-size:8vw}.showcase h2{font-size:14vw}.challenge h2{font-size:17vw}.gp-final h2{font-size:18vw}}
@media(max-width:700px){.gp-hero{min-height:750px;height:100svh}.gp-hero-index{top:105px;left:20px;font-size:10px}.gp-hero-scene{top:19%;right:-26%;width:124%;height:50%;clip-path:polygon(10% 0,100% 0,100% 86%,90% 100%,0 100%,0 15%)}.gp-hero h1{font-size:clamp(130px,34vw,225px)}.gp-hero-title-wrap{left:18px;top:33%}.gp-hero h1 i{display:none}.gp-hero-player{width:38%;left:18%;top:22%}.gp-hp-one{width:38%;left:4%;top:64%}.gp-hp-two{width:36%;right:3%;top:40%}.gp-hp-three{width:30%;left:42%;top:14%}.gp-hero-enemy{width:10%;right:12%;top:18%}.gp-hero-info{left:20px;bottom:10%;gap:20px}.gp-hero-info p{font-size:31px}.gp-hero-info span{font-size:8px}.gp-hero-scroll{right:20px;bottom:7%;font-size:8px;gap:8px}.gp-hero-coordinate{display:none}.mechanics{height:auto}.mechanics-sticky{position:relative;height:auto;min-height:0;padding:95px 20px 80px}.mechanics-top{margin-bottom:65px}.mechanics-progress{display:none}.mechanics-layout{display:block}.mechanics-copy{height:auto;min-height:0;display:block}.mechanic-copy{position:relative;top:auto;left:auto;transform:none!important;opacity:1!important;pointer-events:auto;margin-bottom:70px;border-top:1px solid rgba(103,232,249,.25);padding-top:18px}.mechanic-copy.leaving{transform:none}.mechanic-copy h3{font-size:clamp(125px,28vw,210px);margin:18px 0 5px}.mechanic-copy p{font-size:14px}.mechanics-visual{height:360px;min-height:0;margin:-35px 0 65px;display:none}.mechanics-bottom{display:none}.progression{padding:90px 20px 110px}.progression-intro{min-height:460px}.progression h2{font-size:clamp(85px,17vw,130px);margin:50px 0 25px}.progression-intro p{margin:0 0 0 40%;font-size:13px}.level-stack{gap:80px}.level{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:18px;margin:0}.level-copy,.level-two .level-copy,.level-three .level-copy{width:auto;padding:0}.level-copy h3{font-size:clamp(80px,17vw,130px);margin:12px 0}.level-copy p{font-size:12px}.level-visual,.level-two .level-visual,.level-three .level-visual{width:100%;height:270px;flex:none;transform:none}.level-three .level-visual{height:310px}.level-player{width:32%;top:20%}.level-three .level-player{width:38%}.showcase{height:auto;padding:85px 20px 100px}.showcase-sticky{height:auto;min-height:0;position:relative;overflow:visible;padding:0}.showcase-heading{position:relative;top:auto;left:auto}.showcase h2{font-size:clamp(110px,22vw,180px);margin:25px 0}.showcase-heading>span:last-child{display:none}.showcase-track{position:relative;left:auto;top:auto;display:flex;flex-direction:column;width:auto;gap:55px;margin-top:55px;transform:none!important}.showcase-frame,.showcase-frame:nth-child(2),.showcase-frame:nth-child(3){width:100%;max-width:none;transform:none}.showcase-image{height:280px;min-height:0}.showcase-frame figcaption b{font-size:55px}.showcase-frame figcaption span{font-size:19px}.challenge{height:790px;min-height:0;padding:100px 20px}.challenge h2{font-size:clamp(95px,20vw,160px);margin:130px 0 0}.challenge-copy{font-size:13px;margin:30px 0 0 15%}.hazard-enemy{width:22%;right:7%;top:17%}.hazard-platform{width:55%;right:-13%;bottom:10%}.hazard-warning{width:12%;left:9%;bottom:17%}.hazard span{font-size:7px}.gp-marquee{height:180px}.gp-marquee-row{font-size:26vw}.gp-final{min-height:780px;min-height:100svh;padding:90px 20px 38px}.gp-final h2{font-size:clamp(105px,22vw,175px)}.gp-final-actions{display:block}.gp-final .play-button{width:100%;min-height:120px}.gp-final-actions>div{margin-top:30px;gap:25px;flex-wrap:wrap}.gp-final-side{display:none}}
@media(max-width:390px){.gp-hero h1{font-size:33vw}.gp-hero-info p{font-size:27px}.gp-hero-scroll{font-size:7px}.progression h2{font-size:16vw}.challenge h2{font-size:19vw}.gp-final h2{font-size:21vw}}
@media(max-width:700px){.mechanic-mobile-scene{display:block;height:235px;margin-top:22px;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 87%,90% 100%,0 100%,0 12%)}.mechanic-mobile-scene img{position:absolute;width:38%;left:42%;top:13%;filter:drop-shadow(8px 12px 7px rgba(0,0,0,.4))}.mechanic-copy[data-mechanic="2"] .mechanic-mobile-scene img{width:18%;left:57%;top:34%}}
@media(prefers-reduced-motion:reduce){.gp-hero-scene,.gp-hero-title-wrap,.gp-hero-info{animation:none!important}.mechanic-copy,.mechanics-player,.mechanics-platform,.mechanics-reticle,.mechanics-visual-bg,.hazard{transition:none!important}.gp-marquee-row div{animation:none!important}}
.js-ready .challenge:not(.is-in-view) .hazard{opacity:0;translate:0 70px}
@media(prefers-reduced-motion:reduce){.js-ready .challenge:not(.is-in-view) .hazard{opacity:1;translate:none}}
@media(prefers-reduced-motion:reduce) and (min-width:701px){
  .mechanics{height:auto}.mechanics-sticky{position:relative;height:auto;min-height:0}.mechanics-layout{display:block}.mechanics-copy{height:auto;max-height:none;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;padding:80px 0}.mechanic-copy,.mechanic-copy.active,.mechanic-copy.leaving{position:static;opacity:1;transform:none;pointer-events:auto}.mechanic-copy h3{font-size:clamp(110px,15vw,230px)}.mechanics-visual,.mechanics-bottom,.mechanics-progress{display:none}
  .showcase{height:auto;padding:110px 4vw}.showcase-sticky{height:auto;min-height:0;position:relative;overflow:visible;padding:0}.showcase-heading{position:relative;left:auto;top:auto}.showcase-track{position:relative;left:auto;top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;width:auto;margin-top:70px;transform:none!important}.showcase-frame,.showcase-frame:nth-child(2),.showcase-frame:nth-child(3){width:auto;transform:none}.showcase-image{height:300px;min-height:0}.showcase-frame figcaption b{font-size:50px}
}