.ctour-root{position:fixed;inset:0;z-index:5000;pointer-events:none}.ctour-block{position:fixed;background:transparent;z-index:4999}.ctour-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ctour-hole{transition:x .22s ease,y .22s ease,width .22s ease,height .22s ease}.ctour-ping{fill:none;stroke:var(--accent-warm);stroke-width:3;transform-box:fill-box;transform-origin:center;opacity:0;animation:ctourPing 1.3s ease-out 3}@keyframes ctourPing{0%{transform:scale(.96);opacity:.9}70%{opacity:.35}to{transform:scale(1.14);opacity:0}}.ctour-tip{position:fixed;z-index:3;display:flex;flex-direction:column;max-width:320px;min-width:240px;box-sizing:border-box;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);font-family:var(--font-body);pointer-events:auto;animation:ctourTipIn .18s ease}@keyframes ctourTipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ctour-arrow{position:absolute;width:14px;height:14px;background:var(--bg-card);transform:rotate(45deg)}.ctour-arrow[data-dir=bottom]{top:-6px}.ctour-arrow[data-dir=top]{bottom:-6px}.ctour-arrow[data-dir=right]{left:-6px}.ctour-arrow[data-dir=left]{right:-6px}.ctour-tip-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--text-primary);margin-bottom:5px}.ctour-tip-body{font-size:var(--text-base);line-height:1.5;color:var(--text-secondary)}.ctour-ico{display:inline-flex;align-items:center;vertical-align:-3px;margin-right:5px;color:var(--accent-warm)}.ctour-ico svg{width:15px;height:15px}.ctour-tip-callout{min-width:0;max-width:300px}.ctour-tip-num{font-weight:700;color:var(--accent-warm);margin-right:3px}.ctour-char{opacity:0;animation:ctourChar .22s ease forwards}@keyframes ctourChar{0%{opacity:0}to{opacity:1}}.tutorial-meet-hi{color:#fff}.tutorial-meet-card:before{content:"";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:760px;height:620px;background:radial-gradient(ellipse at center,#000000e6,#000000b8 38%,#0000 72%);z-index:-1;pointer-events:none}body.tutorial-coll-bulk .collectables-bulk-wrap{opacity:1!important;pointer-events:auto!important}body.tutorial-active .box-flag,body.tutorial-active .box-notes-btn,body.tutorial-active .box-collapse-btn,body.tutorial-active .collectables-bulk-btn{pointer-events:none;opacity:.4}.ctour-nav{display:flex;align-items:center;gap:6px;margin-top:18px}.ctour-nav-spacer{flex:1}.ctour-count{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.ctour-dots{display:flex;align-items:center;gap:6px}.ctour-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);opacity:.4;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.ctour-dot.on{opacity:1;background:var(--accent-warm);transform:scale(1.35)}.ctour-skip,.ctour-prev,.ctour-next{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-sm);min-height:34px;padding:0 14px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.ctour-skip{background:none;color:var(--text-muted);padding:0 8px}.ctour-skip:hover{color:var(--text-secondary)}.ctour-prev{background:var(--bg-tertiary);color:var(--text-secondary)}.ctour-prev:hover{background:var(--bg-card-hover)}.ctour-next{background:var(--accent-warm);color:var(--text-inverse)}.ctour-next:hover{background:var(--accent-warm-hover)}