
.public-game-browser-shell .homepage-public-library-tools,
.public-game-browser-shell .platformer-library-tools.homepage-public-library-tools {
  width: min(1120px, calc(100% - 2rem));
  margin: 0 auto 1.2rem !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .75rem !important;
}

.public-game-browser-shell #gameSearch {
  width: min(420px, 100%) !important;
  max-width: 100% !important;
  align-self: center !important;
  margin: 0 auto !important;
  touch-action: manipulation !important;
}

.public-game-browser-shell .homepage-platform-select-wrap {
  display: none !important;
}

.public-game-browser-shell #consoleFilters {
  width: min(1040px, 100%) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .52rem .48rem !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

.public-game-browser-shell #consoleFilters button {
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.public-game-browser-shell #consoleFilters button.active,
.public-game-browser-shell #consoleFilters button.is-active,
.public-game-browser-shell #consoleFilters button[aria-pressed="true"] {
  transform: translateY(1px) !important;
  filter: saturate(1.1) brightness(1.03) !important;
}

.public-game-browser-shell #gameGrid .game-card[hidden],
.public-game-browser-shell #gameGrid .platformer-game-card[hidden] {
  display: none !important;
}

.public-game-no-results {
  width: min(760px, calc(100% - 2rem));
  margin: .9rem auto 1.25rem !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  .public-game-browser-shell .homepage-public-library-tools,
  .public-game-browser-shell .platformer-library-tools.homepage-public-library-tools {
    width: min(100% - .9rem, 640px) !important;
    gap: .65rem !important;
  }

  .public-game-browser-shell #gameSearch {
    width: min(100%, 420px) !important;
    min-height: 44px !important;
    font-size: 16px !important;
  }

  .public-game-browser-shell #consoleFilters {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: .42rem !important;
  }

  .public-game-browser-shell #consoleFilters button {
    min-height: 38px !important;
    padding-left: .58rem !important;
    padding-right: .58rem !important;
    font-size: .76rem !important;
    line-height: 1.05 !important;
  }
}

@media (max-width: 760px) and (orientation: portrait) {
  .public-game-browser-shell .homepage-public-library-tools,
  .public-game-browser-shell .platformer-library-tools.homepage-public-library-tools {
    gap: .58rem !important;
    margin-bottom: .8rem !important;
  }

  .public-game-browser-shell #gameSearch {
    width: 100% !important;
    min-height: 48px !important;
  }

  .public-game-browser-shell #consoleFilters {
    display: none !important;
  }

  .public-game-browser-shell .homepage-platform-select-wrap {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .55rem !important;
    margin: 0 auto !important;
    padding: .48rem .58rem !important;
    border: 2px solid rgba(28, 48, 66, .22) !important;
    border-radius: 20px !important;
    background: rgba(255, 252, 241, .92) !important;
    box-shadow: 0 7px 0 rgba(190, 121, 15, .95), 0 14px 24px rgba(39, 140, 174, .16) !important;
  }

  .public-game-browser-shell .homepage-platform-select-wrap label {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 .1rem !important;
    font: 900 .82rem/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #1c2d45 !important;
    white-space: nowrap !important;
  }

  .public-game-browser-shell .homepage-platform-select-wrap select {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 0 2.25rem 0 .82rem !important;
    border: 2px solid rgba(28, 48, 66, .22) !important;
    border-radius: 15px !important;
    background: #fffaf0 !important;
    color: #1b2638 !important;
    font: 850 .88rem/1.1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 0 rgba(201,126,10,.72) !important;
    touch-action: manipulation !important;
  }
}

@media (max-width: 380px) and (orientation: portrait) {
  .public-game-browser-shell .homepage-platform-select-wrap {
    grid-template-columns: 1fr !important;
    gap: .32rem !important;
  }

  .public-game-browser-shell .homepage-platform-select-wrap label {
    min-height: auto !important;
    justify-content: center !important;
  }
}
