.arcade-header {
  display: none;
}

.bottom-nav {
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 40;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  width: min(calc(100% - 20px), 620px);
  height: var(--bottom-nav-height);
  margin: 0 auto;
  border: 1px solid rgba(50,255,154,.18);
  border-radius: 24px;
  padding: 8px;
  background: rgba(5,10,14,.88);
  box-shadow: 0 14px 40px rgba(0,0,0,.46);
  backdrop-filter: blur(18px);
}

.bottom-nav a {
  display: grid;
  place-items: center;
  border-radius: 17px;
  color: var(--muted);
  font-size: .62rem;
  font-weight: 900;
  text-decoration: none;
}

.bottom-nav a.is-active {
  background: linear-gradient(135deg, rgba(50,255,154,.18), rgba(53,199,255,.14));
  color: var(--green);
}

.nav-icon {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 6px;
}