/* Nebelfuchs-Studioleiste: schmale Zeile ganz oben auf Spiel- und Kontoseiten (Logo, Konto, Zur Startseite).
   Eigenständig (eigene Farben), damit sie auf jeder Seite gleich aussieht. */
.nf-bar { background: #0b0d14; border-bottom: 1px solid rgba(255, 106, 26, 0.18); font-size: 0.8rem; }
.nf-bar .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 40px; }
.nf-brand { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #e6f0f8; font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 0.22em; white-space: nowrap; }
.nf-brand img { width: 22px; height: 22px; }
.nf-brand .studio-sub { color: #8cb3cf; font-weight: 400; letter-spacing: 0.12em; }
.nf-back { color: #a9bacb; text-decoration: none; white-space: nowrap; }
.nf-back:hover, .nf-brand:hover { color: #ff6a1a; }
.nf-links { display: flex; align-items: center; gap: 18px; }
.nf-account { color: #e6f0f8; text-decoration: none; white-space: nowrap; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(255, 106, 26, 0.35); }
.nf-account:hover, .nf-account[aria-current="page"] { color: #fff; border-color: #ff6a1a; background: rgba(255, 106, 26, 0.12); }
@media (max-width: 760px) {
  .nf-brand .studio-sub { display: none; }
  .nf-links { gap: 12px; }
}