/* Netnose Games: identità visiva condivisa da home e giochi.
   Tema scuro e chiaro: nn.js mette data-theme="dark" o "light" su <html>. */
:root{
  --nn-gold:#e8c35a;
  --nn-gold-ink:#211a05;
  --nn-paper:#faf6ea;
  --nn-paper-ink:#1b222c;
  --nn-card-back:#252c38;
  --nn-font:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --nn-radius:14px;
}
:root,:root[data-theme="dark"]{
  color-scheme:dark;
  --nn-bg:#12161d;
  --nn-bg-glow:#1f2632;
  --nn-surface:#1b212b;
  --nn-surface-2:#252c38;
  --nn-ink:#eef1f5;
  --nn-muted:#98a3b3;
  --nn-accent:#e8c35a;          /* oro per testi e bordi sullo sfondo */
  --nn-line:rgba(255,255,255,.12);
  --nn-line-soft:rgba(255,255,255,.05);
  --nn-shadow:rgba(0,0,0,.35);
  --nn-scrim:rgba(10,13,18,.62);
  --nn-thumb:#0c0f14;
  --nn-faint:#3a4250;           /* cifre esaurite, segnaposto */
  --nn-pencil-ui:#7fb2e5;
}
:root[data-theme="light"]{
  color-scheme:light;
  --nn-bg:#ebe7dc;
  --nn-bg-glow:#f8f5ee;
  --nn-surface:#fffdf8;
  --nn-surface-2:#f3eee1;
  --nn-ink:#1b222c;
  --nn-muted:#6b6557;
  --nn-accent:#94700f;
  --nn-line:rgba(27,34,44,.16);
  --nn-line-soft:rgba(27,34,44,.04);
  --nn-shadow:rgba(70,58,25,.16);
  --nn-scrim:rgba(235,231,220,.66);
  --nn-thumb:#ddd8cb;
  --nn-faint:#cdc6b4;
  --nn-pencil-ui:#1f5f9e;
}

/* --- barra del marchio, in cima a ogni pagina --- */
.nn-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;max-width:var(--nn-bar-max,880px);margin:0 auto;padding:12px 16px;
  font-family:var(--nn-font);
}
.nn-home{
  display:inline-flex;align-items:center;gap:9px;min-width:0;
  color:var(--nn-ink);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.1px;
  border-radius:10px;
}
.nn-home svg{width:26px;height:26px;flex:none;display:block}
.nn-home span{white-space:nowrap}
.nn-home b{color:var(--nn-accent);font-weight:600}
.nn-home:focus-visible{outline:2px solid var(--nn-gold);outline-offset:3px}

.nn-tools{display:flex;align-items:center;gap:8px;flex:none}
.nn-lang{
  display:flex;flex:none;padding:3px;border-radius:999px;
  background:var(--nn-surface);border:1px solid var(--nn-line);
}
.nn-lang button,.nn-theme{
  margin:0;border:0;border-radius:999px;background:transparent;box-shadow:none;
  padding:4px 10px;min-width:0;cursor:pointer;
  font:600 12px/1.2 var(--nn-font);letter-spacing:.6px;color:var(--nn-muted);
}
.nn-lang button[aria-pressed="true"]{background:var(--nn-gold);color:var(--nn-gold-ink)}
.nn-theme{
  width:32px;height:32px;padding:0;display:grid;place-items:center;
  background:var(--nn-surface);border:1px solid var(--nn-line);color:var(--nn-ink);
}
.nn-theme svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .nn-theme .nn-moon,:root[data-theme="light"] .nn-theme .nn-sun{display:none}
.nn-lang button:active,.nn-theme:active{transform:none}
.nn-lang button:focus-visible,.nn-theme:focus-visible{outline:2px solid var(--nn-gold);outline-offset:2px}