/* Capas dos jogos no estilo betamina — card 440/600, cantos 16px, selo no rodapé,
   zoom + shine sweep no hover, sombra, full-bleed.
   Dois seletores: home (game-card-wrapper > a) e cassino (a.game-card). */

/* ── PROPORÇÃO E CANTOS ─────────────────────────────────────────────────────── */
.game-slide .game-card-wrapper,
.bra-busca-grid .game-card-wrapper{aspect-ratio:2/3!important}

.game-card-wrapper>a,
.game-card[data-v-144a840e] .game-image{border-radius:16px!important;overflow:hidden}
.game-card[data-v-144a840e] .game-image{aspect-ratio:2/3!important;position:relative}

/* ── SOMBRA ─────────────────────────────────────────────────────────────────── */
.game-card-wrapper>a,
a.game-card{
  position:relative;
  box-shadow:0 4px 16px rgba(0,0,0,.5);
  transition:box-shadow .3s ease}
@media (hover:hover) and (pointer:fine) { .game-card-wrapper>a:hover,a.game-card:hover {
  box-shadow:0 8px 32px rgba(0,0,0,.7)} }

/* ── ZOOM NA IMAGEM ─────────────────────────────────────────────────────────── */
.game-card-wrapper>a img.game-img,
a.game-card img{
  transition:transform .32s cubic-bezier(.2,.8,.3,1.1)!important}
/* 24/10 (devjunior, travadas): sem will-change fixo — ele virava ~1.000 camadas na home (todos os cards); o navegador já sobe pra GPU sozinho durante o hover */
@media (hover:hover) and (pointer:fine) { .game-card-wrapper>a:hover img.game-img,a.game-card:hover img {
  transform:scale(1.07)!important} }

/* ── SHINE SWEEP DIAGONAL — removido 24/10 (devjunior: "clarões brancos na tela" em /cassino?prov=JILI) ─────────────
   A faixa branca ficava parada à esquerda de cada capa (left:-90%) esperando o hover. Na home o <a> corta (overflow:hidden),
   mas na página do cassino o card é a.game-card, que NÃO corta → as faixas apareciam no fundo, ao lado e embaixo das capas.
   E era duplicado: a "luz que passa" no hover já existe em anim.css (.game-card-wrapper>a::after / .game-image::after,
   sempre dentro da capa). Fica só aquela. */

/* ── PLAY-BTN (só no home onde existe) ─────────────────────────────────────── */
@media (hover:hover) and (pointer:fine) { .game-card-wrapper>a:hover .play-btn {opacity:1!important} }
.play-btn{
  border-radius:8px!important;
  font-size:13px!important;font-weight:700!important;
  padding:7px 18px!important;gap:6px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.5)}

/* ── REDUCED MOTION ─────────────────────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  .game-card-wrapper>a img.game-img,
  a.game-card img{transition:none!important}
  @media (hover:hover) and (pointer:fine) { .game-card-wrapper>a:hover img.game-img,a.game-card:hover img {transform:none!important} }
  .game-card-wrapper>a::before,
  a.game-card::before{display:none}}

/* ── SELO DO PROVEDOR — rodapé da capa ──────────────────────────────────────── */
.w1-selo{
  position:absolute;z-index:15;
  bottom:0;top:auto;
  left:50%;transform:translateX(-50%);
  max-width:84%;
  padding:4px 10px 5px;border-radius:8px 8px 0 0;
  background:rgba(9,12,34,.82);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  color:#fff;font:700 8.5px/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.04em;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;pointer-events:none}
@media(min-width:640px){.w1-selo{font-size:9.5px;padding:5px 12px 6px}}
@media(hover:none){.w1-selo{font-size:8px;padding:3px 8px 4px;max-width:92%}}

/* ── BOTÃO FAVORITO (oculto) ────────────────────────────────────────────────── */
.game-card-wrapper .fav-btn{display:none!important}

/* ── BADGE "N JOGANDO" ──────────────────────────────────────────────────────── */
.w1-jogando{
  display:flex;align-items:center;gap:4px;
  margin-top:6px;padding-left:2px;
  font:500 12px/1 Inter,system-ui,sans-serif;
  color:rgba(255,255,255,.55);white-space:nowrap}
.w1-jogando b{color:#fff;font-weight:700}
.w1-jogando i{
  width:7px;height:7px;border-radius:50%;
  background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);
  animation:w1pulse 2s infinite}
/* 24/10 (devjunior, travadas): pulso só com opacidade (GPU). Era anel de box-shadow em várias capas ao mesmo tempo,
   redesenhando a cada quadro mesmo com a página parada */
@keyframes w1pulse{
  50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.w1-jogando i{animation:none}}

/* ── BADGE "● N" (corner) ───────────────────────────────────────────────────── */
.game-card-wrapper,
.game-card-wrap{overflow:visible!important}
.game-card-wrap{position:relative}   /* 24/10: o selo "● N" também na página do cassino, preso no canto do card */
.w1-online{
  position:absolute;z-index:20;top:6px;right:6px;
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.15);
  border-radius:99px;padding:3px 8px 3px 6px;
  font:700 10px/1 Inter,system-ui,sans-serif;color:#fff;
  pointer-events:none;white-space:nowrap}
