/* Spookino - habillage partage (header, footer, tokens) */
:root{
  --night:#160726;--night2:#1d0c33;--panel:#271447;--panel2:#311a5c;
  --line:rgba(168,224,42,.16);--line2:rgba(123,63,191,.32);
  --lime:#a8e02a;--lime2:#c4f24d;--limed:#83b31c;
  --mag:#d94ff0;--gold:#f5c542;--grape:#8a4fd0;
  --ink:#efe6ff;--mut:#ad9bd4;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Rubik',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.55;background:var(--night);overflow-x:hidden;
  background-image:radial-gradient(1200px 600px at 80% -10%,rgba(138,79,208,.22),transparent 60%),radial-gradient(900px 500px at 0% 20%,rgba(168,224,42,.08),transparent 55%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3,h4{font-weight:800;line-height:1.15;letter-spacing:.2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.acct{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:40px;transition:transform .14s,box-shadow .2s;white-space:nowrap}
.acct:hover{transform:translateY(-2px)}
.acct--ghost{border:1.5px solid rgba(196,242,77,.5);color:var(--lime2);padding:11px 22px}
.acct--ghost:hover{background:rgba(168,224,42,.12)}
.acct--slime{background:linear-gradient(180deg,var(--lime2),var(--limed));color:#20130a;padding:12px 26px;box-shadow:0 6px 20px rgba(168,224,42,.35)}
.acct--slime:hover{box-shadow:0 10px 28px rgba(168,224,42,.55)}
.acct--grape{background:linear-gradient(180deg,var(--mag),#9b2bcb);color:#fff;padding:12px 26px;box-shadow:0 6px 20px rgba(217,79,240,.35)}
.acct--big{font-size:17px;padding:16px 34px}

/* header */
.masthead{position:sticky;top:0;z-index:60;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  background:linear-gradient(180deg,rgba(22,7,38,.96),rgba(22,7,38,.72));border-bottom:1px solid var(--line2)}
.masthead .wrap{display:flex;align-items:center;gap:24px;height:74px}
.navcluster{flex:1;display:flex;align-items:center;gap:24px}
.crest img{height:46px;width:auto;filter:drop-shadow(0 3px 10px rgba(168,224,42,.45))}
.mainnav ul{display:flex;gap:6px}
.mainnav a{padding:9px 14px;border-radius:10px;font-weight:600;font-size:14px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;transition:color .18s,background .18s}
.mainnav a:hover,.mainnav a.here{color:var(--lime2);background:rgba(168,224,42,.08)}
.portal{display:flex;align-items:center;gap:10px}
.hamb{display:none;padding:8px;border-radius:10px;background:rgba(138,79,208,.18)}
.hamb svg{width:24px;height:24px;stroke:var(--ink)}
.veil{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:55}
body.nav-open .veil{display:block}

/* footer */
.crypt{margin-top:56px;background:#0f0420;border-top:1px solid var(--line2)}
.crypt__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:34px;padding:46px 0;border-bottom:1px solid rgba(138,79,208,.18)}
.crypt img.mark{height:64px;width:auto;margin-bottom:14px}
.crypt__brand p{font-size:13px;color:var(--mut);max-width:300px}
.crypt__t{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--lime2);margin-bottom:14px}
.crypt li{margin-bottom:9px}
.crypt li a{font-size:13px;color:var(--mut);transition:color .15s}
.crypt li a:hover{color:var(--lime2)}
.pays{display:flex;flex-wrap:wrap;gap:6px}
.pays span{font-size:11px;font-weight:700;letter-spacing:.5px;color:#cfc2ec;background:rgba(138,79,208,.16);border:1px solid var(--line2);border-radius:8px;padding:6px 10px}
.crypt__base{padding:26px 0;text-align:center}
.badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
.badge{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#cfc2ec;background:rgba(138,79,208,.16);border:1px solid var(--line2);border-radius:30px;padding:6px 12px}
.badge.age{background:linear-gradient(180deg,var(--mag),#9b2bcb);color:#fff;border-color:var(--mag)}
.fineprint{font-size:11.5px;color:#8f7db8;line-height:1.7;max-width:880px;margin:0 auto 8px}
.fineprint a{color:var(--lime2);text-decoration:underline}
.fineprint strong{color:var(--lime2)}

@media(max-width:720px){
  .masthead .wrap{justify-content:space-between}
  .navcluster{gap:0}
  .mainnav,.acct--ghost{display:none}
  .hamb{display:inline-flex}
  .masthead.nav-live .mainnav{display:block;position:fixed;top:74px;left:0;right:0;background:var(--night2);padding:14px 22px;border-bottom:1px solid var(--line2);z-index:58}
  .masthead.nav-live .mainnav ul{flex-direction:column;gap:2px}
  .crypt__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){ .crypt__grid{grid-template-columns:1fr} }