/* Tutorial overlay styles */
.tutorial-overlay{position:fixed;inset:0;background:rgba(2,8,16,0.75);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.tutorial-overlay.open{display:flex}
.tutorial-box{background:linear-gradient(180deg,#071426,#042433);color:#e6eef8;padding:20px;border-radius:12px;max-width:720px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,0.6);font-family:Inter,system-ui,Arial;position:relative;max-height:calc(100vh - 80px);overflow:auto}
.tutorial-box h3{margin:0 0 8px;font-size:1.2rem}
.tutorial-box p{margin:6px 0;color:#cfe8ff;line-height:1.4}
.tutorial-box ul{margin:8px 0 12px 18px}
.tutorial-close{position:absolute;right:18px;top:18px;background:#ff6b6b;border:0;padding:8px 10px;border-radius:8px;color:#071426;font-weight:700;cursor:pointer}
.tutorial-btn{position:fixed;right:14px;top:14px;z-index:9998;background:#3fe57d;border:0;padding:10px 14px;border-radius:10px;color:#02211a;font-weight:700;cursor:pointer}
.tutorial-meta{font-size:13px;color:#9fb7c9;margin-top:6px}

/* Prevent body scroll when tutorial is open */
body.tutorial-open{overflow:hidden;height:100vh}

/* Responsive tweaks */
@media (max-width:600px){
	.tutorial-box{padding:14px;border-radius:10px;max-width:520px}
	.tutorial-close{right:12px;top:12px;padding:10px 12px;font-size:14px}
	.tutorial-btn{right:12px;top:12px;padding:10px 12px}
}

@media (max-width:380px){
	.tutorial-box{max-width:100%;padding:12px}
	.tutorial-box h3{font-size:1rem}
	.tutorial-box p, .tutorial-box ul, .tutorial-meta{font-size:14px}
}