.tour-mask { position: fixed; inset: 0; background: rgba(15, 8, 28, .62); z-index: 90; display: flex; align-items: flex-end; justify-content: center; padding: 12px; }
.tour-card { width: min(440px, 100%); background: #fff; color: #1a1228; border-radius: 18px; padding: 16px 16px 14px; box-shadow: 0 18px 40px rgba(0,0,0,.28); max-height: min(72vh, 520px); overflow: auto; }
html[data-theme="dark"] .tour-card { background: #1c142c; color: #f4f0ff; }
.tour-card .tour-k { font-size: 12px; letter-spacing: .04em; color: #7c3aed; font-weight: 700; }
.tour-card h3 { margin: 6px 0 8px; font-size: 20px; }
.tour-card p { margin: 0 0 12px; line-height: 1.55; font-size: 15px; }
.tour-card label.hide { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 8px 0 14px; cursor: pointer; }
.tour-nav { display: flex; gap: 8px; flex-wrap: wrap; }
.tour-nav button { flex: 1; min-width: 90px; border: 0; border-radius: 12px; padding: 10px 12px; font-weight: 700; cursor: pointer; }
.tour-nav .next { background: #5B21B6; color: #fff; }
.tour-nav .lite { background: #ede9fe; color: #5B21B6; }
html[data-theme="dark"] .tour-nav .lite { background: #3b2d55; color: #e9d5ff; }
.tour-card a.manual { display: inline-block; margin-top: 10px; color: #5B21B6; font-size: 13px; font-weight: 700; }
html[data-theme="dark"] .tour-card a.manual { color: #c4b5fd; }
@media (min-width: 720px) {
  .tour-mask { align-items: center; }
}