/* Adrenaline Games: warstwa kosmicznego stylu dla WSZYSTKICH starych stron (31.10.2026).
   Ladowana PO stylach strony, wiec jej zmienne wygrywaja. Strony z lat 2025-2026 uzywaja tej samej
   rodziny zmiennych (--primary #ff6247, --bg-dark #0b0d10, --text-primary #e9edf3 ...): przestawiamy je
   na palete AMEM / nowej strony glownej (ag.css). Nowe strony uzywaja ag.css wprost. */

:root {
  /* akcenty: pomarancz -> fiolet i cyjan (gradienty primary -> secondary robia sie fiolet -> cyjan) */
  --primary: #8a5cff;
  --primary-dark: #6a45d6;
  --secondary: #38d9ff;
  --accent: #38d9ff;
  --acc: #38d9ff;
  --acc-soft: rgba(138, 92, 255, 0.14);
  --cyan: #38d9ff;
  --purple: #8a5cff;
  --blue: #4d8dff;
  --green: #38e6a0;
  --ok: #38e6a0;
  --red: #ff3d58;
  --bad: #ff3d58;

  /* tla */
  --bg: #050814;
  --bg-dark: #050814;
  --bg2: #0a0f24;
  --bg3: #101736;
  --bg-medium: #0c1230;
  --bg-light: #0c1230;
  --panel: #0c1230;
  --panel2: #111a40;
  --panel-hover: #142050;
  --card: #0c1230;
  --card2: #111a40;

  /* tekst */
  --text: #e8eeff;
  --text-primary: #e8eeff;
  --txt: #e8eeff;
  --text-secondary: #a3b2e0;
  --text2: #a3b2e0;
  --txt2: #a3b2e0;
  --text-dim: #6b7cb0;
  --text-mute: #6b7cb0;
  --dim: #6b7cb0;

  /* linie */
  --border: rgba(77, 123, 255, 0.24);
  --line: rgba(77, 123, 255, 0.22);
  --line2: rgba(77, 123, 255, 0.4);
  --border-strong: rgba(77, 123, 255, 0.45);
}

/* tlo TYLKO na body (html bez tla): wtedy przechodzi na plotno i gwiazdy z z-index -1 sa nad nim */
html { background: none !important; }
body { background: #050814 !important; color: var(--text-primary); }

/* kosmos w tle (te same mglawice i gwiazdy co na stronie glownej) */
body::before {
  content: "" !important; position: fixed !important; inset: 0 !important; z-index: -2 !important; pointer-events: none !important;
  background:
    radial-gradient(1100px 700px at 12% 8%, rgba(138, 92, 255, 0.16), transparent 60%),
    radial-gradient(900px 600px at 88% 30%, rgba(56, 217, 255, 0.10), transparent 60%),
    radial-gradient(1000px 800px at 50% 110%, rgba(77, 141, 255, 0.12), transparent 60%),
    #050814 !important;
}
body::after {
  content: "" !important; position: fixed !important; inset: 0 !important; z-index: -1 !important; pointer-events: none !important;
  opacity: 0.85;
  background-image:
    radial-gradient(1px 1px at 23px 41px, #fff 50%, transparent 51%),
    radial-gradient(1px 1px at 117px 163px, rgba(255,255,255,.8) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 201px 77px, rgba(143,182,255,.9) 50%, transparent 51%),
    radial-gradient(1px 1px at 289px 233px, rgba(255,255,255,.6) 50%, transparent 51%),
    radial-gradient(1px 1px at 61px 271px, rgba(56,217,255,.7) 50%, transparent 51%),
    radial-gradient(1.5px 1.5px at 331px 19px, rgba(255,255,255,.7) 50%, transparent 51%) !important;
  background-size: 360px 300px !important;
}

/* naglowki stron: przezroczysty granat z rozmyciem, jak na stronie glownej */
header, .header, .top, .topbar, nav.top {
  background: rgba(5, 8, 20, 0.72) !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom-color: rgba(77, 123, 255, 0.22) !important;
}

/* czcionka naglowkow jak na stronie glownej */
h1, h2, h3, .logo { font-family: "Space Grotesk", "Inter", "Segoe UI", sans-serif; letter-spacing: -0.01em; }

::selection { background: rgba(138, 92, 255, 0.45); color: #fff; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #050814; }
::-webkit-scrollbar-thumb { background: #1c2a5a; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #2c3f86; }

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }