/* r13 · vida nas fotos paradas: só o que combina com a cena (água brilha, luz cintila, nuvem anda). transform/opacity, pausa fora da tela, reduce = estático */
.card .im{position:relative}
.v13{position:absolute;left:0;width:100%;aspect-ratio:16/9;top:50%;translate:0 -50%;pointer-events:none;overflow:hidden}
.v13 .ag{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);overflow:hidden;-webkit-mask:radial-gradient(closest-side,#000 55%,#0000);mask:radial-gradient(closest-side,#000 55%,#0000);mix-blend-mode:screen;opacity:var(--o,.55)}
.v13 .ag::before,.v13 .ag::after{content:"";position:absolute;left:-50%;top:0;width:200%;height:100%;background:repeating-linear-gradient(178deg,#0000 0 5px,var(--c,#fff5) 5px 6px,#0000 6px 13px),repeating-linear-gradient(183deg,#0000 0 9px,var(--c,#fff4) 9px 10px,#0000 10px 19px);animation:v13ag var(--t,7s) linear infinite;will-change:transform}
.v13 .ag::after{animation-duration:calc(var(--t,7s)*1.6);animation-direction:reverse;opacity:.7;top:3px}
@keyframes v13ag{to{transform:translate3d(25%,0,0)}}
.v13 .tw{position:absolute;left:var(--x);top:var(--y);width:var(--s,10px);aspect-ratio:1;margin:calc(var(--s,10px)/-2);border-radius:50%;background:radial-gradient(var(--c,#fff) 0,#fff0 65%);opacity:0;animation:v13tw var(--t,2.4s) ease-in-out var(--d,0s) infinite;mix-blend-mode:screen}
@keyframes v13tw{0%,100%{opacity:0;transform:scale(.6)}45%{opacity:var(--o,.9);transform:scale(1)}}
.v13 .nv{position:absolute;inset:0;background:var(--img) center/cover;-webkit-mask:linear-gradient(#0000 var(--a,55%),#000 calc(var(--a,55%) + 12%));mask:linear-gradient(#0000 var(--a,55%),#000 calc(var(--a,55%) + 12%));animation:v13nv 16s ease-in-out infinite alternate;opacity:.55;will-change:transform}
@keyframes v13nv{from{transform:translate3d(-1.2%,0,0)}to{transform:translate3d(1.2%,0,0)}}
.v13 *,.v13 ::before,.v13 ::after{animation-play-state:paused!important}
.v13.run *,.v13.run ::before,.v13.run ::after{animation-play-state:running!important}
@media (prefers-reduced-motion:reduce){.v13{display:none}}
/* cruzeiro: fallback CSS (tier baixo / sem WebGL) */
.w5 .v13{inset:0;width:auto;aspect-ratio:auto;top:0;translate:none;z-index:1}
.w5 canvas.agua{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .8s}
.w5 canvas.agua.ok{opacity:1}

/* r13b cruzeiro real: tira brilhos "de fada" (svg fx) e ondas desenhadas; vídeo real com leve balanço de navegação */
.w5 svg.fx,.w5 .waves{display:none!important}
.w5 .z.far video.mv{animation:v13bob 7s ease-in-out infinite alternate;transform-origin:50% 60%}
@keyframes v13bob{0%{transform:scale(1.03) translate3d(0,-.25%,0) rotate(-.25deg)}100%{transform:scale(1.03) translate3d(0,.35%,0) rotate(.25deg)}}
@media (prefers-reduced-motion:reduce){.w5 .z.far video.mv{animation:none}}
