.hero-stage{touch-action:pan-y;cursor:crosshair}
.hero-stage:before{background:linear-gradient(90deg,var(--bg),transparent 30%,transparent 70%,var(--bg)),url('/assets/night-teal.jpg') center/cover;opacity:.65}
.hero-stage .guardian{width:min(310px,65%)}
.guardian .body{position:relative;z-index:2;transform-origin:50% 60%;user-select:none;pointer-events:none}
.guardian .hand{width:42.857%;height:36.458%;max-width:none;top:40.625%;right:auto;transform:translate(-50%,-50%);transform-origin:center;z-index:3;pointer-events:none;user-select:none}
.guardian .hand-left{left:-3.247%}
.guardian .hand-right{left:103.247%}
.hand-tethers{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}
.hand-tethers path{fill:none;stroke:#73eeff;stroke-width:.65;stroke-opacity:.8;filter:drop-shadow(0 0 1.5px #00cdff)}
.hero-portal{animation-direction:reverse}
.tag.pearl{color:#e6f4ff}
.palette-grid{margin-top:22px}
@media(prefers-reduced-motion:reduce){.guardian .body{transform:none!important}.hero-stage{cursor:default}}