/* Elemental Spark hard-tech site. Static, HTTPS-safe, no external fonts required. */
:root{
  --bg:#060a12; --bg2:#0a101d; --panel:#101827; --panel2:#0c1422; --line:#25344a;
  --text:#f4f8ff; --muted:#aab7c9; --cyan:#00eaff; --gold:#ffe24a; --pink:#ff3df2; --green:#88ff31;
  --shadow:0 24px 90px rgba(0,0,0,.45); --radius:24px; --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(0,234,255,.14),transparent 28%),radial-gradient(circle at 86% 8%,rgba(255,61,242,.13),transparent 26%),linear-gradient(180deg,var(--bg),#05070d 60%,#070b13);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:#04070c;padding:.75rem 1rem;z-index:100}.skip-link:focus{left:1rem;top:1rem}.fx{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.fx span{position:absolute;width:42vw;height:42vw;border:1px solid rgba(0,234,255,.14);transform:rotate(35deg);filter:blur(.2px)}.fx span:nth-child(1){left:-20vw;top:10vh}.fx span:nth-child(2){right:-12vw;top:2vh;border-color:rgba(255,61,242,.12)}.fx span:nth-child(3){left:38vw;bottom:-30vw;border-color:rgba(255,226,74,.10)}
.masthead{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,2.4rem);backdrop-filter:blur(18px);background:rgba(6,10,18,.72);border-bottom:1px solid rgba(255,255,255,.08)}.masthead.is-scrolled{box-shadow:0 12px 48px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-mark{width:48px;height:48px}.brand strong{font-size:1.05rem;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.nav-panel{display:flex;align-items:center;gap:.35rem}.nav-panel a{text-decoration:none;color:#d9e7ff;padding:.75rem .9rem;border:1px solid transparent;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.nav-panel a:hover{border-color:rgba(0,234,255,.35);background:rgba(0,234,255,.06)}.nav-cta{background:linear-gradient(135deg,rgba(0,234,255,.15),rgba(255,226,74,.12));border-color:rgba(255,226,74,.35)!important}.nav-toggle{display:none;background:none;border:0;width:48px;height:48px}.nav-toggle span{display:block;height:2px;background:var(--text);margin:8px}
.section-pad{max-width:var(--max);margin:0 auto;padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,2rem)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100vh - 82px);padding-top:clamp(2.5rem,6vw,5rem)}.hero-logo{width:min(680px,100%);margin:1.2rem 0 .6rem;filter:drop-shadow(0 0 22px rgba(0,234,255,.12))}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-weight:800;font-size:.78rem;margin:0 0 1rem}.hero h1,.section-head h2{font-size:clamp(2.5rem,6vw,5.9rem);line-height:.95;letter-spacing:-.06em;margin:.4rem 0 1.1rem}.hero h1{max-width:820px}.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:#d7e2f2;max-width:760px}.hero-actions,.feature-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.83rem 1rem;text-decoration:none;border:1px solid rgba(255,255,255,.16);font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:.18s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#02060d;background:linear-gradient(135deg,var(--cyan),var(--gold));border-color:transparent}.btn.secondary{background:rgba(255,255,255,.06);border-color:rgba(0,234,255,.32)}.btn.ghost{background:transparent;border-color:rgba(255,226,74,.38);color:var(--gold)}.text-link{color:var(--gold);font-weight:900;text-decoration:none}.launch-panel,.feature-card,.mini-card,.album-card,.stream-card,.contact-panel,.steam-widget{background:linear-gradient(180deg,rgba(16,24,39,.92),rgba(8,14,24,.9));border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow);border-radius:var(--radius);position:relative;overflow:hidden}.launch-panel:before,.feature-card:before,.mini-card:before,.album-card:before,.stream-card:before,.contact-panel:before,.steam-widget:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,234,255,.55),rgba(255,226,74,.12),rgba(255,61,242,.4));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.launch-panel{padding:1rem}.launch-panel img{border-radius:16px;border:1px solid rgba(255,255,255,.12);aspect-ratio:460/215;object-fit:cover}.launch-panel h2{margin:1rem 0 .2rem;font-size:1.65rem}.launch-panel p{color:var(--muted);margin:.5rem 0 1rem}.panel-label,.angled-tag,.card-code{display:inline-block;color:#06101b;background:linear-gradient(135deg,var(--cyan),var(--gold));font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;padding:.35rem .55rem;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.panel-label{margin-bottom:.8rem}.proof-strip{max-width:var(--max);margin:0 auto;padding:1rem clamp(1rem,4vw,2rem);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.proof-strip div{background:rgba(5,9,16,.85);padding:1.2rem}.proof-strip strong{display:block;color:var(--text);font-size:1.05rem}.proof-strip span{color:var(--muted);font-size:.9rem}.section-head{max-width:760px;margin-bottom:2rem}.section-head.centered{text-align:center;margin-inline:auto}.section-head h2{font-size:clamp(2.1rem,5vw,4.8rem)}.section-head p{color:var(--muted);font-size:1.1rem}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.2rem}.game-feature,.warheads-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.image-frame{border:1px solid rgba(255,255,255,.13);border-radius:22px;overflow:hidden;background:#000;box-shadow:var(--shadow)}.steam-art img{width:100%;height:100%;object-fit:cover}.poster-frame img{width:100%;height:100%;object-fit:cover}.game-copy,.feature-card{padding:clamp(1.25rem,3vw,2rem)}.game-copy h3,.feature-card h3,.mini-card h3,.album-card h3,.stream-card h3,.contact-panel h3{font-size:clamp(1.35rem,2.5vw,2.2rem);line-height:1.05;margin:1rem 0 .7rem;letter-spacing:-.03em}.game-copy p,.feature-card p,.mini-card p,.album-card p,.contact-panel p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.55rem}.check-list li{position:relative;padding-left:1.35rem;color:#dbe8f7}.check-list li:before{content:"";position:absolute;left:0;top:.55rem;width:.55rem;height:.55rem;background:var(--green);box-shadow:0 0 16px var(--green);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.check-list.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.steam-widget{min-height:260px;padding:.5rem}.steam-widget iframe{border:0;width:100%;height:100%;min-height:260px;border-radius:18px}.warheads-section{max-width:1280px}.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mini-card{padding:1.35rem}.mini-card ul{padding-left:1.1rem;color:#dbe8f7;margin-bottom:0}.music-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;align-items:start}.album-card{display:grid;grid-template-columns:210px 1fr;gap:1rem;padding:1rem}.album-card img{border-radius:18px;aspect-ratio:1;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.stream-card{padding:1rem}.stream-card iframe{border:0;border-radius:18px;background:#121212}.compact-card{grid-column:1/-1;grid-template-columns:180px 1fr}.feature-actions.compact{margin-top:1rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:2rem 0}.service-grid span{padding:1rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:14px;text-align:center;color:#dfeaff;font-weight:800}.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem}.contact-panel h3{margin-top:0}.contact-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.footer{max-width:var(--max);margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 3rem;border-top:1px solid rgba(255,255,255,.1)}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-brand img{width:54px}.socials{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.3rem 0}.socials a{color:#d9e7ff;text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.42rem .72rem;background:rgba(255,255,255,.04)}.socials a:hover{border-color:rgba(0,234,255,.5)}.fineprint{color:var(--muted);font-size:.9rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media (max-width:980px){.hero,.game-grid,.game-feature,.warheads-showcase,.music-grid{grid-template-columns:1fr}.launch-panel{max-width:560px}.proof-strip,.cards.three,.service-grid{grid-template-columns:repeat(2,1fr)}.steam-widget iframe{height:240px}.album-card{grid-template-columns:160px 1fr}.contact-panel{display:block}.contact-actions{justify-content:flex-start}}
@media (max-width:720px){.nav-toggle{display:block}.nav-panel{position:absolute;right:1rem;top:76px;display:none;flex-direction:column;align-items:stretch;width:min(320px,calc(100vw - 2rem));background:rgba(8,14,24,.98);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.6rem}.nav-panel.is-open{display:flex}.nav-panel a{clip-path:none;border-radius:12px}.hero h1,.section-head h2{letter-spacing:-.04em}.proof-strip,.cards.three,.service-grid,.check-list.two-col{grid-template-columns:1fr}.album-card,.compact-card{grid-template-columns:1fr}.album-card img{width:100%;max-width:320px}.section-pad{padding-top:4rem;padding-bottom:4rem}.brand small{display:none}}


