.tutorial-overlay{z-index:4000;pointer-events:none;background:#000000b3;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}body.tutorial-open{overflow-y:auto}body.tutorial-open .game-container{z-index:4001}.tutorial-highlight{animation:2s ease-in-out infinite tutorial-pulse;position:relative;z-index:4001!important;box-shadow:0 0 0 3px gold,0 0 20px #ffd70080!important}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 3px gold,0 0 20px #ffd70080}50%{box-shadow:0 0 0 5px gold,0 0 25px #ffd700cc}}.tutorial-tooltip{background:var(--surface-solid);border:1px solid var(--border);z-index:1;border-radius:12px;width:100%;min-width:0;max-width:none;margin-bottom:18px;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000029}.tutorial-header{background:var(--primary);color:var(--on-primary);justify-content:space-between;align-items:center;padding:20px;display:flex}.tutorial-header h3{margin:0;font-size:18px;font-weight:700}.tutorial-progress{background:#fff3;border-radius:15px;padding:5px 10px;font-size:14px;font-weight:700}.tutorial-content{background:var(--surface-solid);padding:20px}.tutorial-content p{color:var(--text);margin:0;font-size:16px;line-height:1.6}.tutorial-actions{background:var(--surface-solid);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0 20px 20px;display:flex}.tutorial-nav-actions{gap:10px;display:flex}.tutorial-btn{cursor:pointer;border:none;border-radius:8px;min-width:80px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.tutorial-btn:disabled{cursor:default;opacity:.45;transform:none}.tutorial-btn.tutorial-btn-primary{color:var(--on-primary);background:var(--primary)!important}.tutorial-btn.tutorial-btn-primary:hover{transform:translateY(-1px);background:var(--primary-hover)!important}.tutorial-btn.tutorial-btn-secondary{color:var(--text);border:1px solid var(--border);background:var(--surface-muted)!important}.tutorial-btn.tutorial-btn-secondary:hover{transform:translateY(-1px);background:var(--border-muted)!important}.tutorial-btn.tutorial-btn-secondary:disabled:hover{transform:none;background:var(--surface-muted)!important}.tutorial-btn.tutorial-btn-skip{color:var(--text-secondary);border:1px solid var(--border);background:0 0!important}.tutorial-btn.tutorial-btn-skip:hover{transform:translateY(-1px);background:var(--surface-muted)!important}.tutorial-active .game-controls button:not(.tutorial-allowed){pointer-events:none;opacity:.5}.tutorial-active .challenge-actions,.tutorial-active .stage-display{opacity:.5;pointer-events:none}.tutorial-active .grid-cell:not(.tutorial-highlight):not(.tutorial-allowed){cursor:not-allowed;opacity:.6}.tutorial-tooltip.tutorial-step-victory .tutorial-header{background:var(--score-high)}@media (width<=600px){.tutorial-tooltip{min-width:0;max-width:none;margin:0 0 14px}.tutorial-header{padding:15px}.tutorial-header h3{font-size:16px}.tutorial-content{padding:15px}.tutorial-content p{font-size:14px}.tutorial-actions{align-items:stretch;padding:0 15px 15px}.tutorial-nav-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.tutorial-btn{width:100%;margin-bottom:5px}}@media (width<=400px){.tutorial-tooltip{min-width:0}.tutorial-header,.tutorial-content{padding:12px}.tutorial-actions{padding:0 12px 12px}}@keyframes tutorial-celebration{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}50%{transform:scale(1.2)rotate(5deg)}75%{transform:scale(1.1)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.tutorial-victory-animation{animation:.6s ease-in-out tutorial-celebration}@keyframes tutorial-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tutorial-error-shake{animation:.3s ease-in-out tutorial-shake}.tutorial-main-btn{color:#333;cursor:pointer;z-index:100;background:gold;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;transition:all .2s;position:fixed;top:20px;right:20px;box-shadow:0 4px 8px #0003}.tutorial-main-btn:hover{background:#ffed4e;transform:scale(1.1);box-shadow:0 6px 12px #0000004d}@media (width<=600px){.tutorial-main-btn{width:40px;height:40px;font-size:16px;top:10px;right:10px}}.tutorial-main-btn.hidden{display:none}.tutorial-highlight-copy-btn{animation:2s ease-in-out infinite tutorial-pulse;position:relative;z-index:4001!important;box-shadow:0 0 0 3px gold,0 0 20px #ffd70080!important}.tutorial-mode-indicator{color:#333;z-index:3999;background:#ffd700e6;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:700;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}[data-theme=dark] .tutorial-mode-indicator{color:#1a1a1a;background:#ffd700bf}@media (prefers-reduced-motion:reduce){.tutorial-highlight,.tutorial-victory-animation,.tutorial-error-shake,.tutorial-highlight-copy-btn{animation:none!important}}.tutorial-active .game-header .stage-display{opacity:.5;pointer-events:none}.tutorial-active .game-status{opacity:.7}