/* PERMATA757 – Game hover/tap overlay V1. Visual only. */
/* Lihat semua: bayangan biru mengikuti warna tombol bawaan. */
a.card__see-all {
  box-shadow: 0 3px 0 rgba(1,10,76,.9), 0 5px 10px rgba(0,0,0,.32), 0 0 12px rgba(67,113,255,.28) !important;
  transition: box-shadow .2s ease, transform .2s ease;
}
@media (hover:hover) and (pointer:fine) {
  a.card__see-all:hover, a.card__see-all:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 5px 0 rgba(1,10,76,.9), 0 8px 18px rgba(0,0,0,.42), 0 0 20px rgba(67,113,255,.48) !important;
  }
}
a.card__see-all:active { transform: translateY(1px); }
/* Overlay hanya di bagian foto, tidak pada nama game atau link lainnya. */
.p757-game-hover-ready .game-item,
.p757-game-hover-ready .casino-game__container { position:relative; isolation:isolate; }
.p757-play-overlay {
  position:absolute; inset:0; z-index:35;
  display:flex; justify-content:center; align-items:center;
  overflow:hidden; border-radius:inherit;
  opacity:0; visibility:hidden; pointer-events:none;
  background:rgba(5,8,31,.43);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  transition:opacity .18s ease, visibility .18s ease;
}
.p757-play-control {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; color:white; text-shadow:0 1px 5px rgba(0,0,0,.65);
  font-size:12px; font-weight:700; line-height:1.1;
  pointer-events:none; user-select:none;
}
.p757-play-icon {
  width:50px; height:50px; border-radius:50%;
  display:flex; justify-content:center; align-items:center;
  background:linear-gradient(145deg,#655eff,#1648ee);
  color:#fff; font-size:22px; line-height:1;
  box-shadow:0 0 0 6px rgba(91,96,255,.17),0 5px 24px rgba(29,41,255,.5);
  padding-left:3px;
}
.p757-game-hover-ready > a:focus-visible .p757-play-overlay,
.p757-game-hover-ready.p757-play-active .p757-play-overlay {opacity:1;visibility:visible;}
.p757-game-hover-ready.p757-play-active .p757-play-control {pointer-events:auto;}
@media (hover:hover) and (pointer:fine) {
 .p757-game-hover-ready > a:hover .p757-play-overlay {opacity:1;visibility:visible;}
 .p757-game-hover-ready > a:hover .p757-play-control {pointer-events:auto;}
}
@media(max-width:480px) {
 .p757-play-icon { width:38px; height:38px; font-size:17px; box-shadow:0 0 0 4px rgba(91,96,255,.18),0 4px 14px rgba(29,41,255,.45); }
 .p757-play-control {font-size:11px;gap:3px;}
}
@media(prefers-reduced-motion:reduce){a.card__see-all,.p757-play-overlay {transition:none!important}}