/* THE GUIDE (Tour v15): its keyframes. Its layers are styled inline in tour.jsx; the old spotlight, coach card and guild walkthrough
   styles (ob-*, g-*, gh-*, es-*) went with the components that used them (D569). */

/* ---- Tour v15 ---- *
 * tr-in is for the CENTRED coach card only — it carries translateX(-50%), and with fill mode
 * "both" that offset persists, dragging any left/right-anchored card half its width out of place.
 * Corner- and side-docked cards use tr-rise. */
@keyframes tr-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}   /* the individual translate property: the old transform keyframe forced translate(-50%) on side and corner cards, which sat half a card to the left for .3s and then snapped right (owner 2026-09-12, "appears too far to the left and then shifts to the right") */
@keyframes tr-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes tr-fade{from{opacity:0}to{opacity:1}}
@keyframes tr-glow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes tr-tag{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-2.5px) rotate(1.5deg)}}
@keyframes tr-ping{0%{opacity:.85;transform:scale(.94)}70%,100%{opacity:0;transform:scale(1.18)}}
@media (prefers-reduced-motion: reduce) and (scripting: none){[data-tour-root] *{animation:none!important;transition-duration:0s!important}}

/* THE RING'S MOTION (Motion System B1–B3, plans/32's return): the brackets lock on from 8 px out (the `translate` property, so their
   place — a transform — is untouched), the glow ignites, and once landed the brackets and glow breathe by opacity only (2400 on Move,
   from 1.32 s); a touch stills them (data-tour-still, 2 s). */
@keyframes tr-lock-tl { from { opacity: 0; translate: -8px -8px; } to { opacity: 1; translate: 0 0; } }
@keyframes tr-lock-tr { from { opacity: 0; translate: 8px -8px; } to { opacity: 1; translate: 0 0; } }
@keyframes tr-lock-bl { from { opacity: 0; translate: -8px 8px; } to { opacity: 1; translate: 0 0; } }
@keyframes tr-lock-br { from { opacity: 0; translate: 8px 8px; } to { opacity: 1; translate: 0 0; } }
@keyframes tr-ignite { from { opacity: 0; } to { opacity: .55; } }
@keyframes tr-wait { 0%, 100% { opacity: .95; } 50% { opacity: .5; } }
@keyframes tr-wait-glow { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
[data-tour-root][data-tour-still] [data-wait] { animation: none !important; }