/* ============================================================
   GOKUPOKU // INTRO OVERLAY
   Optional pre-roll. Include this CSS + a matching #intro block
   in your page when you want the "ENTER THE SIGNAL" gate.
   ============================================================ */
#intro{
  position:fixed;inset:0;z-index:10001;
  background:var(--void);color:var(--cream);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:30px;
  transition:opacity .8s, transform .8s;
}
#intro.hide{opacity:0;transform:scale(1.2);pointer-events:none}
#intro h1{
  font-family:"Anton",sans-serif;
  font-size:clamp(60px,12vw,200px);line-height:.9;
  letter-spacing:-.04em;text-align:center;text-transform:uppercase;
  position:relative;
}
#intro h1 em{font-family:"Bodoni Moda",serif;font-style:italic;color:var(--mag);font-weight:900}
#intro .countdown{
  font-family:"Major Mono Display",monospace;font-size:14px;
  letter-spacing:.4em;color:var(--cyan);
}
#intro .enter{
  font-family:"Anton",sans-serif;font-size:22px;letter-spacing:.2em;
  background:var(--cream);color:var(--void);padding:14px 30px;
  border:none;cursor:pointer;text-transform:uppercase;
  transition:background .15s, transform .15s;
}
#intro .enter:hover{background:var(--mag);color:var(--cream);transform:rotate(-2deg) scale(1.05)}
#intro .warning{
  font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.3em;
  color:var(--mag);text-transform:uppercase;
}
#intro .tagline{
  font-family:"Bodoni Moda",serif;font-style:italic;font-size:18px;
  max-width:600px;text-align:center;line-height:1.5;color:var(--cream);opacity:.85;
}