/* tour.css — the guided tour (tour.js 1.0.0): the question first, a gliding pointer, ripples for taps, a ring for a long press, a bubble.
   version: 1.0.0 · created 2026-11-01 by Pascal Ehlig, ITS · edited 2026-11-01 by Pascal Ehlig, ITS */
.tour-back{position:fixed;inset:0;z-index:2147483300;background:rgb(16 42 67 / .45)}
.tour-ask{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2147483310;width:min(440px,calc(100vw - 24px));box-sizing:border-box;padding:18px;
  border:2px solid var(--accent,#fb683e);border-radius:18px;background:var(--surface,#fff);color:var(--text,#102a43);box-shadow:0 24px 60px rgb(0 0 0 / .35)}
.tour-ask h2{margin:0 0 8px;font-size:1.2rem}.tour-ask p{margin:0 0 8px}.tour-q{font-weight:700}
.tour-row{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
.tour-row button,.tour-stop,.tour-btn{min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface,#fff);color:var(--text);font:600 .9rem/1 var(--sans,system-ui);cursor:pointer}
.tour-yes{background:var(--accent,#fb683e)!important;color:#fff!important;border-color:transparent!important}
.tour-pointer{position:fixed;z-index:2147483320;left:50%;top:50%;width:0;height:0;pointer-events:none;transition:left .75s cubic-bezier(.4,0,.2,1),top .75s cubic-bezier(.4,0,.2,1)}
.tour-pointer svg{position:absolute;left:-3px;top:-2px;filter:drop-shadow(0 3px 6px rgb(0 0 0 / .35));transition:transform .12s}
.tour-finger svg{left:-12px;top:-4px}
.tour-pointer.tour-press svg{transform:scale(.88)}
.tour-pointer.tour-jump{transition:none}
.tour-ripple{position:fixed;z-index:2147483315;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:3px solid var(--accent,#fb683e);pointer-events:none;animation:tour-rip .5s ease-out forwards}
@keyframes tour-rip{from{transform:scale(.4);opacity:1}to{transform:scale(3.2);opacity:0}}
.tour-ripple.tour-hold{animation:tour-hold .9s linear forwards;border-color:var(--accent,#fb683e)}
@keyframes tour-hold{0%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--accent,#fb683e) 40%,transparent)}100%{transform:scale(2.6);opacity:.2;box-shadow:0 0 0 14px transparent}}
.tour-say{position:fixed;z-index:2147483318;box-sizing:border-box;padding:12px 14px;border-radius:14px;background:var(--text,#102a43);color:var(--surface,#fff);box-shadow:0 14px 34px rgb(0 0 0 / .3);font:500 .95rem/1.4 var(--sans,system-ui)}
.tour-say p{margin:0 0 8px}
.tour-stop{min-height:36px;background:transparent;color:inherit;border-color:currentColor;font-size:.82rem}
[data-tour-mark]{outline:3px solid var(--accent,#fb683e)!important;outline-offset:4px;border-radius:12px}
.tour-btn{min-height:36px;margin-top:8px;font-size:.82rem;border-color:color-mix(in srgb,var(--accent,#fb683e) 55%,var(--border));color:var(--accent-text,var(--accent,#fb683e))}
@media (prefers-reduced-motion:reduce){.tour-ripple{animation:none;opacity:.6}.tour-pointer{transition:none}}
@media (forced-colors:active){.tour-ask{border-color:CanvasText}[data-tour-mark]{outline-color:Highlight!important}}