:root {
  --ns-game-bg: #07111f;
  --ns-game-panel: rgba(8, 20, 34, 0.96);
  --ns-game-line: rgba(190, 222, 255, 0.22);
  --ns-game-text: #eef6ff;
  --ns-game-muted: #a9bfd8;
  --ns-game-accent: #e9003f;
  --ns-game-cyan: #0f7f95;
}

.top-bar,
.top,
.topbar {
  background: linear-gradient(135deg, rgba(6, 15, 28, 0.98), rgba(10, 33, 43, 0.98)) !important;
  border-color: var(--ns-game-line) !important;
  box-shadow: 0 14px 34px rgba(3, 9, 18, 0.38);
}

.top-bar {
  min-height: 58px;
}

.top-title,
.brand,
.top .title {
  color: var(--ns-game-text) !important;
}

.top-title h1,
.brand,
.top .title {
  letter-spacing: 0;
}

.top-title small,
.subtitle,
.top .sub {
  color: var(--ns-game-muted) !important;
}

.ns-game-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ns-game-title > h1,
.ns-game-title > small {
  display: none;
}

.ns-game-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(233, 0, 63, 0.56);
  background: linear-gradient(135deg, rgba(233, 0, 63, 0.95), rgba(15, 127, 149, 0.82));
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(233, 0, 63, 0.18);
}

.ns-game-home:hover {
  color: #fff;
  text-decoration: none;
  filter: brightness(1.05);
}

.top-nav,
.nav {
  align-items: center;
}

.top-nav a,
.nav a {
  color: #e8f5ff !important;
  border-color: rgba(190, 222, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  font-weight: 800;
}

.top-nav a:hover,
.nav a:hover,
.top-nav a.active,
.nav a.active {
  border-color: rgba(79, 195, 247, 0.74) !important;
  background: linear-gradient(135deg, rgba(22, 75, 139, 0.9), rgba(15, 127, 149, 0.88)) !important;
  color: #fff !important;
  text-decoration: none;
}

.top-nav a.ns-game-exit,
.nav a.ns-game-exit {
  border-color: rgba(95, 233, 173, 0.42) !important;
  background: rgba(17, 102, 75, 0.34) !important;
}

.top-nav a.ns-game-exit:hover,
.nav a.ns-game-exit:hover {
  background: linear-gradient(135deg, rgba(23, 136, 94, 0.9), rgba(15, 127, 149, 0.88)) !important;
}

.logout-btn,
.logout {
  border-color: rgba(233, 0, 63, 0.62) !important;
  background: rgba(233, 0, 63, 0.22) !important;
  color: #fff !important;
}

.commander-banner {
  background: linear-gradient(135deg, rgba(7, 17, 31, 0.94), rgba(12, 52, 65, 0.9)) !important;
  border-color: rgba(79, 195, 247, 0.56) !important;
  box-shadow: 0 0 16px rgba(79, 195, 247, 0.24) !important;
}

@media (max-width: 720px) {
  .ns-game-title {
    width: 100%;
  }

  .ns-game-home {
    min-height: 32px;
    padding: 0 10px;
  }

  .top-title h1 {
    font-size: 15px;
  }
}