.tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:all}.tutorial-backdrop-soft{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none;background:transparent}@keyframes tutorial-spotlight-pulse{0%,to{box-shadow:0 0 0 4px #f27f0d8c,0 0 0 9999px #0b141ae0;outline:2px solid rgba(242,127,13,.4)}50%{box-shadow:0 0 0 7px #f27f0d33,0 0 0 9999px #0b141ae0;outline:2px solid rgba(242,127,13,.15)}}.tutorial-tooltip{position:fixed;z-index:502;left:16px;right:16px;width:auto;max-width:360px;margin-left:auto;margin-right:auto;background:#1e2d3a;border:1px solid rgba(242,127,13,.3);border-radius:16px;padding:16px;box-shadow:0 8px 32px #00000080;animation:tutorial-tooltip-in .25s cubic-bezier(.16,1,.3,1) forwards;pointer-events:all}@keyframes tutorial-tooltip-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-tooltip-arrow-up{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(242,127,13,.3)}.tutorial-tooltip-arrow-up:after{content:"";position:absolute;top:1px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #1e2d3a}.tutorial-tooltip-arrow-down{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(242,127,13,.3)}.tutorial-tooltip-arrow-down:after{content:"";position:absolute;bottom:1px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #1e2d3a}.tutorial-dots{display:flex;gap:5px;align-items:center;justify-content:center}.tutorial-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:all .2s ease}.tutorial-dot-active{background:#f27f0d;width:18px;border-radius:3px}.tutorial-skip-btn{position:fixed;top:16px;right:16px;z-index:502;background:#1e2d3ae6;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 14px;color:#fff9;font-size:12px;font-weight:600;cursor:pointer;pointer-events:all;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-skip-btn:active{transform:scale(.96);color:#fff;background:#1e2d3a}.tutorial-skip-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0b141ad9;display:flex;align-items:center;justify-content:center;padding:24px;animation:tutorial-fade-in .2s ease forwards}.tutorial-skip-confirm-box{background:#1e2d3a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px 24px;width:100%;max-width:320px;text-align:center;animation:tutorial-tooltip-in .25s cubic-bezier(.16,1,.3,1) forwards}.tutorial-simulation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0b141aeb;display:flex;align-items:center;justify-content:center;padding:24px;animation:tutorial-fade-in .2s ease forwards}.tutorial-simulation-card{background:linear-gradient(135deg,#1e2d3a,#121c25);border:1px solid rgba(242,127,13,.2);border-radius:24px;padding:32px 24px;width:100%;max-width:340px;text-align:center;animation:tutorial-simulation-enter .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes tutorial-simulation-enter{0%{opacity:0;transform:scale(.93) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-check-icon{animation:tutorial-check-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tutorial-check-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.tutorial-remate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0b141a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;animation:tutorial-remate-enter .6s ease-out forwards}@keyframes tutorial-remate-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.tutorial-action-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:#f27f0dcc;font-weight:600;text-transform:uppercase;letter-spacing:.05em;animation:tutorial-blink 1.4s ease-in-out infinite}@keyframes tutorial-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tutorial-spotlight,.tutorial-tooltip,.tutorial-simulation-card,.tutorial-remate-overlay,.tutorial-check-icon,.tutorial-action-hint{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.tutorial-spotlight{box-shadow:0 0 0 9999px #0b141ae0}}