.scene[data-v-d16d32bb]{top:0;right:0;bottom:0;left:0;position:absolute}.tally[data-v-d16d32bb]{animation:pop-d16d32bb .35s cubic-bezier(.22,1,.36,1) .2s both;background:var(--text);border-radius:999px;color:var(--bg);font-size:clamp(.6rem,1.5vh,1rem);font-weight:800;padding:calc(.4vh + .3em) 1.3vh;top:1.6vh;white-space:nowrap;z-index:3}.book[data-v-d16d32bb],.tally[data-v-d16d32bb]{left:50%;position:absolute;translate:-50% 0}.book[data-v-d16d32bb]{align-items:center;display:flex;gap:1vh;opacity:0;top:5.5vh}.book-art[data-v-d16d32bb]{height:10vh;width:10vh}.book-label[data-v-d16d32bb]{background:var(--text);border-radius:999px;color:var(--bg);font-family:var(--font-code);font-size:clamp(.6rem,1.6vh,1.05rem);font-weight:800;padding:calc(.35vh + .3em) 1.1vh;white-space:nowrap}.column[data-v-d16d32bb]{align-items:center;display:flex;flex-direction:column;left:calc(17% + var(--k)*33%);position:absolute;top:17vh;translate:-50% 0;width:30%}.animal[data-v-d16d32bb]{height:10vh;width:10vh}.animal-name[data-v-d16d32bb]{border:2px solid var(--text);border-radius:999px;color:var(--text);font-size:clamp(.55rem,1.4vh,.95rem);font-weight:800;margin-top:.4vh;padding:calc(.25vh + .3em) .9vh}.animal-name[data-v-d16d32bb],.copy[data-v-d16d32bb]{background:var(--bg)}.copy[data-v-d16d32bb]{border:2px solid var(--coral);border-radius:1.2vh;display:flex;flex-direction:column;gap:1vh;margin-top:2vh;padding:1.4vh 1.2vh;position:relative;width:86%}.copy-line[data-v-d16d32bb]{display:flex;gap:.6vh}.copy-line i[data-v-d16d32bb]{background:color-mix(in srgb,var(--coral) 55%,var(--bg));border-radius:999px;height:1.1vh}.copy-line i[data-v-d16d32bb]:first-child{width:30%}.copy-line i[data-v-d16d32bb]:nth-child(2){width:45%}.copy-line i[data-v-d16d32bb]:nth-child(3){width:20%}.copy-mark[data-v-d16d32bb]{background:var(--mint);border-radius:999px;color:#fff;font-size:clamp(.5rem,1.3vh,.9rem);font-weight:800;opacity:0;padding:calc(.25vh + .3em) .8vh;position:absolute;right:-1vh;top:-1.6vh;white-space:nowrap}.copy.is-forgotten .copy-mark[data-v-d16d32bb]{background:var(--coral)}.call[data-v-d16d32bb]{background:var(--bg);border:2px solid var(--sky);border-radius:1vh;color:var(--text);font-family:var(--font-code);font-size:clamp(.5rem,1.3vh,.9rem);font-weight:700;left:50%;margin-top:2vh;max-width:100%;opacity:0;padding:calc(.35vh + .3em) .9vh;position:absolute;text-align:center;top:15vh;translate:-50% 0;white-space:normal;width:-moz-max-content;width:max-content}.call b[data-v-d16d32bb]{color:var(--coral)}.ball[data-v-d16d32bb]{height:3.4vh;opacity:0;position:absolute;top:16vh;width:3.4vh}.ball-art[data-v-d16d32bb]{height:100%;width:100%}.stage-1 .copy[data-v-d16d32bb]{animation:copy-in-d16d32bb .5s cubic-bezier(.22,1,.36,1) calc(.4s + var(--k)*.6s) both}.stage-2 .copy:not(.is-forgotten) .copy-line:last-child i[data-v-d16d32bb]{animation:rewrite-d16d32bb .5s ease calc(.5s + var(--k)*.7s) both}.stage-2 .copy-mark[data-v-d16d32bb]{animation:pop-d16d32bb .3s cubic-bezier(.22,1,.36,1) calc(.9s + var(--k)*.7s) both}.stage-2 .copy.is-forgotten[data-v-d16d32bb]{animation:shake-d16d32bb .45s ease 2.5s both}.stage-3 .copy:not(.is-forgotten) .copy-line:last-child i[data-v-d16d32bb]{background:color-mix(in srgb,var(--mint) 65%,var(--bg))}.stage-3 .copy-mark[data-v-d16d32bb]{animation:vanish-d16d32bb .2s ease both;opacity:1}.stage-3 .book[data-v-d16d32bb]{animation:pop-d16d32bb .4s cubic-bezier(.34,1.56,.64,1) .2s both}.stage-3 .copy[data-v-d16d32bb]{animation:into-book-d16d32bb .6s cubic-bezier(.55,0,.45,1) calc(.6s + var(--k)*.2s) both}.stage-3 .call[data-v-d16d32bb]{animation:rise-d16d32bb .4s cubic-bezier(.22,1,.36,1) calc(1.5s + var(--k)*.25s) both}.stage-4 .book[data-v-d16d32bb]{opacity:1}.stage-4 .copy[data-v-d16d32bb]{opacity:0}.stage-4 .call[data-v-d16d32bb]{animation:glow-d16d32bb .8s ease var(--t) both;opacity:1}.stage-4 .ball[data-v-d16d32bb]{animation:to-book-d16d32bb .6s cubic-bezier(.45,0,.55,1) calc(var(--t) + .1s) both}.stage-4 .book-art[data-v-d16d32bb]{animation:bump-d16d32bb .35s ease 1.5s both,bump-d16d32bb .35s ease 2.7s both,bump-d16d32bb .35s ease 3.9s both}@keyframes vanish-d16d32bb{0%{opacity:1}to{opacity:0}}@keyframes pop-d16d32bb{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rise-d16d32bb{0%{opacity:0;transform:translateY(1.4vh)}to{opacity:1;transform:none}}@keyframes copy-in-d16d32bb{0%{opacity:0;transform:translate(-6vh) scale(.85)}to{opacity:1;transform:none}}@keyframes rewrite-d16d32bb{0%{background:color-mix(in srgb,var(--coral) 55%,var(--bg))}40%{background:var(--sun)}to{background:color-mix(in srgb,var(--mint) 65%,var(--bg))}}@keyframes shake-d16d32bb{0%,to{transform:none}20%{transform:translate(-1vh)}40%{transform:translate(1vh)}60%{transform:translate(-.6vh)}80%{transform:translate(.6vh)}}@keyframes into-book-d16d32bb{0%{opacity:1;transform:none}to{opacity:0;transform:translate(calc((1 - var(--k))*16vw),-18vh) scale(.2)}}@keyframes glow-d16d32bb{0%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 .6vh color-mix(in srgb,var(--sky) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}@keyframes to-book-d16d32bb{0%{opacity:0;transform:none}15%{opacity:1}to{opacity:0;transform:translate(calc((1 - var(--k))*14vw),-12vh) scale(.6)}}@keyframes bump-d16d32bb{0%,to{transform:none}50%{transform:scale(1.15) rotate(-6deg)}}