/* Guided tour */
.tour-ring { position: fixed; z-index: 85; pointer-events: none; border: 2px solid var(--gold); border-radius: 12px; box-shadow: 0 0 0 9999px rgba(3, 6, 18, .62), 0 0 18px 2px var(--gold); transition: left .3s, top .3s, width .3s, height .3s; animation: tourGlow 1.8s ease-in-out infinite; }
.tour-ring.none { border-color: transparent; box-shadow: 0 0 0 9999px rgba(3, 6, 18, .62); animation: none; }
@keyframes tourGlow { 50% { box-shadow: 0 0 0 9999px rgba(3, 6, 18, .62), 0 0 30px 6px var(--gold); } }
.tour-card { position: fixed; z-index: 86; width: min(340px, calc(100vw - 16px)); background: var(--ink2); border: 1px solid var(--gold); border-radius: 14px; padding: 12px 14px; display: grid; gap: 8px; box-shadow: 0 10px 34px #000a; transition: left .3s, top .3s; }
.tour-card h3 { margin: 0; font-size: 18px; } .tour-card p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--star); }
.tour-top { display: flex; justify-content: space-between; align-items: center; color: var(--dim); font-size: 11px; }
.tour-x { padding: 2px 8px; }
.tour-try { color: var(--gold) !important; font-size: 12px !important; animation: tourPulse 1.4s infinite; }
@keyframes tourPulse { 50% { opacity: .45; } }
.tour-acts { display: flex; gap: 8px; align-items: center; } .tour-sp { flex: 1; }
.tour-const { width: 100%; height: 26px; } .tour-const line { stroke: var(--gold); stroke-width: .5; opacity: .8; }
.tour-const circle { fill: var(--line2); } .tour-const circle.lit { fill: var(--gold); } .tour-const circle.cur { fill: var(--ink2); stroke: var(--gold); stroke-width: .6; animation: tourPulse 1.4s infinite; }
.tour-fx { position: fixed; inset: 0; z-index: 90; pointer-events: none; overflow: hidden; }
.tour-p { position: fixed; color: var(--gold); font-size: 18px; text-shadow: 0 0 8px var(--gold); }
.tour-pill { position: fixed; z-index: 40; left: 50%; bottom: 64px; transform: translateX(-50%); border-radius: 999px; padding: 8px 18px; box-shadow: 0 0 20px #e8c87277; animation: tourPulse 2.2s infinite; }
.tour-offer { position: fixed; z-index: 84; left: 12px; bottom: 64px; max-width: calc(100vw - 24px); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; background: var(--ink2); border: 1px solid var(--gold); border-radius: 14px; padding: 10px 12px; box-shadow: 0 8px 28px #0009; font-size: 13px; }
.tour-offer[hidden], .tour-pill[hidden], .tour-card[hidden], .tour-ring[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .tour-ring, .tour-card, .tour-try, .tour-pill, .tour-const circle.cur { animation: none; transition: none; } }