/* v9.1.2 - full-card image layers, avoids inherited ::before oval sizing */
.v841-game-grid.v862-six-game-grid > a.v862-game-card {
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#061523!important;
  background-image:
    linear-gradient(90deg,rgba(2,9,19,.88) 0%,rgba(2,9,19,.55) 48%,rgba(2,9,19,.12) 100%),
    linear-gradient(0deg,rgba(2,9,19,.8),transparent 65%),
    var(--cloud-image)!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-position:center,center,center center!important;
  background-size:100% 100%,100% 100%,cover!important;
  border:1px solid rgba(var(--cloud-accent,64,194,255),.46)!important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.20),0 12px 30px rgba(0,0,0,.25)!important;
  transition:transform .28s ease,box-shadow .28s ease,background-size .45s ease!important;
}
/* Old lobby CSS makes the background pseudo-element a small icon/oval. */
.v841-game-grid.v862-six-game-grid > a.v862-game-card::before,
.v841-game-grid.v862-six-game-grid > a.v862-game-card::after {
  content:none!important;
  display:none!important;
}
.v841-game-grid.v862-six-game-grid > a.v862-game-card > * {
  position:relative!important;
  z-index:1!important;
  text-shadow:0 2px 8px #000,0 0 18px rgba(0,0,0,.65)!important;
}
.v841-game-grid.v862-six-game-grid > a.v862-game-card:hover,
.v841-game-grid.v862-six-game-grid > a.v862-game-card:focus-visible {
  transform:translateY(-3px)!important;
  background-size:100% 100%,100% 100%,108% auto!important;
  box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 20px rgba(var(--cloud-accent,64,194,255),.25)!important;
}
@media(max-width:600px){
  .v841-game-grid.v862-six-game-grid > a.v862-game-card{
    background-position:center,center,center center!important;
    background-size:100% 100%,100% 100%,cover!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .v841-game-grid.v862-six-game-grid > a.v862-game-card{transition:none!important}
}