/* ── PokeScan Summon Mode ──── */

#summon-overlay{position:absolute;inset:0;z-index:50;pointer-events:none}
#summon-overlay *{pointer-events:auto}

.summon-energy{position:absolute;inset:0;z-index:1;pointer-events:none}

.summon-stage{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;
  align-items:center;justify-content:center;pointer-events:auto}

/* Energy ring */
.summon-ring{width:280px;height:280px;border-radius:50%;position:absolute;
  background:radial-gradient(circle, transparent 50%, var(--ring1) 65%, var(--ring2) 80%, transparent 95%);
  opacity:0.5;filter:blur(8px);z-index:1}

/* The Pokemon */
.summon-pokemon{position:relative;z-index:2;width:220px;height:220px;object-fit:contain;
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.6)) drop-shadow(0 0 25px rgba(255,255,255,.12));
  transition:transform 0.15s ease}

/* Nameplate */
.summon-nameplate{position:absolute;bottom:18%;z-index:3;text-align:center;
  background:rgba(10,10,15,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:10px 20px;min-width:140px;max-width:80%}
.summon-name{font-family:'Orbitron',monospace;font-size:15px;font-weight:900;letter-spacing:.04em;
  color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.summon-types{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:5px}
.summon-type-badge{font-family:'Orbitron',monospace;font-size:7px;font-weight:700;
  letter-spacing:.05em;padding:3px 8px;border-radius:6px;color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.3)}
.summon-hp{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,255,255,.5);font-weight:600}

/* Controls */
.summon-controls{position:absolute;bottom:0;left:0;right:0;z-index:10;
  display:flex;justify-content:center;gap:6px;padding:12px 8px calc(12px + env(safe-area-inset-bottom));
  pointer-events:auto}
.summon-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);
  background:rgba(10,10,15,.75);backdrop-filter:blur(12px);color:#fff;
  font-family:'Orbitron',monospace;font-size:7px;font-weight:600;letter-spacing:.05em;
  cursor:pointer;transition:all .15s;min-width:52px;flex-shrink:0}
.summon-ctrl-btn:active{transform:scale(.93);background:rgba(255,255,255,.1)}
.summon-ctrl-btn svg{width:20px;height:20px}
.summon-evolve-btn{border-color:rgba(250,204,21,.25);color:#facc15}
.summon-evolve-btn:active{border-color:rgba(250,204,21,.5);background:rgba(250,204,21,.1)}
.summon-rescan-btn{border-color:rgba(59,130,246,.2);color:rgba(255,255,255,.6)}
.summon-close-btn{border-color:rgba(239,68,68,.15);color:rgba(255,255,255,.4)}

/* Attack flash */
.summon-attack-flash{position:absolute;inset:0;z-index:5;pointer-events:none}

/* Evolution flash */
.summon-evo-flash{position:absolute;inset:0;z-index:100;
  background:radial-gradient(circle, #fff, rgba(255,255,255,.9) 30%, rgba(255,255,255,.4) 60%, transparent);
  opacity:0;pointer-events:none}

/* Evo dots */
.summon-evo-dots{position:absolute;top:15%;left:0;right:0;z-index:3;
  display:flex;justify-content:center;gap:8px}
.summon-evo-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.2);
  background:transparent;display:flex;align-items:center;justify-content:center;transition:all .3s}
.summon-evo-dot.active{border-color:#facc15;background:rgba(250,204,21,.2);
  box-shadow:0 0 8px rgba(250,204,21,.3)}
.summon-evo-dot.done{border-color:#22c55e;background:rgba(34,197,94,.15);color:#22c55e}

/* Watermark */
.summon-watermark{position:absolute;bottom:4px;right:12px;z-index:3;
  font-family:'Orbitron',monospace;font-size:6px;font-weight:500;
  color:rgba(255,255,255,.15);letter-spacing:.04em;pointer-events:none}

/* Responsive */
@media (max-width:380px){
  .summon-pokemon{width:170px;height:170px}
  .summon-ring{width:220px;height:220px}
  .summon-name{font-size:12px}
  .summon-nameplate{bottom:16%;padding:8px 14px}
  .summon-ctrl-btn{padding:6px 8px;min-width:46px;font-size:6px}
  .summon-ctrl-btn svg{width:16px;height:16px}
}

@media (min-height:800px){
  .summon-pokemon{width:240px;height:240px}
  .summon-ring{width:300px;height:300px}
}