#game-container { justify-content: center; }
#game-container .game_item[hidden], .game-catalog-more [hidden] { display: none !important; }
.game-catalog-more { display: grid; justify-items: center; gap: 12px; margin: 26px auto 12px; padding: 0 16px; text-align: center; }
.game-catalog-more p { margin: 0; color: #91a8ba; font-size: .875rem; }
.game-catalog-more button { display: inline-flex; align-items: center; gap: 12px; padding: 14px 25px; border: 1px solid #264a63; border-radius: 12px; background: linear-gradient(135deg,#122b3d,#091722); color: #eef8ff; font: inherit; font-weight: 700; cursor: pointer; transition: border-color .18s ease, background-color .18s ease; }
.game-catalog-more button:hover { border-color: #209fff; background: #113047; }
.game-catalog-more button:focus-visible { outline: 2px solid #3baaff; outline-offset: 4px; }
.game-catalog-more button span { color: #39acff; }
/* Keep information popups inside the right edge of each visible catalog row. */
@media (min-width:1600px) { #game-container .game_item:nth-child(6n of :not([hidden])) .game-info-popover { left:auto; right:8px; } }
@media (min-width:1200px) and (max-width:1599.98px) { #game-container .game_item:nth-child(5n of :not([hidden])) .game-info-popover { left:auto; right:8px; } }
@media (min-width:992px) and (max-width:1199.98px) { #game-container .game_item:nth-child(4n of :not([hidden])) .game-info-popover { left:auto; right:8px; } }
@media (max-width:991.98px) {
  #game-container .game_item:nth-child(odd of :not([hidden])) .game-info-popover { left:8px; right:auto; }
  #game-container .game_item:nth-child(even of :not([hidden])) .game-info-popover { left:auto; right:8px; }
}