.tutorial-step{background:#fff;padding:20px;border-radius:10px;margin:15px 0;border-left:4px solid var(--secondary-color)}.tutorial-step h4{color:var(--primary-color);margin-bottom:10px}.tutorial-highlight{background:rgba(52,152,219,.1);padding:15px;border-radius:8px;margin:10px 0}.tutorial-tip{background:rgba(39,174,96,.1);border-left:4px solid var(--success-color);padding:15px;border-radius:8px;margin:10px 0}.tutorial-tip::before{content:"💡 Tip: ";font-weight:700;color:var(--success-color)}.tutorial-warning{background:rgba(243,156,18,.1);border-left:4px solid var(--warning-color);padding:15px;border-radius:8px;margin:10px 0}.tutorial-warning::before{content:"⚠️ Watch out: ";font-weight:700;color:var(--warning-color)}.lesson-progress{display:flex;justify-content:center;gap:10px;margin:20px 0}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--light-bg);transition:.3s}.progress-dot.active{background:var(--secondary-color);transform:scale(1.3)}.progress-dot.completed{background:var(--success-color)}.interactive-piece{cursor:pointer;transition:.3s}.interactive-piece:hover{transform:scale(1.1);filter:brightness(1.2)}.move-indicator{position:absolute;width:20px;height:20px;background:rgba(52,152,219,.6);border-radius:50%;pointer-events:none;z-index:10}.lesson-complete-badge{display:inline-block;background:var(--success-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;margin-left:10px}