/* SVGWIN - Natal nos cards de jogos (rodada 2). So enfeite POR CIMA do card: nenhuma imagem de jogo muda.
   - Neve no topo dos cards de jogo (verticais e quadrados), 3 desenhos alternados. O card largo do
     Esportes (.hori) e os cards em manutencao (.maintain) ficam sem enfeite.
   - Gorro no canto superior esquerdo de 1 a cada 5 cards, so em card SEM selo (HOT/NEW/giros gratis):
     celular cards 6, 11, 16...; PC cards 7, 12, 17... (nunca na 1a fileira, longe do titulo da secao).
     A regra do gorro usa :has(); navegador sem :has() ignora so o gorro (a neve continua).
   - Camadas: neve (z-index 2) e gorro (3, vem antes no DOM) ficam ABAIXO do selo (3), do nome do
     jogo (4), da mascara Jogar (5), da estrela (6) e do aviso de manutencao (7). Sem 'isolation' no
     card: ela mudava o desenho (anti-aliasing) dos selos e nomes no celular.
   - Mascara Jogar visivel (mouse no PC / toque longo no celular): neve e gorro somem junto,
     e o card fica igual ao de hoje nesse estado.
   - Medidas em % da LARGURA do card (margin-top e padding-bottom em % tambem sao da largura):
     a arte nunca estica. pointer-events:none: o clique continua indo para o jogo.
   - Imagens em /natal/ (desenhadas em 3x no celular e 2,4x no PC). Para tirar o tema: remover este arquivo. */
.game_list > .game_card.game_item:not(.hori):not(.maintain)::after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: content-box;
  top: 0;
  right: auto;
  bottom: auto;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  transform: none;
  animation: none;
  transition: none;
  opacity: 1;
  filter: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  pointer-events: none;
  z-index: 2;
  left: -2.6087%;
  width: 105.2174%;
  margin-top: -6.9565%;
  padding-bottom: 18.8406%;
  background-image: url(/natal/neve_card.png?v=2);
}
.game_list > .game_card.game_item:not(.hori):not(.maintain):nth-child(5n+2)::after {
  background-image: url(/natal/neve_card_2.png?v=2);
}
.game_list > .game_card.game_item:not(.hori):not(.maintain):nth-child(5n+4)::after {
  background-image: url(/natal/neve_card_3.png?v=2);
}
@media (min-width: 576px) {
  .game_list > .game_card.game_item:not(.hori):not(.maintain)::after {
    left: -1.6667%;
    width: 103.3333%;
    margin-top: -6.9444%;
    padding-bottom: 19.7222%;
    background-image: url(/natal/neve_card_pc.png?v=2);
  }
  .game_list > .game_card.game_item:not(.hori):not(.maintain):nth-child(5n+2)::after {
    background-image: url(/natal/neve_card_pc_2.png?v=2);
  }
  .game_list > .game_card.game_item:not(.hori):not(.maintain):nth-child(5n+4)::after {
    background-image: url(/natal/neve_card_pc_3.png?v=2);
  }
}
@media (max-width: 575.98px) {
  .game_list > .game_card.game_item:not(.hori):not(.maintain):nth-child(5n+6):not(:has(.game_tag))::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: content-box;
    top: 0;
    right: auto;
    bottom: auto;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    transform: none;
    animation: none;
    transition: none;
    opacity: 1;
    filter: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 3;
    left: -0.2899%;
    width: 26.087%;
    margin-top: -7.5362%;
    padding-bottom: 21.4493%;
    background-image: url(/natal/gorro_card.png?v=2);
  }
}
@media (min-width: 576px) {
  .game_list > .game_card.game_item:not(.hori):not(.maintain):nth-child(5n+7):not(:has(.game_tag))::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: content-box;
    top: 0;
    right: auto;
    bottom: auto;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    transform: none;
    animation: none;
    transition: none;
    opacity: 1;
    filter: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 3;
    left: 0.2778%;
    width: 26.1111%;
    margin-top: -7.5%;
    padding-bottom: 21.3889%;
    background-image: url(/natal/gorro_card_pc.png?v=2);
  }
}
.game_list > .game_card.game_item.is-hover::after,
.game_list > .game_card.game_item.is-hover::before {
  visibility: hidden;
}
@media (min-width: 576px) {
  .game_list > .game_card.game_item:hover::after,
  .game_list > .game_card.game_item:hover::before {
    visibility: hidden;
  }
}
