.scene[data-v-0a00c0cf]{top:0;right:0;bottom:0;left:0;position:absolute;--x0:10%;--pitch:17%}.tally[data-v-0a00c0cf]{animation:pop-0a00c0cf .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}.banner[data-v-0a00c0cf],.tally[data-v-0a00c0cf]{left:50%;position:absolute;translate:-50% 0}.banner[data-v-0a00c0cf]{display:inline-grid;justify-items:center;top:6.5vh}.banner-face[data-v-0a00c0cf]{background:var(--bg);border:2px solid var(--lavender);border-radius:1.2vh;color:var(--text);font-family:var(--font-code);font-size:clamp(.85rem,2.6vh,1.8rem);font-weight:800;grid-area:1/1;padding:.9vh 1.8vh;white-space:nowrap}.banner.is-changing .banner-old[data-v-0a00c0cf]{animation:flip-out-0a00c0cf .3s ease-in .2s both}.banner.is-changing .banner-new[data-v-0a00c0cf]{animation:flip-in-0a00c0cf .4s cubic-bezier(.22,1,.36,1) .5s both}.ground[data-v-0a00c0cf]{background:var(--border);border-radius:999px;height:.8vh;left:3%;right:3%;top:43vh}.ground[data-v-0a00c0cf],.post[data-v-0a00c0cf]{position:absolute}.post[data-v-0a00c0cf]{align-items:center;display:flex;flex-direction:column;gap:.8vh;height:14.4vh;left:calc(var(--x0) + var(--i)*var(--pitch));top:29vh;translate:-50% 0;width:5vh}.post-label[data-v-0a00c0cf]{border-radius:999px;display:inline-grid;justify-items:center}.label-face[data-v-0a00c0cf]{background:var(--lavender);border-radius:999px;color:#fff;font-family:var(--font-code);font-size:clamp(.65rem,1.8vh,1.2rem);font-weight:800;grid-area:1/1;min-width:4vh;padding:calc(.4vh + .3em) .9vh;text-align:center}.post-wood[data-v-0a00c0cf]{background:var(--sun);border:2px solid var(--text);border-bottom:none;border-radius:.8vh .8vh 0 0;flex:1;width:2.2vh}.post.is-changing .label-old[data-v-0a00c0cf]{animation:flip-out-0a00c0cf .25s ease-in both;animation-delay:calc(.25s + var(--i)*.08s)}.post.is-changing .label-new[data-v-0a00c0cf]{animation:flip-in-0a00c0cf .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.45s + var(--i)*.08s)}.ghost[data-v-0a00c0cf]{align-items:center;display:flex;flex-direction:column;gap:.8vh;height:14.4vh;left:93%;opacity:0;position:absolute;top:29vh;translate:-50% 0;width:5vh}.ghost-label[data-v-0a00c0cf]{border:2px dashed var(--text-muted);border-radius:999px;color:var(--text-muted);font-family:var(--font-code);font-size:clamp(.65rem,1.8vh,1.2rem);font-weight:800;min-width:4vh;padding:calc(.4vh + .3em) .9vh;text-align:center}.ghost-wood[data-v-0a00c0cf]{border:2px dashed var(--text-muted);border-bottom:none;border-radius:.8vh .8vh 0 0;flex:1;width:2.2vh}.ghost-note[data-v-0a00c0cf]{background:var(--coral);border-radius:999px;color:#fff;font-size:clamp(.5rem,1.3vh,.9rem);font-weight:800;padding:calc(.3vh + .3em) .9vh;position:absolute;right:-1vh;top:-4.4vh;white-space:nowrap}.bar[data-v-0a00c0cf]{animation:grow-bar-0a00c0cf .45s cubic-bezier(.22,1,.36,1) var(--t) both;background:color-mix(in srgb,var(--mint) 75%,var(--bg));border:2px solid var(--text);border-radius:.8vh .8vh 0 0;bottom:calc(100% - 27vh);height:calc(var(--h)*14vh);left:calc(var(--x0) + var(--i)*var(--pitch));transform-origin:bottom center;width:7%}.bar[data-v-0a00c0cf],.bar-value[data-v-0a00c0cf]{position:absolute;translate:-50% 0}.bar-value[data-v-0a00c0cf]{animation:pop-0a00c0cf .3s cubic-bezier(.22,1,.36,1) calc(var(--t) + .3s) both;bottom:calc(100% + .5vh);color:var(--text);font-family:var(--font-code);font-size:clamp(.6rem,1.6vh,1.1rem);font-weight:800;left:50%}.walker[data-v-0a00c0cf]{height:8.5vh;left:calc(var(--x0) + var(--pitch)*4);position:absolute;top:34.6vh;translate:-50% 0;width:8.5vh;z-index:2}.hop[data-v-0a00c0cf],.walker-art[data-v-0a00c0cf]{height:100%;width:100%}.stage-1 .walker[data-v-0a00c0cf]{animation:appear-0a00c0cf .3s ease .2s both,hop5-0a00c0cf 3.2s linear var(--d) both}.stage-2 .walker[data-v-0a00c0cf],.stage-3 .walker[data-v-0a00c0cf],.stage-4 .walker[data-v-0a00c0cf]{animation:rehop5-0a00c0cf 4.2s linear both}.hop[data-v-0a00c0cf]{animation:arc-0a00c0cf .8s ease-in-out var(--d) 4}.post-label[data-v-0a00c0cf]{animation:ring-0a00c0cf .7s ease var(--t) both}.stage-2 .ghost[data-v-0a00c0cf]{animation:rise-0a00c0cf .4s cubic-bezier(.22,1,.36,1) .9s both}.stage-3 .ghost[data-v-0a00c0cf]{animation:vanish-0a00c0cf .3s ease both;opacity:1}@keyframes appear-0a00c0cf{0%{opacity:0}to{opacity:1}}@keyframes vanish-0a00c0cf{0%{opacity:1}to{opacity:0}}@keyframes pop-0a00c0cf{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rise-0a00c0cf{0%{opacity:0;transform:translateY(1.4vh)}to{opacity:1;transform:none}}@keyframes flip-out-0a00c0cf{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-1vh) rotateX(70deg)}}@keyframes flip-in-0a00c0cf{0%{opacity:0;transform:translateY(1vh) rotateX(-70deg)}to{opacity:1;transform:none}}@keyframes grow-bar-0a00c0cf{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ring-0a00c0cf{0%{box-shadow:0 0 0 0 transparent}35%{box-shadow:0 0 0 .6vh color-mix(in srgb,var(--lavender) 45%,transparent)}to{box-shadow:0 0 0 1.2vh transparent}}@keyframes arc-0a00c0cf{0%,50%{transform:translateY(0)}75%{transform:translateY(-6vh)}to{transform:translateY(0)}}@keyframes hop5-0a00c0cf{0%,12.5%{left:calc(var(--x0))}25%,37.5%{left:calc(var(--x0) + var(--pitch))}50%,62.5%{left:calc(var(--x0) + var(--pitch)*2)}75%,87.5%{left:calc(var(--x0) + var(--pitch)*3)}to{left:calc(var(--x0) + var(--pitch)*4)}}@keyframes rehop5-0a00c0cf{0%{left:calc(var(--x0) + var(--pitch)*4)}14.29%,33.33%{left:calc(var(--x0))}42.86%,52.38%{left:calc(var(--x0) + var(--pitch))}61.9%,71.43%{left:calc(var(--x0) + var(--pitch)*2)}80.95%,90.48%{left:calc(var(--x0) + var(--pitch)*3)}to{left:calc(var(--x0) + var(--pitch)*4)}}@media (orientation:portrait) and (max-width:760px){.shell[data-v-0a00c0cf] .output-label{font-size:clamp(.75rem,3vw,.85rem)}[data-v-0a00c0cf] .code-tabbar .ml-auto span{font-size:.72rem}.ghost-note[data-v-0a00c0cf]{font-size:clamp(.7rem,2.8vw,.8rem)}}
