/* DevChazers — NovaForge-style theme (dark, purple + cyan, Orbitron + Inter).
   Loaded last so it restyles the existing site without touching its features. */
:root{--bg2:#11111f;--primary:#7c4dff;--accent:#00e5ff;--pink:#ff3d81;--grad:linear-gradient(135deg,#7c4dff,#00e5ff)}
body{line-height:1.6;background:radial-gradient(900px 500px at 85% -10%,rgba(124,77,255,.14),transparent 60%),radial-gradient(700px 500px at -10% 35%,rgba(0,229,255,.08),transparent 60%),var(--bg);background-attachment:fixed}
h1,h2,h3,.logo b{font-family:Orbitron,sans-serif;font-weight:700;text-transform:none;letter-spacing:.5px}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent)}

/* header */
header.s{background:rgba(10,10,20,.9);box-shadow:0 2px 20px rgba(0,0,0,.5)}
.logo b{font-size:1.25rem;font-weight:900}.logo b span{color:var(--accent)}
nav a{color:var(--mut);font-weight:500;position:relative}
nav a:hover{color:#fff}
nav a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--grad);transition:.3s}
nav a:hover::after{width:100%}
.burger{display:none;background:none;border:none;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;padding:4px 8px}
@media(max-width:760px){
  .burger{display:block}
  nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:18px;padding:22px 24px;background:rgba(10,10,20,.97);border-bottom:1px solid var(--bd);display:none}
  nav.open{display:flex}
}

/* buttons */
.pill{border-radius:8px;border:2px solid var(--primary);background:transparent;color:#fff;font-weight:600;backdrop-filter:none}
.pill:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}
.pill.w{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 0 25px rgba(124,77,255,.5)}
.pill.w:hover{background:var(--grad);border-color:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 0 40px rgba(0,229,255,.6)}
.pill.dis{border-color:#2f2f4d;box-shadow:none}

/* hero */
.hero{align-items:center;justify-content:center;text-align:center;border:1px solid var(--bd);
  background:radial-gradient(circle at 20% 20%,rgba(124,77,255,.25),transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,229,255,.2),transparent 50%),var(--bg)}
.hero::after{background:linear-gradient(to top,var(--bg) 0%,transparent 22%)}
#particles{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hc{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0;max-width:900px;margin:0 auto;padding:110px 24px 70px}
.htag{display:inline-block;padding:6px 18px;border:1px solid var(--accent);color:var(--accent);border-radius:50px;font-size:12px;letter-spacing:2px;margin-bottom:22px}
.hero h1{font-size:clamp(1.9rem,6vw,4rem);line-height:1.12;font-weight:900;max-width:none;margin-bottom:22px}
.hero h1 span,h2.t span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--mut);font-size:1.08rem;max-width:620px;margin:0 auto 34px}
.hbtns{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.play{float:none;margin:0;border-color:var(--primary);background:transparent}
.play:hover{background:var(--primary);color:#fff}

/* section titles + stats */
h2.t{font-size:clamp(1.45rem,3.4vw,2.3rem);line-height:1.2}
.stats b{font:900 2rem/1.2 Orbitron,sans-serif;letter-spacing:0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.strip{border-color:rgba(124,77,255,.4)}.strip:hover{box-shadow:0 0 40px rgba(124,77,255,.4)}

/* game cards */
.gcard,.nc{border-radius:16px}
.gcard:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 15px 40px rgba(124,77,255,.35)}
.gimg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--card),transparent 55%)}
.gt h3{font:700 14px/1.3 Orbitron,sans-serif;letter-spacing:.3px}
.gt .tag{background:rgba(124,77,255,.2);color:var(--accent);border-radius:50px;padding:2px 12px}
.gico.ph{background:var(--grad)}

/* news */
.nc{border-top:3px solid var(--pink)}
.nc:hover{border-color:var(--bd);border-top-color:var(--pink);box-shadow:0 12px 30px rgba(255,61,129,.2)}
.nc .im{background:linear-gradient(135deg,rgba(124,77,255,.35),rgba(0,229,255,.18))}
.nc .tag{background:rgba(255,61,129,.15);color:var(--pink);border-radius:50px;padding:2px 12px}
.nc h3{font:600 13px/1.4 Orbitron,sans-serif;letter-spacing:0}

/* support box */
.sup{border:1px solid rgba(124,77,255,.35);background:linear-gradient(135deg,rgba(124,77,255,.15),rgba(0,229,255,.08))}

/* inner pages */
.page h1{font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.15}
.page h3,.gp h3,#cms_page .cms-body h3{font:600 14px/1.4 Orbitron,sans-serif;letter-spacing:0;text-transform:none}
.ghead h1{font-size:clamp(1.5rem,4.5vw,2.5rem);line-height:1.15}
#cms_page h1{font:700 clamp(1.5rem,4vw,2.2rem)/1.2 Orbitron,sans-serif}
#cms_page .cms-body h2{font:700 1.2rem/1.3 Orbitron,sans-serif;letter-spacing:.3px}

/* forms */
input:not(.admin-key),textarea,select{background:var(--bg);border:1px solid #2f2f4d;border-radius:8px}
input:not(.admin-key):focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px rgba(0,229,255,.3)}

/* footer */
footer{background:#06060d}
footer h4{font:700 12px Orbitron,sans-serif;letter-spacing:1px;text-transform:uppercase}
.wm{font:900 clamp(40px,10vw,150px)/.9 Orbitron,sans-serif;color:rgba(124,77,255,.08);letter-spacing:0}