.w1-online i{
  width:6px;height:6px;border-radius:50%;
  background:#22c55e;box-shadow:0 0 6px #22c55e;
  flex:0 0 auto;animation:w1pulse 2s infinite}
@media(max-width:640px){.w1-online{font-size:9px;padding:2px 7px 2px 5px;top:5px;right:5px}}
@media(prefers-reduced-motion:reduce){.w1-online i{animation:none}}

/* ── PÁGINA DO JOGO (PRESELL) ───────────────────────────────────────────────── */
.presell-thumb img{aspect-ratio:2/3!important;height:auto!important}
.presell-play-content:not(.presell-play-content--secondary){color:#fff!important}

/* ── OBJECT-FIT: imagensfivers (300x350) usa contain; betamina/1win/betatudo cover ── */
/* Cassino grid (a.game-card img) */
a.game-card img:not([src*="/1win/"]):not([src*="/betatudo/"]):not([src*="/betamina/"]){
  object-fit:contain!important;object-position:center!important;
  background:radial-gradient(120% 120% at 50% 35%,#171a2b 0%,#0b0e1a 100%)!important}
a.game-card img[src*="/1win/"],
a.game-card img[src*="/betatudo/"],
a.game-card img[src*="/betamina/"]{
  object-fit:cover!important;
  background:#0a0d16}

/* Home / busca (img.game-img) */
.game-slide .game-card-wrapper img:not([src*="/1win/"]):not([src*="/betatudo/"]):not([src*="/betamina/"]),
.bra-busca-grid .game-card-wrapper img:not([src*="/1win/"]):not([src*="/betatudo/"]):not([src*="/betamina/"]),
.game-card[data-v-144a840e] .game-image img:not([src*="/1win/"]):not([src*="/betatudo/"]):not([src*="/betamina/"]){
  object-fit:contain!important;object-position:center!important;
  background:radial-gradient(120% 120% at 50% 35%,#171a2b 0%,#0b0e1a 100%)!important}

.game-slide .game-card-wrapper,.bra-busca-grid .game-card-wrapper,
.game-card[data-v-144a840e] .game-image{background:#0a0d16}

.game-slide .game-card-wrapper img[src*="/1win/"],
.game-slide .game-card-wrapper img[src*="/betatudo/"],
.game-slide .game-card-wrapper img[src*="/betamina/"],
.bra-busca-grid .game-card-wrapper img[src*="/1win/"],
.bra-busca-grid .game-card-wrapper img[src*="/betatudo/"],
.bra-busca-grid .game-card-wrapper img[src*="/betamina/"],
.game-card[data-v-144a840e] .game-image img[src*="/1win/"],
.game-card[data-v-144a840e] .game-image img[src*="/betatudo/"],
.game-card[data-v-144a840e] .game-image img[src*="/betamina/"]{
  transform:scale(1)}

/* ── TOP GAMES (rank-cover) ─────────────────────────────────────────────────── */
.rank-cover .game-card-wrapper{aspect-ratio:2/3!important;background:#0a0d16}
.rank-cover .game-card-wrapper img:not([src*="/1win/"]):not([src*="/betatudo/"]):not([src*="/betamina/"]){
  object-fit:contain!important;object-position:center!important;
  background:radial-gradient(120% 120% at 50% 35%,#171a2b 0%,#0b0e1a 100%)!important}
.rank-cover .game-card-wrapper img[src*="/1win/"],
.rank-cover .game-card-wrapper img[src*="/betatudo/"],
.rank-cover .game-card-wrapper img[src*="/betamina/"]{transform:scale(1)}

/* 29/10 (zkdev): "● N jogando" embaixo da capa desligado — só o selo da capa (.w1-online) mostra o número */
.w1-jogando{display:none!important}