@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#020617d9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:1000;animation:fadeIn .5s ease-in-out;cursor:pointer;pointer-events:auto}.tutorial-overlay.fade-out{animation:fadeOut .5s ease-in-out forwards}.tutorial-container{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;max-width:900px}.tutorial-instruction{display:flex;flex-direction:column;align-items:center;gap:16px;animation:slideUp .6s ease-in-out}.tutorial-instruction:nth-child(2){animation-delay:.2s}.tutorial-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border-radius:16px;font-size:40px;color:#020617;box-shadow:0 0 20px #22d3ee99}.tutorial-text{text-align:center}.tutorial-title{font-size:24px;font-weight:700;color:#22d3ee;margin-bottom:8px}.tutorial-desc{font-size:14px;color:#cbd5e1;line-height:1.5;max-width:200px}.tutorial-hint{font-size:12px;color:#94a3b8;margin-top:20px;animation:fadeIn .8s ease-in-out .6s both}