@keyframes pwa-in{0%{transform:translateY(calc(-1 * var(--font-size) - 100%))}}@keyframes pwa-out{to{transform:translateY(calc(-1 * var(--font-size) - 100%))}}@keyframes pwa-dl-spin{0%{transform:scale(.7)}to{transform:scale(.7) rotate(360deg)}}@keyframes pwa-dl-done{0%{transform:scale(.7)}}.pwa{position:fixed;z-index:5;top:0;right:0;display:flex;align-items:center;gap:calc(1 * var(--font-size));width:calc(30 * var(--font-size));padding:calc(2 * var(--font-size));min-height:calc(2 * var(--font-size) + 2 * 1 * var(--font-size));margin:calc(1 * var(--font-size));background:#45274c;border-radius:calc(.625 * var(--font-size));filter:drop-shadow(0vmin .6vmin .75vmin color(srgb 0 0 0 / .3))}.pwa--download:before,.pwa--ready:before{content:"";display:block;box-sizing:border-box;width:calc(3 * var(--font-size));height:calc(3 * var(--font-size));margin-right:calc(.25 * var(--font-size));border-style:solid;border-width:calc(3 * var(--font-size) / 10);border-radius:100%}.pwa--download:before{border-color:var(--orange) transparent transparent;animation:pwa-dl-spin .7s linear infinite}.pwa--ready:before{border-color:#bce42b;background-image:url(/pwa-done.svg);background-repeat:no-repeat;background-size:calc(3 * var(--font-size) / 10 * 5);background-position:center;animation:pwa-dl-done .3s cubic-bezier(.34,1.56,.64,1)}.pwa__msg{flex:1 1 auto;margin:0;font-size:calc(1 * var(--font-size));color:#fff;line-height:calc(1.3 * var(--font-size))}.pwa__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;display:block;width:auto;height:auto;padding:calc(1 * var(--font-size));margin:0;border:0;border-radius:calc(.625 * var(--font-size));background:var(--orange);font-family:inherit;font-size:calc(1 * var(--font-size));line-height:calc(1.3 * var(--font-size))}.pwa-alert-enter-active{animation:pwa-in .5s cubic-bezier(.25,1,.5,1)}.pwa-alert-leave-active{animation:pwa-out .5s cubic-bezier(.36,0,.66,-.56)}.title{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;z-index:3;overflow:hidden auto;width:100%;height:100%;border:0;padding:0;background:#45274c}.title:enabled{cursor:pointer}.title:disabled{pointer-events:none}.title__page{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:100%}.title__border{display:flex;position:absolute;z-index:2;background:#45274c;fill:#8a215f}.title__border--top{top:0;border-bottom:solid 2vmin #8A215F}.title__border--bottom{bottom:0;border-top:solid 2vmin #8A215F}.title__background,.title__background-2{position:absolute;top:0;width:100%;height:100%}.title__content{flex:none;display:grid;grid-auto-rows:1fr auto 1fr;justify-items:center;padding:0 6vmin}.title__top{display:flex;align-items:flex-end;z-index:3;max-width:30rem;min-height:min(30vh,42.8571428571vw)}.title__bts{flex:none;display:block;width:114%;height:auto;margin:-6% 0 -7% -6%}.title__img{z-index:2;width:140%;max-width:70vh;height:auto;margin:max(-15vh,-21.4285714286vw) -20%;clip-path:url(#PortraitClip)}.title__bot{flex:0 1 auto;z-index:3;max-width:40rem;min-height:min(30vh,42.8571428571vw)}.title__escape{display:block;width:103%;height:auto;margin:-4% 0 0 -3%}.masi__svg{position:absolute;top:50%;left:50%;width:auto;height:100vmax}.masi__shape{fill:var(--bg-purple-light)}.cutscene-text{will-change:transform;flex:0 1 auto;max-width:calc(45 * var(--font-size));padding:calc(3 * var(--font-size));margin:0;background-clip:padding-box;background-color:var(--purple);color:#fff;font-size:calc(1.5 * var(--font-size));font-weight:600;border-style:solid;border-color:transparent;border-width:font-size(3.5) 0}.cutscene-text__top,.cutscene-text__bot{position:absolute;left:0;width:100%;height:calc(3 * var(--font-size));background-image:url(/cutscene-border.svg);background-position:left;background-size:auto 100%}.cutscene-text__top{top:calc(-3.5 * var(--font-size))}.cutscene-text__bot{bottom:calc(-3.5 * var(--font-size))}.cutscene-media{will-change:transform;flex:0 1 auto;width:min(200vh,100vw,70 * var(--font-size));background:#fff}.cutscene-media__img{flex:0 0 auto;display:block;box-sizing:border-box;width:100%;height:auto;box-shadow:0 0 0 4vmin #fff}.cutscene{position:absolute;z-index:3;width:100%;height:100%;background:var(--bg-purple-dark);transform-style:preserve-3d}.cutscene__slide{will-change:transform;position:absolute;width:100%;height:100%}.cutscene__scroll{position:absolute;width:100%;height:100%;overflow:hidden auto;perspective:50vmax}.cutscene__page{overflow:clip;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:100%;transform-style:preserve-3d}.cutscene__page--0{padding:0 6vmin calc(6vmin + 7 * var(--font-size))}.cutscene__page--0:before{content:"";height:0;max-height:20vmin;flex:1 1 0}.cutscene__page--0>.cutscene__row--0:before{content:"";flex:80 0 0}.cutscene__page--0>.cutscene__row--0:after{content:"";flex:20 0 0}.cutscene__page--0>.cutscene__row--0 .cutscene-media__img{max-width:120vw;margin:-20vmin 0 0}.cutscene__page--0>.cutscene__row--1:before{content:"";flex:50 0 0}.cutscene__page--0>.cutscene__row--1:after{content:"";flex:50 0 0}.cutscene__page--1{flex-direction:column-reverse;padding:0 6vmin}.cutscene__page--1>.cutscene__row--0:before{content:"";flex:20 0 0}.cutscene__page--1>.cutscene__row--0:after{content:"";flex:80 0 0}.cutscene__page--1>.cutscene__row--0 .cutscene-media__img{margin:0 0 -20vmin}.cutscene__page--1>.cutscene__row--1:before{content:"";flex:60 0 0}.cutscene__page--1>.cutscene__row--1:after{content:"";flex:40 0 0}.cutscene__page--2{padding:0 6vmin calc(6vmin + 7 * var(--font-size))}.cutscene__page--2>.cutscene__row--0:before{content:"";flex:70 0 0}.cutscene__page--2>.cutscene__row--0:after{content:"";flex:30 0 0}.cutscene__page--2>.cutscene__row--0 .cutscene-media__img{margin:-15vmin 0 -5vmin}.cutscene__page--2>.cutscene__row--1:before{content:"";flex:40 0 0}.cutscene__page--2>.cutscene__row--1:after{content:"";flex:60 0 0}.cutscene__page--3{flex-direction:column-reverse;padding:0 6vmin}.cutscene__page--3>.cutscene__row--0:before{content:"";flex:10 0 0}.cutscene__page--3>.cutscene__row--0:after{content:"";flex:90 0 0}.cutscene__page--3>.cutscene__row--0 .cutscene-media__img{margin:0 0 -20vmin}.cutscene__page--3>.cutscene__row--1:before{content:"";flex:50 0 0}.cutscene__page--3>.cutscene__row--1:after{content:"";flex:50 0 0}.cutscene__row{flex:0 0 auto;width:100%;max-width:100%;min-height:0;display:flex;transform-style:preserve-3d}.cutscene__controls{position:absolute;right:6vmin;bottom:6vmin;display:flex;gap:calc(1.5 * var(--font-size));transform-style:preserve-3d}.cutscene__arrow{width:calc(2.5625 * var(--font-size));height:auto}.guide{display:flex;pointer-events:none;position:fixed;left:0;bottom:0;z-index:10;box-sizing:border-box;width:100%;padding:4vmin;transform:translateY(100%);transition:transform .5s cubic-bezier(.22,1,.36,1)}.guide--show{transform:none;transition:transform .5s cubic-bezier(.22,1,.36,1)}.guide__portrait{flex:none;position:relative;z-index:1;width:calc(8 * var(--font-size));padding:0;margin:0;pointer-events:auto}.guide__wrap{width:100%;height:100%;transform-origin:50% 75%}.guide__img{position:absolute;bottom:0;left:0;width:100%;height:auto;transform-origin:33.333% 100%}.guide__dialogue{flex:0 1 auto;display:flex;position:relative;overflow:clip;width:calc(74 * var(--font-size));max-width:calc(100% - 4 * var(--font-size));height:calc(8 * var(--font-size));margin-left:calc(-4 * var(--font-size));padding:0;background:#8a215f;border-radius:calc(.625 * var(--font-size));pointer-events:auto;filter:drop-shadow(rgba(0,0,0,.3) 0 .6vmin .75vmin)}.guide__dialogue:before{content:"";flex:1 0 calc(4 * var(--font-size));display:block;max-width:calc(11 * var(--font-size))}.guide__dialogue:after{content:"";flex:1 0 0;display:block;max-width:calc(9 * var(--font-size))}.guide__text{flex:1 1 auto;z-index:1;box-sizing:border-box;max-width:calc(54 * var(--font-size));margin:auto 0;padding:0 calc(2 * var(--font-size));color:var(--white);font-weight:600;font-size:calc(1.5 * var(--font-size));font-variant-ligatures:none}.guide__text::selection{background-color:oklch(from #8A215F calc(l*1.2) calc(c*1.4) h)}.guide__masi-start{position:absolute;top:0;left:0;width:auto;height:100%;fill:#45274c}.guide__masi-end{position:absolute;top:0;right:0;width:auto;height:100%;fill:#45274c}.marker{position:absolute;transform:translate(-50%,-50%)}.marker.markers-enter-from{transform:translate(-50%,-50%) scale(0)}.marker.markers-enter-active{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.marker__button{display:block;background:transparent;border:0;padding:0}.marker__img{display:block;width:100%;height:auto}.map{position:absolute;width:100%;height:100%}.map__page{position:absolute;-webkit-user-select:none;user-select:none}.map__image{display:block;box-sizing:border-box;width:130vmax;height:auto;background:linear-gradient(to top,#01c6ce,#00dce5,#01f3fc 50%,#0ff 62.5%,#41ffff,#a1fdff 75%,#a9feff 78.12%,#aff,#acffff,#aeffff,#b0ffff 81.25%,#b7ffff,#beffff 87.5%,#edffff);background:linear-gradient(to top,color(xyz 0.194 0.495 1.177),color(xyz 0.288 0.607 1.226),color(xyz 0.419 0.734 1.271) 50%,color(xyz 0.501 0.803 1.292) 62.5%,color(xyz 0.546 0.839 1.302),color(xyz 0.594 0.876 1.312) 75%,color(xyz 0.62 0.895 1.316),color(xyz 0.646 0.914 1.321),color(xyz 0.673 0.933 1.326),color(xyz 0.7 0.953 1.33) 87.5%,color(xyz 0.82 1.034 1.347))}@keyframes map-down{0%{transform:translateY(-100vh)}}@keyframes map-up{to{transform:translateY(-100vh)}}.down-enter-active.map{animation:map-down 1s cubic-bezier(.16,1,.3,1)}.up-leave-active.map{animation:map-up 1s cubic-bezier(.5,0,.75,0)}@keyframes collected-star{0%{transform:transform(-50%,-50%) rotate(0)}to{transform:transform(-50%,-50%) rotate(360deg)}}@keyframes collected-glow{to{filter:drop-shadow(0px 0px 50px rgba(255,255,255,.5))}}@keyframes collected-pulse{0%{transform:scale(0);opacity:.6}to{opacity:0}}.collected-item{position:fixed;top:0;left:0;z-index:100;pointer-events:none}.collected-item__image{display:block;width:100%;height:auto;animation:collected-glow 2s cubic-bezier(.33,1,.68,1) forwards}.collected-item__mask{position:absolute;top:0;left:0;width:100%;height:100%}.collected-item__pulse{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40vw;height:40vw;margin:-20vw;background:#fff;border-radius:100%;animation:collected-pulse 2s cubic-bezier(.22,1,.36,1) both}.collected-particle{position:fixed;z-index:1000;top:0;left:0;width:5px;height:5px;border-radius:100%;background-color:#fff;box-shadow:0 0 10px #fff;will-change:transform;contain:strict}.scrapbook{position:absolute;display:grid;box-sizing:border-box;width:100%;height:100%;grid-template-columns:minmax(2rem,5vmin) auto minmax(2rem,10vmin) auto minmax(2rem,10vmin);grid-template-rows:minmax(2rem,10vmin) auto minmax(2rem,10vmin) auto minmax(2rem,10vmin);align-items:center;justify-items:center;background-image:url(/scrapbook/scrapbook-background.png);background-size:cover}.scrapbook__polaroid{align-self:start;z-index:1;width:250%;height:auto;grid-column:3}.scrapbook__polaroid--1{grid-row:2;transform:rotate(10deg)}.scrapbook__polaroid--2{grid-row:4;transform:rotate(-10deg)}.scrapbook__photo{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.scrapbook__photo--1{grid-column:2;grid-row:2;transform:rotate(-.1deg)}.scrapbook__photo--2{grid-column:4;grid-row:2;transform:rotate(3deg) scale(1.05)}.scrapbook__photo--3{grid-column:2;grid-row:4;transform:rotate(-5deg) translate(2%) scale(1.05)}.scrapbook__photo--4{grid-column:4;grid-row:4;transform:rotate(-.2deg)}.scrapbook__plant{position:absolute;z-index:3;height:auto}.scrapbook__plant--1{top:0;left:0;width:12vw;transform:translate(-40%,15%)}.scrapbook__plant--2{z-index:2;top:0;left:0;width:35vw;transform:translate(-10%,-30%)}.scrapbook__plant--3{top:0;right:0;width:15vw;transform:translate(40%,-20%)}.scrapbook__plant--4{bottom:0;left:0;width:30vw;transform:translate(-40%,40%)}.scrapbook__plant--5{bottom:0;left:50%;width:35vw;transform:translate(-50%,50%)}.scrapbook__button{position:absolute;bottom:6vmin;right:6vmin}@keyframes backdrop-in-up{0%{transform:translateY(100vh) translateY(2vw) rotate(-3deg)}to{transform:translateY(-50vh)}}@keyframes backdrop-out-down{0%{transform:translateY(-50vh)}to{transform:translateY(100vh) translateY(2vw) rotate(-3deg)}}.backdrop{position:absolute;top:0;left:-10vw;overflow:clip;width:120vw;height:200vh;background:var(--backdrop-back);pointer-events:none;-webkit-user-select:none;user-select:none;transform:translateY(-50vh)}.backdrop__masi{fill:var(--backdrop-masi);position:absolute;top:50%;left:50%;height:100vmax;width:auto}.up-enter-active .backdrop{animation:backdrop-in-up 1s cubic-bezier(.65,0,.35,1) both}.down-leave-active .backdrop{animation:backdrop-out-down 1s 0s cubic-bezier(.76,0,.24,1) both}.down-enter-active .backdrop{animation:backdrop-in-down 1s cubic-bezier(.65,0,.35,1) both}.up-leave-active .backdrop{animation:backdrop-out-up 1s .25s cubic-bezier(.83,0,.17,1) both}@keyframes dialogue-appear{0%{filter:drop-shadow(0 0 0 var(--orange));transform:scale(.95)}to{filter:drop-shadow(calc(-1 * var(--font-size)) calc(1 * var(--font-size)) 0 var(--orange));transform:translate(calc(1 * var(--font-size)),calc(-1 * var(--font-size)))}}.dialogue{max-width:calc(40 * var(--font-size));padding:calc(2.75 * var(--font-size)) calc(3 * var(--font-size));background-color:var(--purple);border-radius:calc(.625 * var(--font-size));color:var(--white);font-size:calc(2 * var(--font-size));font-weight:500;font-variant-ligatures:none;transform-origin:calc(3 * var(--font-size)) 100%;animation:dialogue-appear 1s cubic-bezier(.22,1,.36,1) both}.dialogue__callout{fill:var(--purple);stroke:var(--purple);stroke-width:2;stroke-linejoin:round;position:absolute;top:100%;left:calc(3 * var(--font-size));width:calc(3 * var(--font-size));margin:-1px 0 0}@keyframes response-group-in{0%{transform:translateY(100%) rotate(-5deg)}to{transform:translate(0)}}@keyframes response-group-out{to{transform:scale(.95)}}@keyframes response-button-in{0%{transform:translate(100%) translate(6vmin) rotate(5deg)}to{transform:translate(0)}}@keyframes response-button-select{to{transform:scale(1.3684210526)}}@keyframes response-item-out{to{transform:translate(100%) translate(8.2105263158vmin) rotate(-3deg)}}@keyframes response-item-select{to{transform:translate(136.8421052632%) translate(8.2105263158vmin) rotate(5deg)}}.responses{list-style-type:none;pointer-events:none;position:relative;z-index:3;width:80%;max-width:calc(45 * var(--font-size));margin:0 0 0 auto;padding:6vmin 6vmin 6vmin 0;animation:response-group-in 1s 0s cubic-bezier(.22,1,.36,1) both;transform-origin:top right}.responses--out{animation:response-group-out .8s cubic-bezier(.83,0,.17,1) both;transform-origin:bottom right}.responses__item{pointer-events:auto;position:relative;display:flex;justify-content:flex-end;text-wrap:balance;transform-origin:calc(100% + .5 * 3 * var(--font-size)) calc(100% + .4 * 3 * var(--font-size))}.responses__item--select{animation:response-item-select .8s cubic-bezier(.22,1,.36,1) forwards}.responses__item--leave{animation:response-item-out .8s cubic-bezier(.83,0,.17,1) forwards}.responses__button{display:block;margin:calc(1 * var(--font-size)) 0 0;box-sizing:content-box;padding:calc(2.25 * var(--font-size));background:#ff8957;fill:#ff8957;border-radius:calc(.625 * var(--font-size));border:0;font-family:inherit;font-size:calc(1.5 * var(--font-size));font-weight:600;color:#45274c;text-align:start;pointer-events:auto;cursor:pointer;transform-origin:calc(100% + .5 * 3 * var(--font-size)) calc(100% + .4 * 3 * var(--font-size));transition:background-color 1s cubic-bezier(.33,1,.68,1);animation:response-button-in .5s cubic-bezier(.22,1,.36,1) backwards}.responses__button--select{background-color:lch(from #FF8957 calc(l*1.1) calc(c*1.1) calc(h + 5));fill:lch(from #FF8957 calc(l*1.1) calc(c*1.1) calc(h + 5));animation:response-button-select .4s cubic-bezier(.68,-.6,.32,1.6) both}.responses__button--other{background-color:lch(from #FF8957 calc(l*.9) calc(c*.9) calc(h - 5));fill:lch(from #FF8957 calc(l*.9) calc(c*.9) calc(h - 5))}.responses__dummy{visibility:hidden;position:absolute;box-sizing:border-box;width:100%;padding:calc(2.25 * var(--font-size));font-family:inherit;font-size:calc(1.5 * var(--font-size));font-weight:600;color:#45274c;text-align:start}.responses__callout{fill:inherit;position:absolute;top:100%;left:100%;width:calc(3 * var(--font-size));height:calc(3 * var(--font-size));transform:translate(-50%,-60%) scale(.7)}.hidden-item{position:absolute;transform:translate(-50%,-50%);width:20%;height:auto}@keyframes character-location-move-in{0%{transform:translate(100%,-100%) rotate(-20deg)}to{transform:rotate(5deg)}}@keyframes character-location-move-out{0%{transform:rotate(5deg)}to{transform:translateY(120vh) rotate(2deg)}}@keyframes character-portrait-move-in{0%{transform:translate(-100%,50%)}}@keyframes character-portrait-rot-in{0%{transform:rotate(3deg)}}@keyframes character-portrait-move-out{to{transform:translateY(100vh) rotate(10deg)}}@keyframes character-portrait-rot-out{to{transform:rotate(-20deg)}}.character{--backdrop-back: var(--bg-purple-dark);--backdrop-masi: var(--bg-purple-light);position:absolute;z-index:2;width:100%;height:100%;transition-duration:1.8s}.character--out{transition-duration:1.8s}.character__scroll{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden auto;overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none}.character__scroll::-webkit-scrollbar{display:none;width:0;background:transparent}.character__top{flex:0 1 40vh;display:flex;align-items:flex-end;box-sizing:border-box;margin:0 0 auto;padding:6vmin;position:sticky;z-index:4;top:0;width:100%;pointer-events:none}.character__dialogue{position:relative;z-index:10;pointer-events:auto}.character__location{order:-1;position:sticky;top:0;width:100%;height:0}.character__group{position:relative;float:right;box-sizing:border-box;width:min(50rem,100% - 2rem,100vh);height:auto;transform:rotate(5deg);border:solid 4vmin #FFF;filter:drop-shadow(color(srgb 0 0 0 / .3) .252417vmin .544321vmin .75vmin)}.character__media{display:block;width:100%;height:auto}.character__portrait{position:fixed;bottom:0;max-height:60vh;max-width:60vw;z-index:1;filter:drop-shadow(color(srgb 0 0 0 / .3) .252417vmin .544321vmin .75vmin)}.character__img{display:block;max-height:60vh;max-width:60vw;object-fit:contain}.up-enter-active .character__group{animation:character-location-move-in 1s .6s cubic-bezier(.16,1,.3,1) both}.up-enter-active .character__portrait{animation:character-portrait-move-in 1s .8s cubic-bezier(.16,1,.3,1) both}.up-enter-active .character__img{animation:character-portrait-rot-in 1s .8s cubic-bezier(.5,1,.89,1) both}.down-leave-active .character__group{animation:character-location-move-out 1s 0s cubic-bezier(.83,0,.17,1) both}.down-leave-active .character__portrait{animation:character-portrait-move-out 1s 0s cubic-bezier(.83,0,.17,1) both}.down-enter-active .character__group{animation:character-location-move-in 1s .6s cubic-bezier(.16,1,.3,1) both}.down-enter-active .character__portrait{animation:character-portrait-move-in 1s .8s cubic-bezier(.16,1,.3,1) both}.down-enter-active .character__img{animation:character-portrait-rot-in 1s .8s cubic-bezier(.33,1,.68,1) both}.up-leave-active .character__group{animation:character-location-move-out .5s .2s cubic-bezier(.64,0,.78,0) both}.up-leave-active .character__portrait{animation:character-portrait-move-out .5s 0s cubic-bezier(.64,0,.78,0) both}.up-leave-active .character__img{animation:character-portrait-rot-out .5s 0s cubic-bezier(.64,0,.78,0) both}@keyframes callout-enter{0%{filter:drop-shadow(0 0 0 var(--orange));transform:scale(.95)}to{filter:drop-shadow(calc(-1 * var(--font-size)) calc(1 * var(--font-size)) 0 var(--orange));transform:translate(calc(1 * var(--font-size)),calc(-1 * var(--font-size)))}}.callout{max-width:calc(40 * var(--font-size));padding:calc(2.75 * var(--font-size)) calc(3 * var(--font-size));background-color:var(--purple);border-radius:calc(.625 * var(--font-size));color:var(--white);font-size:calc(2 * var(--font-size));font-weight:500;transform-origin:0 80%;opacity:0}.callout--show{opacity:1;animation:callout-enter 1s cubic-bezier(.22,1,.36,1) both}.callout-point{pointer-events:none;position:absolute;visibility:hidden}.callout-line{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;fill:none;opacity:0}.callout-line--show{opacity:1}.callout-line__path{stroke:var(--orange);stroke-width:1rem;stroke-linecap:round;stroke-dasharray:2.5rem 2rem}.callout-line__circle{r:calc(1.5 * var(--font-size));fill:var(--purple);stroke:var(--orange);stroke-width:calc(1 * var(--font-size))}.hidden-item-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;transform:translate(-50%,-50%);width:20%;height:auto;padding:0;border:0;background:transparent;border-radius:0}.hidden-item-button:enabled{cursor:pointer}.hidden-item-button:disabled{pointer-events:none}.hidden-item-button__image{display:block;width:100%;height:auto}@keyframes image-move-in{0%{transform:translate(150%,-100%) rotate(30deg)}to{transform:rotate(5deg)}}@keyframes image-move-out{0%{transform:rotate(5deg)}to{transform:translateY(120vh) rotate(10deg)}}@keyframes button-move-in{0%{transform:translateY(100vh)}}@keyframes button-move-out{to{transform:translateY(100vh)}}.place{--backdrop-back: var(--bg-purple-dark);--backdrop-masi: var(--bg-purple-light);position:absolute;z-index:2;width:100%;height:100%;transition-duration:1.6s}.place--out{pointer-events:none;transition-duration:1.6s}.place__scroll{width:100%;height:100%;position:relative;overflow:hidden auto}.place__page{position:relative;overflow:hidden;display:flex;flex-direction:column;width:100%;min-height:100%}.place__top{display:flex;justify-content:right;padding-top:6vmin}.place__top:before,.place__top:after{content:"";flex:0 1 auto;display:block;width:6vmin}.place__group{flex:0 0 auto;position:relative;box-sizing:border-box;width:100%}.place__paper{box-sizing:border-box;width:100%;background:#fff;transform:rotate(5deg);border:solid 4vmin #FFF}.place__image{display:block;width:100%;height:auto}.place__bottom{flex:1 0 auto;display:flex;align-items:flex-end;padding:0 0 6vmin}.place__callout{flex:0 1 auto;position:relative;margin:0 6vmin}.place__button{position:absolute;bottom:6vmin;right:6vmin}.up-enter-active .place__paper{animation:image-move-in 1s .6s cubic-bezier(.16,1,.3,1) both}.up-enter-active .place__button{animation:button-move-in 1s 0s cubic-bezier(.65,0,.35,1) both}.down-leave-active .place__paper{animation:image-move-out 1s 0s cubic-bezier(.83,0,.17,1) both}.down-leave-active .place__button{animation:button-move-out 1s 0s cubic-bezier(.83,0,.17,1) both}@keyframes thing-image-move-in{0%{transform:translate(-100%,50%) rotate(-20deg)}to{transform:rotate(5deg)}}@keyframes thing-image-move-out{0%{transform:rotate(5deg)}to{transform:translateY(120vh) rotate(10deg)}}@keyframes thing-button-move-in{0%{transform:translateY(100vh)}}@keyframes thing-button-move-out{to{transform:translateY(100vh)}}.thing{--backdrop-back: var(--bg-purple-dark);--backdrop-masi: var(--bg-purple-light);position:absolute;z-index:2;width:100%;height:100%;transition-duration:4s}.thing--out{pointer-events:none;transition-duration:1.25s}.thing__scroll{width:100%;height:100%;position:relative;overflow:hidden auto}.thing__page{display:flex;width:100vw;min-height:100%;overflow:clip}.thing__inner{max-width:100%;margin:auto}.thing__top{display:flex}.thing__hpad{flex:1 0 0;min-width:5vw;width:min(100vmin,46 * var(--font-size))}.thing__callout{position:relative;z-index:4;margin:6vmin 6vmin 0 -5vw}.thing__line{z-index:2}.thing__bot{display:flex}.thing__group{position:relative;z-index:1;margin:-5vw 0 0}.thing__image{display:block;height:auto}.thing__button{position:absolute;bottom:6vmin;right:6vmin}.up-enter-active .thing__button{animation:thing-button-move-in 1s 0s cubic-bezier(.65,0,.35,1) both}.down-leave-active .thing__button{animation:thing-button-move-out 1s .25s cubic-bezier(.83,0,.17,1) both}@keyframes rune-image-in{0%{transform:translate(-5vw,100vh) rotate(-10deg)}to{transform:none}}@keyframes rune-image-out{0%{transform:none}to{transform:translate(-5vw,100vh) rotate(-5deg)}}@keyframes rune-button-in{0%{transform:translateY(100vh)}}@keyframes rune-button-out{to{transform:translateY(100vh)}}.rune{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;width:100%;height:100%;transition-duration:4s}.rune--out{transition-duration:1.25s}.rune--0,.rune--1{--backdrop-back: #3A5F57;--backdrop-masi: #498F50;--text-bg: #6A3F28;--text-color: #FFF;--masi-border-color: #8FBA69}.rune--2{--backdrop-back: #3F200F;--backdrop-masi: #69381D;--text-bg: #31747c;--text-color: #FFF;--masi-border-color: #8FBA69}.rune--3{--backdrop-back: #7AE6F3;--backdrop-masi: #3DD9EC;--text-bg: #ECC682;--text-color: #3A5F57;--masi-border-color: #8A215F}.rune--4{--backdrop-back: #E9C686;--backdrop-masi: #E0B567;--text-bg: #3A5F57;--text-color: #FFF;--masi-border-color: #8A215F}.rune--5{--backdrop-back: #31747C;--backdrop-masi: #3A5F57;--text-bg: #45274C;--text-color: #FFF;--masi-border-color: #FF8957}.rune__page{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}.rune__top{display:flex;max-width:100%}.rune__padding{flex:1 1 0}.rune__mask{position:relative;z-index:1;max-width:100%;transform:scale(.9) rotate(5deg);opacity:0;visibility:hidden}.rune__mask--show{visibility:visible;transform:rotate(5deg);opacity:1;transition:transform 3.5s .5s cubic-bezier(.22,1,.36,1),opacity 3.5s .5s cubic-bezier(.22,1,.36,1)}.rune__mask--show .rune__bloom{filter:blur(0px);transition:filter 3.5s .5s cubic-bezier(.83,0,.17,1)}.rune__mask--show .rune__text{background:var(--text-bg);color:var(--text-color);transition:background-color 3.5s .5s cubic-bezier(.83,0,.17,1),color 3.5s .5s cubic-bezier(.83,0,.17,1)}.rune__mask--show .rune__masi{fill:var(--masi-border-color);transition:fill 3.5s .5s cubic-bezier(.83,0,.17,1)}.rune__bloom{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;filter:blur(30px)}.rune__text{position:relative;max-width:25em;padding:calc(5 * var(--font-size));font-size:calc(1.5 * var(--font-size));font-weight:600;background-color:#fff;color:#fff}.rune__border{flex:0 0 auto;display:flex;margin:.5rem 0}.rune__masi{fill:#fff}.rune__bot{flex:1 0 0;display:flex;width:100%}.rune__image{position:relative;will-change:filter}.rune__broken{display:block;height:auto}.rune__broken--swap{visibility:hidden}.rune__fixed{display:block;position:absolute;top:0;height:auto;visibility:hidden}.rune__fixed--swap{visibility:visible}.rune__button{position:absolute;bottom:6vmin;right:6vmin;visibility:hidden}.rune__button--show{visibility:visible;animation:rune-button-in 1s cubic-bezier(.83,0,.17,1) backwards}.rune__overlay{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;will-change:background-color,backdrop-filter}.down-leave-active .rune__button--show{animation:rune-button-out 1s .125s cubic-bezier(.83,0,.17,1) both}.down-leave-to .rune__mask{opacity:0;filter:blur(10px);transition:opacity .7s cubic-bezier(.83,0,.17,1),filter .7s cubic-bezier(.83,0,.17,1)}.down-leave-to .rune__text{background-color:#fff;color:#fff;transition:background-color .7s cubic-bezier(.33,1,.68,1),color .7s cubic-bezier(.33,1,.68,1)}.down-leave-to .rune__masi{fill:#fff;transition:fill .7s cubic-bezier(.33,1,.68,1)}.down-enter-active.rune{animation:map-down 1.25s cubic-bezier(.22,1,.36,1)}.up-leave-active.rune{animation:map-up 1s cubic-bezier(.64,0,.78,0)}.screen-border__path{fill:var(--masi-border-color)}.border{position:absolute;overflow:clip;margin:1vmin;width:calc(100% - 2vmin);height:calc(100% - 2vmin)}.border__masi{flex:1 1 auto;display:block;margin:0 -.5px}.border__corner{position:absolute;width:var(--corner);height:var(--corner);fill:var(--masi-border-color)}.border__corner--tl{top:0;left:0}.border__corner--tr{top:0;right:0;transform:rotate(90deg)}.border__corner--br{bottom:0;right:0;transform:rotate(180deg)}.border__corner--bl{bottom:0;left:0;transform:rotate(270deg)}.border__top{display:flex;justify-content:space-evenly;position:absolute;top:0;left:var(--corner);width:var(--width);fill:var(--masi-border-color)}.border__right{display:flex;justify-content:space-evenly;position:absolute;top:var(--corner);left:100%;width:var(--height);transform-origin:top left;transform:rotate(90deg);fill:var(--masi-border-color)}.border__bottom{display:flex;justify-content:space-evenly;position:absolute;bottom:0;right:var(--corner);width:var(--width);transform:rotate(180deg);fill:var(--masi-border-color)}.border__left{display:flex;justify-content:space-evenly;position:absolute;top:calc(100% - var(--corner));left:0;width:var(--height);transform-origin:top left;transform:rotate(-90deg);fill:var(--masi-border-color)}.repair-vector__svg{position:absolute;width:100%;height:100%;fill:none;stroke-width:2;stroke:#fff}.repair-vector__outline{fill:none;stroke-width:4;stroke:#8fba69}.repair-vector__part{fill:#ffffff1a;stroke-width:4;stroke-linejoin:round;stroke:#8fba69}.intro{flex-direction:column;position:absolute;top:0;left:0;overflow:clip;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:6vmin;border:0;background:transparent;transition:overlay 1s ease-out allow-discrete,display 1s ease-out allow-discrete}.intro::backdrop{animation:backdrop-out .5s ease-out both}.intro[open]{display:flex}.intro[open]>.intro__main{animation:intro-main-in 1s ease-out both}.intro[open]::backdrop{animation:backdrop-in .5s ease-out both}.intro:before{content:"";display:block;flex:0 1 6.3125rem}.intro__main{will-change:transform;display:grid;grid-template-columns:auto 1fr;width:calc(55 * var(--font-size));max-width:100%;margin:auto}.intro__portrait{grid-column:1/2;position:relative;z-index:1;width:calc(10 * var(--font-size));margin:auto 0 calc(-2 * var(--font-size)) calc(-3 * var(--font-size))}.intro__img{position:absolute;top:0;left:0;width:100%;height:auto}.intro__title{grid-column:2/3;margin:auto 0 calc(1 * var(--font-size)) calc(1.7 * var(--font-size));font-size:calc(6 * var(--font-size));font-weight:900;text-transform:uppercase;color:var(--intro-title-color);line-height:1}.intro__body{grid-column:1/3;padding:calc(4 * var(--font-size));font-size:calc(1.5 * var(--font-size));font-weight:600;line-height:1.5;color:var(--intro-body-color);background:var(--intro-card-color)}.intro__button{margin-left:auto}@keyframes star-base{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes star-burst{0%{transform:rotate(500deg)}}.star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star__wrap{animation:star-base 200s infinite linear both}.star__svg{background:transparent;fill:var(--color-2);animation:star-burst 7s cubic-bezier(.22,1,.36,1)}.puzzle{width:calc(100% - 12vmin);height:calc(100% - 6vmin - (10vmin + 8 * var(--font-size)));margin:6vmin 6vmin calc(10vmin + 8 * var(--font-size))}.puzzle__piece{position:absolute;top:0;left:0;height:auto;-webkit-user-select:none;user-select:none;touch-action:none}:root{--repair-bg-color: #3A5F57;--repair-bg-color: #486e5a}@keyframes repair-star-in{0%{opacity:0}}.repair{--masi-border-color: #3A5F57;position:absolute;overflow:clip;width:100%;height:100%;background:var(--repair-bg-color)}.repair__back,.repair__complete{position:absolute;top:50%;left:50%;width:100vmin;height:100vmin;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;touch-action:none}.repair__complete{opacity:0}.repair__complete--show{opacity:1;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.repair__full{filter:drop-shadow(0vmin .6vmin .75vmin color(srgb 0 0 0 / .3))}.repair__puzzle{position:absolute;width:100%;height:100%}.repair__puzzle--glow{filter:drop-shadow(0 0 10vmax var(--orange));transition:filter .5s ease-out}.repair__intro{--intro-title-color: #ECC682;--intro-body-color: var(--white);--intro-masi-color: #8FBA69;--intro-card-color: #6A3F28;--overlay-color: var(--repair-bg-color)}.repair__star{--color-2: #3A5F57;--color-1: #8FBA69;background:radial-gradient(closest-side,#8FBA69,transparent);animation:repair-star-in .5s cubic-bezier(.65,0,.35,1) both}.grid{position:absolute;top:6vmin;left:6vmin;right:6vmin;bottom:calc(10vmin + 8 * var(--font-size));display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.grid__wrap{position:relative;margin:auto}.grid__row{flex:1 0 0;display:flex}.grid__space{flex:1 0 0;position:relative;box-sizing:border-box;padding:2px;outline:0}.grid__color{position:relative;height:100%;background:var(--grid-cell-bg-color);border-radius:calc(.625 * var(--font-size))}.grid__highlight{position:absolute;top:50%;left:50%;width:100%;height:100%;background:currentColor;border-radius:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 20px currentColor;opacity:0;transition:color 0s .3s,transform 0s .3s,border-radius 0s .3s,opacity .3s ease-out}.grid__highlight--color{opacity:1;border-radius:calc(.625 * var(--font-size));transform:translate(-50%,-50%) scale(1);transition:transform .3s cubic-bezier(.22,1,.36,1),border-radius .3s cubic-bezier(.33,1,.68,1)}.grid__item{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.2))}.grid__svg{position:absolute;top:0;left:0;width:100%;height:100%}.grid__svg--blur{filter:blur(16px)}.grid__line{fill:none;stroke-width:.2;stroke-linejoin:round;stroke-linecap:round}.grid__cursor{will-change:transform;position:absolute;top:0;left:0;box-sizing:border-box;padding:2px;opacity:0;transition:transform .1s ease-out}.grid__cursor:before{content:"";display:block;height:100%;border-radius:calc(.625 * var(--font-size));outline:solid red;outline-offset:0}.outro{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none;position:absolute;top:0;overflow:clip;box-sizing:border-box;width:100%;height:100%;padding:3rem;background:transparent;border:0;transition:backdrop-filter 2s cubic-bezier(.22,1,.36,1),visibility 0s 2s}.outro:enabled{cursor:pointer}.outro:disabled{pointer-events:none}.outro--show{visibility:visible;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:backdrop-filter 2s cubic-bezier(.22,1,.36,1)}.outro--show>.outro__background{opacity:.9}.outro--show>.outro__background>.outro__star{opacity:1}.outro--show>.outro__border{opacity:1}.outro--show>.outro__text{transform:translate(-50%,-50%) rotate(-10deg)}.outro__background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--outro-color-1);opacity:0;transition:opacity 2s cubic-bezier(.22,1,.36,1)}.outro__star{--color-1: var(--outro-color-1);--color-2: var(--outro-color-2);opacity:0;transition:opacity 2s cubic-bezier(.22,1,.36,1)}.outro__border{position:absolute;top:0;left:0;opacity:0;transition:opacity 2s cubic-bezier(.22,1,.36,1)}.outro__text{position:fixed;top:50%;left:50%;width:100%;color:var(--outro-text-color);font-size:8.75rem;font-weight:900;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%) scale(.001);transition:transform .5s ease-out}.garden-feedback__message{display:block;position:absolute;top:50%;left:50%;width:100%;color:var(--outro-text-color);font-size:calc(10 * var(--font-size));font-weight:900;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%) scale(.001);opacity:0;transition:transform .3s .2s cubic-bezier(.33,1,.68,1),opacity .2s .2s cubic-bezier(.33,1,.68,1)}.garden-feedback__item{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.5);transition:transform .3s cubic-bezier(.22,1,.36,1)}.garden-feedback__item--0{transition-delay:.35s}.garden-feedback__item--1{transition-delay:.5s}.garden-feedback__item--2{transition-delay:.65s}.garden-feedback__item--3{transition-delay:.8s}.garden-feedback__item--4{transition-delay:.95s}.garden-feedback__image{display:block;position:absolute;transform:translate(-50%,-50%) scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s cubic-bezier(.33,1,.68,1);transition-delay:inherit;object-fit:contain}.garden-feedback__image--3-0{top:30%;left:35%}.garden-feedback__image--3-1{top:72%;left:45%}.garden-feedback__image--3-2{top:55%;left:70%}.garden-feedback__image--4-0{top:20%;left:40%}.garden-feedback__image--4-1{top:75%;left:55%}.garden-feedback__image--4-2{top:60%;left:20%}.garden-feedback__image--4-3{top:45%;left:85%}.garden-feedback__image--5-0{top:20%;left:20%}.garden-feedback__image--5-1{top:75%;left:30%}.garden-feedback__image--5-2{top:30%;left:45%}.garden-feedback__image--5-3{top:70%;left:70%}.garden-feedback__image--5-4{top:40%;left:85%}.outro--show .garden-feedback__message{transform:translate(-50%,-50%) rotate(-10deg);opacity:1;transition:transform .3s .2s cubic-bezier(.34,1.56,.64,1),opacity .2s .2s cubic-bezier(.33,1,.68,1)}.outro--show .garden-feedback__item{transform:scale(1)}.outro--show .garden-feedback__image{transform:translate(-50%,-50%) scale(1)}.outro--hide .garden-feedback__item{transform:scale(1)}.outro--hide .garden-feedback__item--0{transition-delay:.1s}.outro--hide .garden-feedback__item--1{transition-delay:.2s}.outro--hide .garden-feedback__item--2{transition-delay:.3s}.outro--hide .garden-feedback__item--3{transition-delay:.4s}.outro--hide .garden-feedback__item--4{transition-delay:.5s}.outro--hide .garden-feedback__image{transition:transform .3s cubic-bezier(.36,0,.66,-.56),opacity .3s cubic-bezier(.32,0,.67,0);transition-delay:inherit}.outro--hide .garden-feedback__message{transition:transform .3s cubic-bezier(.36,0,.66,-.56),opacity .3s cubic-bezier(.32,0,.67,0)}.garden-enter-from{transform:translate3d(100vw,0,0)}.garden-leave-to{transform:translate3d(-100vw,0,0)}@keyframes plant-grow{0%{transform:scale(0)}}.garden{position:absolute;width:100%;height:100%;background:#3b2417;transition-duration:1.25s}.garden__intro{--intro-title-color: #ECC682;--intro-body-color: var(--white);--intro-masi-color: #8FBA69;--intro-card-color: #31747C;--overlay-color: #6A3F28}.garden__game{display:flex;position:absolute;box-sizing:border-box;width:100%;height:100%;flex:0 0 auto;margin:auto;transition:transform 1.1s cubic-bezier(.65,0,.35,1)}.garden__grid{flex:0 0 auto;margin:auto;--grid-cell-bg-color: #6A3F28}.garden__growth{animation:plant-grow .5s cubic-bezier(.34,1.56,.64,1) both}.garden__outro{--outro-text-color: #ECC682;--overlay-color: #6A3F28;--outro-color-1: #3B2417;--outro-color-2: color(from #BC977C srgb r g b / .2);--masi-border-color: #BC977C;z-index:200}.runner{display:flex;align-items:center;justify-content:flex-end}.runner--entering{animation:runner-enter .5s calc(.25s + var(--delay, 0s)) cubic-bezier(.33,1,.68,1) 1 backwards}@keyframes runner-enter{0%{transform:translate(26rem)}}.runner--error{animation:runner-error .25s linear 1 none}@keyframes runner-error{0%,40%,80%{transform:translate(-4px)}20%,60%{transform:translate(4px)}to{transform:none}}.runner__button{pointer-events:auto;flex:0 0 auto;width:clamp(3rem,10vmin,6rem);height:clamp(3rem,10vmin,6rem);padding:0;margin:0;border:0;border-radius:4rem;background:#ff8957}.runner__img{display:block;width:clamp(3rem,10vmin,6rem);height:clamp(3rem,10vmin,6rem);border-radius:50%}.runner__content-wrap{flex:0 1 auto;margin-inline-end:calc(clamp(3rem,10vmin,6rem) * -2 / 3);border-radius:calc(.625 * var(--font-size));overflow:hidden;max-width:min(100%,26rem)}.runner__content{pointer-events:auto;display:flex;align-items:center;gap:1.25rem;box-sizing:border-box;max-width:min(100%,26rem);min-height:fit-content;height:calc(clamp(3rem,10vmin,6rem) - .5rem);padding-inline:0 clamp(3rem,10vmin,6rem);border-radius:calc(.625 * var(--font-size));background:var(--bg-purple-light);overflow:hidden;transition:transform,background-color;transition-duration:.35s;transition-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(100%)}.runner__content--show{transform:none}.runner__content--error{background-color:#af2424}.runner__masi{flex:0 0 auto;align-self:stretch;width:calc(1 * var(--font-size));height:auto;color:var(--bg-purple-dark);margin-inline-start:.5rem}.runner__text{padding-block:1rem;margin:0;color:var(--white);font-size:.875rem;font-weight:500;text-wrap:balance;text-wrap:pretty}.runner__objective{flex:0 0 auto;width:3rem;height:3rem;margin-inline:-.5rem;fill:var(--orange);stroke:var(--bg-purple-dark);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill}.connect{position:relative}.connect__svg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.connect__svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:none}.connect__path-mask{stroke:#fff;stroke-width:var(--connect-trace-width, var(--connect-path-width, calc(.5 * var(--font-size))));stroke-dasharray:calc((var(--path-length, 100) - var(--connect-stroke-gap, 32) * 2) * 1px) calc((var(--path-length, 100) + var(--connect-stroke-gap, 32) * 2) * 1px);stroke-dashoffset:calc(var(--connect-stroke-gap, 32) * -1px);stroke-linecap:round;pointer-events:none}.connect__path{stroke:var(--connect-path-color, #000);stroke-width:var(--connect-path-width, calc(.5 * var(--font-size)));stroke-linecap:round}.connect__path--dash{--factor: round(down, calc(var(--path-length, 100) / (var(--connect-dash-total, 30))), 1);stroke-dasharray:calc(calc(var(--path-length, 100) / (var(--factor, 1) + .5) * 1px) * 1 / 2) calc(calc(var(--path-length, 100) / (var(--factor, 1) + .5) * 1px) * 1 / 2)}.connect__path--visited{stroke:var(--connect-trace-color, #FFF);stroke-width:var(--connect-trace-width, var(--connect-path-width, calc(.5 * var(--font-size))))}.connect__trace{stroke:var(--connect-trace-color, #FFF);stroke-width:var(--connect-trace-width, var(--connect-path-width, calc(.5 * var(--font-size))));stroke-dasharray:10000;stroke-dashoffset:0;stroke-linecap:round}.connect__node{position:absolute;width:calc(4 * var(--font-size));height:calc(4 * var(--font-size));transform:translate(-50%,-50%)}.connect__node-svg{display:block;width:100%;height:100%;fill:var(--connect-node-color, #333);stroke:var(--connect-path-color, #000);stroke-width:calc(var(--connect-path-width, calc(.5 * var(--font-size))) * 1.5);stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill}.connect__node-svg--visited{fill:var(--connect-trace-color, #FFF)}.connect__node-start,.connect__node-end{position:absolute;height:auto;fill:var(--connect-trace-color, #FFF);stroke:var(--connect-path-color, #000);stroke-width:calc(var(--connect-path-width, calc(.5 * var(--font-size))) * 1.25);stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill;animation:connect-node-start-in .25s cubic-bezier(.33,1,.68,1) 1 both}@keyframes connect-node-start-in{0%{transform:scale(0)}}.connect__node-start{bottom:calc(.75 * var(--font-size));left:calc(-.5 * var(--font-size));width:calc(5 * var(--font-size));transform-origin:center bottom;animation-delay:.3s}.connect__node-end{bottom:calc(1.5 * var(--font-size));left:calc(1.25 * var(--font-size));width:calc(5 * var(--font-size));transform-origin:10% bottom;animation-delay:.7s}.run-enter-from{transform:translate3d(100vw,0,0)}.run-leave-to{transform:translate3d(-100vw,0,0)}.run{position:absolute;width:100%;height:100%;background:#3b86b5}.run__wrap{width:100%;height:100%;padding:6vmin 6vmin calc(10vmin + 8 * var(--font-size));box-sizing:border-box}.run__runners{list-style-type:none;display:grid;grid-template-columns:1fr;grid-auto-columns:1fr;gap:calc(1.5 * var(--font-size));position:absolute;top:0;left:0;z-index:2;box-sizing:border-box;width:100%;padding:calc(3 * var(--font-size));margin:0;pointer-events:none}.run__map{display:flex;position:relative;width:100%;height:100%;width:calc(100% + 8rem);height:calc(100% + 8rem);margin-inline-start:-4rem;margin-block-start:-4rem}.run__map-wrap{position:relative;margin:auto}.run__route{width:100%;height:100%;--connect-path-color: var(--bg-purple-light);--connect-trace-color: var(--orange);--connect-node-color: var(--bg-purple-dark);--connect-path-width: calc(.4 * var(--font-size));--connect-trace-width: calc(.7 * var(--font-size))}.run__route .connect__node-svg--visited{animation:run-connect-node-visited .5s cubic-bezier(.65,0,.35,1) 1 both}@keyframes run-connect-node-visited{0%{transform:scale(1)}20%{transform:scale(1.4)}40%{transform:scale(.9)}50%{transform:scale(1)}60%{transform:scale(1.05)}70%{transform:scale(.95)}80%{transform:scale(1)}90%{transform:scale(.98)}to{transform:scale(1)}}.run__img{position:absolute;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.run__button-icon{font-size:1.75rem;height:1em;width:auto;margin-inline:.85rem}.run__bottom{position:absolute;left:0;bottom:0;display:flex;gap:1.25rem;box-sizing:border-box;width:100%;padding:4vmin}.run__guide{flex:1 1 auto}.run__button-container{flex:1 0 auto;display:flex;justify-content:flex-end;gap:1.25rem;margin:auto 0 auto 1.25rem}.run__button{pointer-events:auto}.run__arrow{width:calc(2.5625 * var(--font-size));height:auto}.run__intro{--intro-title-color: #8A215F;--intro-body-color: #45274C;--intro-masi-color: #8A215F;--intro-card-color: #ECC682;--overlay-color: $water-color}.run__outro{z-index:2;--outro-text-color: #45274C;--overlay-color: #6A3F28;--outro-color-1: $water-color;--outro-color-2: #31747C;--masi-border-color: #31747C}.run__outro-map-wrap{position:fixed;left:6vmin;right:6vmin;top:6vmin;bottom:calc(10vmin + 8 * var(--font-size));transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.run__outro-map{width:calc(100% + 8rem);height:calc(100% + 8rem);margin-inline-start:-4rem;margin-block-start:-4rem;object-fit:contain}.run__message{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;position:fixed;top:45%;left:50%;width:100%;padding-inline:6vmin;box-sizing:border-box;color:var(--outro-text-color);font-size:calc(8.75 * var(--font-size));font-weight:900;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%) scale(.001);opacity:0;transition:transform .3s .2s cubic-bezier(.34,1.56,.64,1),opacity .2s .2s cubic-bezier(.33,1,.68,1)}.run__left{transform:rotate(-6deg)}.run__right{transform:rotate(6deg)}.outro--show>.run__message{transform:translate(-50%,-50%);opacity:1}.outro--show>.run__outro-map-wrap{transform:scale(1.1)}.cooking-feedback__message{display:block;position:absolute;top:50%;left:50%;width:100%;color:var(--outro-text-color);font-size:calc(10 * var(--font-size));font-weight:900;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%) scale(.001);opacity:0;transition:transform .3s .2s cubic-bezier(.33,1,.68,1),opacity .2s .2s cubic-bezier(.33,1,.68,1)}.cooking-feedback__item{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.5);transition:transform .3s cubic-bezier(.22,1,.36,1)}.cooking-feedback__item--0{transition-delay:.35s}.cooking-feedback__item--1{transition-delay:.5s}.cooking-feedback__item--2{transition-delay:.65s}.cooking-feedback__group{position:absolute;transition-delay:inherit}.cooking-feedback__group--good{width:40vmin;height:40vmin;margin:-20vmin}.cooking-feedback__group--bad{width:30vmin;height:30vmin;margin:-15vmin}.cooking-feedback__group--0{top:calc(10vmin + (100% - 20vmin)/4);left:calc(10vmin + (100% - 20vmin)*.15)}.cooking-feedback__group--1{top:calc(10vmin + (100% - 20vmin)*.8);left:calc(10vmin + (100% - 20vmin)*.65)}.cooking-feedback__group--2{top:calc(10vmin + (100% - 20vmin)*.1);left:calc(10vmin + (100% - 20vmin)*.8)}.cooking-feedback__meal{display:block;width:100%;height:100%;object-fit:contain;transform:scale(0);will-change:transform}.cooking-feedback__mark{display:block;position:absolute;top:50%;left:50%;width:50%;height:50%;object-fit:contain;transform:scale(0);will-change:transform}.outro--show .cooking-feedback__message{transform:translate(-50%,-50%) rotate(-15deg);opacity:1;transition:transform .3s .2s cubic-bezier(.34,1.56,.64,1),opacity .2s .2s cubic-bezier(.33,1,.68,1)}.outro--show .cooking-feedback__item{transform:scale(1)}.outro--show .cooking-feedback__meal{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s cubic-bezier(.33,1,.68,1);transition-delay:inherit;transform:scale(1)}.outro--show .cooking-feedback__mark{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s cubic-bezier(.33,1,.68,1);transform:scale(1)}.outro--show .cooking-feedback__mark--0{transition-delay:.65s}.outro--show .cooking-feedback__mark--1{transition-delay:.8s}.outro--show .cooking-feedback__mark--2{transition-delay:.95s}.outro--hide .cooking-feedback__message{transition:transform .3s cubic-bezier(.36,0,.66,-.56),opacity .3s cubic-bezier(.32,0,.67,0)}.outro--hide .cooking-feedback__item{transform:scale(1)}.outro--hide .cooking-feedback__item--0{transition-delay:.1s}.outro--hide .cooking-feedback__item--1{transition-delay:.2s}.outro--hide .cooking-feedback__item--2{transition-delay:.3s}.outro--hide .cooking-feedback__meal,.outro--hide .cooking-feedback__mark{transition:transform .3s cubic-bezier(.36,0,.66,-.56),opacity .3s cubic-bezier(.32,0,.67,0);transition-delay:inherit;transform:scale(0)}:root{--cooking-bg-color: #31747c}@keyframes cooking-star{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes cooking-outline-in{0%{opacity:0}to{opacity:1}}.cooking{--masi-border-color: #3A5F57;position:absolute;width:100%;height:100%;background:var(--cooking-bg-color);transition-duration:.5s}.cooking__level{position:absolute;width:100%;height:100%;overflow:clip}.cooking__outline{position:absolute;top:50%;left:50%;height:auto;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;touch-action:none}.cooking__meal{position:absolute;top:50%;left:50%;width:100%;height:auto;-webkit-user-select:none;user-select:none;touch-action:none}.cooking__intro{--intro-title-color: #ECC682;--intro-body-color: var(--white);--intro-card-color: #45274C;--intro-masi-color: var(--orange);--overlay-color: #31747C}.cooking__outro{--outro-text-color: #ECC682;--overlay-color: #31747C;--outro-color-1: #3A5F57;--outro-color-2: color(from #31747C srgb r g b / .2);--masi-border-color: #3A5F57;z-index:200}.cooking__star{--color-2: #8FBA69;--color-1: #FFF;background:radial-gradient(closest-side,#8FBA69,transparent);animation:cooking-star 2s cubic-bezier(.83,0,.17,1) both}@keyframes cooking-level-move-in{0%{transform:translate(100vw) rotate(2deg)}}@keyframes cooking-level-out-1{to{transform:translate(-100%,-10%) rotate(-20deg)}}@keyframes cooking-level-out-2{to{transform:translate(-100%,20%) rotate(-30deg)}}@keyframes cooking-level-fade-in{0%{opacity:0}}.cooking-enter-active{animation:cooking-level-fade-in .5s 1s cubic-bezier(.76,0,.24,1) both}.cooking-leave-active{transition-duration:2s;animation:cooking-level-out-1 1s cubic-bezier(.32,0,.67,0) both}.up-enter-active .puzzle{opacity:0}.beach-right{object-fit:contain}.beach-wrong__bin{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.beach-wrong__junk{position:absolute;top:30%;left:30%;width:40%;height:40%;object-fit:contain}.beach-feedback__message{display:block;position:absolute;top:50%;left:50%;width:100%;color:var(--outro-text-color);font-size:calc(10 * var(--font-size));font-weight:900;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%) scale(.001);opacity:0;transition:transform .3s .2s cubic-bezier(.33,1,.68,1),opacity .2s .2s cubic-bezier(.33,1,.68,1)}.beach-feedback__item{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.5);transition:transform .3s cubic-bezier(.22,1,.36,1)}.beach-feedback__item--0{transition-delay:.35s}.beach-feedback__item--1{transition-delay:.5s}.beach-feedback__item--2{transition-delay:.65s}.beach-feedback__item--3{transition-delay:.8s}.beach-feedback__item--4{transition-delay:.95s}.beach-feedback__image{display:block;position:absolute;transform:translate(-50%,-50%) scale(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s cubic-bezier(.33,1,.68,1);transition-delay:inherit;width:40vmin;height:40vmin}.beach-feedback__image--3-0{top:25%;left:30%}.beach-feedback__image--3-1{top:80%;left:45%}.beach-feedback__image--3-2{top:55%;left:80%}.beach-feedback__image--4-0{top:20%;left:20%}.beach-feedback__image--4-1{top:75%;left:40%}.beach-feedback__image--4-2{top:20%;left:60%}.beach-feedback__image--4-3{top:70%;left:85%}.beach-feedback__image--5-0{top:20%;left:20%}.beach-feedback__image--5-1{top:75%;left:30%}.beach-feedback__image--5-2{top:30%;left:45%}.beach-feedback__image--5-3{top:70%;left:70%}.beach-feedback__image--5-4{top:40%;left:85%}.outro--show .beach-feedback__message{transform:translate(-50%,-50%) rotate(-15deg);opacity:1;transition:transform .3s .2s cubic-bezier(.34,1.56,.64,1),opacity .2s .2s cubic-bezier(.33,1,.68,1)}.outro--show .beach-feedback__item{transform:scale(1)}.outro--show .beach-feedback__image{transform:translate(-50%,-50%) scale(1) rotate(var(--rot))}.outro--hide .beach-feedback__item{transform:scale(1)}.outro--hide .beach-feedback__item--0{transition-delay:.1s}.outro--hide .beach-feedback__item--1{transition-delay:.2s}.outro--hide .beach-feedback__item--2{transition-delay:.3s}.outro--hide .beach-feedback__item--3{transition-delay:.4s}.outro--hide .beach-feedback__item--4{transition-delay:.5s}.outro--hide .beach-feedback__image{transition:transform .3s cubic-bezier(.36,0,.66,-.56),opacity .3s cubic-bezier(.32,0,.67,0);transition-delay:inherit}.outro--hide .beach-feedback__message{transition:transform .3s cubic-bezier(.36,0,.66,-.56),opacity .3s cubic-bezier(.32,0,.67,0)}.beach-legend{display:flex;justify-content:stretch;align-items:flex-start;background:var(--bg-purple-light);position:absolute;top:calc(3 * var(--font-size));right:calc(3 * var(--font-size));width:fit-content;height:fit-content;border-radius:calc(.625 * var(--font-size));overflow:hidden;transform:translate(calc(100% + 3 * var(--font-size)));visibility:hidden;transition:transform,visibility;transition-timing-function:cubic-bezier(.65,0,.35,1);transition-duration:.5s,0s;transition-delay:0s,.5s}.beach-legend--show{transform:none;visibility:visible;transition-delay:0s}.beach-legend__content{margin:0;color:var(--white);font-weight:500}.beach-legend__figure{display:flex;align-items:center;gap:.5rem;margin:0 .5rem;padding:0;overflow:hidden}.beach-legend__image{width:calc(4 * var(--font-size));height:calc(4 * var(--font-size));margin-inline-start:calc(.5 * var(--font-size));object-fit:contain}.beach-legend__caption{margin-inline-end:calc(2 * var(--font-size))}.beach-legend__masi{width:calc(1 * var(--font-size));height:auto;margin-block:calc(-.5 * var(--font-size));color:var(--bg-purple-dark)}.beach-legend__masi--end{margin-inline-start:auto}:root{--beach-bg-color: #ECC682;--beach-cell-color: #D9B575}.beach-enter-active,.beach-leave-active{transition:transform 1.1s cubic-bezier(.65,0,.35,1)}.beach-enter-from{transform:translate3d(100vw,0,0)}.beach-leave-to{transform:translate3d(-100vw,0,0)}.beach{position:absolute;width:100%;height:100%;background:var(--beach-bg-color);transition-duration:1.25s}.beach__grid{flex:0 0 auto;margin:auto;--grid-cell-bg-color: var(--beach-cell-color)}.beach__intro{--intro-title-color: #9C4466;--intro-body-color: var(--white);--intro-masi-color: #8A215F;--intro-card-color: #3A5F57;--overlay-color: var(--beach-bg-color)}.beach__outro{z-index:2;--outro-text-color: #8A215F;--overlay-color: var(--beach-bg-color);--outro-color-1: #E9C686;--outro-color-2: color(from #BC977C srgb r g b / .2);--masi-border-color: #BC977C;z-index:200}.beach__outro-img{position:absolute;top:50%;left:50%;width:30vmin;height:30vmin;margin:-15vmin}@keyframes stars-lines-in{0%{opacity:0}to{opacity:1}}@keyframes stars-glow-in{0%{filter:drop-shadow(0 0 15px rgba(255,255,255,0))}to{filter:drop-shadow(0 0 15px rgb(255,255,255))}}@keyframes stars-star-in{0%{transform:translate(-50%,-50%) scale(.5);filter:drop-shadow(0 0 5px rgba(255,255,255,0))}to{transform:translate(-50%,-50%);filter:drop-shadow(0 0 5px rgb(255,255,255))}}.stars{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%}.stars__pan{position:absolute;top:0;left:0;width:400%;min-height:400%;transform-origin:top left;transform:translateZ(0);transition:transform 2s cubic-bezier(.65,0,.35,1);will-change:transform}.stars__pan--0{transform:translateZ(0)}.stars__pan--1{transform:translate3d(calc(-1*(25% + 6vmin)),-10%,0)}.stars__pan--2{transform:translate3d(-15%,calc(-1 * (35% - (10vmin + 8 * var(--font-size)))),0)}.stars__pan--3{transform:translate3d(-50%,-20%,0)}.stars__pan--4{transform:translate3d(-75%,0,0)}.stars__pan--done{transform:translateZ(0) scale(.25)}.stars__bg{position:absolute;top:0;left:0;width:100%;height:100%;will-change:background-image;contain:strict}.stars__bg-star{position:absolute;top:0;left:0;border-radius:100%;background:#ffffff80;opacity:0;transform:translate(-50%,-50%);transition:opacity 2s cubic-bezier(.65,0,.35,1)}.stars__bg-star--show{opacity:1}.stars__front{display:block;width:100%;height:auto;position:absolute;bottom:0;pointer-events:none}.stars__level{display:flex;position:absolute;box-sizing:border-box;width:25%;height:25%;padding:6vmin 6vmin calc(10vmin + 8 * var(--font-size))}.stars__level .connect__node{transform:translate(-50%,-50%) scale(.5);filter:drop-shadow(0 0 5px rgba(255,255,255,0));transition:transform 2s cubic-bezier(.76,0,.24,1),filter 2s cubic-bezier(.76,0,.24,1)}.stars__level .connect__svg-wrap{opacity:0}.stars__level--show .connect__svg-wrap{animation:stars-lines-in 2s cubic-bezier(.65,0,.35,1) both}.stars__level--show .connect__node{transform:translate(-50%,-50%);filter:drop-shadow(0 0 5px rgb(255,255,255))}.stars__level--show .connect__node:nth-of-type(1){transition-delay:0s}.stars__level--show .connect__node:nth-of-type(2){transition-delay:.15s}.stars__level--show .connect__node:nth-of-type(3){transition-delay:.3s}.stars__level--show .connect__node:nth-of-type(4){transition-delay:.45s}.stars__level--show .connect__node:nth-of-type(5){transition-delay:.6s}.stars__level--show .connect__node:nth-of-type(6){transition-delay:.75s}.stars__level--show .connect__node:nth-of-type(7){transition-delay:.9s}.stars__level--show .connect__node:nth-of-type(8){transition-delay:1.05s}.stars__level--show .connect__node:nth-of-type(9){transition-delay:1.2s}.stars__level--show .connect__node:nth-of-type(10){transition-delay:1.35s}.stars__level--done{animation:stars-glow-in 2s cubic-bezier(.65,0,.35,1) both}.stars__level--0{left:0;top:0}.stars__level--0 .connect__svg-wrap{animation-delay:1.9s}.stars__level--1{left:calc(25% + 6vmin);top:10%}.stars__level--1 .connect__svg-wrap{animation-delay:1.6s}.stars__level--2{left:15%;top:calc(35% - (10vmin + 8 * var(--font-size)))}.stars__level--2 .connect__svg-wrap{animation-delay:2.2s}.stars__level--3{left:50%;top:20%}.stars__level--3 .connect__svg-wrap{animation-delay:2.05s}.stars__level--4{left:75%;top:0}.stars__level--4 .connect__svg-wrap{animation-delay:1.75s}.stars__connect{width:min(100vw - 12vmin,100vh - 6vmin - (10vmin + 8 * var(--font-size)));height:min(100vw - 12vmin,100vh - 6vmin - (10vmin + 8 * var(--font-size)));margin:auto;--connect-path-color: rgba(255, 255, 255, .5);--connect-trace-color: #FFF;--connect-node-color: #FFF;--connect-path-width: calc(.2 * var(--font-size));--connect-trace-width: calc(.5 * var(--font-size));--connect-stroke-gap: 24;--connect-dash-total: 20}.stars__connect .connect__node-svg{--connect-path-color: #FFF}.stars__intro{--intro-title-color: #ECC682;--intro-body-color: #FFFFFF;--intro-masi-color: #8A215F;--intro-card-color: #31747C;--overlay-color: #451B7D}.stars__button{position:absolute;bottom:calc(3 * var(--font-size));right:calc(2 * var(--font-size))}:root{--white: #FFF;--black: #000;--orange: #FF8957;--purple: #451B7D;--bg-purple-dark: #45274C;--bg-purple-light: #8A215F}@keyframes backdrop-in{0%{background:color(from var(--overlay-color) srgb r g b/0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{background:color(from var(--overlay-color) srgb r g b/.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes backdrop-out{0%{background:color(from var(--overlay-color) srgb r g b/.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{background:color(from var(--overlay-color) srgb r g b/0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes game-root-in{0%{transform:translateY(115vh) rotate(-2deg)}}@keyframes game-root-out{to{transform:translateY(115vh) rotate(-2deg)}}.game-screen{position:absolute;z-index:3;border:solid 15vh transparent;margin:-15vh;transform-origin:top right}.game-screen.up-enter-active{animation:game-root-in 1s 0s cubic-bezier(.83,0,.17,1) both}.game-screen.down-leave-active{animation:game-root-out 1s .25s cubic-bezier(.83,0,.17,1) both}@font-face{src:url(/Rubik.woff2);font-family:Rubik;font-style:normal;font-weight:500 900;font-display:swap}html{overflow:hidden;overscroll-behavior:none;width:100%;height:100%;touch-action:none}body{width:100%;height:100%;margin:0;font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}#app{position:fixed;overflow:clip;width:100%;height:100%;perspective:50vmax}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform;-webkit-user-select:none;user-select:none}.button:enabled{cursor:pointer}.button:disabled{pointer-events:none}.button:focus-visible{outline:solid .2rem var(--orange);outline-offset:.2rem}.button-1{background:var(--orange);padding:calc(2.40625 * var(--font-size));border:0;border-radius:calc(.625 * var(--font-size));font-family:inherit;font-size:calc(1.5 * var(--font-size));font-weight:600;line-height:1;color:var(--purple);transition:background-color .3s ease-out}.button-1:focus-visible{outline:solid .2rem var(--orange);outline-offset:.2rem}.button-guide{height:calc(8 * var(--font-size));padding:calc(2 * var(--font-size));border:solid calc(.5 * var(--font-size)) var(--bg-purple-light);border-radius:calc(.625 * var(--font-size));box-sizing:border-box;background:var(--orange);font-family:inherit;font-size:calc(1.5 * var(--font-size));color:var(--bg-purple-dark);cursor:pointer}.svg{display:block}.arrow{fill:none}.arrow__line{stroke:var(--purple);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.offscreen{position:fixed;left:100%}.portrait{position:relative;overflow:hidden;overflow:clip;aspect-ratio:1;background:var(--orange);clip-path:url(#PortraitClip)}.portrait__img{position:absolute;left:0;top:0;width:100%;height:100%}#Text{position:fixed;visibility:hidden;width:1rem}