.puzzle--ballsort .puzzle-stage{background:linear-gradient(180deg,#1a1f29 0%,#131820 100%);border-color:#2a3340}@media (min-width:1000px){.puzzle--ballsort .puzzle-stage{--stage-base:900px}}@media (max-width:720px){.puzzle--ballsort .puzzle-stage-wrap{max-height:calc(100dvh - 220px)}}.ballsort-board{width:100%;height:100%;display:block;user-select:none}.tube{cursor:pointer}.tube-glass{fill:rgb(255 255 255 / .04);stroke:rgb(255 255 255 / .18);stroke-width:.05;transition:fill 180ms var(--ease),stroke 180ms var(--ease)}.tube-shine{fill:rgb(255 255 255 / .08)}.tube:hover .tube-glass{fill:rgb(255 255 255 / .07)}.tube.is-selected .tube-glass{stroke:var(--accent);fill:rgb(255 206 92 / .08)}.ball{transition:transform 180ms cubic-bezier(.2,.8,.2,1.2)}.ball-base{stroke:rgb(0 0 0 / .3);stroke-width:.04;filter:drop-shadow(0 .06px .04px rgb(0 0 0 / .3))}.ball-hand,.ball-foot{stroke:rgb(0 0 0 / .3);stroke-width:.03;transition:transform 240ms cubic-bezier(.2,.8,.2,1.2);transform-box:fill-box;transform-origin:center}.ball-eye{transition:transform 200ms var(--ease);transform-box:fill-box;transform-origin:center}.ball.is-lifted .ball-hand--left{transform:translate(-.04px,-.32px) rotate(-25deg)}.ball.is-lifted .ball-hand--right{transform:translate(.04px,-.32px) rotate(25deg)}.ball.is-lifted .ball-foot{animation:ball-kick 600ms var(--ease) infinite alternate}.ball.is-lifted .ball-eye{transform:scale(1.15)}.tube:hover .ball.is-top:not(.is-lifted) .ball-mouth{transform:translateY(.01px)}@keyframes ball-kick{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(.04px) rotate(8deg)}}.ballsort-board.is-solved .tube-glass{stroke:var(--good);transition:stroke 320ms var(--ease)}.ballsort-board.is-solved .ball-base{animation:ball-celebrate 1.4s var(--ease)}@keyframes ball-celebrate{0%{transform:translateY(0)}20%{transform:translateY(-.06px)}40%{transform:translateY(0)}60%{transform:translateY(-.04px)}100%{transform:translateY(0)}}