.nls-stage{isolation:isolate;background-color:#54bed3}.nls-stage:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;will-change:transform;background:linear-gradient(#faf7ef2e,#222e721f),url(/images/game-scenes/pond.webp) 50%/cover no-repeat;position:absolute;inset:0}.nls-pad{--fill:0;filter:drop-shadow(0 8px 6px #143c5047);background:url(/images/game-props/lily-pad.webp) 50%/100% 100% no-repeat;border-radius:50%;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .4s,filter .4s;position:relative}.nls-pad:after{content:"";border-radius:inherit;background:conic-gradient(var(--color-sun) calc(var(--fill) * 360deg), transparent 0);pointer-events:none;position:absolute;inset:-9px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.nls-pad[data-state=filling]{transform:scale(1.04)}.nls-pad[data-state=right]{filter:drop-shadow(0 8px 6px #143c5047)saturate(1.15)brightness(1.06);transform:scale(1.08)}.nls-pad[data-state=wrong]{animation:.9s ease-in forwards nls-sink}.nls-pad[data-state=dim]{opacity:.55;filter:drop-shadow(0 8px 6px #143c5047)grayscale(.4)}.nls-water{--left-at:25%;--right-at:75%;background:radial-gradient(60% 80% at 50% 100%,#ffffff1f,#0000 70%);border-radius:999px}@container (min-width:36rem){.nls-water{--left-at:17%;--right-at:83%}}.nls-leaf{filter:drop-shadow(0 4px 3px #143c504d);background:url(/images/game-props/lily-pad.webp) 50%/contain no-repeat;width:7.5rem;height:3rem;position:absolute;bottom:0;transform:translate(-50%)}.nls-leaf-left{left:var(--left-at)}.nls-leaf-right{left:var(--right-at)}.nls-leaf-middle{width:6rem;left:50%}.nls-frog{transition:left .65s cubic-bezier(.35,0,.3,1);left:50%;transform:translate(-50%)}.nls-frog[data-at=left]{left:var(--left-at)}.nls-frog[data-at=right]{left:var(--right-at)}.nls-frog[data-at=left] .nls-frog-body,.nls-frog[data-at=right] .nls-frog-body{animation:.65s cubic-bezier(.35,0,.3,1) nls-hop}.nls-frog[data-mood=happy] .nls-frog-body{animation:.6s ease-in-out 3 nls-cheer}.nls-frog[data-mood=splash] .nls-frog-body{animation:.9s ease-in forwards nls-splash}.nls-lotus{animation:.6s cubic-bezier(.3,1.5,.5,1) both nls-bloom}@keyframes nls-hop{0%{transform:translateY(0)}45%{transform:translateY(-60%)}to{transform:translateY(0)}}@keyframes nls-cheer{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14%)rotate(-6deg)}}@keyframes nls-splash{0%{transform:translateY(0)}60%{opacity:.6;transform:translateY(18%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nls-sink{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(6px)rotate(-4deg)}60%{opacity:.7;transform:translateY(10px)rotate(3deg)}to{opacity:.55;transform:translateY(14px)rotate(0)}}@keyframes nls-bloom{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}