@keyframes tutorial-halo{0%,to{box-shadow:0 0 0 3px #1e90ff47}50%{box-shadow:0 0 0 7px #1e90ff1f}}.tutorial-highlight{animation:2.4s ease-in-out infinite tutorial-halo}@keyframes tutorial-click{0%{opacity:.9;transform:scale(.4)}70%,to{opacity:0;transform:scale(2.2)}}.tutorial-click{animation:1.6s ease-out infinite tutorial-click}@media (prefers-reduced-motion:reduce){.tutorial-click{opacity:0;animation:none}.tutorial-highlight{animation:none;box-shadow:0 0 0 3px #1e90ff47}}
@keyframes tutorial-wait-flip{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.tutorial-wait-icon{animation:3.2s ease-in-out infinite tutorial-wait-flip}.tutorial-line:before,.tutorial-line:after{content:"";position:absolute;inset:0}.tutorial-line:before{background:color-mix(in oklab, var(--primary) 40%, transparent)}.tutorial-line:after{background-image:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--primary) 55%, transparent) 0 5px, transparent 5px 10px);background-size:1px 10px;animation:1.2s linear infinite tutorial-line-drift}.tutorial-line-to-wait:before{-webkit-mask-image:linear-gradient(#000 35%,#0000 80%);mask-image:linear-gradient(#000 35%,#0000 80%)}.tutorial-line-to-wait:after{-webkit-mask-image:linear-gradient(#0000 30%,#000 75%);mask-image:linear-gradient(#0000 30%,#000 75%)}.tutorial-line-from-wait:before{-webkit-mask-image:linear-gradient(#0000 10%,#000 90%);mask-image:linear-gradient(#0000 10%,#000 90%)}.tutorial-line-from-wait:after{animation-direction:reverse;-webkit-mask-image:linear-gradient(#000 30%,#0000 90%);mask-image:linear-gradient(#000 30%,#0000 90%)}@keyframes tutorial-line-drift{to{background-position:0 10px}}@media (prefers-reduced-motion:reduce){.tutorial-wait-icon,.tutorial-line:after{animation:none}}