/* ── Lobby mode: home page ── */

/* Transparent bars, no border */
.pg-lobby .pg-topbar,
.pg-lobby .pg-bottombar {
  background: transparent;
  border: none;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

/* Hide the topbar entirely if it has no visible content */
.pg-lobby .pg-topbar:empty,
.pg-lobby .pg-topbar:has(nav:empty) {
  display: none;
}

/* Nav links — muted on lobby */
.pg-lobby .pg-navlink {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--text-muted);
  padding: 0;
  border-radius: 0;
}
.pg-lobby .pg-navlink:hover {
  background: transparent;
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pg-lobby .pg-navtext {
  font-size: var(--text-sm);
  color: var(--text-muted);
}

/* Footer — centred, very quiet */
.pg-lobby .pg-bottombar {
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.pg-lobby .pg-bottombar .pg-navlink {
  font-size: var(--text-xs);
  color: var(--text-muted);
  opacity: 0.5;
}
.pg-lobby .pg-bottombar .pg-navlink:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}