.game-nav-wrap {
  position: sticky;
  top: 0;
  z-index: 90;
  padding: 8px 18px 5px;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(2,3,10,.58), rgba(2,3,10,.10) 78%, transparent);
}

.game-nav {
  display: flex;
  gap: 8px;
  padding: 7px;
  border-radius: 18px;
  background: rgba(5, 8, 22, .84);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 26px rgba(0,0,0,.24);
  backdrop-filter: blur(14px);
  pointer-events: auto;
}

.game-nav a,
.game-nav button {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  padding: 9px 12px;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.08);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.game-nav a.active {
  color: #06111f;
  background: linear-gradient(135deg, #67e8f9, #a78bfa);
  border-color: transparent;
}

.game-nav button.danger {
  color: #fecdd3;
  background: rgba(251,113,133,.14);
  border-color: rgba(251,113,133,.32);
}

.game-nav button.danger:hover {
  color: #fff;
  background: rgba(251,113,133,.24);
}

body.has-game-nav {
  overflow: auto;
}

body.has-game-nav .shell {
  min-height: calc(100vh - 58px);
  height: auto;
  padding-top: 0;
}

body.has-game-nav .page {
  min-height: calc(100vh - 58px);
  padding-top: 0;
}

body.has-game-nav main {
  margin-top: 0;
}

body.has-game-nav .footer {
  bottom: 10px;
}

.world-inline-reports-hidden {
  display: none !important;
}

@media (max-width: 760px) {
  .game-nav-wrap {
    padding: 8px 10px 6px;
    justify-content: stretch;
  }

  .game-nav {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .game-nav a,
  .game-nav button {
    flex: 1 1 auto;
    text-align: center;
    padding: 10px 9px;
    font-size: 12px;
  }

  body.has-game-nav .shell,
  body.has-game-nav .page {
    min-height: calc(100vh - 96px);
    padding-top: 0;
  }
}