.discover-page #gameGrid.game-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

.discover-page #gameGrid .game-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #344258!important;
  border-radius:15px!important;
  background:#151d2a!important;
  box-shadow:none!important;
}

.discover-page #gameGrid .game-art{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#0b111a!important;
}

.discover-page #gameGrid .game-guide-thumbnail,
.discover-page #gameGrid .game-guide-thumbnail img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

.discover-page #gameGrid .game-guide-thumbnail img{
  object-fit:cover!important;
}

.discover-page #gameGrid .game-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:12px!important;
  border:0!important;
  background:transparent!important;
}

.discover-page #gameGrid .game-genre{
  margin:0 0 5px!important;
  color:#aeb8ca!important;
  font-size:.64rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.discover-page #gameGrid .game-body h3{
  margin:0 0 6px!important;
  font-size:1rem!important;
  line-height:1.15!important;
}

.discover-page #gameGrid .game-body>p{
  display:-webkit-box!important;
  margin:0!important;
  overflow:hidden!important;
  color:#aeb8ca!important;
  font-size:.78rem!important;
  line-height:1.38!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

.discover-page #gameGrid .game-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:10px 0 0!important;
}

.discover-page #gameGrid .game-meta span{
  padding:4px 6px!important;
  border:1px solid #3a465b!important;
  border-radius:6px!important;
  background:#202938!important;
  color:#bec7d6!important;
  font-size:.62rem!important;
  line-height:1!important;
}

.discover-page #gameGrid .game-card-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  margin-top:auto!important;
  padding-top:11px!important;
  border:0!important;
  background:transparent!important;
}

.discover-page #gameGrid .game-card-actions .details-link,
.discover-page #gameGrid .game-card-actions .play-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 11px!important;
  border-radius:8px!important;
  font-size:.75rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-align:center!important;
  text-decoration:none!important;
}

.discover-page #gameGrid .game-card-actions .details-link{
  border:0!important;
  background:#49d1e5!important;
  color:#071219!important;
}

.discover-page #gameGrid .game-card-actions .play-link{
  width:auto!important;
  max-width:98px!important;
  border:1px solid #52637c!important;
  background:#1b2534!important;
  color:#f2f5fa!important;
}

.discover-page #gameGrid .save-button{
  top:9px!important;
  right:9px!important;
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
}

.discover-page .result-load-controls{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  margin:22px auto 0!important;
  text-align:center!important;
}

.discover-page .result-load-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
}

.discover-page .results-count{
  width:100%!important;
  margin:0!important;
  color:#aebbd0!important;
  font-size:.9rem!important;
  font-weight:800!important;
  text-align:center!important;
}

.discover-page .result-load-actions button{
  min-width:170px!important;
  min-height:48px!important;
  margin:0!important;
}

.discover-page .show-all-results{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 18px!important;
  border:0!important;
  background:transparent!important;
  color:#b9c7da!important;
  font:inherit!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-decoration-color:rgba(103,220,236,.45)!important;
  text-underline-offset:4px!important;
  cursor:pointer!important;
}

.discover-page .show-all-results:hover,
.discover-page .show-all-results:focus-visible{
  color:#67dcec!important;
  text-decoration-color:currentColor!important;
}

.discover-page .show-all-results[hidden],
.discover-page .load-more[hidden]{
  display:none!important;
}

@media(max-width:1180px){
  .discover-page #gameGrid.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .discover-page #gameGrid.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .discover-page #gameGrid .game-body{padding:8px!important}
  .discover-page #gameGrid .game-body>p,
  .discover-page #gameGrid .game-meta{display:none!important}
  .discover-page #gameGrid .game-body h3{font-size:.85rem!important}
  .discover-page #gameGrid .game-card-actions{grid-template-columns:minmax(0,1fr) 72px!important;gap:5px!important;padding-top:8px!important}
  .discover-page #gameGrid .game-card-actions .details-link,
  .discover-page #gameGrid .game-card-actions .play-link{min-height:32px!important;padding:0 6px!important;font-size:.64rem!important}
  .discover-page #gameGrid .game-card-actions .play-link{max-width:none!important}
  .discover-page .result-load-actions{flex-direction:column!important;max-width:290px!important}
  .discover-page .result-load-actions button{width:100%!important;min-width:0!important;min-height:46px!important}
}

@media(max-width:520px){
  .discover-page #gameGrid.game-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .discover-page #gameGrid .game-card{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    min-height:136px!important;
    border-radius:13px!important;
  }

  .discover-page #gameGrid .game-art{
    height:100%!important;
    min-height:136px!important;
    aspect-ratio:auto!important;
  }

  .discover-page #gameGrid .game-body{
    justify-content:flex-start!important;
    padding:9px 10px!important;
  }

  .discover-page #gameGrid .game-genre{
    margin:0 0 3px!important;
    font-size:.57rem!important;
  }

  .discover-page #gameGrid .game-body h3{
    margin:0 0 5px!important;
    font-size:.92rem!important;
    line-height:1.12!important;
  }

  .discover-page #gameGrid .game-body>p{
    display:-webkit-box!important;
    font-size:.68rem!important;
    line-height:1.3!important;
    -webkit-line-clamp:2!important;
  }

  .discover-page #gameGrid .game-meta{
    display:flex!important;
    gap:4px!important;
    margin:7px 0 0!important;
  }

  .discover-page #gameGrid .game-meta span{
    display:none!important;
    padding:3px 5px!important;
    font-size:.55rem!important;
  }

  .discover-page #gameGrid .game-meta span:nth-child(1),
  .discover-page #gameGrid .game-meta span:nth-child(2){
    display:inline-flex!important;
  }

  .discover-page #gameGrid .game-card-actions{
    grid-template-columns:minmax(0,1fr) 82px!important;
    gap:6px!important;
    margin-top:8px!important;
    padding-top:0!important;
  }

  .discover-page #gameGrid .game-card-actions .details-link,
  .discover-page #gameGrid .game-card-actions .play-link{
    min-height:32px!important;
    padding:0 7px!important;
    font-size:.64rem!important;
  }

  .discover-page #gameGrid .game-card-actions .play-link{
    max-width:none!important;
    white-space:normal!important;
  }

  .discover-page #gameGrid .save-button{
    top:7px!important;
    right:7px!important;
    width:32px!important;
    height:32px!important;
  }
}

@media(max-width:350px){
  .discover-page #gameGrid .game-card{
    grid-template-columns:102px minmax(0,1fr)!important;
  }

  .discover-page #gameGrid .game-body>p{
    -webkit-line-clamp:1!important;
  }

  .discover-page #gameGrid .game-card-actions{
    grid-template-columns:minmax(0,1fr) 74px!important;
  }
}