.scene{--sky:transparent;--ground-h:18svh;--bw:clamp(230px, 21vw, 350px);isolation:isolate;position:relative}.defs{width:0;height:0;position:absolute}.sticky{position:relative}.sky{pointer-events:none;z-index:-2;background:linear-gradient(var(--sky-top), var(--sky-bottom) 60%, transparent);height:72%;transition:background .6s;position:absolute;inset:0 0 auto}.sun,.moon{aspect-ratio:1;width:64px;left:calc(6% + var(--f) * 88%);top:calc((.88 - var(--alt) * .76) * 100%);border-radius:50%;position:absolute;translate:-50% -50%}.sun{--f:var(--sun-f,.25);--alt:var(--sun-alt,.7);background:var(--sun);border:1.5px solid var(--pencil);scale:var(--sun-scale,1);box-shadow:0 0 0 10px color-mix(in srgb, var(--sun) 22%, transparent), 0 0 40px 8px color-mix(in srgb, var(--sun) 35%, transparent)}.moon{--f:var(--moon-f,-1);--alt:var(--moon-alt,-1);width:52px;opacity:var(--moon-glow,1);box-shadow:inset -13px -3px 0 0 var(--sky-top), 0 0 24px 2px rgb(244 239 226/calc(var(--dark,0) * .35));background:#f4efe2;border:1.5px solid #f4efe2}.shooting{width:120px;height:2px;opacity:var(--dark,0);transform-origin:100%;background:linear-gradient(90deg,#0000,#fff);border-radius:2px;animation:11s linear infinite shoot;position:absolute;top:12%;left:70%;rotate:-24deg;scale:0 1}@keyframes shoot{0%,86%{translate:0;scale:0 1}88%{scale:1}93%{translate:-340px 150px;scale:.2 1}94%,to{scale:0 1}}.flock{width:120px;opacity:var(--birds,0);animation:34s linear infinite flock;position:absolute;top:18%;left:-12%}.flock path{fill:none;stroke:var(--pencil);stroke-width:1.8px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;animation:.6s ease-in-out infinite alternate flap}.flock path:nth-child(2n){animation-delay:-.3s}@keyframes flock{to{translate:125vw -4vh}}@keyframes flap{to{scale:1 .55}}.bats{width:110px;opacity:var(--bats,0);animation:9s ease-in-out infinite alternate bats;position:absolute;top:24%;left:30%}.bats path{fill:#2b2622;transform-box:fill-box;transform-origin:50%;animation:.22s ease-in-out infinite alternate flap}@keyframes bats{25%{translate:18vw -3vh}50%{translate:8vw 4vh}75%{translate:26vw 1vh}to{translate:12vw -5vh}}.kite{width:70px;opacity:var(--kite,0);transform-origin:50% 70%;animation:5s ease-in-out infinite alternate kite;position:absolute;top:6%;left:16%}.kite-body{fill:var(--sw-terracotta);stroke:var(--pencil);stroke-width:1.5px}.kite-cross,.kite-string,.kite-tail,.kite-bow{fill:none;stroke:var(--pencil);stroke-width:1.2px}.kite-tail{stroke:var(--sw-ochre);stroke-width:2px;transform-box:fill-box;transform-origin:top;animation:1.2s ease-in-out infinite alternate tail}@keyframes kite{0%{translate:0;rotate:-6deg}to{translate:14px -10px;rotate:8deg}}@keyframes tail{to{rotate:9deg}}.stars{width:100%;height:100%;opacity:var(--stars);transition:opacity .8s;position:absolute;inset:0}.stars circle{fill:#f4efe2}.stars circle:nth-child(3n){animation:3.4s ease-in-out infinite twinkle}.stars circle:nth-child(4n){animation:4.6s ease-in-out 1.2s infinite twinkle}@keyframes twinkle{50%{opacity:.25}}.layer{pointer-events:none;will-change:transform;width:400vw;position:absolute;left:0}.clouds{z-index:-1;height:22%;top:6%}.clouds path{fill:var(--paper);stroke:var(--pencil);stroke-width:2px;opacity:.8}:root[data-scheme=dark] .clouds path{fill:none}:root[data-scheme=light] .clouds path{fill:color-mix(in srgb, var(--paper) 78%, var(--sky-bottom))}.mist{left:0;right:0;bottom:calc(var(--ground-h) + 1svh);z-index:-1;pointer-events:none;height:14svh;opacity:var(--mist,0);position:absolute}.mist span{filter:blur(6px);background:radial-gradient(#ffffffd9,#fff0 70%);border-radius:50%;height:55%;animation:28s ease-in-out infinite alternate mist;position:absolute;left:-10%;right:-10%}.mist span:first-child{bottom:10%}.mist span:last-child{opacity:.7;animation-duration:36s;animation-direction:alternate-reverse;bottom:45%}@keyframes mist{to{translate:6vw}}.fireflies{left:0;right:0;bottom:var(--ground-h);pointer-events:none;height:26svh;opacity:var(--fireflies,0);position:absolute}.fireflies i{left:var(--x);top:var(--y);width:4px;height:4px;animation:firefly 6s ease-in-out var(--d) infinite alternate, blink-ff 2.4s ease-in-out var(--d) infinite;background:#fff3a8;border-radius:50%;position:absolute;box-shadow:0 0 8px 3px #ffec8cb3}@keyframes firefly{50%{translate:18px -14px}to{translate:-12px 10px}}@keyframes blink-ff{40%,to{opacity:1}70%{opacity:.1}}.hills{bottom:var(--ground-h);z-index:-1;height:26svh}.hills path{stroke:var(--pencil);stroke-width:1.4px;vector-effect:non-scaling-stroke}.hills.far path{fill:var(--hill-far);stroke-opacity:.35}.hills.near path{fill:var(--hill-near);stroke-opacity:.6}.ground{height:var(--ground-h);background:var(--ground);border-top:2px solid var(--pencil);z-index:-1;position:absolute;bottom:0;left:0;right:0}.ground:after{content:"";border-top:3px dashed color-mix(in srgb, var(--pencil) 30%, transparent);position:absolute;top:46%;left:0;right:0}.intro{z-index:2;max-width:40rem;padding:12svh 6vw 2rem;position:relative}.intro .eyebrow{color:var(--accent);transform-origin:0;margin:0 0 .25rem;font-size:1.8rem;transform:rotate(-2deg)}.intro h1{font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.02em;margin:0 0 1.1rem;font-size:clamp(2.5rem,4.4vw,4.4rem);font-weight:600;line-height:1}.intro .lede{color:var(--ink-2);max-width:32rem;margin:0 0 1.25rem;font-size:1.08rem}.guide-wrap{z-index:3;flex-direction:column;align-items:flex-start;gap:.3rem;padding:0 6vw;display:flex;position:relative}.bubble{pointer-events:none;background:var(--paper);max-width:12.5rem;color:var(--ink);border:1.5px solid var(--pencil);box-shadow:2px 2px 0 var(--pencil);border-radius:16px 16px 16px 4px;margin:0;padding:.4rem .8rem;font-size:1.25rem;line-height:1.15;transition:opacity .2s;position:relative}.guide{flex:none;width:72px;height:auto;margin-left:.25rem;overflow:visible}.g-paper{filter:url(#paper)}.g-paper path,.g-paper circle,.g-paper rect,.g-paper ellipse{stroke-linejoin:round;stroke-linecap:round}.g-detail,.g-steam{fill:none}.guide .g-leg,.guide .g-arm,.guide .g-head,.guide .g-body,.guide .g-eyes{transform-box:view-box}.g-leg-back{transform-origin:54px 124px}.g-leg-front{transform-origin:68px 124px}.g-arm-free{transform-origin:43px 82px}.g-arm-cup{transform-origin:80px 82px}.g-head{transform-origin:62px 70px}.g-body{transform-origin:62px 188px}.g-eyes{transform-origin:63.5px 48px}.g-body{animation:3.4s ease-in-out infinite breathe}.g-eyes{animation:5s infinite blink}.g-arm-cup{animation:9s ease-in-out infinite sip}.g-head{animation:9s ease-in-out infinite sip-head}.g-steam{animation:2.6s ease-in-out infinite steam}@keyframes breathe{50%{transform:translateY(-1.2px)}}@keyframes blink{0%,93%,97%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes sip{0%,60%,84%,to{transform:rotate(0)}67%,77%{transform:rotate(-48deg)}}@keyframes sip-head{0%,60%,84%,to{transform:rotate(0)}67%,77%{transform:rotate(7deg)}}@keyframes steam{0%,to{opacity:.15;translate:0 2px}50%{opacity:.75;translate:0 -2px}}.g-leg,.g-arm-free{transition:transform .2s ease-out}.walking .g-leg,.walking .g-arm-free{transition:none}.walking .g-leg-front{transform:rotate(var(--leg,0deg));animation:none}.walking .g-leg-back{transform:rotate(calc(var(--leg,0deg) * -1));animation:none}.walking .g-arm-free{transform:rotate(calc(var(--leg,0deg) * -.85));animation:none}.walking .g-body{transform:translateY(var(--bob,0px));animation:none}.walking .g-arm-cup,.walking .g-head{animation:none}.backwards .guide{transform:scaleX(-1)}.waving .g-arm-free{animation:2.2s ease-in-out both wave}@keyframes wave{0%{transform:rotate(0)}16%{transform:rotate(152deg)}28%{transform:rotate(128deg)}40%{transform:rotate(152deg)}52%{transform:rotate(128deg)}64%{transform:rotate(150deg)}to{transform:rotate(0)}}.walk-hint{font:600 .82rem var(--font-ui);color:var(--ink);white-space:nowrap;background:var(--paper);border:1.5px solid var(--pencil);box-shadow:calc(var(--sh-ox,2px) * .7) calc(var(--sh-oy,2px) * .7) 0 var(--pencil);border-radius:999px;align-items:center;gap:.5rem;margin:.6rem 0 0;padding:.3rem .75rem .3rem .55rem;transition:opacity .35s,translate .35s;display:inline-flex}.walk-hint .wh-desktop,.walk-hint .wh-mouse{display:none}.wh-arrow:before{content:"↓";color:var(--accent);animation:1.2s ease-in-out infinite wh-down;display:inline-block}@keyframes wh-down{50%{translate:0 3px}}.wh-mouse{border:1.6px solid var(--ink);border-radius:8px;width:14px;height:21px;position:relative}.wh-mouse i{background:var(--accent);border-radius:2px;width:2px;height:5px;margin-left:-1px;animation:1.4s ease-in-out infinite wh-wheel;position:absolute;top:4px;left:50%}@keyframes wh-wheel{0%{opacity:0;translate:0 -2px}30%{opacity:1}70%{opacity:1;translate:0 5px}to{opacity:0;translate:0 6px}}.walked .walk-hint,html[data-welcome] .walk-hint{opacity:0;pointer-events:none;translate:0 6px}html:not(.js) .walk-hint,.g-namaste,.g-eyes-happy,.g-arm-right{display:none}.guide .g-arm-right{transform-box:view-box;transform-origin:81px 82px}.pose-sit .g-leg{animation:1.6s ease-in-out infinite alternate dangle;transform:scaleY(.68)}.pose-sit .g-leg-back{animation-delay:-.8s}@keyframes dangle{0%{transform:rotate(-11deg)scaleY(.68)}to{transform:rotate(11deg)scaleY(.68)}}.pose-hang .g-arm-cup{display:none}.pose-hang .g-arm-right{display:inline;transform:rotate(-166deg)}.pose-hang .g-arm-free{animation:none;transform:rotate(166deg)}.pose-hang .g-leg{animation:1.9s ease-in-out infinite alternate dangle-hang}.pose-hang .g-leg-back{animation-delay:-.95s}@keyframes dangle-hang{0%{transform:rotate(-7deg)}to{transform:rotate(8deg)}}.pose-point .g-arm-free{transform:rotate(var(--point,96deg));transition:transform .4s cubic-bezier(.3,1.5,.5,1);animation:none}.namaste .g-namaste{transform-box:view-box;transform-origin:62px 98px;animation:.4s cubic-bezier(.3,1.5,.5,1) both namaste-in;display:inline}.namaste .g-arm{display:none}@keyframes namaste-in{0%{opacity:.2;transform:scale(.8)translateY(6px)}}.bowing .g-eyes{visibility:hidden}.bowing .g-eyes-happy{display:inline}.bowing .g-body{animation:1.35s cubic-bezier(.45,0,.3,1) both bow}.bowing .g-head{animation:1.35s cubic-bezier(.45,0,.3,1) both bow-head}@keyframes bow{0%,to{transform:none}32%,64%{transform:translateY(11px)scaleY(.9)}}@keyframes bow-head{0%,to{transform:none}32%,64%{transform:translateY(6px)scale(.95)}}.track{flex-direction:column;gap:4.5rem;margin:0;padding:2rem 6vw 6rem;list-style:none;display:flex}.stop{flex-direction:column;align-items:center;display:flex;position:relative}.bsvg{width:min(76vw,300px);height:auto;display:block;overflow:visible}.signpost .bsvg{width:min(56vw,210px)}.b-link{border-bottom:2px solid var(--pencil);-webkit-tap-highlight-color:transparent;padding:0 1.5rem;display:block}.b-link:focus-visible{outline-offset:6px;border-radius:8px}.b-label{text-align:center;text-wrap:balance;justify-items:center;gap:.1rem;max-width:18rem;padding-top:.75rem;display:grid}.b-name{font:600 1.2rem/1.2 var(--font-display)}.b-count{color:var(--accent);font-size:1.3rem;line-height:1}.b-blurb,.b-enter{display:none}.b-blurb{font:.9rem/1.4 var(--font-ui);color:var(--ink-2);margin:.35rem 0 0}.b-enter{font:600 .85rem var(--font-ui);color:#fff;background:color-mix(in srgb, var(--accent) 78%, #000);border:1.5px solid var(--pencil);box-shadow:2px 2px 0 var(--pencil);border-radius:999px;margin-top:.5rem;padding:.35rem .8rem;text-decoration:none}.alive .b-blurb,.alive .b-enter{animation:.4s both rise;display:block}@keyframes rise{0%{opacity:0;translate:0 6px}}.sign-text{font:700 22px var(--font-hand);fill:var(--sw-charcoal);opacity:0;transition:opacity .6s .6s}.sign-text.small{font-size:17px}.drawn .sign-text{opacity:1}.end p{text-align:center;color:var(--ink-2);font-size:1.6rem;transform:rotate(-3deg)}.js .stop .ink{stroke-dasharray:1;stroke-dashoffset:1px}.js .stop.drawn .ink{animation:draw 1.1s cubic-bezier(.6, 0, .3, 1) calc(var(--i) * 70ms) forwards}@keyframes draw{to{stroke-dashoffset:0}}.stop .pc{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0)}.stop .cut-line{opacity:0}.alive .pc{animation:popup .52s cubic-bezier(.2, .8, .25, 1) calc(var(--i) * 38ms) both}.alive .cut-line{animation:fade-in .25s ease calc(var(--i) * 38ms + .18s) both}.alive .sketch{opacity:0;animation:.75s both sketch-out}.pop .bsvg{animation:.62s cubic-bezier(.2,.8,.25,1) lift}@keyframes popup{0%{opacity:0;transform:scaleY(.04)skew(-10deg)}22%{opacity:1}58%{transform:scaleY(1.08)skew(2deg)}80%{transform:scaleY(.97)skew(-.6deg)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:.75}}@keyframes sketch-out{0%{opacity:1}20%{opacity:.45}75%{opacity:.3}to{opacity:0}}@keyframes lift{30%{translate:0 -8px}to{translate:0}}.js .instant .ink{stroke-dashoffset:0;animation:none}.instant .pc{animation:none;transform:none}.instant .cut-line{opacity:.75;animation:none}.instant .sketch{opacity:0;animation:none}.signpost.instant .pc{animation:none;transform:none}.signpost.instant .sketch{opacity:0}.signpost.instant .sign-text{opacity:1;transition:none}:root[data-scheme=dark] .alive .win{fill:var(--sw-glow)}.lantern-arm{fill:none;stroke:var(--sw-charcoal);stroke-width:1.4px}.lantern-box{fill:var(--sw-charcoal)}.lantern-glow{fill:url(#lantern-light);opacity:0;transform-box:fill-box;transform-origin:50%}.alive .lantern-glow,.room-hero .lantern-glow{opacity:var(--lamps,0);animation:3.2s ease-in-out infinite lantern}:root[data-scheme=dark] .alive .lantern-box,:root[data-scheme=dark] .room-hero .lantern-box{fill:#ffd98a}@keyframes lantern{50%{scale:.92}54%{scale:1.02}}.stop .lantern{opacity:0}.alive .lantern{opacity:1;transition:opacity .4s .5s}.code-line{fill:none;stroke:#2f6fb5;stroke-width:1.6px;stroke-linecap:round;display:none}:root[data-code=on] .alive .code-line{animation:2.4s steps(4,end) infinite code-scroll;display:inline}:root[data-code=on] .alive[data-room=workshop] .win{fill:#bfe3ff}@keyframes code-scroll{50%{opacity:.6}}.scene{--sh-ink:58 40 23}:root[data-scheme=dark] .scene{--sh-ink:6 5 12}.b-link{position:relative}.b-link:after,.signpost:after,.g-shadow{content:"";z-index:-1;pointer-events:none;height:calc(5px + var(--sh-len,.3) * var(--sh-a,.6) * 30px);background:linear-gradient(rgb(var(--sh-ink) / .42), rgb(var(--sh-ink) / .16) 55%, rgb(var(--sh-ink) / 0));filter:blur(calc(.6px + var(--sh-soft,0) * 2px));opacity:calc(.45 + var(--sh-a,.6) * .55);transform-origin:50% 0;transform:skewX(calc(var(--sh-x,0) * 58deg)) scaleX(calc(1 + var(--sh-len,.3) * var(--sh-a,.6) * .12));border-radius:30% 30% 50% 50%/20% 20% 80% 80%;transition:opacity .5s .35s;position:absolute;top:calc(100% - 2px);left:5%;right:5%}.stop:not(.alive) .b-link:after,.signpost:not(.drawn):after{opacity:0;transition:none}.signpost:after{left:38%;right:38%}.guide-body{width:fit-content;display:block;position:relative}.g-shadow{top:calc(100% - 6px);left:14%;right:14%}.walking .g-shadow{transition:none}.stepping-in .g-shadow{opacity:0;transition:opacity .2s}.scene .ask-claude,.scene .say-hi,.scene .bubble,.scene .b-enter,.scene .soon-sign{box-shadow:calc(var(--sh-ox,2px) * .7) calc(var(--sh-oy,2px) * .7) 0 var(--pencil)}.cat path,.owl path,.owl circle{stroke:var(--sw-charcoal);stroke-width:1.2px;stroke-linejoin:round}.cat-body,.cat-head{fill:#6f6a63}.cat-tail{fill:none;stroke-linecap:round;transform-box:fill-box;transform-origin:0 100%;animation:3s ease-in-out infinite alternate cat-tail;stroke-width:3px!important}@keyframes cat-tail{to{rotate:14deg}}.cat-eyes-shut{fill:none}.cat-eyes-open ellipse{fill:#ffd94a;stroke:none}.cat-eyes-open{display:none}:root[data-scheme=dark] .cat-body,:root[data-scheme=dark] .cat-head{fill:#1f1d22}:root[data-scheme=dark] .cat-eyes-open{filter:drop-shadow(0 0 3px #ffd94a);display:inline}:root[data-scheme=dark] .cat-eyes-shut{display:none}.cat,.owl{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%}.cat{opacity:0;transition:opacity .5s 1.4s}.drawn .cat{opacity:1}.owl{opacity:var(--owl,0);pointer-events:none}:root[data-scheme=dark] .owl{pointer-events:auto}.owl-body{fill:#8a6a4a}.owl-ears,.owl-beak{fill:#6b4f35}.owl-eye{fill:#fbf5ea}.owl-pupil{fill:#2b2622;animation:6s ease-in-out infinite owl-look;stroke:none!important}@keyframes owl-look{40%,60%{translate:1.2px}80%{translate:-1px}}.startled{animation:.5s cubic-bezier(.3,1.8,.5,1) startle}@keyframes startle{40%{translate:0 -10px;scale:1.05 .95}}@media (width<=1099px){.scene .mist,.scene .fireflies{display:none}.scene .sun{width:46px}.scene .moon{width:38px}}.smoke path{fill:none;stroke:var(--pencil);stroke-width:1.6px;stroke-linecap:round;opacity:0}.alive .smoke path{animation:3.2s ease-in-out infinite smoke}.alive .smoke path+path{animation-delay:1.6s}@keyframes smoke{0%{opacity:0;translate:0 6px}30%{opacity:.55}to{opacity:0;translate:4px -18px}}.b-link:hover .bsvg{transition:translate .2s;translate:0 -3px}.js .scene{--ground-h:22svh;--guide-w:92px}.js .scene .sticky{height:100svh;position:sticky;top:0;overflow:clip}.js .scene .intro{will-change:transform;position:absolute;top:0;left:0}.js .scene .guide-wrap{left:var(--guide-x);bottom:calc(var(--ground-h) - 2px);padding:0;position:absolute}.js .scene .guide{width:var(--guide-w);margin:0}.js .scene .walk-hint{margin:0;position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%)}.js .scene .walk-hint .wh-desktop,.js .scene .walk-hint .wh-mouse{display:inline-block}.js .scene .walk-hint .wh-mobile{display:none}.js .scene .wh-arrow:before{content:"→";animation-name:wh-right}@keyframes wh-right{50%{translate:4px}}@media (pointer:coarse){.js .scene .walk-hint .wh-desktop,.js .scene .walk-hint .wh-mouse{display:none}.js .scene .walk-hint .wh-mobile{display:inline}}.js .scene .bubble{width:max-content;transition:opacity .2s,translate .2s;position:absolute}.js .scene .walking .bubble,.js .scene .away:not(.speaking) .bubble{opacity:0;translate:0 6px}.js .scene .track{left:0;bottom:var(--ground-h);padding:0 22vw 0 calc(var(--guide-x) + var(--guide-w) + 2.5rem);will-change:transform;flex-direction:row;align-items:flex-end;gap:8rem;position:absolute}.js .scene .bsvg{width:var(--bw)}.js .scene .signpost .bsvg{width:calc(var(--bw) * .72)}.js .scene .b-link{border-bottom:0;padding:0}.js .scene .b-label{width:max(100%,15rem);position:absolute;top:100%}.js .scene .end{align-self:center}@media (width>=1100px){.js .scene{--intro-w:min(46rem, 50vw);--guide-x:calc(var(--intro-w) + 1vw)}.js .scene .intro{width:var(--intro-w);padding:9svh 2vw 0 6vw}.js .scene .bubble{border-radius:16px 16px 4px;max-width:12rem;bottom:7.5rem;right:calc(100% - .5rem)}html:not(.js) .scene .track{flex-direction:row;align-items:flex-end;overflow-x:auto}}@media (width>=1100px) and (height<=680px){.js .scene .guide-wrap{display:none}}@media (width<=1099px){.js .scene{--ground-h:25svh;--guide-w:60px;--guide-x:5vw;--bw:min(56vw, 240px)}.js .scene .intro{padding:5.4rem 6vw 0;right:0}.js .scene .intro h1{margin-bottom:.7rem;font-size:clamp(2.1rem,9vw,3rem)}.js .scene .intro .lede{margin-bottom:1rem;font-size:.98rem}.js .scene .track{gap:3.5rem;padding-right:34vw}.js .scene .b-label{width:max(100%,12rem);padding-top:.6rem}.js .scene .b-blurb{font-size:.84rem}.js .scene .bubble{border-radius:16px 16px 16px 4px;max-width:min(14rem,62vw);font-size:1.1rem;bottom:calc(100% + .5rem);left:0}.js .scene .ground,.js .scene .track,.js .scene .guide-wrap,.js .scene .hills,.js .scene .fireflies{translate:0 var(--lift-y,0px)}.js .scene:not(.lifted) .bubble{opacity:0}.js .scene .walk-hint{left:0;transform:none}.js .scene .mist,.js .scene .fireflies{display:none}}.scene{overflow-x:clip}@media (width<=1099px){html:not(.js) .scene .hills,html:not(.js) .scene .ground,html:not(.js) .scene .signpost{display:none}html:not(.js) .scene .track{gap:2.75rem;padding:1rem 6vw 3rem}html:not(.js) .scene .bsvg{width:min(66vw,260px)}html:not(.js) .scene .sky{height:24rem}html:not(.js) .scene .intro{padding-top:6.5rem}html:not(.js) .scene .end p{margin:0}.scene .clouds{width:220vw;height:9rem;top:0}}@media (prefers-reduced-motion:reduce){.js .ink,.js .stop .ink{stroke-dashoffset:0!important;animation:none!important}.signpost .pc,.signpost.drawn .pc{animation:none!important;transform:none!important}.signpost .sketch{opacity:0!important}.sign-text,.soon-sign{opacity:1!important;transition:none!important}.alive .pc,.signpost.drawn .pc{animation:none;transform:none}.alive .cut-line{opacity:.75;animation:none}.stop .sketch{transition:none}.alive .smoke path,.guide *{animation:none!important}}.signpost.drawn .pc{animation:popup .7s cubic-bezier(.22, 1.4, .36, 1) calc(1.1s + var(--i) * 90ms) both}.signpost .sketch{transition:opacity .4s 1.3s}.signpost.drawn .sketch{opacity:0}.sign-text{transition-delay:1.5s}.closed .b-link{cursor:default;position:relative}.closed .bsvg{opacity:.5}.closed .b-name{color:var(--ink-2)}.soon-sign{white-space:nowrap;color:var(--sw-charcoal);background:var(--sw-honey);border:1.5px solid var(--pencil);box-shadow:2px 2px 0 var(--pencil);opacity:0;border-radius:4px;padding:.15rem .7rem;font-size:1.25rem;transition:opacity .4s 1s;position:absolute;top:58%;left:50%;translate:-50% -50%;rotate:-5deg}.drawn .soon-sign,html:not(.js) .soon-sign{opacity:1}.closed .b-label .b-count{color:var(--ink-2)}.birds path{fill:none;stroke:var(--pencil);stroke-width:1.6px;stroke-linecap:round;opacity:.6}.doorway{fill:var(--sw-glow);opacity:0}.entering .doorway{opacity:1;transition:opacity .18s}.entering .door{transform-origin:0%;animation:.34s cubic-bezier(.55,0,.3,1) forwards door-open!important}@keyframes door-open{0%{transform:none}to{transform:scaleX(.08)skewY(-4deg)}}.guide-wrap .guide{transform-origin:50% 100%;transition:opacity .26s,scale .26s}.stepping-in .guide{opacity:0;scale:.82}.door-iris{z-index:95;pointer-events:none;-webkit-mask-image:radial-gradient(circle at var(--x) var(--y), #000 var(--reveal), transparent calc(var(--reveal) + 1%));mask-image:radial-gradient(circle at var(--x) var(--y), #000 var(--reveal), transparent calc(var(--reveal) + 1%));background:#221b15;position:fixed;inset:0}.door-iris.closing{animation:.42s cubic-bezier(.6,0,.4,1) forwards iris-close}@keyframes iris-close{0%{--reveal:0%}to{--reveal:160%}}.guide .p,.guide .acc,.guide .p-laptop-glow{display:none}:root:not([data-prop]) .guide .p-mug,:root[data-prop=mug] .guide .p-mug,:root[data-prop=kulhad] .guide .p-kulhad,:root[data-prop=bottle] .guide .p-bottle,:root[data-prop=tiffin] .guide .p-tiffin,:root[data-prop=racket] .guide .p-racket,:root[data-prop=laptop] .guide .p-laptop,:root[data-prop=controller] .guide .p-controller,:root[data-prop=laptop] .guide .p-laptop-glow,:root[data-accessory=headband] .guide .acc-headband,:root[data-accessory=sunglasses] .guide .acc-sunglasses,:root[data-accessory=headphones] .guide .acc-headphones{display:inline}:root[data-drink=no] .g-arm-cup,:root[data-drink=no] .g-head{animation:none}:root:not([data-prop=mug]):not([data-prop=kulhad]):not([data-prop]) .g-steam,:root[data-prop]:not([data-prop=mug]):not([data-prop=kulhad]) .g-steam{display:none}:root[data-prop=laptop] .guide .p-laptop-glow{animation:4s ease-in-out infinite screen-flicker}@keyframes screen-flicker{50%{opacity:.32}52%{opacity:.18}}html[data-welcome=pending] body:before{content:"";z-index:2147483000;pointer-events:none;background:linear-gradient(var(--sky-top), var(--sky-bottom) 55%, var(--paper));animation:0s 2.5s forwards wl-cover-out;position:fixed;inset:0}@keyframes wl-cover-out{to{visibility:hidden}}html[data-welcome=on]:not([data-touring]){overflow:hidden}html[data-touring] .scene .guide-wrap{opacity:0;transition:none}html[data-touring] .dock.dock-hidden{opacity:1;transform:translate(-50%)}dialog.welcome{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}dialog.welcome::backdrop{background:0 0}.wl-stage{background:linear-gradient(var(--sky-top), var(--sky-bottom) 55%, var(--paper));transition:opacity .38s;position:absolute;inset:0}.wl-stage[hidden],.wl-tour[hidden]{display:none}.wl-stage.leaving{opacity:0}.wl-ground{background:var(--ground);border-top:2px solid var(--pencil);height:22svh;position:absolute;bottom:0;left:0;right:0}.wl-hills{width:100%;height:26svh;position:absolute;bottom:calc(22svh - 2px);left:0;right:0}.wl-hills path{stroke:var(--pencil);stroke-width:1.4px;vector-effect:non-scaling-stroke}.wl-hills .far{fill:var(--hill-far);stroke-opacity:.35}.wl-hills .near{fill:var(--hill-near);stroke-opacity:.6}.wl-scene{z-index:1;justify-content:center;align-items:flex-end;gap:1.25rem;width:min(52rem,100vw - 32px);display:flex;position:absolute;bottom:calc(22svh - 3px);left:50%;translate:-50%}.wl-figure{flex:none}.wl-figure .guide{width:clamp(120px,21svh,186px);margin:0}.wl-figure{transform-origin:50% 100%;opacity:0;transform:scaleY(.05)skew(-8deg)}.wl-figure.in{animation:.6s cubic-bezier(.2,.8,.25,1) both popup}.wl-chat{outline:none;flex-direction:column;flex:0 30rem;justify-content:flex-end;align-items:flex-start;gap:.5rem;max-height:62svh;padding:1rem 0 calc(clamp(120px,21svh,186px)/1.11111);display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 2.5rem);mask-image:linear-gradient(#0000,#000 2.5rem)}.wl-msg{max-width:24rem;font:1rem/1.42 var(--font-ui);color:var(--ink);background:var(--paper);border:1.5px solid var(--pencil);box-shadow:2px 2px 0 var(--pencil);text-wrap:pretty;border-radius:16px 16px 16px 5px;margin:0;padding:.6rem .95rem;display:none;position:relative}.wl-msg.shown{transform-origin:0 100%;animation:.32s cubic-bezier(.3,1.4,.5,1) both wl-msg;display:block}@keyframes wl-msg{0%{opacity:0;translate:0 6px;scale:.85}}.wl-hello{font:700 1.7rem/1.1 var(--font-hand);color:var(--accent)}.wl-me{color:#fff;background:color-mix(in srgb, var(--accent) 80%, #000);transform-origin:100% 100%;border-radius:16px 16px 5px;align-self:flex-end}:root[data-scheme=dark] .wl-me{color:#1a1b22;background:var(--accent)}.wl-typing{background:var(--paper);border:1.5px solid var(--line);border-radius:16px 16px 16px 5px;gap:4px;margin:0;padding:.7rem .9rem;display:none}.wl-typing.on{display:inline-flex}.wl-typing i{background:var(--ink-2);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite wl-dot}.wl-typing i:nth-child(2){animation-delay:.15s}.wl-typing i:nth-child(3){animation-delay:.3s}@keyframes wl-dot{0%,60%,to{opacity:.3;translate:0}30%{opacity:1;translate:0 -3px}}.wl-chips{flex-wrap:wrap;gap:.45rem;padding-top:.1rem;display:none}.wl-chips.shown{animation:.32s cubic-bezier(.3,1.4,.5,1) both wl-msg;display:flex}.wl-chips.answered{display:none}.wl-chip{min-height:44px;font:600 .92rem var(--font-ui);color:var(--ink);cursor:pointer;background:var(--paper);border:1.5px solid var(--pencil);box-shadow:2px 2px 0 var(--pencil);border-radius:999px;padding:.35rem 1rem;transition:transform .12s,box-shadow .12s,background .12s}.wl-chip:hover{box-shadow:3px 3px 0 var(--pencil);background:color-mix(in srgb, var(--accent) 10%, var(--paper));transform:translate(-1px,-1px)}.wl-chip:active{box-shadow:0 0 0 var(--pencil);transform:translate(1px,1px)}.wl-chip-go{color:#fff;background:color-mix(in srgb, var(--accent) 80%, #000)}.wl-chip-go:hover{background:color-mix(in srgb, var(--accent) 70%, #000)}:root[data-scheme=dark] .wl-chip-go{color:#1a1b22;background:var(--accent)}.wl-skip{z-index:2;min-height:44px;font:600 .85rem var(--font-ui);color:var(--ink-2);cursor:pointer;background:color-mix(in srgb, var(--paper) 85%, transparent);border:1.5px solid var(--line);border-radius:999px;padding:.35rem .95rem;position:absolute;bottom:max(1rem,11svh - 22px);left:50%;translate:-50%}.wl-skip:hover{color:var(--ink);border-color:var(--pencil)}.wl-hole{pointer-events:none;opacity:0;border-radius:16px;width:0;height:0;transition:opacity .3s,left .4s cubic-bezier(.3,1,.4,1),top .4s cubic-bezier(.3,1,.4,1),width .4s cubic-bezier(.3,1,.4,1),height .4s cubic-bezier(.3,1,.4,1);position:fixed;top:50%;left:50%;box-shadow:0 0 0 200vmax #1e16104d}:root[data-scheme=dark] .wl-hole{box-shadow:0 0 0 200vmax #04030a73}.wl-tour .wl-hole{opacity:1}.wl-loop{pointer-events:none;opacity:0;position:fixed;overflow:visible}.wl-loop path{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.lit .wl-loop{opacity:1}.lit .wl-loop.drawn path{animation:.6s cubic-bezier(.6,0,.3,1) forwards wl-draw}@keyframes wl-draw{to{stroke-dashoffset:0}}.wl-actor{transform-origin:50% 100%;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.wl-actor-body{transform-origin:50% 100%;width:100%;height:100%;transition:rotate .35s cubic-bezier(.3,1.4,.5,1)}.wl-actor .guide{width:100%;height:auto;margin:0;display:block}.wl-actor.flip .wl-actor-body{scale:-1 1}.wl-actor.popping .wl-actor-body{animation:.5s cubic-bezier(.2,.8,.25,1) both popup}.wl-actor.leaving{opacity:0;transition:opacity .25s,scale .25s;scale:.85}.wl-actor.pose-peek .wl-actor-body{rotate:16deg}.wl-actor.pose-hang .wl-actor-body{transform-origin:50% 23%;animation:1.9s ease-in-out infinite alternate wl-swing}@keyframes wl-swing{0%{rotate:-5deg}to{rotate:6deg}}.wl-say{background:var(--paper);width:min(21rem,100vw - 20px);color:var(--ink);border:1.5px solid var(--pencil);box-shadow:3px 3px 0 var(--pencil);opacity:0;pointer-events:none;border-radius:16px;padding:.85rem 1rem .7rem;transition:opacity .2s,scale .25s cubic-bezier(.3,1.5,.5,1);position:fixed;top:0;left:0;scale:.92}.wl-say.on{opacity:1;pointer-events:auto;scale:1}.wl-say:after{content:"";background:var(--paper);border:1.5px solid var(--pencil);border-width:0 0 1.5px 1.5px;width:14px;height:14px;position:absolute}.wl-say[data-tail=left]:after{left:-8.5px;top:calc(var(--tail-y,30px) - 7px);rotate:45deg}.wl-say[data-tail=right]:after{right:-8.5px;top:calc(var(--tail-y,30px) - 7px);rotate:-135deg}.wl-say[data-tail=bottom]:after{bottom:-8.5px;left:calc(var(--tail-x,30px) - 7px);rotate:-45deg}.wl-say[data-tail=top]:after{top:-8.5px;left:calc(var(--tail-x,30px) - 7px);rotate:135deg}.wl-say-text{font:.97rem/1.45 var(--font-ui);text-wrap:pretty;margin:0 0 .6rem}.wl-nav{align-items:center;gap:.35rem;display:flex}.wl-dots{gap:4px;margin-right:auto;display:flex}.wl-dots i{background:var(--line);border-radius:99px;width:6px;height:6px;transition:width .3s,background .3s}.wl-dots i.on{background:var(--accent);width:16px}.wl-dots i[hidden]{display:none}.wl-btn{min-height:38px;font:600 .86rem var(--font-ui);color:var(--ink);background:var(--paper);cursor:pointer;border:1.5px solid var(--pencil);box-shadow:2px 2px 0 var(--pencil);border-radius:999px;align-items:center;padding:.25rem .85rem;transition:transform .12s,box-shadow .12s;display:inline-flex}.wl-btn:hover{box-shadow:3px 3px 0 var(--pencil);transform:translate(-1px,-1px)}.wl-btn:active{box-shadow:0 0 0 var(--pencil);transform:translate(1px,1px)}.wl-btn[hidden]{display:none}.wl-primary{color:#fff;background:color-mix(in srgb, var(--accent) 80%, #000)}:root[data-scheme=dark] .wl-primary{color:#1a1b22;background:var(--accent)}.wl-link{min-height:38px;font:500 .82rem var(--font-ui);color:var(--ink-2);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0 .5rem;text-decoration:underline}.wl-link:hover{color:var(--ink)}@media (width<=1099px){.wl-ground{height:15svh}.wl-hills{height:16svh;bottom:calc(15svh - 2px)}.wl-scene{flex-direction:column;align-items:stretch;gap:.6rem;bottom:calc(15svh - 3px)}.wl-figure{order:2;align-self:center}.wl-figure .guide{width:clamp(84px,14svh,120px)}.wl-chat{order:1;max-height:56svh;padding-bottom:0}.wl-msg{max-width:100%}.wl-msg:not(.wl-hello){font-size:.95rem}.wl-skip{bottom:max(.75rem,7.5svh - 22px)}}@media (prefers-reduced-motion:reduce){.wl-figure{opacity:1;transform:none;animation:none!important}.wl-msg.shown,.wl-chips.shown,.wl-actor .wl-actor-body{animation:none!important}.wl-hole,.wl-say{transition:none}.lit .wl-loop.drawn path{stroke-dashoffset:0;animation:none}}