/* Rahmen */
.game-header{ background:var(--bg-soft); border-bottom:1px solid var(--border); }

/* Leiste */
.header-bar{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1rem; padding:.65rem 0; }

/* Logo */
.logo{ display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; color:var(--text); }
.logo img{ height:40px; }
.logo-text{ font-weight:800; color:var(--primary); letter-spacing:.3px; }

/* NAV */
.nav{ display:flex; align-items:center; gap:1rem; position:relative; }
.nav-list{ list-style:none; margin:0; padding:0; display:flex; gap:.5rem; }
.nav-right{ margin-left:auto; }
.nav-toggle{ display:none; border:1px solid var(--border); border-radius:10px; background:#fff; padding:.35rem .65rem; cursor:pointer; }
.nav-toggle:hover{ background:#f6f9fd; }

/* Links & Trigger */
.nav-link, .dropdown-trigger{
  appearance:none; background:transparent; border:0; font:inherit; cursor:pointer;
  display:inline-flex; align-items:center; gap:.5rem; padding:.46rem .7rem;
  border-radius:11px; color:var(--text); text-decoration:none; border:1px solid transparent;
}
.nav-link:hover, .dropdown-trigger:hover{ background:#f4f7fb; color:var(--primary); }
.nav-link i{ color:var(--text-dim); }
.dropdown-trigger .caret{ margin-left:.15rem; color:var(--text-dim); }

/* Dropdown (fix: keine Bullets, sauberer Hintergrund) */
.has-dropdown{ position:relative; }
.has-dropdown .dropdown{
  position:absolute; top:100%; left:0; margin-top:.35rem; min-width:240px;
  list-style:none; padding:.45rem; margin-bottom:0;
  background:var(--bg-soft); border:1px solid var(--border); border-radius:12px;
  box-shadow:0 14px 28px rgba(16,24,40,.10); display:none; z-index:50; overflow:hidden;
}
.has-dropdown.open .dropdown{ display:block; }
.dropdown li{ list-style:none; margin:0; padding:0; }
.dropdown a{
  display:grid; grid-template-columns:20px 1fr; align-items:center;
  gap:.5rem; padding:.5rem .55rem; border-radius:10px; color:var(--text); text-decoration:none;
}
.dropdown a i{ color:var(--text-dim); }
.dropdown a:hover{ background:#eef4fb; color:var(--primary); }

/* Profil rechts mit rundem Bild */
.profile .profile-trigger{
  display:inline-flex; align-items:center; gap:.5rem; padding:.35rem .6rem;
  border:1px solid var(--border); border-radius:999px; background:#f6f9fd;
}
.profile .profile-trigger:hover{ background:#eef4fb; }
.profile .dropdown-right{ left:auto; right:0; }
.avatar{ position:relative; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; }
.avatar img{
  display:block; width:32px; height:32px; object-fit:cover; border-radius:50%; border:2px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.12);
}
.avatar-fallback{ display:none; width:32px; height:32px; border-radius:50%; background:#e8eef6; color:#98a8c2; align-items:center; justify-content:center; }
.profile-name{ font-weight:700; }

/* Gastbanner (dezenter, „Game“-Look) */
.guest-banner{
  display:flex; align-items:center; justify-content:center; gap:.5rem;
  background:linear-gradient(0deg,#fffaf0,#fffaf0); color:#6b4e0f;
  border-top:1px solid #f4e2b9; border-bottom:1px solid #f4e2b9;
  padding:.42rem .8rem; font-size:.9rem;
}
.guest-banner .guest-register{
  margin-left:.3rem; font-weight:700; color:var(--primary);
  text-decoration:none; border-bottom:1px dashed currentColor;
}
.guest-banner .guest-register:hover{ color:var(--primary-hover); }

/* Stats kompakt & rechtsbündig */
.stats-bar{ background:#f6f9fd; border-bottom:1px solid var(--border); }
.stats-row{ display:flex; gap:.9rem; align-items:center; padding:.35rem 0; }
.stats-right{ justify-content:flex-end; }
.stat{ display:inline-flex; align-items:center; gap:.35rem; padding:.1rem .3rem; }
.stat i{ font-size:.9rem; color:var(--primary); opacity:.9; }
.stat-label{ font-size:.85rem; color:var(--text-dim); font-weight:600; }
.stat-value{ font-size:.95rem; font-weight:800; color:var(--text); }

/* Mobile */
@media (max-width: 980px){
  .nav-toggle{ display:inline-block; }
  .nav-list, .nav-right{
    display:none; position:absolute; right:0; top:42px; min-width:230px;
    flex-direction:column; gap:.25rem; background:var(--bg-soft);
    border:1px solid var(--border); border-radius:12px; padding:.5rem;
    box-shadow:0 10px 24px rgba(0,0,0,.10); z-index:40;
  }
  .nav.open .nav-list, .nav.open .nav-right{ display:flex; }
  .has-dropdown .dropdown{ position:static; margin:.2rem 0 0 0; box-shadow:none; }
  .stats-row{ justify-content:flex-start; gap:.4rem; padding:.4rem 0; }
}