/* Fixpunkt Gaming — geteilte Nav-/Footer-Optik.
   Wird von jeder Seite eingebunden (wie components.js für die Struktur) --
   einmal ändern, gilt überall. Nutzt dieselben --Variablen, die jede Seite
   in ihrem eigenen :root bereits definiert. */
nav{position:sticky;top:0;z-index:100;background:rgba(9,9,14,.85);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:border-color var(--t)}
nav.s{border-color:var(--border)}
.ni{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;flex-direction:column;line-height:1;gap:3px;text-decoration:none}
.logo-word{font-family:var(--ff);font-size:2rem;font-weight:700;letter-spacing:3px;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.logo-sub{font-family:var(--ff);font-size:.7rem;font-weight:600;letter-spacing:8px;color:var(--sub)}
.nlinks{display:flex;gap:2.2rem;list-style:none;font-size:.9rem;font-weight:600}
.nlinks a{color:var(--sub);text-decoration:none;transition:all var(--t)}
.nlinks a:hover{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ncta{background:var(--grad);color:#000;border-radius:7px;padding:9px 22px;font-size:.875rem;font-weight:700;font-family:var(--ff);letter-spacing:.05em;text-decoration:none;border:none;cursor:pointer;transition:all var(--t)}
.ncta:hover{opacity:.9;box-shadow:0 4px 24px rgba(34,211,238,.25);transform:translateY(-1px)}
.mbtn{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:4px}
footer{border-top:1px solid var(--border);padding:1.8rem 0;background:var(--bg2)}
.fi{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.flinks{display:flex;flex-wrap:wrap;gap:1.4rem;font-size:.82rem;font-weight:600;font-family:var(--ff);letter-spacing:.03em}
.flinks a{color:var(--sub);text-decoration:none;transition:all var(--t)}
.flinks a:hover{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.fcopy{font-size:.78rem;color:var(--sub)}
@media(max-width:860px){
  .nlinks{display:none}.ncta{display:none}.mbtn{display:block}
  nav.open .nlinks{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:rgba(9,9,14,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1.2rem 1.5rem 1.8rem;gap:1.4rem}
}