.black-miracle-modal{background:radial-gradient(circle at 50% 42%,rgba(30,178,226,.2),rgba(1,5,10,.96) 60%);backdrop-filter:blur(14px)}
.black-miracle-panel{position:relative;width:min(94vw,620px);overflow:hidden;padding:30px;text-align:center;border:1px solid rgba(208,171,93,.64);background:radial-gradient(circle at 50% 42%,rgba(34,151,195,.17),transparent 34%),linear-gradient(160deg,#070e14,#09131d 56%,#17130e);box-shadow:0 30px 90px #000,0 0 48px rgba(64,205,255,.12) inset}
.black-miracle-panel>.icon-close{position:absolute;right:16px;top:16px;z-index:5}.black-miracle-copy small,.black-miracle-result small{color:#d8b76d;font-weight:900;letter-spacing:.18em}.black-miracle-copy h2,.black-miracle-result h2{margin:8px 0;font-size:clamp(30px,5vw,44px)}.black-miracle-copy p{color:#8eacc0}
.black-miracle-stage{position:relative;display:grid;place-items:center;height:380px}.black-miracle-stage:before,.black-miracle-stage i{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(91,218,255,.25);border-radius:50%;animation:blackMiracleOrbit 13s linear infinite}.black-miracle-stage i{width:270px;height:270px;border-style:dashed;animation-direction:reverse;animation-duration:9s}.black-miracle-stage img{position:relative;z-index:2;max-width:240px;max-height:355px;object-fit:contain;filter:drop-shadow(0 25px 24px #000) drop-shadow(0 0 24px rgba(75,213,255,.35));transition:.8s}.black-miracle-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 18px}.black-miracle-pool span{padding:7px 11px;border:1px solid rgba(210,175,100,.28);border-radius:999px;color:#cbd9df;background:rgba(255,255,255,.035);font-size:12px}.black-miracle-panel.opening .black-miracle-stage img{transform:scale(1.12);filter:brightness(1.7) drop-shadow(0 0 55px white)}.black-miracle-panel.opening .black-miracle-stage:before,.black-miracle-panel.opening .black-miracle-stage i{animation-duration:.7s}
.black-miracle-result{display:grid;place-items:center;gap:13px;min-height:570px}.black-miracle-result>img{width:230px;height:300px;object-fit:contain;filter:drop-shadow(0 20px 25px #000) drop-shadow(0 0 30px #46cdf2)}.black-miracle-result>b{font-size:24px}.black-miracle-result>strong{font-size:36px;color:#ffe29a}.black-miracle-reward-symbol{font-size:110px;color:#a8edff;text-shadow:0 0 35px #42c9f5}
@keyframes blackMiracleOrbit{to{transform:rotate(360deg)}}
@media(max-width:620px){.black-miracle-modal{padding:0}.black-miracle-panel{width:100%;height:100dvh;border:0;border-radius:0;padding:24px 16px}.black-miracle-stage{height:52dvh;max-height:400px}.black-miracle-stage img{max-height:42dvh;max-width:55vw}}