.heroNodes,.heroStatement .stateLabel,.finalNodes{display:none}
.heroStatement:after{content:'';display:block;margin-top:42px;width:180px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);transform-origin:left;animation:lineDraw 2s .3s both,lineTravel 8s 3s ease-in-out infinite}
.heroState:after{content:'';position:absolute;left:4%;right:4%;bottom:19%;height:1px;background:linear-gradient(90deg,transparent,rgba(27,196,243,.55),transparent);transform:rotate(-7deg);animation:lineDraw 2.5s .6s both;pointer-events:none}
@keyframes lineDraw{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes lineTravel{50%{transform:scaleX(1.35);opacity:.4}}
.gameState{height:560svh}.gameIntro{opacity:clamp(0,calc(1 - (var(--game-progress) - .05)*12),1)}
.pitchWorld{top:61%;width:min(1080px,88vw,calc(60svh * 1200 / 760));aspect-ratio:1200/760;transform:translate(-50%,-50%);opacity:clamp(.22,calc(.22 + var(--game-progress)*5),1)}
.pitchWorld .pitch g{stroke:rgba(205,220,226,.65);stroke-width:1.8}.pitchWorld .pitch{transform:none}.pitchWorld .players,.pitchWorld .gameSemantics{display:none}
.matchCanvas{position:absolute;inset:0;width:100%;height:100%}
.matchCopy{position:absolute;z-index:6;top:15%;left:32px;right:32px;opacity:clamp(0,calc((var(--game-progress) - .14)*20),1);pointer-events:none}.matchCopy h3{margin:12px 0;font:900 clamp(2.4rem,4vw,4rem)/1 var(--display);letter-spacing:-.035em;text-transform:uppercase}.matchCopy p{margin:0;max-width:500px;line-height:1.5;color:var(--muted)}
.matchSteps{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);display:flex;gap:28px;font:700 .75rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:clamp(0,calc((var(--game-progress) - .14)*20),1)}.matchSteps span{padding-top:10px;border-top:2px solid #344051;color:#9ba8b7}.matchSteps .active{border-color:var(--cyan);color:white}
.familyPhoto{background-image:url('assets/family-wide-v3.jpg');background-size:cover;background-position:center;transform:none}.familyPhoto::before,.familyPhoto::after{display:none}.humanStage h2{top:20%;width:36%;font-size:clamp(2.5rem,4.4vw,5rem);line-height:1.02}.humanStage::before{background:linear-gradient(90deg,rgba(22,27,40,.65),rgba(22,27,40,.12) 40%,transparent 65%)}
@media(max-width:900px){.pitchWorld{top:61%;width:94vw;aspect-ratio:1200/760;transform:translate(-50%,-50%)}.matchCopy{top:17%;left:20px;right:20px}.matchCopy h3{font-size:2.8rem}.matchCopy p{font-size:.95rem}.matchSteps{gap:16px;bottom:10%;font-size:.6rem}.humanStage h2{top:14%;width:calc(100% - 40px);font-size:11vw}.familyPhoto{background-position:54% center}.humanStage::before{background:linear-gradient(180deg,rgba(22,27,40,.6),transparent 42%)}}
@media(prefers-reduced-motion:reduce){.heroStatement:after,.heroState:after{animation:none}.gameState{height:560svh}}