.interactive-tour-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);display:flex;justify-content:center;align-items:center;z-index:1000;padding:15px;box-sizing:border-box}.tour-content{background:linear-gradient(to bottom right,white,#EFF6FF);padding:25px 30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.15);border:1px solid #bfdbfe;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:15px;text-align:center;color:#374151}.tour-step-container{display:flex;flex-direction:column;gap:12px}.tour-step-title{margin:0 0 8px;color:#1E3A8A;font-size:1.5em;font-weight:600}.tour-step-text{margin:0 0 18px;color:#4B5563;line-height:1.6;font-size:1.05em}.tour-step-controls{display:flex;justify-content:center;margin-top:20px}.tour-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;transition:all .2s ease;margin:0 8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.tour-button.primary{background-color:#3B82F6;color:white}.tour-button.primary:hover{background-color:#2563EB;box-shadow:0 2px 5px rgba(0,0,0,.15)}.tour-button.secondary{background-color:#E5E7EB;color:#374151;border:1px solid #d1d5db}.tour-button.secondary:hover{background-color:#D1D5DB}.tour-button.tertiary{background-color:transparent;color:#6B7280;text-decoration:none;padding:10px 15px;box-shadow:none}.tour-button.tertiary:hover{color:#111827;text-decoration:underline}.tour-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e5e7eb;position:relative}.mock-board-container{margin:15px auto;width:fit-content;padding:5px;background-color:rgba(255,255,255,.8);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.mock-board-grid{display:grid;grid-template-columns:repeat(10,30px);grid-template-rows:repeat(10,30px);gap:2px;border-radius:8px;width:321px;height:321px;margin:auto;background-color:rgba(240,249,255,.6);padding:4px}.mock-cell{display:flex;justify-content:center;align-items:center;font-size:.9em;border-radius:6px;transition:all .3s ease;position:relative}.mock-cell.highlighted{box-shadow:0 0 0 3px rgba(59,130,246,.7)!important;transform:scale(1.15)!important;z-index:10!important}@keyframes pulse{0%{transform:scale(1.1);box-shadow:0 0 0 0 rgba(59,130,246,.5)}50%{transform:scale(1.2);box-shadow:0 0 0 6px rgba(59,130,246,.1)}to{transform:scale(1.1);box-shadow:0 0 0 0 rgba(59,130,246,.5)}}.highlight-pulse{animation:pulse 1.5s ease-in-out infinite}.highlight-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;pointer-events:none}.highlight-zone{position:absolute;background-color:transparent;border:2px solid #ffffff;box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 15px rgba(255,255,255,.5);border-radius:8px;z-index:1002;animation:pulse-highlight 2s ease-in-out infinite}@keyframes pulse-highlight{0%,to{box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 5px rgba(255,255,255,.5)}50%{box-shadow:0 0 0 9999px rgba(0,0,0,.7),0 0 20px rgba(255,255,255,.8)}}.powerup-zone{top:16%;right:12%;width:28%;height:8%}@media (max-width:600px){.tour-content{padding:20px;max-height:85vh;display:flex;flex-direction:column}.tour-step-title{font-size:1.3em}.tour-step-text{font-size:1em}.mock-board-grid{grid-template-columns:repeat(10,minmax(22px,1fr));grid-template-rows:repeat(10,minmax(22px,1fr));gap:1px;width:95%;max-width:320px}.mock-cell{font-size:.75em;border-radius:4px}.tour-navigation{flex-direction:row;justify-content:space-between;gap:5px;border-top:1px solid #e5e7eb;padding-top:15px;margin-top:auto;width:100%}.tour-button{padding:8px 12px;font-size:.9em;flex:1;margin:0 3px;white-space:nowrap}.tour-button.tertiary{order:0}}