.puzzle-tutorial{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(5,8,14,.72);backdrop-filter:blur(3px);animation:puzzle-tutorial-in .18s ease-out}.puzzle-tutorial__card{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px 16px 14px;border-radius:20px;border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}.puzzle-tutorial__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.puzzle-tutorial__close{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:hsl(var(--muted-foreground))}.puzzle-tutorial__demo{width:min(240px,70vw);margin:0 auto 14px}.puzzle-tutorial__demo .patika-paper{padding:6px;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}.puzzle-tutorial__title{font-size:18px;font-weight:800;line-height:1.25}.puzzle-tutorial__body{margin-top:6px;min-height:3.2em;font-size:14px;line-height:1.5;color:hsl(var(--muted-foreground))}.puzzle-tutorial__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.puzzle-tutorial__dots{display:flex;gap:2px}.puzzle-tutorial__dots button{width:22px;height:22px;display:grid;place-items:center}.puzzle-tutorial__dots button:after{content:"";width:7px;height:7px;border-radius:999px;background:hsl(var(--muted-foreground)/.4);transition:width .2s ease,background .2s ease}.puzzle-tutorial__dots button[data-active]:after{width:18px;background:#d9541e}.puzzle-tutorial__nav{display:flex;gap:8px}.puzzle-tutorial__nav .patika-next{min-height:44px;padding:0 16px;font-size:14px}@keyframes puzzle-tutorial-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.puzzle-tutorial{animation:none}}