/* DigiClicks Popup System v1.6 — centered, immersive, event-driven */
.popup-overlay,
.dc-story-modal,
.dc-evolution-modal{
  position:fixed !important; inset:0 !important; z-index:100400 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  padding:18px !important; background:rgba(2,7,13,.68) !important;
  backdrop-filter:blur(10px) saturate(115%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(115%) !important;
}
.dc-popup-frame.dc-popup-story-frame{
  position:relative !important; width:min(470px,94vw) !important;
  max-height:min(84vh,720px) !important; overflow:hidden !important;
  padding:0 !important; margin:auto !important; border-radius:16px !important;
  border:1px solid rgba(105,245,255,.30) !important;
  background:#06101a !important;
  box-shadow:0 25px 75px rgba(0,0,0,.62),0 0 36px rgba(105,245,255,.14),inset 0 0 25px rgba(105,245,255,.04) !important;
}
.dc-story-bg{position:absolute !important; inset:0 !important; z-index:0 !important; background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important; transform:scale(1.02) !important; filter:saturate(1.08) contrast(1.04) !important;}
.dc-story-bg-shade{position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background:linear-gradient(180deg,rgba(1,10,18,.10),rgba(1,10,18,.42) 48%,rgba(1,8,14,.88) 100%) !important;}
.dc-story-content{position:relative !important; z-index:2 !important; width:100% !important; max-height:calc(min(84vh,720px) - 55px) !important; overflow:auto !important; padding:18px 16px 12px !important; scrollbar-width:thin !important;}
.dc-story-content h2{margin:0 34px 8px !important; color:#efffff !important; font:900 15px/1.25 Orbitron,sans-serif !important; text-align:center !important; letter-spacing:1px !important; text-shadow:0 0 16px rgba(105,245,255,.34),0 2px 12px rgba(0,0,0,.65) !important;}
.dc-story-rule{width:92px !important;height:2px !important;margin:8px auto 13px !important;background:linear-gradient(90deg,transparent,var(--story-accent,#69f5ff),transparent) !important;box-shadow:0 0 13px var(--story-accent,#69f5ff) !important;}
.dc-story-characters{display:flex !important;justify-content:center !important;align-items:flex-end !important;gap:18px !important;min-height:112px !important;margin:8px auto 12px !important;}
.dc-story-characters>div{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-end !important;min-width:82px !important;max-width:125px !important;}
.dc-story-characters img{width:86px !important;height:96px !important;max-width:86px !important;max-height:96px !important;object-fit:contain !important;filter:drop-shadow(0 7px 15px rgba(0,0,0,.45)) !important;}
.dc-story-characters small{margin-top:5px !important;color:#dbfbff !important;font:800 7px/1.2 Orbitron,sans-serif !important;letter-spacing:.65px !important;text-shadow:0 1px 7px rgba(0,0,0,.75) !important;}
.dc-story-dialogues{display:flex !important;flex-direction:column !important;gap:6px !important;}
.dialogo-historia,.dialogo-evo{display:grid !important;grid-template-columns:28px minmax(0,1fr) !important;align-items:center !important;gap:7px !important;min-width:0 !important;margin:0 !important;padding:8px 9px !important;border-radius:9px !important;border:1px solid rgba(105,245,255,.12) !important;background:rgba(2,13,22,.66) !important;box-shadow:inset 0 0 12px rgba(105,245,255,.025),0 3px 12px rgba(0,0,0,.18) !important;opacity:0 !important;transform:translateY(8px) !important;transition:opacity .22s ease,transform .22s ease,border-color .22s ease !important;}
.dialogo-historia.is-visible,.dialogo-evo.is-visible{opacity:1 !important;transform:translateY(0) !important;}
.dialogo-historia>span:last-child,.dialogo-evo>span:last-child{min-width:0 !important;color:#e7fbff !important;font:700 8.5px/1.5 Orbitron,sans-serif !important;overflow-wrap:anywhere !important;text-shadow:0 1px 5px rgba(0,0,0,.45) !important;}
.dc-story-actions{position:relative !important;z-index:3 !important;display:flex !important;padding:9px 12px 12px !important;margin:0 !important;background:linear-gradient(180deg,rgba(2,10,16,.10),rgba(2,8,14,.84)) !important;}
.dc-story-actions button{min-height:40px !important;font-size:8px !important;letter-spacing:1px !important;}
.dc-popup-close{position:absolute !important;right:8px !important;top:8px !important;z-index:20 !important;width:30px !important;height:30px !important;display:grid !important;place-items:center !important;padding:0 !important;border-radius:8px !important;border:1px solid rgba(105,245,255,.25) !important;background:rgba(2,13,22,.64) !important;color:#e9ffff !important;font:900 17px/1 Arial,sans-serif !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;}
.dc-evolution-single{align-items:center !important;justify-content:center !important;min-height:145px !important;margin:10px auto 12px !important;}
.dc-evolution-single .dc-evo-current img{width:122px !important;height:122px !important;object-fit:contain !important;filter:drop-shadow(0 0 18px rgba(255,215,106,.26)) !important;}
.dc-evo-current{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;min-width:140px !important;}
.dc-evo-current small{margin-top:5px !important;color:#fff5ce !important;font:800 7px/1.2 Orbitron,sans-serif !important;letter-spacing:.7px !important;text-shadow:0 1px 8px rgba(0,0,0,.8) !important;}
.dc-evo-arrow{display:none !important;}
.dc-evolution-pair .dc-evo-form img{width:122px !important;height:122px !important;object-fit:contain !important;}
.dc-evolution-modal-frame{border-color:rgba(255,215,106,.32) !important;box-shadow:0 25px 80px rgba(0,0,0,.66),0 0 44px rgba(255,215,106,.14),inset 0 0 24px rgba(255,215,106,.035) !important;}
.dc-evolution-modal .dc-story-bg-shade{background:linear-gradient(180deg,rgba(1,5,9,.16),rgba(1,6,11,.52) 45%,rgba(0,0,0,.92) 100%) !important;}
.dc-evolution-modal-frame .dc-story-rule{background:linear-gradient(90deg,transparent,#ffd76a,transparent) !important;box-shadow:0 0 14px rgba(255,215,106,.66) !important;}
.dc-evolution-modal-frame .dialogo-evo{border-color:rgba(255,215,106,.14) !important;}
.dc-evolution-modal-frame .dialogo-evo span:last-child{color:#fff8de !important;}
#dcEvolution3DOverlay{position:fixed !important;inset:0 !important;z-index:100500 !important;pointer-events:none !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background:radial-gradient(circle at center,rgba(105,245,255,.035),rgba(161,140,255,.025) 25%,rgba(1,4,8,.30) 55%,rgba(0,0,0,.96) 100%) !important;animation:dcEvolutionBackdrop 5.4s ease both !important;}
#dcEvolution3DCanvas{width:100% !important;height:100% !important;display:block !important;}
.dc-evo-caption{position:absolute !important;left:50% !important;bottom:12% !important;transform:translateX(-50%) !important;padding:9px 16px !important;border:1px solid rgba(255,215,106,.35) !important;border-radius:8px !important;background:rgba(3,14,23,.52) !important;color:#fff5c8 !important;font:900 9px/1 Orbitron,sans-serif !important;letter-spacing:2px !important;text-shadow:0 0 13px rgba(255,215,106,.55) !important;animation:dcEvoCaption16 5.4s ease forwards !important;backdrop-filter:blur(7px) !important;}
@keyframes dcEvoCaption16{0%,62%{opacity:0;transform:translate(-50%,8px) scale(.96)}68%{opacity:.85;transform:translate(-50%,0) scale(1)}82%{opacity:.85}100%{opacity:0}}
@keyframes dcEvolutionBackdrop{0%{opacity:1}8%{opacity:1}88%{opacity:1}100%{opacity:0}}
@keyframes dcEvoFallback{0%{opacity:0;transform:scale(.96)}16%{opacity:1;transform:scale(1)}56%{opacity:.72}100%{opacity:0;transform:scale(1.06)}}
@media(max-width:600px){
  .popup-overlay,.dc-story-modal,.dc-evolution-modal{padding:10px !important;}
  .dc-popup-frame.dc-popup-story-frame{width:min(96vw,470px) !important;max-height:88vh !important;border-radius:13px !important;}
  .dc-story-content{max-height:calc(88vh - 55px) !important;padding:15px 11px 10px !important;}
  .dc-story-content h2{font-size:13px !important;}
  .dc-story-characters img{width:72px !important;height:84px !important;}
  .dc-evolution-single .dc-evo-current img{width:96px !important;height:96px !important;} .dc-evolution-pair .dc-evo-form img{width:96px !important;height:96px !important;}
  .dc-story-characters{gap:11px !important;min-height:102px !important;}
  .dialogo-historia>span:last-child,.dialogo-evo>span:last-child{font-size:8px !important;}
}
/* Evolution reveal 2.0: longer, darker, cinematic. */
#dcEvolution3DOverlay{background:#000 !important;animation:dcEvolutionBackdrop 6.2s ease both !important;}
.dc-evo-caption{animation-duration:6.2s !important;opacity:0 !important;}
.dc-evolution-single .dc-evo-current img{max-width:100%;max-height:100%;object-fit:contain !important;}

/* Generic game popups: immersive real-project backgrounds. */
.popup-overlay:not(.dc-story-modal):not(.dc-evolution-modal) > .dc-popup-frame{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background-color:rgba(4,13,22,.78) !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.popup-overlay:not(.dc-story-modal):not(.dc-evolution-modal) > .dc-popup-frame::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  opacity:.30 !important;
  filter:saturate(1.08) contrast(1.03) !important;
}
.popup-overlay:not(.dc-story-modal):not(.dc-evolution-modal) > .dc-popup-frame::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(2,10,16,.10),rgba(2,10,16,.60) 60%,rgba(2,8,14,.86) 100%) !important;
}
.popup-overlay:not(.dc-story-modal):not(.dc-evolution-modal) > .dc-popup-frame > *{position:relative !important;z-index:2 !important;}
.popup-overlay[data-popup-type="info"] > .dc-popup-frame::before,
.popup-overlay[data-popup-type="confirmacion"] > .dc-popup-frame::before{background-image:url('img/guarida/fondo_campo.png') !important;}
.popup-overlay[data-popup-type="exito"] > .dc-popup-frame::before{background-image:url('img/guarida/fondo_luz.png') !important;}
.popup-overlay[data-popup-type="warning"] > .dc-popup-frame::before,
.popup-overlay[data-popup-type="error"] > .dc-popup-frame::before{background-image:url('img/guarida/fondo_oscuridad.png') !important;}
.popup-overlay[data-popup-type="recompensa"] > .dc-popup-frame::before,
.popup-overlay[data-popup-type="epico"] > .dc-popup-frame::before{background-image:url('img/guarida/fondo_legendario.png') !important;}
.popup-overlay[data-popup-type="tienda"] > .dc-popup-frame::before{background-image:url('img/guarida/fondo_tierra.png') !important;}