/* ===== Emoji Slap: shared header/nav styles ===== */
* { box-sizing: border-box; }
:root { --ink:#111; }
body { color: var(--ink); }

header {
  background:#fff;
  padding:10px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow:0 2px 4px rgba(0,0,0,.08);
  position:relative;
  z-index:100;
}
.page-title {
  font-family:'Press Start 2P', cursive;
  font-size:16px;
  text-shadow:2px 5px 4px rgba(0,0,0,.1);
}
.page-title a { color:#000; text-decoration:none; }

nav {
  display:flex; align-items:center; gap:20px; white-space:nowrap;
}

nav a, .nav-mobile a, .nav-mobile label,
.dropdown-content a {
  font-family:'Press Start 2P', cursive;
  text-decoration:none;
  color:#000;
  transition:color .2s ease;
}
nav a { font-size:10px; padding:0 10px; text-transform:uppercase; }
nav a:hover { color:#d3d3d3; }

.dropdown { position:relative; }
.dropdown-content {
  display:none;
  position:absolute; top:100%; left:0;
  background:#fff; min-width:280px;
  box-shadow:0 6px 12px rgba(0,0,0,.12);
  padding:8px 0;
}
.dropdown-content a {
  display:block; font-size:9px; font-weight:bold;
  padding:12px 16px;
}
.dropdown-content a:hover { background:#000; color:#fff; }
.dropdown:hover .dropdown-content { display:block; }

.divider { border-top:1px solid #0002; margin:6px 12px; }

/* Auth buttons + CTA */
.login-signup a { font-size:8px; padding:0 10px; }
.ad-free-btn {
  background:#000; color:#fff; border:3px solid #000;
  padding:8px 16px; border-radius:8px; font-size:8px;
}
.ad-free-btn:hover { background:#fff; color:#000; }

/* Dark mode bits (optional) */
body.dark-mode header { background:#272727; }
body.dark-mode .page-title a,
body.dark-mode nav a,
body.dark-mode .nav-mobile a,
body.dark-mode .nav-mobile label { color:#e0e0e0; }
body.dark-mode .dropdown-content { background:#1a1a1a; }
body.dark-mode .dropdown-content a:hover { background:#333; }

/* Mobile menu */
.hamburger { display:none; font-size:24px; cursor:pointer; }
#nav-toggle,
#game-info-toggle,
#high-scores-toggle { display:none; }   /* hide the checkbox toggles */
.nav-mobile {
  display:none;
  position:absolute; top:100%; right:0; left:0;
  background:#fff; box-shadow:0 8px 16px rgba(0,0,0,.15);
  flex-direction:column; padding:10px 10px 20px; z-index:100;
}
#nav-toggle:checked + .nav-mobile { display:flex; }
.nav-mobile .nav-main a { text-transform:uppercase; }
.nav-mobile .dropdown { position:static; }
.nav-mobile .dropdown-content { position:static; box-shadow:none; padding-left:10px; display:none; }
#game-info-toggle:checked + .dropdown-content,
#high-scores-toggle:checked + .dropdown-content { display:block; }
.nav-mobile .login-signup { margin:12px 0; }
.nav-mobile .ad-free-btn { width:130px; margin:0 0 10px 10px; }

/* Responsive: use mobile menu under 900px */
@media (max-width:900px){
  nav { display:none; }
  .hamburger { display:block; }
}