/* first-run guided tour */

.tour { position:fixed; inset:0; z-index:10002; }
.tour-hole { position:absolute; border-radius:16px; box-shadow:0 0 0 2px var(--accent-active), 0 0 0 200vmax rgba(0,0,0,.72); pointer-events:none; transition:left var(--motion-slow) var(--motion), top var(--motion-slow) var(--motion), width var(--motion-slow) var(--motion), height var(--motion-slow) var(--motion), border-radius var(--motion-slow) var(--motion); }
.tour-card { position:absolute; width:min(340px, calc(100% - 32px)); padding:20px 20px 16px; background:var(--surface-1); border:1px solid var(--border-faint); border-radius:18px; box-shadow:0 24px 70px rgba(0,0,0,.55); transition:left var(--motion-slow) var(--motion), top var(--motion-slow) var(--motion); }
.tour-card.in { animation:soft-rise var(--motion-med) var(--motion) both; }
.tour-count { color:var(--text-faint); font-size:11px; margin-bottom:8px; }
.tour-card h2 { font-size:16px; font-weight:500; color:var(--text-white); margin-bottom:6px; }
.tour-card p { color:var(--text-muted); font-size:13px; line-height:1.6; }
.tour-actions { display:flex; gap:8px; margin-top:18px; }
.tour-skip { margin-right:auto; background:transparent; border-color:transparent; color:var(--text-faint); padding:0 6px; }
.tour-skip:hover { background:transparent; border-color:transparent; color:var(--text-primary); }