.bugs{position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;background:var(--ground,#e3f2cf);position:absolute;inset:0;overflow:hidden}.scene{width:100%;height:100%;display:block;position:absolute;inset:0}.lens-shadow{fill:#3b335538;transition:transform .15s,opacity .15s;transform:translate(3px,6px)}.lens.is-lifted .lens-shadow{opacity:.7;transform:translate(6px,12px)}.lens-handle{fill:none;stroke:#c98b5a;stroke-linecap:round}.lens-glare{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;opacity:.6}.lens-rim{fill:none;stroke:#3b3355;stroke-width:12px}.lens-bg{fill:var(--ground,#e3f2cf)}.lens-ring{fill:none;stroke:#ffd43b;stroke-width:9px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:opacity .15s;transform:rotate(-90deg)}.card{left:50%;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;background:#fff;border-radius:24px;place-items:center;width:88px;height:88px;margin-left:-44px;display:grid;position:absolute;box-shadow:0 3px #3b33552e,0 6px 14px #3b335524}.card-bug svg{width:64px;height:64px;display:block}.card.is-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{scale:.6}60%{scale:1.15}to{scale:1}}.hanamaru{opacity:0;pointer-events:none;width:calc(100% + 28px);height:calc(100% + 28px);position:absolute;inset:-14px;scale:.4}.card.is-found .hanamaru{opacity:1;transition:opacity .2s,scale .45s cubic-bezier(.34,1.56,.64,1);scale:1}.lens.is-flash .lens-rim{animation:.7s ease-out rim-flash}.lens.is-flash .lens-ring{opacity:1;stroke-dashoffset:0}@keyframes rim-flash{0%{stroke:#3b3355;stroke-width:12px}25%{stroke:#fff3bf;stroke-width:20px}to{stroke:#3b3355;stroke-width:12px}}.react-flap .wing,.react-hop,.react-stretch{transform-box:view-box;transform-origin:0 0}.react-flap .wing{animation:.16s ease-in-out 8 alternate flap}.react-open .wing{transform-box:view-box;animation:.3s ease-in-out 3 wing-open}@keyframes wing-open{0%,to{transform:none}45%{transform:rotate(-16deg)}}@keyframes flap{to{transform:scaleX(.35)}}.react-hop{animation:.4s ease-out 3 hop}@keyframes hop{0%,to{transform:none}40%{transform:translateY(-12px)scale(1.15)}}.react-stretch{animation:.45s ease-in-out 2 alternate stretch}@keyframes stretch{to{transform:scale(.92,1.2)}}.scene{transition:opacity .3s}.stage.is-leaving .scene{opacity:0}.hint{left:var(--x);top:var(--y);opacity:0;pointer-events:none;width:0;height:0;transition:opacity .3s;position:absolute}.hint.is-visible{opacity:1}.hint-hand{filter:drop-shadow(0 3px 4px #3b335559);width:64px;height:80px;animation:1.6s ease-in-out infinite hint-drag;position:absolute;top:-4px;left:-30px;overflow:visible}.hint-hand path{fill:#fff;stroke:#3b3355;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}@keyframes hint-drag{0%,to{transform:translate(-50px)}50%{transform:translate(50px)}}@media (prefers-reduced-motion:reduce){.react-flap .wing,.react-open .wing,.react-hop,.react-stretch,.hint-hand{animation:none}.scene{transition:none}}.intro{z-index:20;touch-action:none;background:#fffcf4b8;place-items:center;display:none;position:absolute;inset:0}.intro.is-open{display:grid}.intro-bubble{background:radial-gradient(circle at 50% 40%,#fff 0 45%,#fff1d6 100%);border:8px solid #fff;border-radius:50%;place-items:center;width:200px;height:200px;display:grid;position:relative;box-shadow:0 0 0 6px #ffd8a8,0 10px 24px #3b33552e}.intro-bubble.is-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) pop}.intro-bug{width:150px;height:150px;animation:2.4s ease-in-out infinite intro-sway}.intro-bug svg{width:100%;height:100%;display:block}.intro-bug [stroke=\#3b3355][stroke-linecap=round]:not([opacity]){stroke-width:3px}.intro-bug .fine{display:none}@keyframes intro-sway{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(6deg)translateY(-6px)}}.intro-spark{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffd43b;width:18px;height:18px;animation:1.6s ease-in-out infinite intro-twinkle;position:absolute}.intro-spark:first-of-type{top:22px;left:-6px}.intro-spark:nth-of-type(2){background:#ffa8c5;animation-delay:.4s;top:48px;right:-10px}.intro-spark:nth-of-type(3){background:#99e9f2;animation-delay:.8s;bottom:-8px;left:14px}.intro-spark:nth-of-type(4){animation-delay:1.2s;bottom:-4px;right:10px}@keyframes intro-twinkle{0%,to{opacity:.3;scale:.4}50%{opacity:1;scale:1}}.intro-hand{filter:drop-shadow(0 3px 4px #3b335559);width:56px;height:70px;margin-left:-26px;animation:1.2s ease-in-out infinite intro-tap;position:absolute;top:calc(50% + 120px);left:50%;overflow:visible}.intro-hand path{fill:#fff;stroke:#3b3355;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}@keyframes intro-tap{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-14px)}}.intro.is-closing{background:0 0;transition:background .45s}.intro.is-closing .intro-bubble{transform:translate(var(--dx), var(--dy)) scale(var(--s,.4));opacity:.4;transition:transform .45s cubic-bezier(.5,0,.3,1),opacity .45s ease-in}.intro.is-closing .intro-hand,.intro.is-closing .intro-spark{opacity:0}@media (prefers-reduced-motion:reduce){.intro-bug,.intro-spark,.intro-hand{animation:none}}