/* Туториал (10.10.2026): маска из четырёх панелей вокруг живого элемента,
   рамка, прыгающая стрелка, подсказка. Анимации только transform и
   opacity; общий блок reduced-motion в styles.css гасит и их. */
.tourhide{display:none !important}
.tourdim{position:fixed;z-index:1300;background:rgba(4,8,14,.74);pointer-events:auto}
.tourblock{background:transparent}
.tourring{position:fixed;z-index:1301;pointer-events:none;border-radius:10px;opacity:0;
  box-shadow:0 0 0 2px var(--accent,#FF7A1A),0 0 0 6px rgba(255,122,26,.18),0 0 28px rgba(255,122,26,.45);
  transition:opacity .25s ease}
.tourring.on{opacity:1}
.tourring::after{content:"";position:absolute;inset:-3px;border-radius:12px;border:2px solid var(--accent,#FF7A1A);
  opacity:0;animation:tourpulse 1.6s ease-out infinite}
.tourarrow{position:fixed;z-index:1302;pointer-events:none;color:var(--accent,#FF7A1A);opacity:0;
  filter:drop-shadow(0 0 8px rgba(255,122,26,.7));transition:opacity .25s ease;
  animation:tourbob 1s ease-in-out infinite}
.tourarrow.on{opacity:1}
.tourarrow svg{display:block;transform:rotate(180deg)}
.tourarrow.up svg{transform:none}
.tourarrow.up{animation-name:tourbobup}
.tourtip{position:fixed;z-index:1303;left:16px;right:16px;max-width:420px;margin:0 auto;padding:14px 16px 16px;
  background:var(--surface,#121B26);border-radius:14px;
  box-shadow:0 0 0 1px rgba(255,122,26,.45),0 18px 44px rgba(0,0,0,.55);
  opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}
.tourtip.on{opacity:1;transform:none}
.tourhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.tourhead .kicker{margin:0}
.tourskip{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;color:var(--muted,#8A96A6);cursor:pointer}
.tourtip h3{margin:0 0 6px;font-size:22px;line-height:1.1}
.tourtip p{margin:0;font-size:14px;line-height:1.45;color:var(--ink,#E6EBF2)}
.tourtip .btn{margin-top:12px}
.tourhint{margin-top:10px !important;font-size:12.5px !important;color:var(--accent,#FF7A1A) !important}
@keyframes tourpulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.12);opacity:0}}
@keyframes tourbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes tourbobup{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}