/* Gaming portal chrome — game visuals come from assets/nitro-app.css (copy of NitroApp styles.css). */

.nx-body {
  background: #07080c;
}

.gm-tabbar {
  border-bottom: 1px solid var(--nx-line);
  background: var(--nx-bg);
}
.gm-tabs {
  display: flex;
  gap: 0.25rem;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.25rem;
  overflow-x: auto;
}
.gm-tab {
  padding: 0.8rem 1rem;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--nx-muted);
  font: 500 0.9rem var(--nx-font);
  cursor: pointer;
  white-space: nowrap;
}
.gm-tab:hover {
  color: var(--nx-text);
}
.gm-tab.is-active {
  color: var(--nx-cyan);
  border-bottom-color: var(--nx-cyan);
}
.gm-tab:focus-visible {
  outline: 2px solid var(--nx-cyan);
  outline-offset: -2px;
}

/* Hero: plain type on the page background — no card */
.gm-hero {
  padding: 2.5rem 0 2.75rem;
}
.gm-hero .nx-h1 {
  font-size: clamp(2.1rem, 5.5vw, 3.4rem);
}
.gm-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.75rem;
}
.gm-hero-actions .nx-btn {
  text-decoration: none !important;
}

.gm-kv {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.4rem 1.25rem;
  margin: 0.75rem 0 0;
  font-size: 0.9rem;
}
.gm-kv dt {
  color: var(--nx-muted);
}
.gm-kv dd {
  margin: 0;
}

.check {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: 0.86rem;
  cursor: pointer;
}
.check input {
  margin-top: 0.25rem;
  accent-color: var(--nx-cyan);
}

/* Sync chip (sync.js toggles .hidden + data-tone) */
#sync-status-chip[data-tone='busy'] {
  color: var(--nx-warn);
  border-color: rgba(251, 191, 36, 0.35);
}
#sync-status-chip[data-tone='err'] {
  color: var(--nx-err);
  border-color: rgba(251, 113, 133, 0.35);
}
#sync-status-chip[data-tone='ok'] {
  color: var(--nx-ok);
  border-color: rgba(52, 211, 153, 0.35);
}

/* Game center sits inside .nx-page; keep the canvas panel flush */
#tab-games .panel {
  background: #0d1017;
}