.learning-mode-header{display:flex;justify-content:center;align-items:center;padding:5px;background:rgba(0,100,255,.1);border:2px solid rgba(0,100,255,.3);border-radius:10px;margin-bottom:5px;position:relative}.learning-mode-content{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1}.learning-mode-title{font-size:20px;font-weight:700;color:#59bcff;text-shadow:0 0 10px rgba(89,188,255,.5)}.tutorial-close-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:rgba(255,255,255,.1);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.tutorial-close-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.8);transform:translateY(-50%) scale(1.1)}.inline-tutorial-popup{position:fixed;background:rgba(0,0,0,.9);border:2px solid #59bcff;border-radius:8px;padding:10px 15px;color:#fff;text-align:center;z-index:10000;max-width:200px;box-shadow:0 0 15px rgba(89,188,255,.7);font-size:14px;line-height:1.3;pointer-events:auto;cursor:pointer;word-wrap:break-word;font-family:inherit}.inline-tutorial-popup *{max-width:none!important;width:auto!important;height:auto!important;flex:none!important}.tutorial-message-tap{font-size:11px;opacity:.8;margin-top:5px;color:#ccc}.tutorial-highlight{border:3px solid #ff0!important;box-shadow:0 0 15px rgba(255,255,0,.8)!important;animation:1.5s infinite alternate tutorialPulse!important}.tutorial-highlight-group{border:2px solid #f90!important;box-shadow:0 0 10px rgba(255,153,0,.6)!important;animation:2s infinite alternate tutorialGroupPulse!important}.tutorial-mine-click-warning{border:3px solid #f44!important;box-shadow:0 0 20px rgba(255,68,68,.8)!important;animation:.8s ease-in-out 3 tutorialWarningPulse!important;background:rgba(255,68,68,.3)!important}.tutorial-arrow{position:absolute;font-size:24px;z-index:15;animation:1s infinite tutorialBounce;pointer-events:none;text-shadow:0 0 5px rgba(0,0,0,.8);width:24px;height:24px;display:flex;align-items:center;justify-content:center}@keyframes tutorialPulse{0%{box-shadow:0 0 15px rgba(255,255,0,.8)}100%{box-shadow:0 0 25px #ff0}}@keyframes tutorialGroupPulse{0%{box-shadow:0 0 10px rgba(255,153,0,.6)}100%{box-shadow:0 0 20px rgba(255,153,0,.9)}}@keyframes tutorialWarningPulse{0%,100%{box-shadow:0 0 20px rgba(255,68,68,.8);background:rgba(255,68,68,.3)}50%{box-shadow:0 0 30px #f44;background:rgba(255,68,68,.5)}}@keyframes tutorialBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:480px){.learning-mode-title{font-size:18px}.inline-tutorial-popup{max-width:180px!important;padding:8px 12px!important;font-size:13px!important}.tutorial-arrow{font-size:20px}}