/* NeuralMind site theme for game pages: the same nav, logo, brand and colours as the home page (home/css/home.css).
   Load it after the game's own CSS. Games adopt it one by one; the rest of each game keeps its own look for now. */
:root{
  --nm-c1:#67e8f9; --nm-c2:#818cf8; --nm-c3:#c084fc; --nm-c4:#f472b6;
  --nm-grad:linear-gradient(90deg,var(--nm-c1),var(--nm-c2) 35%,var(--nm-c3) 65%,var(--nm-c4));
  --nm-btn:linear-gradient(135deg,#22d3ee,#6366f1 50%,#d946ef);
  --nm-line:rgba(255,255,255,.12); --nm-dim:#aab3e6;
  /* the games' own tokens, moved onto the site palette */
  --primary:#6366f1; --accent:#67e8f9; --glow:0 0 25px rgba(129,140,248,.25);
}
body.game-page{ background:radial-gradient(120% 85% at 50% 0%, #1b1452 0%, #0a0822 55%, #05040f 100%) fixed; }

/* ---------- nav: a floating glass pill inside the 66px band the games reserve at the top ---------- */
.site-nav{ position:fixed; z-index:5000; top:0; left:0; right:0; height:66px; display:flex; align-items:center; justify-content:center; padding:0 12px; pointer-events:none; }
.site-nav .sn-bar{ pointer-events:auto; width:min(1120px, 100%); height:50px; display:flex; align-items:center; gap:10px; padding:0 6px 0 14px; border-radius:16px;
  background:rgba(20,16,58,.55); border:1px solid var(--nm-line); backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%);
  font-family:'Outfit', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.sn-brand{ display:flex; align-items:center; gap:9px; margin-right:auto; text-decoration:none; color:#eef2ff; font:700 15px/1 'Orbitron', sans-serif; letter-spacing:.04em; }
.sn-brand b{ font-weight:900; background:var(--nm-grad); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.sn-brand svg{ width:30px; height:30px; flex:none; filter:drop-shadow(0 0 8px rgba(167,139,250,.6)); }
.sn-brand .mkRing{ transform-origin:32px 32px; animation:snRing 9s linear infinite; }
@keyframes snRing{ to{ transform:rotate(340deg); } }
.sn-btn{ display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 14px; border-radius:12px; text-decoration:none; font-size:14px; font-weight:600; color:#eef2ff;
  background:rgba(255,255,255,.06); border:1px solid var(--nm-line); transition:transform .18s ease, background .2s, box-shadow .2s; }
.sn-btn:hover{ background:rgba(255,255,255,.12); transform:translateY(-1px); }
.sn-btn.home{ background:var(--nm-btn); border-color:transparent; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 8px 20px -8px rgba(99,102,241,.8); }
.sn-btn.home:hover{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.28), 0 10px 24px -8px rgba(99,102,241,.95), 0 0 20px rgba(217,70,239,.35); }
.sn-btn svg{ width:16px; height:16px; flex:none; }
.sn-btn:focus-visible, .sn-brand:focus-visible{ outline:2px solid var(--nm-c1); outline-offset:3px; }
@media (max-width:520px){
  .sn-brand{ font-size:13px; } .sn-brand svg{ width:26px; height:26px; }
  .sn-btn{ padding:0 11px; } .sn-btn.games span{ display:none; }   /* phones: icon-only All games */
}
@media (prefers-reduced-motion:reduce){ .sn-brand .mkRing{ animation:none; } }

/* footer link in the site colours */
.game-footer a{ background:var(--nm-grad); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }