.play-shell{z-index:45;overscroll-behavior:none;color:#14263a;font-family:var(--sans);-webkit-user-select:none;user-select:none;background:#dde9ef;position:fixed;inset:0;overflow:hidden}.play-stage{touch-action:none;cursor:grab;position:absolute;inset:0}.play-stage:active{cursor:grabbing}.play-stage:focus{outline:none}.play-stage:focus-visible{outline-offset:-3px;outline:3px solid #14263a}.play-canvas{width:100%;height:100%;display:block}.play-warp{z-index:1;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#6eb4e61f 0 1px,#0000 1px 4px),radial-gradient(at 50% 55%,#f6fdff 0%,#dcf1ff 50%,#a9d7f4 100%);position:absolute;inset:0}.play-stage[data-quality=low]:after,.play-stage[data-quality=minimal]:after{content:"";pointer-events:none;background:radial-gradient(#0000 55%,#00000029 100%);position:absolute;inset:0}.play-shell[data-scene=room] .play-stage[data-quality=low]:after,.play-shell[data-scene=room] .play-stage[data-quality=minimal]:after{background:radial-gradient(#0000 50%,#0000004d 100%)}.play-topbar{z-index:3;padding:calc(var(--safe-area-inset-top) + .7rem) 1rem 0;pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0}.play-topbar a{pointer-events:auto}.play-topbar .page-back{margin:0}.play-status{z-index:2;text-align:center;pointer-events:none;justify-content:center;align-items:center;margin:0;padding:1.5rem;font-size:1.05rem;font-weight:600;display:flex;position:absolute;inset:0}.play-hint{top:calc(var(--safe-area-inset-top) + 1.15rem);z-index:2;text-align:center;pointer-events:none;width:max-content;max-width:calc(100% - 2rem);margin:0;font-size:.95rem;font-weight:600;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.play-hint-touch{display:none}.play-shell[data-scene=room]{background:#1c1814}.play-shell[data-scene=room] .play-status{color:#f3ece0}.play-shell[data-scene=room] .play-hint{background:#f6f0e6e0;border-radius:999px;padding:.45rem .9rem}.play-notice{left:50%;bottom:calc(22% + env(safe-area-inset-bottom,0px));z-index:2;color:#14263a;text-align:center;pointer-events:none;opacity:0;background:#f6f0e6e6;border-radius:999px;width:max-content;max-width:calc(100% - 2rem);margin:0;padding:.5rem 1rem;font-size:1rem;font-weight:600;line-height:1.35;transition:opacity .18s,transform .18s;position:absolute;transform:translate(-50%,.4rem)}.play-notice[data-shown=true]{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.play-notice{transition:none}}.play-speech{--speech-floor:1rem;left:0;top:min(var(--speech-y,50%), calc(100% - var(--speech-floor)));z-index:2;color:#14263a;text-align:center;pointer-events:none;opacity:0;width:max-content;max-width:min(16rem,100% - 2rem);transform:translate(calc(var(--speech-x,50vw) - 50%), calc(-100% - .75rem));transform-origin:50% 100%;background:#fbf7f0;border-radius:1.2rem;margin:0;padding:.55rem 1.05rem;font-size:1.2rem;font-weight:700;line-height:1.3;transition:opacity .18s,scale .18s;position:absolute;scale:.8;box-shadow:0 .4rem 1.2rem #0000004d}.play-speech[data-away=true]:after{display:none}.play-speech:after{content:"";background:inherit;border-radius:0 0 .2rem;width:.9rem;height:.9rem;position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%)rotate(45deg)}.play-speech[data-shown=true]{opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.play-speech{transition:none}}.play-dialogue{max-width:min(34rem,100% - 2rem);padding:.75rem 1.35rem;font-size:clamp(1.25rem,.85rem + 1.1vw,1.8rem);font-weight:600;line-height:1.3}.play-dialogue-name{letter-spacing:.02em;margin-bottom:.2rem;font-size:clamp(1rem,.75rem + .6vw,1.3rem);font-weight:800;display:block}.play-caption{bottom:calc(env(safe-area-inset-bottom,0px) + 1.75rem);z-index:2;color:#f6f1e7;text-align:center;pointer-events:none;opacity:0;background:#0e141ed6;border-radius:1rem;width:max-content;max-width:min(60rem,100% - 2rem);margin:0;padding:.7rem 1.5rem;font-size:clamp(1.25rem,.8rem + 1.2vw,1.95rem);font-weight:600;line-height:1.35;transition:opacity .26s;position:absolute;left:50%;transform:translate(-50%)}.play-caption[data-shown=true]{opacity:1}.play-curtain{z-index:1;pointer-events:none;opacity:0;background:#000;position:absolute;inset:0}@media (width<=1180px){.play-caption{bottom:calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px) + 1rem)}.play-speech{--speech-floor:calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px) + .25rem)}}@media (pointer:coarse){.play-caption{bottom:calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px) + 9.25rem)}.play-speech{--speech-floor:calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px) + 8.5rem)}}@media (prefers-reduced-motion:reduce){.play-caption{transition:none}}.play-stick,.play-jump,.play-paw,.play-carry{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));z-index:3;touch-action:none;display:none;position:absolute}.play-stick{left:max(1.25rem, env(safe-area-inset-left,0px));background:#ffffff4d;border:2px solid #14263a80;border-radius:50%;width:7.5rem;height:7.5rem}.play-stick-knob{background:#14263ac7;border-radius:50%;width:3.25rem;height:3.25rem;margin:-1.625rem 0 0 -1.625rem;position:absolute;top:50%;left:50%}.play-jump{right:max(1.25rem, env(safe-area-inset-right,0px));color:#14263a;width:5.5rem;height:5.5rem;font:inherit;-webkit-tap-highlight-color:transparent;background:#ffffff8c;border:2px solid #14263a80;border-radius:50%;margin-bottom:1rem;font-size:1rem;font-weight:700}.play-jump:active{color:#fff;background:#14263ac7}.play-paw,.play-carry{color:#14263a;font:inherit;-webkit-tap-highlight-color:transparent;background:#ffffff8c;border:2px solid #14263a80;border-radius:50%;font-size:.9rem;font-weight:700}.play-paw{right:calc(max(1.25rem, env(safe-area-inset-right,0px)) + 6.4rem);width:4.75rem;height:4.75rem;margin-bottom:.6rem}.play-carry{right:calc(max(1.25rem, env(safe-area-inset-right,0px)) + .6rem);width:4.25rem;height:4.25rem;margin-bottom:7.4rem}.play-paw:active,.play-carry:active{color:#fff;background:#14263ac7}body:has(.play-shell) .mobile-app-banner{display:none}@media (pointer:coarse){.play-hint-keys{display:none}.play-hint-touch{display:inline}.play-shell[data-status=playing] .play-stick,.play-shell[data-status=playing] .play-jump,.play-shell[data-status=playing] .play-paw,.play-shell[data-status=playing] .play-carry{display:block}}@media (width<=1180px){.play-topbar{display:none}.play-stick,.play-jump,.play-paw,.play-carry{bottom:calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px) + .75rem)}}.play-hero{--hero-amber:#ffb648;--hero-red:#ff4b45;--hero-green:#5fe39a;--hero-danger:0;--hero-pull:0;--hero-pitch:0;--hero-roll:0;--hero-level:0;--hero-altitude:1;--hero-top:calc(var(--safe-area-inset-top,0px) + 4.4rem);--hero-low:calc(env(safe-area-inset-bottom,0px) + 1.6rem);z-index:2;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;display:none;position:absolute;inset:0}.play-hero[data-active=on]{display:block}.play-hero>*{position:absolute}.play-hero[data-cut=on]>:not(.hero-letterbox):not(.hero-flash):not(.hero-vignette):not(.hero-dark):not(.hero-award):not(.hero-skip):not(.hero-result):not(.hero-sound):not(.hero-brand){visibility:hidden}.hero-brand{top:calc(var(--safe-area-inset-top,0px) + min(5.5vh, 2.4rem));color:#fff;letter-spacing:.02em;white-space:nowrap;background:#0a0e168c;border-radius:999px;margin:0;padding:.28rem .85rem;font-size:clamp(1.05rem,.85rem + .6vw,1.4rem);font-weight:700;line-height:1.2;left:50%;transform:translate(-50%,-50%)}.hero-award{text-align:center;opacity:0;pointer-events:none;width:min(34rem,100% - 3rem);margin:0;transition:opacity .6s;bottom:calc(11vh + 1.4rem);left:50%;transform:translate(-50%)}.play-hero[data-award=medal] .hero-award{opacity:1}.hero-award p{text-shadow:0 .15rem .6rem #000000bf;margin:0}.hero-award-kicker{color:#ffd98a;letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;font-weight:800}.hero-award-title{color:#fff;margin:.3rem 0;font-size:clamp(1.3rem,.9rem + 1.4vw,2.1rem);font-weight:800;line-height:1.2}.hero-award-by{color:#fff;font-size:1rem;font-weight:600}.hero-skip{color:#fff;align-items:center;gap:.45rem;margin:0;font-size:.95rem;font-weight:700;display:none;bottom:calc(11vh + .8rem);right:1.25rem}.play-hero[data-skip=on] .hero-skip{display:flex}.play-hero:has(.hero-result:not([hidden])) .hero-award{opacity:0}:is(.play-shell:has(.play-hero[data-active=on]:not([data-beat=calm])) .play-hint,.play-shell:has(.play-hero[data-cut=on]) .play-hint){display:none}.play-shell:has(.play-hero[data-active=on]) .play-hint{top:calc(var(--safe-area-inset-top,0px) + min(5.5vh, 2.4rem) + 1.6rem)}.hero-letterbox{display:none}.play-hero[data-cut=on] .hero-letterbox{display:block}.hero-letterbox i{background:#000;height:11vh;transition:transform .26s;position:fixed;left:0;right:0;transform:scaleY(0)}.hero-letterbox i:first-child{transform-origin:top;top:0}.hero-letterbox i:last-child{transform-origin:bottom;bottom:0}.play-hero[data-cut=on] .hero-letterbox i{transform:scaleY(1)}.hero-vignette{opacity:calc(var(--hero-danger) * .6);background:radial-gradient(#0000 48%,#dc1414d9 100%);display:none;inset:0}.play-hero[data-danger] .hero-vignette{display:block}.play-hero[data-danger=high] .hero-vignette{animation:.8s ease-in-out infinite hero-throb}@keyframes hero-throb{50%{opacity:calc(var(--hero-danger) * .3)}}.hero-flash{opacity:0;background:#fff;display:none;inset:0}.hero-flash[data-kind=red]{background:#ff3228bf}.hero-flash.hero-flash-on{animation:.38s ease-out forwards hero-flash;display:block}@keyframes hero-flash{0%{opacity:.65}to{opacity:0}}.hero-objective{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.hero-instruments{top:var(--hero-top);opacity:0;background:#0a0e169e;border-radius:.7rem;grid-template-columns:auto .5rem;column-gap:.6rem;padding:.55rem .7rem .55rem .85rem;transition:opacity .3s;display:grid;right:1.25rem}.play-hero[data-instruments=on] .hero-instruments{opacity:1}.hero-alt{align-items:baseline;gap:.35rem;display:flex}.hero-alt-label,.hero-alt-unit{color:#fff;letter-spacing:.08em;font-size:.85rem;font-weight:800}.hero-alt-value{text-align:right;min-width:5.2ch;font-size:clamp(1.5rem,1.1rem + 1vw,2.1rem);font-weight:800}.play-hero[data-danger] .hero-alt-value{color:var(--hero-red)}.hero-alt-climb{grid-column:1;justify-self:end;font-size:.95rem;font-weight:700}.hero-alt-tape{background:#ffffff2e;border-radius:.25rem;grid-area:1/2/span 2;position:relative;overflow:hidden}.hero-alt-tape i{height:calc(var(--hero-altitude) * 100%);background:linear-gradient(to top, var(--hero-red), var(--hero-amber) 30%, #9fd8ff 70%);position:absolute;bottom:0;left:0;right:0}.hero-warning{top:calc(var(--hero-top) + .2rem);color:var(--hero-amber);letter-spacing:.14em;opacity:0;background:#0a060699;border:2px solid;border-radius:.4rem;margin:0;padding:.3rem 1rem;font-size:clamp(1.2rem,.9rem + 1vw,1.9rem);font-weight:900;left:50%;transform:translate(-50%)}.play-hero[data-warning=on] .hero-warning{opacity:1}.play-hero[data-warning=sink] .hero-warning{font-size:clamp(1rem,.8rem + .6vw,1.3rem)}.play-hero[data-warning=pull] .hero-warning,.play-hero[data-warning=stall] .hero-warning{color:var(--hero-red);animation:.6s steps(2,jump-none) infinite hero-blink}@keyframes hero-blink{50%{opacity:.35}}.hero-prompt{bottom:var(--hero-low);white-space:nowrap;opacity:0;background:#0a0e16b8;border-radius:999px;align-items:center;margin:0;padding:.45rem;font-size:clamp(1.05rem,.85rem + .6vw,1.4rem);font-weight:800;transition:opacity .16s;display:flex;left:50%;transform:translate(-50%)}.play-hero[data-prompt] .hero-prompt{opacity:1}.hero-prompt-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-key{color:#10141c;min-width:2.2rem;height:2.2rem;font:inherit;background:#fff;border-radius:.5rem;place-items:center;padding:0 .6rem;font-size:1rem;font-weight:900;display:inline-grid;box-shadow:0 3px #9aa3b2}.play-hero[data-prompt=paw][data-beat=struggle] .hero-key,.play-hero[data-urgent=on] .hero-key{animation:.32s ease-in-out infinite hero-press}.play-hero[data-urgent=on] .hero-key{background:var(--hero-red);color:#fff;box-shadow:0 3px #8e1d1a}@keyframes hero-press{50%{transform:translateY(2px);box-shadow:0 1px #9aa3b2}}.hero-struggle{bottom:calc(var(--hero-low) + 4.2rem);width:min(26rem,100% - 3rem);display:none;left:50%;transform:translate(-50%)}.play-hero[data-beat=struggle] .hero-struggle{display:block}.hero-struggle-bar{background:#0a0e1699;border:2px solid #ffffffd9;border-radius:999px;height:1.1rem;overflow:hidden}.hero-struggle-bar i{width:calc(var(--hero-pull) * 100%);background:linear-gradient(90deg, var(--hero-amber), #fff6dc);height:100%;transition:width 90ms linear;display:block}.hero-struggle-swipe{background:var(--hero-red);opacity:0;border-radius:.3rem;width:2rem;height:2rem;transition:opacity .12s,transform .12s;position:absolute;top:-2.4rem;right:-.4rem;transform:rotate(45deg)scale(.6)}.play-hero[data-swipe=windup] .hero-struggle-swipe{opacity:.55;transform:rotate(45deg)scale(.85)}.play-hero[data-swipe=window] .hero-struggle-swipe{opacity:1;animation:.16s steps(2,jump-none) infinite hero-blink;transform:rotate(45deg)scale(1.15)}.hero-horizon{bottom:calc(var(--hero-low) + 4.4rem);left:max(1.25rem, env(safe-area-inset-left,0px));aspect-ratio:1;width:clamp(8rem,5rem + 8vw,11.5rem);display:none}.play-hero[data-beat=pullup] .hero-horizon,.play-hero[data-beat=hold] .hero-horizon{display:block}.hero-horizon-ball{background:#3f8ee0;border-radius:50%;position:absolute;inset:4%;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffbf;container-type:size}.hero-horizon-ground,.hero-horizon-ladder{height:400%;transform:rotate(calc(var(--hero-roll) * -1deg)) translateY(calc(var(--hero-pitch) * 1.6cqh));transform-origin:50% 0;position:absolute;top:50%;left:-50%;right:-50%}.hero-horizon-ground{background:linear-gradient(#7b4f2a,#4e3018);border-top:2px solid #fff}.hero-horizon-ladder i{left:50%;top:calc(var(--p) * -1.6cqh);background:#ffffffd9;width:22cqw;height:2px;margin-left:-11cqw;position:absolute}.hero-horizon-band{left:12%;right:12%;top:calc(50% + var(--hero-band-low,-3) * 1.6cqh);height:calc((var(--hero-band-high,6) - var(--hero-band-low,-3)) * 1.6cqh);border:2px solid var(--hero-green);background:#5fe39a2e;border-radius:.3rem;position:absolute}.hero-horizon-wings{justify-content:space-between;align-items:center;display:flex;position:absolute;top:50%;left:18%;right:18%;transform:translateY(-50%)}.hero-horizon-wings i{background:#ffd23f;border-radius:.2rem;width:32%;height:.3rem;box-shadow:0 0 0 1px #000}.hero-horizon-wings b{background:#ffd23f;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 1px #000}.hero-horizon-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hero-horizon-ring circle{fill:none;stroke:var(--hero-green);stroke-width:4px;stroke-linecap:round;stroke-dasharray:295.3;stroke-dashoffset:calc(295.3 * (1 - var(--hero-level)))}.hero-white{opacity:0;background:#f6f4ef;place-items:center;display:grid;inset:0}.hero-white span{color:#14263a;font-size:clamp(1.4rem,1rem + 1.4vw,2.3rem);font-weight:800}.hero-dark{opacity:0;background:#000;inset:0}.play-hero[data-memory=on] .hero-dark{background:#fff6e8}.hero-result{text-align:center;pointer-events:auto;background:#0c101ae0;border:1px solid #ffd27873;border-radius:1.1rem;width:min(26rem,100% - 2.5rem);padding:1.4rem 1.6rem 1.5rem;animation:.42s cubic-bezier(.2,.9,.3,1.2) hero-rise;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1.2rem 3rem #00000080}@keyframes hero-rise{0%{opacity:0;transform:translate(-50%,-40%)scale(.94)}}.hero-result-kicker{color:var(--hero-amber);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:900}.hero-result-stars{text-align:left;gap:.35rem;margin:.7rem 0 .9rem;padding:0;font-size:1rem;font-weight:700;list-style:none;display:grid}.hero-result-stars li{color:#fff;align-items:center;gap:.6rem;display:flex}.hero-result-stars li span{color:#ffffff40;font-size:1.7rem;line-height:1}.hero-result-stars li[data-earned] span{color:#ffd23f;text-shadow:0 0 .6rem #ffd23f99}.hero-result-trace{background:#ffffff0f;border-radius:.4rem;width:100%;height:3.6rem;margin:0 0 .9rem;display:block}.hero-result-trace polyline{fill:none;stroke:var(--hero-amber);stroke-width:2px;vector-effect:non-scaling-stroke}.hero-result-floor{stroke:var(--hero-red);stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.hero-result-stats{text-align:left;grid-template-columns:1fr auto;gap:.35rem 1rem;margin:0 0 1rem;font-size:1rem;display:grid}.hero-result-stats dt{color:#fff;font-weight:600}.hero-result-stats dd{color:#fff;text-align:right;margin:0;font-weight:800}.hero-result-medal{color:#ffd98a;margin:0 0 1.1rem;font-size:.95rem;font-weight:700}.hero-result-replay{background:var(--hero-amber);color:#1a1206;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.6rem;font-size:1.05rem;font-weight:900}.hero-result-replay:focus-visible,.hero-sound:focus-visible{outline-offset:2px;outline:3px solid #fff}.hero-sound{top:calc(var(--hero-top) + 5.4rem);color:#fff;cursor:pointer;pointer-events:auto;background:#0a0e169e;border:0;border-radius:50%;width:2.4rem;height:2.4rem;font-size:1.1rem;right:1.25rem}.hero-sound[aria-pressed=true] span{opacity:.35;text-decoration:line-through}@media (width<=1180px){.play-hero{--hero-top:calc(var(--safe-area-inset-top,0px) + .9rem);--hero-low:calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px) + 1rem)}}@media (pointer:coarse){.play-hero{--hero-low:calc(var(--bottom-nav-clearance,88px) + env(safe-area-inset-bottom,0px) + 9rem)}}@media (prefers-reduced-motion:reduce){.play-hero *,.play-hero :before{transition:none!important;animation:none!important}}