.garden{background:url('assets/river.png') center/cover;min-height:calc(100svh - 76px)}.garden .intro{background:#fff8eddb;backdrop-filter:blur(4px);border-radius:30px;padding:18px 10px;margin:0 auto;max-width:370px;box-shadow:0 6px 25px #6c52631c}.garden .eyebrow{font-size:9px}.garden h1{font-size:38px}.garden .intro p:last-child{margin-bottom:0}.garden .cloud,.garden .sun,.garden .hills,.garden .sparkles{display:none}.runstage{height:245px;position:relative;margin:10px -24px 8px;overflow:hidden}.runninggroup{position:absolute;left:0;top:25px;width:260px;height:205px;animation:runAcross 10s linear infinite}.runner{position:absolute;right:0;height:205px;animation:running .3s ease-in-out infinite;filter:drop-shadow(0 7px 2px #83634738);cursor:pointer}.follower{position:absolute;background:transparent;font-size:45px;bottom:0;animation:hop .4s infinite;min-height:56px;min-width:56px}.bunny{left:5px;animation-delay:-.2s}.puppy{left:65px;bottom:10px}.duck{left:-45px;bottom:6px;animation-delay:-.1s}.garden .start{box-shadow:0 6px 0 #ad387c,0 12px 30px #52407140}.garden .touchhint{background:#fff9eddd;padding:8px;border-radius:20px;margin:20px auto 0;width:max-content;max-width:95%;color:#675473}.garden .critter.turtle,.garden .critter.fish{display:none}.garden .butterfly{top:40%;left:5%}.player{position:absolute;left:45%;top:48%;width:125px;height:166px;z-index:4;transform:translate(-50%,-50%);pointer-events:none;will-change:left,top}.player>img{width:100%;height:100%;object-fit:contain;animation:swimIdle 3s ease-in-out infinite;filter:drop-shadow(0 5px 10px #146d8540)}.player.swimming>img{animation:swim .5s ease-in-out infinite}.player.left>img{scale:-1 1}#seaAccessory{position:absolute;top:15%;left:62%;font-size:25px}.sea{touch-action:none;height:60svh;min-height:350px}.sea>img{object-position:center;transition:filter 1s,transform 1.5s}.sea[data-area=castle]>img{transform:scale(1.18);object-position:right}.sea[data-area=garden]>img{transform:scale(1.08);filter:hue-rotate(15deg)}.seaFriend{z-index:5;background:#fff7;border:2px solid #fff7;width:62px;height:70px;font-size:37px;border-radius:24px;box-shadow:0 5px 15px #42799325;animation:friendSwim 6s ease-in-out infinite}.seaFriend span{font-size:11px}.f1{left:15%;top:22%}.f2{right:10%;top:50%}.f3{left:15%;bottom:8%}.shell{position:absolute;background:#fff8;border:2px solid white;border-radius:20px;width:52px;height:52px;font-size:32px;z-index:3;animation:float 4s infinite;box-shadow:0 0 20px #fff7}.destination{position:absolute;transform:translate(-50%,-50%);z-index:3;color:white;font-size:40px;pointer-events:none;animation:targetPulse 1s infinite}.exploration{display:flex;justify-content:center;gap:8px;padding:12px 10px 6px;background:#e9fafd}.exploration button{min-height:48px;border-radius:16px;padding:10px;font-size:13px;font-weight:bold;background:#fff;color:#46788a}.exploration .selected{background:#cfb9ed;color:#553577;box-shadow:inset 0 0 0 2px #9167bb}.mission{padding:8px 10px;background:#e9fafd;font-size:13px;font-weight:bold;color:#488093}.friendbook{padding:10px}.avatar{background: url('assets/ocean.png') center/cover}.avatar img{object-fit:contain!important;filter:none!important}#player .tailTint{position:absolute;inset:0;clip-path:polygon(0 48%,100% 42%,100% 100%,0 100%);width:100%;height:100%;object-fit:contain;animation:swimIdle 3s infinite}.player.swimming .tailTint{animation:swim .5s infinite}.player.left .tailTint{scale:-1 1}.dialogue{bottom:95px}body{overscroll-behavior-y:none}@keyframes runAcross{from{transform:translateX(-280px)}to{transform:translateX(calc(100vw + 260px))}}@keyframes running{50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes hop{50%{transform:translateY(-14px) rotate(5deg)}}@keyframes swimIdle{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes swim{50%{transform:rotate(-6deg) translateY(-3px)}}@keyframes friendSwim{50%{transform:translate(20px,-12px) rotate(5deg)}}@keyframes targetPulse{to{scale:1.5;opacity:0}}@media(min-width:650px){.runstage{height:360px}.runninggroup{top:55px;height:285px;width:370px}.runner{height:280px}.follower{font-size:65px}.puppy{left:100px}.garden h1{font-size:48px}.garden .intro{max-width:460px}.player{width:170px;height:220px}.seaFriend{width:82px;height:85px;font-size:50px}.shell{width:66px;height:66px;font-size:40px}}@media(max-height:720px) and (max-width:649px){.runstage{height:190px}.runninggroup{height:160px;top:20px}.runner{height:160px}.garden .intro{padding:10px}.garden h1{font-size:30px}.garden .intro p:last-child{font-size:13px}.sea{min-height:280px;height:55svh}.player{width:100px;height:135px}}@media(prefers-reduced-motion:reduce){.runninggroup{left:30%;animation:none}.runner,.follower,.seaFriend,.player img{animation:none}}
.avatar .tailTint{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:polygon(0 48%,100% 42%,100% 100%,0 100%);filter:var(--tail-filter)!important}.runner.bounce{animation:bounce .6s!important}