.shizuku-lab{position:relative}.shizuku-mascot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:112px;height:168px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.shizuku-mascot:focus-visible{outline:3px solid #8052ff;outline-offset:6px;border-radius:12px}.shizuku-sprite{display:block;width:100%;height:100%;background-image:url("shizuku-animation.png");background-size:400% 400%;background-repeat:no-repeat;image-rendering:pixelated;clip-path:inset(4% 1%);background-position:2.34375% 2.690972222%;transition:none}
.shizuku-speech{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);margin:0;padding:9px 12px;background:#fff;border:1px solid #d9c9f2;border-radius:12px;width:max-content;max-width:100%;font-size:13px;font-weight:400;line-height:1.5;text-align:center;color:#6740b9}.shizuku-speech:before{content:'';position:absolute;top:-6px;left:calc(50% - 5px);width:10px;height:10px;background:white;border-top:1px solid #d9c9f2;border-left:1px solid #d9c9f2;transform:rotate(45deg)}.shizuku-lab canvas{opacity:.35}.shizuku-lab .constellation-label{top:0;bottom:auto;color:#6740b9;letter-spacing:.15em}
@media(max-width:600px){.shizuku-lab.constellation{height:220px;margin:12px 0 0}.shizuku-mascot{width:96px;height:144px;top:45%}.shizuku-speech{font-size:12px;padding:9px 12px}.shizuku-lab .constellation-label{font-size:9px}}

.result-shizuku{position:relative;display:flex;flex-direction:column;align-items:center;margin:12px auto 20px;padding-top:30px;isolation:isolate}.result-shizuku-jump{width:112px;height:168px;transform-origin:50% 100%;z-index:1}.result-shizuku-shadow{width:64px;height:10px;border-radius:50%;background:#b6a2d2;opacity:.28;margin-top:-10px}.result-shizuku p{font-size:16px;font-weight:600;color:#6740b9;margin:16px 0 0}.result-shizuku.is-jumping .result-shizuku-jump{animation:shizuku-victory-jump 1.1s infinite}.result-shizuku.is-jumping .result-shizuku-shadow{animation:shizuku-victory-shadow 1.1s infinite}@keyframes shizuku-victory-jump{0%,100%{transform:translateY(0) scale(1,1)}12%{transform:translateY(4px) scale(1.05,.94)}38%{transform:translateY(-28px) scale(.98,1.02)}52%{transform:translateY(-30px) scale(1)}76%{transform:translateY(0) scale(1.04,.95)}88%{transform:translateY(0) scale(1)}}@keyframes shizuku-victory-shadow{0%,100%{transform:scaleX(1);opacity:.28}45%{transform:scaleX(.65);opacity:.14}76%{transform:scaleX(1.08);opacity:.3}}.reduce-fx .result-shizuku-jump,.reduce-fx .result-shizuku-shadow{animation:none!important}@media(prefers-reduced-motion:reduce){.result-shizuku-jump,.result-shizuku-shadow{animation:none!important}}

.result-pet-party{display:flex;align-items:flex-end;justify-content:center;gap:8px;max-width:100%}.result-pet-jump{display:block;width:64px;height:128px;flex-shrink:0;transform-origin:50% 100%}.result-shizuku.is-jumping .result-shizuku-jump,.result-shizuku.is-jumping .result-pet-jump{animation:pet-pixel-hop .84s steps(1,end) infinite}@keyframes pet-pixel-hop{0%,100%{transform:translateY(0)}14%{transform:translateY(-8px)}28%{transform:translateY(-20px)}42%{transform:translateY(-32px)}57%{transform:translateY(-20px)}71%{transform:translateY(-8px)}85%{transform:translateY(0)}}.reduce-fx .result-pet-jump{animation:none!important}@media(prefers-reduced-motion:reduce){.result-pet-jump{animation:none!important}}@media(max-width:380px){.result-pet-party{gap:4px}.result-pet-jump{width:52px;height:104px}.result-pet-party .result-shizuku-jump{width:96px;height:144px}}

.result-pet-jump.pet-sora{width:112px;height:121.333px}.sora-sprite{display:block;width:100%;height:100%;background-image:url("sora-8bit.png");background-size:200% 200%;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated}.result-shizuku.is-jumping .pet-sora{animation-delay:-.42s}@media(max-width:380px){.result-pet-jump.pet-sora{width:96px;height:104px}}

.result-pet-jump.pet-sora{width:144px;height:144px}@media(max-width:380px){.result-pet-jump.pet-sora{width:112px;height:112px}}