/* Bolinha verde "ao vivo" pulsando no canto de cima à direita das capas dos jogos (23/10, pedido do zok).
   Só CSS: fileiras da home (.game-slide), busca (.bra-busca-grid) e páginas de categoria (.game-card .game-image).
   No PC o coração de favorito aparece no mesmo canto ao passar o mouse → a bolinha some no hover. */
.game-slide .game-card-wrapper>a::after,
.bra-busca-grid .game-card-wrapper>a::after,
.game-card[data-v-144a840e] .game-image::after{
  content:'';position:absolute;z-index:14;top:8px;right:8px;width:8px;height:8px;border-radius:50%;
  background:#22c55e;box-shadow:0 0 0 2px rgba(9,12,34,.55),0 0 0 0 rgba(34,197,94,.7);
  animation:capaPontinho 1.6s ease-out infinite;pointer-events:none;transition:opacity .15s;
  opacity:1!important;top:8px!important;right:8px!important;bottom:auto!important;left:auto!important;transform:none!important;
  width:8px!important;height:8px!important;margin:0!important}   /* o tema usa esse ::after (véu de hover / play no meio, no celular) — posição forçada */
@keyframes capaPontinho{0%{box-shadow:0 0 0 2px rgba(9,12,34,.55),0 0 0 0 rgba(34,197,94,.7)}
  70%,100%{box-shadow:0 0 0 2px rgba(9,12,34,.55),0 0 0 7px rgba(34,197,94,0)}}
@media(min-width:640px){
  .game-slide .game-card-wrapper>a::after,.bra-busca-grid .game-card-wrapper>a::after,
  .game-card[data-v-144a840e] .game-image::after{top:10px!important;right:10px!important;width:9px!important;height:9px!important}}
@media(hover:hover){
  .game-slide .game-card-wrapper:hover>a::after,.bra-busca-grid .game-card-wrapper:hover>a::after,
  .game-card[data-v-144a840e]:hover .game-image::after{opacity:0!important}}
@media(prefers-reduced-motion:reduce){
  .game-slide .game-card-wrapper>a::after,.bra-busca-grid .game-card-wrapper>a::after,
  .game-card[data-v-144a840e] .game-image::after{animation:none}}