@keyframes m-in{0%{opacity:0;transform:translateY(28px)scale(.96)}65%{opacity:1;transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:none}}@keyframes m-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.m-in{animation:.8s cubic-bezier(.2,.8,.2,1) .12s both m-in}.m-idle{animation:.8s cubic-bezier(.2,.8,.2,1) .12s both m-in,5.5s ease-in-out 1s infinite m-bob}@keyframes cube-drift{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-12px)rotate(10deg)}}.cube-drift{animation:6s ease-in-out infinite cube-drift}.stagger>*{animation-delay:calc(var(--i,0) * 70ms + 60ms)}.tap{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background-color .2s}.tap:hover{transform:translateY(-3px)}.tap:active{transition-duration:.12s;transform:translateY(1px)scale(.97)}.tap .tap-arrow{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.tap:hover .tap-arrow{transform:translate(-5px)}.tap .tap-art{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.tap:hover .tap-art{transform:rotate(-6deg)scale(1.08)}.key{transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color .12s}.key:active{transform:scale(.92)}html[data-theme=play]:not(:has([data-solving],.calm)) .tap:hover{transform:translateY(-6px)rotate(-.6deg)}@keyframes time-glow{0%,to{text-shadow:0 0 #0000}50%{text-shadow:0 0 28px var(--color-lime)}}html[data-theme=play]:not(:has([data-solving],.calm)) .time-glow{animation:3.2s ease-in-out infinite time-glow}html:has([data-solving],.calm) :is(.m-idle,.cube-drift){animation:none}@media (prefers-reduced-motion:reduce){.m-in,.m-idle,.cube-drift,.time-glow{animation:none!important}.tap,.tap .tap-arrow,.tap .tap-art,.key{transition:none}.tap:hover,.tap:active,.tap:hover .tap-arrow,.tap:hover .tap-art,.key:active{transform:none!important}}