.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden}.timeline div{background:rgba(8,14,24,.86);padding:1.1rem;min-height:150px}.timeline strong{display:block;color:var(--gold);font-size:1.9rem;line-height:1;margin-bottom:.8rem}.timeline span{color:#d7e2f2;font-weight:700}.legacy-section{padding-top:4rem}
@media (max-width:980px){.timeline{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.timeline{grid-template-columns:1fr}}
.mod-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0}.mod-logo-grid img{width:100%;aspect-ratio:13/6;object-fit:contain;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.35rem}
@media (max-width:720px){.mod-logo-grid{grid-template-columns:1fr}}


/* WarHeads single-tab launch guide */
.launch-note{font-size:.92rem;margin:1rem 0 0;color:#cfdbec;border-left:3px solid rgba(0,234,255,.55);padding-left:.8rem}
.howto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.howto-card{background:linear-gradient(180deg,rgba(16,24,39,.88),rgba(7,12,21,.88));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.15rem;position:relative;overflow:hidden}
.howto-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,234,255,.35),rgba(255,226,74,.08),rgba(255,61,242,.28));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.howto-card strong{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:.75rem;border:1px solid rgba(0,234,255,.45);background:rgba(0,234,255,.08);color:var(--gold);font-weight:1000;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.howto-card h3{font-size:1.12rem;margin:.1rem 0 .45rem;letter-spacing:-.02em}.howto-card p{margin:0;color:var(--muted)}
.warheads-return{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.15rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04)}
.warheads-return span{color:var(--muted);font-weight:700}
@media (max-width:980px){.howto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.howto-grid{grid-template-columns:1fr}.warheads-return{align-items:flex-start;flex-direction:column}}


/* Discord community section */
.discord-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:stretch}.discord-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.discord-card{background:linear-gradient(180deg,rgba(16,24,39,.92),rgba(8,14,24,.9));border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow);border-radius:var(--radius);position:relative;overflow:hidden;padding:1.35rem}.discord-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,234,255,.48),rgba(255,226,74,.12),rgba(255,61,242,.38));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.discord-card h3{font-size:clamp(1.35rem,2.5vw,2.2rem);line-height:1.05;margin:1rem 0 .7rem;letter-spacing:-.03em}.discord-card p{color:var(--muted)}.qr-card{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center}.qr-card img{width:150px;height:150px;aspect-ratio:1/1;object-fit:contain;border-radius:18px;background:#fff;padding:.5rem;border:1px solid rgba(255,255,255,.18);box-sizing:border-box}@media (max-width:980px){.discord-grid,.discord-grid.two{grid-template-columns:1fr}.qr-card{grid-template-columns:130px 1fr}.qr-card img{width:130px;height:130px}}@media (max-width:620px){.qr-card{grid-template-columns:1fr}.qr-card img{width:180px;height:180px}}