.tutorial-module__E18kyW__overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 50% 40%,#18404cd1,#030a0ef0);place-items:center;padding:16px;animation:.36s ease-out both tutorial-module__E18kyW__fadeIn;display:grid;position:fixed;inset:0}.tutorial-module__E18kyW__overlay[data-leaving]{animation:.24s ease-in both tutorial-module__E18kyW__fadeOut}.tutorial-module__E18kyW__card{color:#fff;background:#265c6af7;border:2px solid #e8f6f8;border-radius:10px;width:min(760px,100vw - 32px);max-height:calc(100vh - 32px);animation:.62s cubic-bezier(.2,.9,.25,1.15) 80ms both tutorial-module__E18kyW__rise;display:flex;position:relative;box-shadow:0 24px 64px #00000080,0 0 0 6px #e2892c2e}.tutorial-module__E18kyW__overlay[data-leaving] .tutorial-module__E18kyW__card{animation:.24s ease-in both tutorial-module__E18kyW__sink}.tutorial-module__E18kyW__body{flex:1;padding:24px;overflow:auto}.tutorial-module__E18kyW__reveal{animation:.42s ease-out both tutorial-module__E18kyW__itemIn;animation-delay:calc(.32s + var(--i,0) * 60ms)}.tutorial-module__E18kyW__close{z-index:1;color:#fff;cursor:pointer;background:#0b1f27;border:2px solid #e8f6f8;border-radius:6px;min-width:48px;min-height:48px;font-size:20px;transition:transform .12s ease-out,background .12s ease-out;animation:.36s cubic-bezier(.3,1.5,.5,1) .52s both tutorial-module__E18kyW__popIn;position:absolute;top:12px;right:12px}.tutorial-module__E18kyW__close:hover{background:#e2892c;transform:rotate(90deg)}.tutorial-module__E18kyW__close:focus-visible{outline-offset:3px;outline:3px solid #e2892c}.tutorial-module__E18kyW__title{margin:0 64px 12px 0;font-size:28px;font-weight:700}.tutorial-module__E18kyW__goal{margin:0 0 12px;font-size:20px}.tutorial-module__E18kyW__text{margin:0 0 16px;font-size:18px;line-height:1.5}.tutorial-module__E18kyW__heading{letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:20px;font-weight:700}.tutorial-module__E18kyW__controls{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px 24px;margin:0;padding:0;font-size:18px;list-style:none;display:grid}.tutorial-module__E18kyW__controls li{grid-template-columns:150px 1fr;align-items:center;gap:12px;display:grid}.tutorial-module__E18kyW__keys{flex-wrap:wrap;gap:4px;display:flex}.tutorial-module__E18kyW__kbd{text-align:center;color:#0b1f27;background:#e8f6f8;border-radius:4px;min-width:32px;padding:2px 8px;font-family:inherit;font-size:16px;box-shadow:0 2px #00000059}@keyframes tutorial-module__E18kyW__fadeIn{0%{opacity:0}}@keyframes tutorial-module__E18kyW__fadeOut{to{opacity:0}}@keyframes tutorial-module__E18kyW__rise{0%{opacity:0;transform:translateY(48px)scale(.9)}}@keyframes tutorial-module__E18kyW__sink{to{opacity:0;transform:translateY(20px)scale(.95)}}@keyframes tutorial-module__E18kyW__itemIn{0%{opacity:0;transform:translateY(12px)}}@keyframes tutorial-module__E18kyW__popIn{0%{opacity:0;transform:scale(.4)rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.tutorial-module__E18kyW__overlay,.tutorial-module__E18kyW__overlay[data-leaving],.tutorial-module__E18kyW__card,.tutorial-module__E18kyW__overlay[data-leaving] .tutorial-module__E18kyW__card,.tutorial-module__E18kyW__reveal,.tutorial-module__E18kyW__close{animation:none}}
