:root{--bg: #fdf8ec;--sky: #d6f0ff;--ink: #26263a;--border: rgba(38, 38, 58, .16);--green: #00c853;--blue: #40c4ff;--gold: #ffb300;--gold-soft: #ffd54f;--red: #ff4d6a;--text: var(--ink);--muted: #73738c;--track-name: #333333;--track-steps: #2a7d4f;background-color:var(--sky)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.home{background:linear-gradient(180deg,var(--sky) 0%,var(--bg) 60%) fixed;color:var(--text);font-family:"Jersey 10",sans-serif;font-size:20px;overflow-x:hidden}.hero{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:1.5rem;max-width:1100px;margin:0 auto}.hero-copy{display:flex;flex-direction:column;align-items:center;width:100%}.hero-title{width:min(100%,510px);margin:0 0 .95rem}.hero-title img{display:block;width:100%;height:auto;image-rendering:pixelated}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hero-sub{font-size:1.55rem;line-height:1.5;color:#4f4f6b;letter-spacing:.015em;margin-bottom:1.9rem;max-width:520px;animation:rise-in .5s ease-out .35s both}.hero-sub strong{font-weight:400;color:var(--ink)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.store-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%;animation:rise-in .5s ease-out .6s both}.store-btn{display:flex;align-items:center;gap:.85rem;padding:.7rem 1.35rem;border:4px solid var(--ink);border-radius:0;background:var(--face);color:var(--ink);text-decoration:none;position:relative;box-shadow:inset 3px 3px 0 var(--face-lit),inset -4px -4px 0 var(--face-shade),0 6px 0 var(--ink)}.store-btn:hover{background:var(--face-hi)}.store-btn:active{transform:translateY(6px);background:var(--face-shade);box-shadow:inset 4px 4px 0 var(--face-deep),0 0 0 var(--ink)}.store-btn:active .store-btn-icon{filter:drop-shadow(2px 2px 0 var(--face-deep))}.store-btn:active .store-btn-label{border-inline-start-color:var(--face-deep)}.store-btn:focus-visible{outline:4px solid var(--ink);outline-offset:4px}.store-btn--ios{--face: var(--green);--face-hi: #1ade6a;--face-lit: #5ce88b;--face-shade: #009b3f;--face-deep: #00702c;--face-ink: #0d3d22}.store-btn--android{--face: var(--blue);--face-hi: #67d5ff;--face-lit: #a7e5ff;--face-shade: #0e93cf;--face-deep: #0a6b99;--face-ink: #0b3b52}.store-btn-icon{width:28px;height:28px;flex-shrink:0;filter:drop-shadow(2px 2px 0 var(--face-shade))}.store-btn-label{display:flex;flex-direction:column;text-align:left;line-height:1.2;border-inline-start:3px solid var(--face-shade);padding-inline-start:.85rem}.store-btn-eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--face-ink)}.store-btn-name{font-size:1.35rem;letter-spacing:.02em}.scene{--ground-h: clamp(110px, 18vh, 165px);--goal: 76%;position:relative;width:100vw;margin-inline:calc(50% - 50vw);margin-top:clamp(1rem,3vh,2.5rem);height:calc(var(--ground-h) + clamp(200px,30vh,255px));overflow-x:clip}.ground{position:absolute;inset-inline:0;bottom:0;height:var(--ground-h);background-image:url(/game/ground.avif);background-size:auto 100%;background-repeat:repeat-x;animation:rise-in .5s ease-out .7s both}.goal-flag{position:absolute;inset-inline-start:var(--goal);transform:translate(-31.5%);bottom:calc(var(--ground-h) * .24);height:clamp(250px,50vh,420px);width:auto;z-index:1;animation:flag-plant .45s cubic-bezier(.2,1.4,.4,1) .85s both}@keyframes flag-plant{0%{opacity:0;transform:translate(-31.5%) translateY(-40px)}to{opacity:1;transform:translate(-31.5%) translateY(0)}}.walker{--cell: min(calc(var(--h) * 1.15), 23vh);--gait: 4;--headroom: calc(var(--cell) * (var(--fill, 1) - 1));position:absolute;bottom:calc(var(--ground-h) * .3);inset-inline-start:var(--x);display:flex;flex-direction:column;align-items:center;z-index:2;--intro: fade-in .6s ease-out .9s both;animation:var(--intro)}.walker--ari{--x: 5%}.walker--doug{--x: 33%}.walker--nia{--x: 80%;--fill: 1.12;z-index:3}.walker.is-walking{transition:inset-inline-start var(--stride-ms) linear}.walker.is-knocked{transition:inset-inline-start .3s cubic-bezier(.15,.85,.3,1)}.walker-sprite{height:calc(var(--cell) + var(--headroom));aspect-ratio:192 / 208;position:relative;height:round(down,calc(var(--cell) + var(--headroom)),1px);width:round(down,calc((var(--cell) + var(--headroom)) * 192 / 208),1px);filter:drop-shadow(0 4px 0 rgba(38,38,58,.18));transform-origin:bottom center}.walker-sprite-frame{position:absolute;inset:0;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;image-rendering:pixelated;visibility:hidden}.walker-sprite-frame.is-visible{visibility:visible}.walker-sprite.is-small{transform:scale(.55);transition:transform .64s cubic-bezier(.45,0,.55,1)}.walker-sprite.is-growing{transition:transform .62s cubic-bezier(.2,1.6,.45,1)}.walker.is-fuming{transform-origin:bottom center;animation:var(--intro),fume .11s linear infinite}@keyframes fume{0%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}to{transform:rotate(-1.4deg)}}.walker{--shrink-drop: calc((var(--cell) + var(--headroom)) * .45)}.label.is-small{transform:translateY(var(--shrink-drop));transition:transform .64s cubic-bezier(.45,0,.55,1)}.label.is-growing{transition:transform .62s cubic-bezier(.2,1.6,.45,1)}.item{position:absolute;inset-inline-start:0;top:0;width:var(--item-size);height:auto;opacity:0;pointer-events:none;image-rendering:pixelated;z-index:4;filter:drop-shadow(0 3px 0 rgba(38,38,58,.2))}.item--banana{--item-size: clamp(26px, 3.2vw, 42px)}.item--peel{--item-size: clamp(30px, 3.6vw, 48px)}.item--potion{--item-size: clamp(18px, 2.2vw, 30px)}.label-delta{position:absolute;inset-inline:0;top:100%;font-family:"Press Start 2P",monospace;font-size:.72rem;line-height:1.6;opacity:0;white-space:nowrap;pointer-events:none}.label-delta.is-loss{color:var(--red)}.label-delta.is-playing{animation:delta-float 1.1s ease-out both}@keyframes delta-float{0%{opacity:0;transform:translateY(-4px)}18%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(14px)}}.label{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:calc(.35rem - var(--headroom));text-shadow:1px 1px 0 var(--bg),1px -1px 0 var(--bg),-1px 1px 0 var(--bg),-1px -1px 0 var(--bg)}.label-name{font-family:Handjet,"Jersey 10",sans-serif;font-weight:700;font-size:1.4rem;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:var(--track-name);position:relative}.label-steps{font-family:"Press Start 2P",monospace;font-size:.78rem;line-height:1.6;color:var(--track-steps)}.footer{position:relative;z-index:3;text-align:center;padding:1.25rem 2rem 1.75rem;animation:rise-in .5s ease-out 2.3s both}.footer-sep{margin:0 .5rem;color:var(--muted)}@media(max-width:1000px){.walker--ari{--x: 2%}.walker--doug{--x: 32%}}@media(max-width:600px){.hero{padding-top:1.25rem}.hero-title{width:min(100%,410px);margin-bottom:.75rem}.hero-sub{font-size:1.35rem}.store-buttons{flex-wrap:nowrap;gap:.7rem}.store-btn{flex:1 1 0;min-width:0;justify-content:center;gap:.55rem;padding:.55rem .6rem}.store-btn-icon{width:24px;height:24px;filter:none}.store-btn:active .store-btn-icon{filter:none}.store-btn-eyebrow{display:none}.store-btn-label{border-inline-start:0;padding-inline-start:0;text-align:center}.store-btn-name{font-size:1.1rem;white-space:nowrap}.scene{--ground-h: clamp(80px, 12vh, 110px);height:calc(var(--ground-h) + clamp(200px,29vh,275px));--goal: 70%}.walker--ari{--x: -8%}.walker--doug{--x: 31%}.walker--nia{--x: 66%}.walker{--cell: min(calc(var(--h) * .92), 22vh);--gait: 2}.goal-flag{height:clamp(175px,36vh,305px)}.label-name{font-size:.95rem}.label-steps{font-size:.52rem}}@media(prefers-reduced-motion:reduce){.hero-title,.hero-sub,.store-buttons,.ground,.goal-flag,.walker,.footer{animation:none!important;opacity:1}.walker-sprite,.label-delta{animation:none!important}.walker-sprite,.label{transition:none!important}.item{display:none}}