/* V23: light trail and directional arrow, one composed 30s loop */
.tyz-v21-scene{isolation:isolate}
.tyz-v21-scene::before{content:"";position:absolute;z-index:2;inset:8% 8% auto auto;width:54%;height:58%;pointer-events:none;background:radial-gradient(ellipse at 65% 40%,rgba(255,206,103,.28),transparent 63%);opacity:.12;transform:translate3d(0,0,0);animation:tyzV23Glow 30s ease-in-out infinite}
.tyz-v21-scene::after{content:"➜";position:absolute;z-index:4;top:33%;right:68%;color:#ffdc8d;font-family:Arial,sans-serif;font-size:clamp(26px,3vw,46px);line-height:1;pointer-events:none;text-shadow:0 0 12px #ffd47e,0 0 28px #ffc45c,0 0 46px #f9a932;opacity:0;transform:translate3d(70px,26px,0) rotate(-20deg);animation:tyzV23Arrow 30s cubic-bezier(.22,.67,.2,1) infinite}
.tyz-v21-scene__photo{animation:tyzV23Photo 30s ease-in-out infinite}
.tyz-v21-steps span{position:relative;overflow:hidden}
.tyz-v21-steps span::after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,transparent 17%,rgba(255,217,136,.42) 49%,transparent 80%);transform:translateX(120%);animation:tyzV23Step 30s ease-in-out infinite}
.tyz-v21-steps span:nth-child(1)::after{animation-delay:0s}
.tyz-v21-steps span:nth-child(2)::after{animation-delay:.5s}
.tyz-v21-steps span:nth-child(3)::after{animation-delay:1s}
.tyz-v21-steps span:nth-child(4)::after{animation-delay:1.5s}
@keyframes tyzV23Glow{0%,7%,44%,100%{opacity:.12;transform:scale(1)}16%,27%{opacity:1;transform:scale(1.18)}34%{opacity:.35}}
@keyframes tyzV23Arrow{0%,7%,43%,100%{opacity:0;transform:translate3d(70px,26px,0) rotate(-20deg)}12%{opacity:1}24%{opacity:1;transform:translate3d(-75px,-65px,0) rotate(-25deg)}31%{opacity:.65;transform:translate3d(-115px,-90px,0) rotate(-28deg)}38%{opacity:0;transform:translate3d(-140px,-104px,0) rotate(-28deg)}}
@keyframes tyzV23Photo{0%,7%,44%,100%{transform:scale(1.04)}28%{transform:scale(1.095)}}
@keyframes tyzV23Step{0%,7%,40%,100%{opacity:0;transform:translateX(120%)}12%{opacity:1}24%{opacity:1;transform:translateX(-120%)}30%{opacity:0}}
@media(max-width:680px){.tyz-v21-scene::after{font-size:30px;right:62%}.tyz-v21-scene::before{width:60%}}
@media(prefers-reduced-motion:reduce){.tyz-v21-scene::before,.tyz-v21-scene::after,.tyz-v21-scene__photo,.tyz-v21-steps span::after{animation:none!important}.tyz-v21-scene::after{display:none}}
