.ndm-progresion-modal[hidden]{display:none!important}
.ndm-progresion-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif}
.ndm-progresion-velo{position:absolute;inset:0;background:rgba(5,2,13,.82);backdrop-filter:blur(3px)}
.ndm-progresion-panel{position:relative;width:min(760px,92vw);min-height:430px;box-sizing:border-box;padding:38px 48px 34px;text-align:center;color:#fff;border:3px solid #ad55d9;border-radius:22px;background:linear-gradient(180deg,rgba(37,13,55,.98),rgba(13,6,24,.98));box-shadow:0 0 0 5px #16081f,0 0 36px rgba(182,79,235,.52)}
.ndm-progresion-panel h2{margin:0 0 14px;font-size:34px;line-height:1.05;letter-spacing:1.5px;color:#e9bcff;text-shadow:0 3px 0 #351044}
.ndm-progresion-recompensa{display:block;width:min(360px,62vw);height:145px;object-fit:contain;margin:4px auto 14px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}
.ndm-progresion-mensaje{max-width:640px;margin:0 auto 9px;font-size:20px;line-height:1.28;font-weight:800}
.ndm-progresion-detalle{display:block;max-width:620px;margin:0 auto;color:#cdb8d7;font-size:13px;line-height:1.35}
.ndm-progresion-acciones{display:flex;justify-content:center;gap:24px;margin-top:26px}
.ndm-progresion-acciones button,.perfil-ascenso-btn{min-width:170px;padding:12px 20px;border:2px solid #b96ee3;border-radius:12px;background:#24102f;color:#fff;font-size:18px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 0 #0e0713}
.ndm-progresion-acciones button:focus,.ndm-progresion-acciones button:hover,.perfil-ascenso-btn:focus,.perfil-ascenso-btn:hover{outline:none;background:#5a206f;transform:translateY(-1px)}
.ndm-progresion-acciones [data-progresion-si]{border-color:#8be24e;background:#27421b}
.ndm-progresion-acciones [data-progresion-si]:focus,.ndm-progresion-acciones [data-progresion-si]:hover{background:#3f6d28}
.perfil-ascenso-btn{display:block;position:absolute;left:50%;bottom:17px;transform:translateX(-50%);min-width:245px;padding:7px 12px;font-size:13px;z-index:4}
.perfil-ascenso-btn:hover,.perfil-ascenso-btn:focus{transform:translateX(-50%) translateY(-1px)}
@media (max-width:700px){
  .ndm-progresion-panel{padding:26px 22px 24px;min-height:390px}
  .ndm-progresion-panel h2{font-size:27px}
  .ndm-progresion-mensaje{font-size:17px}
  .ndm-progresion-acciones{gap:12px}
  .ndm-progresion-acciones button{min-width:120px}
}
/* v62.91: aviso de nuevo prestigio sobre la madera caja_fondo_no_texto_002 y botones gráficos SÍ / NO. */
.ndm-progresion-panel{border:0;border-radius:0;background:url('sprites/hud/editor/fondos/caja_fondo_no_texto_002.webp') center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.7));padding:52px 70px 46px}
.ndm-progresion-acciones button{min-width:0;width:190px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.ndm-progresion-acciones button img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 4px rgba(0,0,0,.75));transition:transform .12s,filter .12s}
.ndm-progresion-acciones button:focus,.ndm-progresion-acciones button:hover,.ndm-progresion-acciones [data-progresion-si],.ndm-progresion-acciones [data-progresion-si]:focus,.ndm-progresion-acciones [data-progresion-si]:hover{background:transparent;border:0;transform:none}
.ndm-progresion-acciones button:focus img,.ndm-progresion-acciones button:hover img{transform:scale(1.06);filter:drop-shadow(0 0 10px rgba(180,255,60,.75)) brightness(1.15)}
@media (max-width:700px){.ndm-progresion-panel{padding:40px 34px 34px}.ndm-progresion-acciones button{width:140px}}