/* WR 13.0: replay integrado ao site público; sem janelas ou pop-ups. */
#ranking .wr13-bar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-12px 0 25px;padding:13px 18px;background:linear-gradient(100deg,rgba(50,117,184,.23),rgba(9,37,73,.8));border:1px solid rgba(135,193,248,.28);border-radius:14px;color:#e5f3ff;font-size:13px}
#ranking .wr13-status,#ranking .wr13-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#ranking .wr13-orb{height:9px;width:9px;border-radius:100%;background:#73cdfd;box-shadow:0 0 0 4px rgba(115,205,253,.13),0 0 12px rgba(115,205,253,.8)}
#ranking .wr13-progress{color:#93c7ec;font-size:11px;font-weight:750}
#ranking .wr13-buttons button{background:rgba(56,129,200,.17);border:1px solid rgba(146,196,248,.3);color:#daefff;padding:8px 13px;border-radius:9px;font-weight:750;font-size:11px;cursor:pointer;transition:background .2s}
#ranking .wr13-buttons button:hover{background:rgba(70,145,226,.32)}
#ranking .wr13-buttons .wr13-skip{background:#d7efff;color:#112a4b}
#ranking .wr13-buttons .wr13-skip[hidden]{display:none}
#ranking [data-wr-rank-id]{will-change:transform,opacity;transform-origin:center;isolation:isolate}
#ranking .wr13-new-leader{animation:wr13-glow 1.5s ease-out}
@keyframes wr13-glow{0%,80%,100%{box-shadow:0 24px 50px rgba(0,0,0,.25)}40%{box-shadow:0 0 0 3px rgba(250,211,111,.55),0 0 44px rgba(249,184,51,.45)}}
#ranking .wr13-confetti{position:absolute;z-index:5;left:10%;right:10%;top:18%;height:320px;overflow:hidden;pointer-events:none}
#ranking .wr13-confetti i{position:absolute;left:var(--x);top:0;width:8px;height:13px;border-radius:2px;background:#f8d072;transform:rotate(var(--rot));animation:wr13-fall 1.5s ease-out var(--delay) forwards;opacity:0}
#ranking .wr13-confetti i:nth-child(3n){background:#76c6ff}#ranking .wr13-confetti i:nth-child(5n){background:#fff}
@keyframes wr13-fall{0%{opacity:0;transform:translateY(-16px) rotate(var(--rot)) scale(.65)}15%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(300px) rotate(680deg) scale(.8)}}
@media(max-width:760px){#ranking .wr13-bar{align-items:stretch;flex-direction:column;margin:0 0 15px;font-size:12px}#ranking .wr13-buttons{justify-content:space-between}#ranking .wr13-confetti{left:0;right:0}}
@media(prefers-reduced-motion:reduce){#ranking .wr13-confetti{display:none}#ranking .wr13-new-leader{animation:none}#ranking [data-wr-rank-id]{will-change:auto}}

/* 13.1: ancora de layout constante, sem dependencia de armazenamento local para o replay diario. */
#ranking .wr13-rank-host{max-width:1530px;margin-inline:auto;min-width:0}
#ranking .wr13-rank-host>.wr10-podium-empty{min-height:260px}

/* v13.2: evita exibicao do ranking final antes de restaurar o ultimo estado visto. */
#ranking .wr13-rank-host.wr13-loading{opacity:0}
#ranking .wr13-rank-host{transition:opacity .25s ease}
#ranking .wr13-audio[aria-pressed="true"]{border-color:rgba(130,219,178,.6);color:#d4fce8}

/* v13.3 — a animacao acompanha cada ultrapassagem de forma independente. */
#ranking .wr13-in-motion{position:relative;z-index:4;backface-visibility:hidden;will-change:transform,opacity}
#ranking .wr13-rank-host{overflow:visible;contain:none}
#ranking .wr13-rank-host [data-wr-rank-id]:not(.wr13-in-motion){will-change:auto}
#ranking .wr13-ghost{box-shadow:0 12px 28px rgba(0,0,0,.14)}
@media(prefers-reduced-motion:reduce){#ranking .wr13-in-motion{will-change:auto}}

/* v13.6 — destaque de nova producao sem alterar estrutura ou posicao.
   O pulso anima luz/tonalidade, NUNCA sacode ou desloca o card. */
#ranking [data-wr-rank-id].wr136-updated{
 position:relative;isolation:isolate;
 animation:wr136-card-pulse 1.8s ease-out both;
}
#ranking [data-wr-rank-id].wr136-updated::after{
 content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;pointer-events:none;
 background:radial-gradient(ellipse at 45% 45%,rgba(111,205,255,.29),rgba(54,139,226,.09) 59%,transparent 83%);
 animation:wr136-tonal-vibration 1.8s ease-out both;
}
#ranking [data-wr-rank-id].wr136-correction::after{
 background:radial-gradient(ellipse at 45% 45%,rgba(255,206,128,.24),rgba(221,150,47,.08) 59%,transparent 83%);
}
#ranking [data-wr-metric="cotas"].wr136-metric-updated{display:inline-block}
#ranking .wr136-metric-updated{
 transform-origin:left center;
 color:#d6f5ff;
 text-shadow:0 0 17px rgba(105,211,255,.88),0 0 32px rgba(57,154,255,.45);
 animation:wr136-metric-pulse 1.5s cubic-bezier(.22,.7,.2,1) both;
 font-variant-numeric:tabular-nums;
}
#ranking .wr136-correction .wr136-metric-updated{
 color:#ffe2ab;text-shadow:0 0 17px rgba(255,207,123,.64);
}
@keyframes wr136-card-pulse{
 0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(83,182,255,0)}
 18%{filter:brightness(1.19);box-shadow:0 0 0 2px rgba(112,215,255,.73),0 0 32px rgba(63,160,245,.43)}
 40%{filter:brightness(1.06);box-shadow:0 0 0 1px rgba(112,215,255,.23),0 0 10px rgba(63,160,245,.13)}
 62%{filter:brightness(1.21);box-shadow:0 0 0 2px rgba(112,215,255,.70),0 0 36px rgba(63,160,245,.36)}
 100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(83,182,255,0)}
}
@keyframes wr136-tonal-vibration{
 0%,100%{opacity:0}18%{opacity:1}40%{opacity:.15}62%{opacity:.95}83%{opacity:.2}
}
@keyframes wr136-metric-pulse{
 0%{transform:scale(1);filter:brightness(1)}
 21%{transform:scale(1.10);filter:brightness(1.22)}
 47%{transform:scale(1.035);filter:brightness(1.07)}
 72%{transform:scale(1.08);filter:brightness(1.18)}
 100%{transform:scale(1);filter:brightness(1)}
}
@media(prefers-reduced-motion:reduce){
 #ranking [data-wr-rank-id].wr136-updated,
 #ranking [data-wr-rank-id].wr136-updated::after,
 #ranking [data-wr-metric="cotas"].wr136-metric-updated{display:inline-block}
#ranking .wr136-metric-updated{animation:none;filter:none;transform:none;box-shadow:none;text-shadow:none}
}