body.field{background:var(--sky)}#track{width:1px;height:400vh}#scene{position:fixed;inset:0;overflow:hidden}#sky,#sky i{position:absolute;inset:0}#sky .s0{background:linear-gradient(#bfe0ef 0%,#f7eddb 78%)}#sky .s1{background:linear-gradient(#a8d5ec 0%,#f3f1dd 78%)}#sky .s2{background:linear-gradient(#f2c592 0%,#fbe4b4 78%)}#sky .s3{background:linear-gradient(#e88c79 0%,#fac04f 78%)}#sky .s1,#sky .s2,#sky .s3,#sun .dusk,#tint{opacity:0;will-change:opacity}#sun{will-change:transform;width:280px;height:280px;margin:-140px 0 0 -140px;position:absolute;top:0;left:0;transform:translate(14vw,30vh)}#sun i{position:absolute;inset:0}#sun .day{background:radial-gradient(circle closest-side,#ffe7a6 0 19%,#fac04f 19.5% 43%,#fac04f73 43.5%,#fac04f00 100%)}#sun .dusk{background:radial-gradient(circle closest-side,#ffe2b0 0 19%,#f27d5c 19.5% 43%,#f27d5c73 43.5%,#f27d5c00 100%)}#world{transform-origin:0 0;height:800px;position:absolute;top:0;left:0}.layer{will-change:transform;height:800px;position:absolute;top:0;left:0}.layer>svg{position:absolute;top:0;left:0;overflow:visible}#Lc,#Lf,#Lm,#Lfg,#Lmain>svg{pointer-events:none}.sgn{font-family:var(--hand);fill:#352c24;font-weight:700}.fgf{transform-origin:50% 100%;animation:4.5s ease-in-out infinite alternate swayf;position:absolute;overflow:visible}@keyframes swayf{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}#tint{pointer-events:none;opacity:0;mix-blend-mode:multiply;background:#f07a55;position:absolute;inset:0}.pi{cursor:pointer;transform-origin:50% 0;transform:rotate(var(--r,0deg));background:#fffdf7 50%/cover no-repeat;padding:0;transition:box-shadow .3s;display:block;position:absolute;box-shadow:3px 6px 12px #46280c47}.pi img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pi:hover,.pi:focus-visible{box-shadow:7px 14px 24px #46280c61}.pi:after{content:attr(data-label);font:700 30px/1 var(--hand);white-space:nowrap;color:var(--ink);background:var(--paper);opacity:0;pointer-events:none;z-index:2;border-radius:6px;padding:2px 12px 4px;transition:opacity .25s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 3px 8px #46280c33}.pi:hover:after,.pi:focus-visible:after{opacity:1}.pi.hang{animation:3.6s ease-in-out infinite alternate sway;animation-delay:var(--d,0s)}@keyframes sway{0%{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}.clip{background:linear-gradient(90deg,#c48f58,#dcae78 50%,#c48f58);border-radius:3px;width:12px;height:30px;margin-left:-6px;position:absolute;top:-16px;left:50%;box-shadow:0 0 0 1.5px #6b4a33}.push{background:radial-gradient(circle at 35% 35%, #fff6e6 0 18%, var(--c) 22%);border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:-8px;left:50%;box-shadow:1px 3px 3px #0000004d}.pi.canvas{border:9px solid #fffaf0;box-shadow:0 0 0 3px #8c6042,4px 8px 14px #46280c4d}.pi.canvas:hover,.pi.canvas:focus-visible{box-shadow:0 0 0 3px #8c6042,8px 16px 26px #46280c66}.pi.win{background-position:top;border:7px solid #fffaf0;box-shadow:0 0 0 3px #6b4a33,inset 0 0 0 1px #ddd}.pi.win img{object-position:top}.pi.win:hover,.pi.win:focus-visible{box-shadow:0 0 0 3px #6b4a33,0 0 30px #ffe496e6}.pi.pageL{box-shadow:inset -14px 0 18px -10px #00000040,3px 6px 12px #46280c47}.pi.pageL,.pi.pageR{background-size:contain}.pi.pageL img,.pi.pageR img{object-fit:contain}#walk{pointer-events:none;width:119px;height:260px;position:absolute;top:390px}#walk.duo{width:190px;height:285px;top:365px}#walk.duo:before{left:18%;right:14%}#walk.swap .fl{animation:.5s cubic-bezier(.2,1.6,.4,1) swap}@keyframes swap{0%{opacity:0;transform:scale(.7)}}#walk .fl{width:100%;height:100%;transition:transform .25s}#walk.back .fl{transform:scaleX(-1)}#walk img{object-fit:contain;transform-origin:50% 100%;width:100%;height:100%;display:block}#walk.walking img{animation:.36s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(0)rotate(-1.3deg)}to{transform:translateY(-8px)rotate(1.3deg)}}#walk:before{content:"";background:#3c280f38;border-radius:50%;height:16px;position:absolute;bottom:-6px;left:4%;right:4%}#bubble{background:var(--paper);border:3px solid var(--ink);max-width:320px;font:700 30px/1.08 var(--hand);color:var(--ink);pointer-events:none;border-radius:24px;padding:8px 18px 10px;transition:opacity .25s;position:absolute;top:250px;box-shadow:4px 5px #352c242e}#bubble:after{content:"";background:var(--paper);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:22px;height:22px;position:absolute;bottom:-17px;left:34px;transform:rotate(45deg)skew(8deg,8deg)}#bubble.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.beewrap{pointer-events:none;width:0;height:0;position:absolute}.beewrap svg.trail{position:absolute;top:0;left:0;overflow:visible}.bee{will-change:transform;width:34px;height:26px;position:absolute;top:-13px;left:-17px}#petals{pointer-events:none;position:fixed;inset:0;overflow:hidden}#petals i{opacity:.9;width:14px;height:26px;animation:fall var(--t,12s) linear infinite;animation-delay:var(--d,0s);background:linear-gradient(135deg,#ffd46e,#f0a830);border-radius:50% 0;position:absolute;top:-40px}@keyframes fall{0%{transform:translate(0)rotate(0)}to{transform:translate(-26vw,112vh)rotate(560deg)}}#intro{left:max(16px,7vw);top:calc(env(safe-area-inset-top,0px) + 11vh);pointer-events:none;max-width:min(760px,86vw);position:fixed}#intro h1{font:700 clamp(64px, 11vw, 156px) / .86 var(--hand);letter-spacing:-.01em;margin:0}#intro .role{font:800 clamp(12px, 1.3vw, 15px) / 1.3 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--coral-d);margin:14px 0 0 6px}#intro .go{font:700 clamp(24px, 2.4vw, 30px) / 1.1 var(--hand);align-items:center;gap:10px;margin:22px 0 0 6px;display:flex}#intro .go span{animation:1.3s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translateY(6px)}}#intro .go.side{display:none}#intro .go.side span{animation-name:nudgex}@keyframes nudgex{50%{transform:translate(6px)}}@media (pointer:coarse){#intro .go.down{display:none}#intro .go.side{display:flex}}#tr{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:5;align-items:center;gap:8px;display:flex;position:fixed;right:16px}.music .eq{align-items:flex-end;gap:2px;width:14px;height:12px;display:inline-flex}.music .eq i{background:currentColor;border-radius:1px;flex:1;height:55%}.music .eq i:nth-child(2){height:90%}.music .eq i:nth-child(3){height:40%}.music[aria-pressed=false] .eq,.music[aria-pressed=true] .mico{display:none}.music[aria-pressed=true]{background:var(--yellow)}.music.playing .eq i{animation:.9s ease-in-out infinite alternate eq}.music.playing .eq i:nth-child(2){animation-delay:-.3s}.music.playing .eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:25%}to{height:100%}}@media (width<=420px){.music .mlabel{display:none}}#trail{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:5;justify-content:space-between;align-items:flex-end;max-width:1100px;margin:0 auto;display:flex;position:fixed}#trail:before{content:"";border-top:3px dashed #352c2473;position:absolute;bottom:9px;left:12px;right:12px}#trail button{cursor:pointer;font:700 22px/1 var(--hand);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:relative}#trail button i{background:var(--paper);border:3px solid var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .2s,background-color .2s}#trail button[aria-current=step] i{background:var(--coral);transform:scale(1.25)}#trail button span{background:#fffaf0bf;border-radius:6px;padding:0 6px}#end{right:max(16px,5vw);top:calc(env(safe-area-inset-top,0px) + 70px);z-index:6;width:min(440px,100vw - 32px);max-height:calc(100dvh - 170px);transition:opacity .5s,transform .5s,visibility .5s;position:fixed;overflow:auto;transform:rotate(1deg)}#end.off{opacity:0;visibility:hidden;transform:rotate(3deg)translateY(30px)}@media (width<=760px){#trail button span{display:none}#trail button[aria-current=step] span{white-space:nowrap;display:inline;position:absolute;bottom:26px}#end{top:calc(env(safe-area-inset-top,0px) + 62px);max-height:calc(100dvh - 150px);transform:none}}@media (prefers-reduced-motion:reduce){#petals{display:none}}@keyframes pan{0%{transform:translate(0,0)}to{transform:translate3d(calc(var(--maxX,0) * var(--speed,1) * -1px), 0, 0)}}@keyframes sky1{0%{opacity:0}45%,to{opacity:1}}@keyframes sky2{0%,45%{opacity:0}76%,to{opacity:1}}@keyframes sky3{0%,76%{opacity:0}to{opacity:1}}@keyframes dusk{0%,55%{opacity:0}to{opacity:1}}@keyframes tint{0%,60%{opacity:0}to{opacity:.22}}@keyframes sunpath{0%{transform:translate(14vw,30vh)}10%{transform:translate(21.2vw,24.6vh)}20%{transform:translate(28.4vw,19.8vh)}30%{transform:translate(35.6vw,16.4vh)}40%{transform:translate(42.8vw,14.8vh)}50%{transform:translate(50vw,15.6vh)}60%{transform:translate(57.2vw,18.8vh)}70%{transform:translate(64.4vw,24.7vh)}80%{transform:translate(71.6vw,33.1vh)}90%{transform:translate(78.8vw,43.9vh)}to{transform:translate(86vw,52vh)}}.sd #world>.layer{animation:linear both pan}.sd #sky .s1{animation:linear both sky1}.sd #sky .s2{animation:linear both sky2}.sd #sky .s3{animation:linear both sky3}.sd #sun{animation:linear both sunpath}.sd #sun .dusk{animation:linear both dusk}.sd #tint{animation:linear both tint}html.horiz{overscroll-behavior:none;overflow-y:hidden}html.sd.horiz #world>.layer,html.sd.horiz #sky .s1,html.sd.horiz #sky .s2,html.sd.horiz #sky .s3,html.sd.horiz #sun,html.sd.horiz #sun .dusk,html.sd.horiz #tint{animation-timeline:scroll(root inline)}html.sd #world>.layer,html.sd #sky .s1,html.sd #sky .s2,html.sd #sky .s3,html.sd #sun,html.sd #sun .dusk,html.sd #tint{animation-timeline:scroll(root)}@media (pointer:coarse){#world g[filter]{filter:none}.grain,#tint,#petals i:nth-child(n+7){display:none}}.note-x{display:none}@media (width<=760px){#end .note-x{z-index:2;float:right;border:2px solid var(--ink);background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;margin:-10px -12px 0 8px;padding:0;display:grid;position:sticky;top:0}#end .note-x svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:16px;height:16px}}