.duo-mascot{display:flex;justify-content:center;position:relative;margin-bottom:.5rem}.duo-mascot img{width:132px;height:132px;object-fit:contain;animation:duo-in .45s cubic-bezier(.2,1.4,.4,1)}.duo-mascot[data-state=correct] img{animation:duo-pop .55s cubic-bezier(.2,1.5,.35,1)}@keyframes duo-in{0%{transform:translateY(8px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes duo-pop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}.duo-xppop{position:absolute;top:0;left:50%;transform:translateX(-50%);font-weight:900;font-size:1.4rem;color:var(--ochre);text-shadow:0 2px 0 #fff;pointer-events:none;animation:duo-xp 1s ease forwards}@keyframes duo-xp{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}30%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-26px) scale(1)}}.duo-spark{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--ochre);pointer-events:none;animation:duo-spark .7s ease-out forwards}.duo-spark:nth-child(2),.duo-spark:nth-child(4),.duo-spark:nth-child(6){background:var(--wine)}@keyframes duo-spark{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1);opacity:0}}