/* Shared nav for secondary pages (lab, minecraft, etc.) */
/* Adds missing vars and nav rules without requiring full styles.css */
:root {
  --text-secondary: #8e8ea0;
  --border: rgba(255,255,255,0.06);
  --accent-dim: rgba(0,229,160,0.06);
  --body: var(--sans,'Space Grotesk',sans-serif);
}

#main-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 100;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to bottom, var(--bg), transparent);
  transition: background 0.3s;
}
#main-nav.scrolled { background: rgba(6,6,14,0.9); backdrop-filter: blur(24px) saturate(1.2); -webkit-backdrop-filter: blur(24px) saturate(1.2); border-bottom: 1px solid var(--border); }
.nav-logo { font-family: var(--mono); font-size: 14px; font-weight: 500; color: var(--accent); text-decoration: none; letter-spacing: 0.5px; }
.nav-links { display: flex; gap: 32px; align-items: center; }
.nav-links a { font-family: var(--body); font-size: 13px; font-weight: 400; color: var(--text-secondary); text-decoration: none; transition: color 0.25s; letter-spacing: 0.2px; }
.nav-links a:hover { color: var(--text); }
.nav-cta { padding: 8px 20px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; color: var(--text) !important; transition: all 0.25s; }
.nav-cta:hover { border-color: var(--accent); background: var(--accent-dim); }

.container { padding-top: 80px; }

@media (max-width: 768px) { #main-nav { padding: 16px 20px; } .nav-links { gap: 16px; } .nav-links a { font-size: 12px; } }
@media (max-width: 480px) { .nav-links .nav-hide { display: none; } }