.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;transition:opacity .3s ease}.tutorial-highlight{position:relative;z-index:1001!important;box-shadow:0 0 0 3px gold,0 0 20px #ffd70080!important;animation:tutorial-pulse 2s ease-in-out infinite}@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{position:fixed;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:400px;min-width:300px;z-index:1002;font-family:Arial,Microsoft YaHei,sans-serif;overflow:hidden}.tutorial-header{background:#87ceeb;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.tutorial-header h3{margin:0;font-size:18px;font-weight:700}.tutorial-progress{background:#fff3;padding:5px 10px;border-radius:15px;font-size:14px;font-weight:700}.tutorial-content{padding:20px}.tutorial-content p{margin:0;line-height:1.6;font-size:16px;color:#333}.tutorial-actions{padding:0 20px 20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tutorial-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:80px}.tutorial-btn.tutorial-btn-primary{background:#87ceeb!important;color:#fff}.tutorial-btn.tutorial-btn-primary:hover{background:#6bb6ff!important;transform:translateY(-1px)}.tutorial-btn.tutorial-btn-secondary{background:#ffa07a!important;color:#fff}.tutorial-btn.tutorial-btn-secondary:hover{background:#ff8c69!important;transform:translateY(-1px)}.tutorial-btn.tutorial-btn-skip{background:#ffa07a!important;color:#fff}.tutorial-btn.tutorial-btn-skip:hover{background:#ff8c69!important;transform:translateY(-1px)}.tutorial-active .game-controls button:not(.tutorial-allowed){pointer-events:none;opacity:.5}.tutorial-active .grid-cell:not(.tutorial-highlight):not(.tutorial-allowed){cursor:not-allowed;opacity:.6}.tutorial-tooltip.tutorial-step-victory .tutorial-header{background:#90ee90}@media (max-width: 600px){.tutorial-tooltip{max-width:90%;min-width:280px;margin:20px}.tutorial-header{padding:15px}.tutorial-header h3{font-size:16px}.tutorial-content{padding:15px}.tutorial-content p{font-size:14px}.tutorial-actions{padding:0 15px 15px;flex-direction:column}.tutorial-btn{width:100%;margin-bottom:5px}}@media (max-width: 400px){.tutorial-tooltip{min-width:250px}.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:tutorial-celebration .6s ease-in-out}@keyframes tutorial-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tutorial-error-shake{animation:tutorial-shake .3s ease-in-out}.tutorial-main-btn{position:fixed;top:20px;right:20px;background:gold;color:#333;border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;box-shadow:0 4px 8px #0003;z-index:100;transition:all .2s ease}.tutorial-main-btn:hover{background:#ffed4e;transform:scale(1.1);box-shadow:0 6px 12px #0000004d}@media (max-width: 600px){.tutorial-main-btn{top:10px;right:10px;width:40px;height:40px;font-size:16px}}.tutorial-main-btn.hidden{display:none}.tutorial-highlight-copy-btn{position:relative;z-index:1001!important;box-shadow:0 0 0 3px gold,0 0 20px #ffd70080!important;animation:tutorial-pulse 2s ease-in-out infinite}.tutorial-mode-indicator{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#ffd700e6;color:#333;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;z-index:999;box-shadow:0 2px 8px #0003}.tutorial-active .game-header .stage-display{opacity:.5;pointer-events:none}.tutorial-active .game-status{opacity:.7}