/* v0.9.74 · enforce desktop home columns and mirror Game Availability on the new launch buttons */
@media (min-width: 821px) {
  body.home-screen #homeApp.home-app:not(.hidden) {
    display: grid !important;
    width: min(820px, calc(100vw - 32px)) !important;
    grid-template-columns: minmax(0, 440px) minmax(250px, 300px) !important;
    gap: 18px !important;
    align-items: start !important;
    justify-content: center !important;
    margin: 22px auto 40px !important;
  }

  body.home-screen #homeApp > .home-panel,
  body.home-screen #homeApp > .leaderboard-panel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: start !important;
  }

  body.home-screen #homeApp > .home-panel { grid-column: 1 !important; }
  body.home-screen #homeApp > .leaderboard-panel { grid-column: 2 !important; grid-row: 1 !important; }

  #homeApp .v072-game-menu {
    width: 100% !important;
    max-width: none !important;
  }
}

.v072-main-game {
  position: relative !important;
  padding-right: 104px !important;
}

.v072-main-game.game-unavailable {
  filter: grayscale(.55);
  opacity: .72;
  cursor: not-allowed;
}

.v072-main-game > .game-availability-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  max-width: 94px;
  margin: 0 !important;
  padding: 4px 7px !important;
  border: 2px solid #111 !important;
  border-radius: 7px !important;
  background: #ff7b68 !important;
  color: #111 !important;
  box-shadow: 2px 2px 0 #111 !important;
  font-size: .68rem !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center;
  white-space: nowrap;
}

.v072-main-game[data-availability-status="beta"] > .game-availability-badge {
  background: var(--wf-lime, #b8ff35) !important;
}

.v072-main-game[data-availability-status="alpha"] > .game-availability-badge {
  background: #79c8ff !important;
}

.v072-main-game[data-availability-status="coming-soon"] > .game-availability-badge {
  background: #ffd45c !important;
}

@media (max-width: 820px) {
  body.home-screen #homeApp.home-app:not(.hidden) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .v072-main-game { padding-right: 104px !important; }
}
