/* ── PokeScan Cinematic Intro ──── */
#intro-overlay{position:fixed;inset:0;z-index:10000;background:#0a0a0f;
  display:flex;align-items:center;justify-content:center;overflow:hidden}

#intro-canvas{position:absolute;inset:0;z-index:1}

.intro-stage{position:relative;z-index:2;width:100%;max-width:500px;
  display:flex;align-items:center;justify-content:space-between;padding:0 20px}

.intro-team{display:flex;flex-direction:column;align-items:center;gap:8px}

.intro-char{display:flex;flex-direction:column;align-items:center;position:relative}

.intro-sprite{width:80px;height:80px;object-fit:contain;image-rendering:pixelated;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}

.intro-name{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;
  letter-spacing:.06em;color:rgba(255,255,255,.7);margin-top:4px;
  transition:color .3s,text-shadow .3s}

.intro-vs-badge{position:relative;z-index:3;font-family:'Orbitron',monospace;
  font-size:36px;font-weight:900;color:#facc15;
  text-shadow:0 0 20px rgba(250,204,21,.4),0 0 40px rgba(250,204,21,.15);
  padding:0 16px}

.intro-evo-flash{position:absolute;inset:0;z-index:5;
  background:radial-gradient(ellipse at center,#fff,rgba(255,255,255,.8) 40%,transparent 70%);
  opacity:0;pointer-events:none}

.intro-title-reveal{position:absolute;z-index:4;bottom:15%;left:0;right:0;
  text-align:center;opacity:0}

.intro-logo-text{font-family:'Orbitron',monospace;font-size:36px;font-weight:900;
  background:linear-gradient(135deg,#facc15,#f97316,#ef4444,#a855f7);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-size:200% 200%;animation:introGrad 3s ease infinite;
  text-shadow:none;filter:drop-shadow(0 2px 8px rgba(250,204,21,.2))}

.intro-logo-sub{font-family:'Orbitron',monospace;font-size:10px;font-weight:600;
  letter-spacing:.12em;color:rgba(255,255,255,.5);margin-top:8px}

@keyframes introGrad{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.intro-skip{position:absolute;z-index:6;bottom:24px;right:20px;
  padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);
  font-family:'Orbitron',monospace;font-size:9px;font-weight:600;
  letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(4px);
  transition:all .2s}
.intro-skip:active{background:rgba(255,255,255,.12);color:#fff}

/* Replay button (in footer) */
.intro-replay-btn{display:inline-flex;align-items:center;gap:4px;
  padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);color:rgba(255,255,255,.3);
  font-family:'Orbitron',monospace;font-size:7px;font-weight:600;
  letter-spacing:.06em;cursor:pointer;transition:all .2s;margin-top:8px}
.intro-replay-btn:active{color:rgba(255,255,255,.6);border-color:rgba(255,255,255,.15)}
.intro-replay-btn svg{width:12px;height:12px}

/* Responsive */
@media (max-width:380px){
  .intro-sprite{width:60px;height:60px}
  .intro-vs-badge{font-size:28px;padding:0 10px}
  .intro-logo-text{font-size:28px}
  .intro-name{font-size:7px}
}