.unified-drop-cinematic{--accent:#67e8f9;--accent2:#2dd4bf;position:fixed;inset:0;z-index:1000004;display:grid;place-items:center;overflow:hidden;background:#020711;opacity:0;transition:opacity .38s ease;color:#fff;font-family:"Pretendard Variable","Noto Sans KR",sans-serif}.unified-drop-cinematic.legend{--accent:#d89cff;--accent2:#7c3aed}.unified-drop-cinematic.apex{--accent:#ffe38a;--accent2:#ff8a34}.unified-drop-cinematic.show{opacity:1}.unified-drop-cinematic.out{opacity:0;filter:brightness(1.8)}.udfx-void{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 29%),radial-gradient(circle at 15% 15%,rgba(13,104,150,.18),transparent 32%),linear-gradient(145deg,#01040b 0%,#071120 48%,#02040a 100%)}.udfx-void:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle,#000,transparent 74%);perspective:500px;transform:scale(1.4) rotate(8deg)}.udfx-aurora{position:absolute;inset:-40%;background:conic-gradient(from 30deg,transparent 0 12%,color-mix(in srgb,var(--accent) 17%,transparent) 18%,transparent 26% 52%,color-mix(in srgb,var(--accent2) 20%,transparent) 60%,transparent 68%);filter:blur(50px);animation:udfxAurora 12s linear infinite}.udfx-beams{position:absolute;inset:0;display:flex;justify-content:center;gap:clamp(20px,7vw,130px);transform:perspective(800px) rotateX(64deg) translateY(-16%);transform-origin:center bottom}.udfx-beams i{width:clamp(35px,5vw,95px);height:140%;background:linear-gradient(to top,color-mix(in srgb,var(--accent) 36%,transparent),transparent 78%);filter:blur(9px);transform:scaleY(0);animation:udfxBeam 1.5s .25s cubic-bezier(.2,.8,.2,1) forwards}.udfx-beams i:nth-child(2),.udfx-beams i:nth-child(4){animation-delay:.4s;opacity:.65}.udfx-particles{position:absolute;inset:0}.udfx-particles i{position:absolute;left:calc(var(--x)*1%);bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 3px var(--accent);animation:udfxParticle calc(2.4s + var(--i)*.035s) var(--d) linear infinite}.udfx-stage{position:relative;width:min(96vw,940px);height:min(94vh,820px);display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}.udfx-kicker{position:absolute;top:5%;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.34em;font-weight:900;color:rgba(255,255,255,.6);opacity:0;animation:udfxCopy .7s .2s forwards}.udfx-kicker i{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.udfx-kicker b{color:var(--accent)}.udfx-portal{position:absolute;top:9%;width:min(72vw,570px);aspect-ratio:1;border-radius:50%;animation:udfxPortalIn 1s cubic-bezier(.12,.85,.25,1) both}.udfx-portal>i{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);inset:4%;box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 8%,transparent),0 0 30px color-mix(in srgb,var(--accent) 12%,transparent);animation:udfxSpin 18s linear infinite}.udfx-portal>i:nth-child(2){inset:13%;border-style:dashed;animation-direction:reverse;animation-duration:12s}.udfx-portal>i:nth-child(3){inset:24%;border-width:2px;animation-duration:8s}.udfx-portal em{position:absolute;inset:31%;border-radius:50%;background:radial-gradient(circle,#fff 0,color-mix(in srgb,var(--accent) 80%,#fff) 7%,color-mix(in srgb,var(--accent) 35%,transparent) 31%,transparent 70%);filter:blur(4px);animation:udfxCore 1.4s ease-in-out infinite}.udfx-shards{position:absolute;top:10%;width:min(72vw,570px);aspect-ratio:1}.udfx-shards b{position:absolute;left:50%;top:50%;width:7px;height:36px;background:linear-gradient(var(--accent),transparent);clip-path:polygon(50% 0,100% 70%,50% 100%,0 70%);transform:rotate(calc(var(--i)*22.5deg)) translateY(-270px);transform-origin:center 270px;opacity:0;animation:udfxShard 1.1s calc(.5s + var(--i)*.025s) ease-out forwards}.udfx-relic{position:relative;z-index:3;width:min(54vw,340px);margin:-30px 0 0;display:grid;place-items:center;opacity:0;animation:udfxRelicIn 1.15s .48s cubic-bezier(.12,.88,.2,1.12) forwards}.udfx-relic-glow{position:absolute;width:125%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent2) 12%,transparent) 38%,transparent 69%);filter:blur(14px);animation:udfxCore 1.4s infinite}.udfx-image{position:relative;width:min(50vw,300px);height:min(50vw,300px);display:grid;place-items:center;filter:drop-shadow(0 24px 34px rgba(0,0,0,.7)) drop-shadow(0 0 28px var(--accent));animation:udfxFloat 3s 1.5s ease-in-out infinite}.udfx-image:before,.udfx-image:after{content:"";position:absolute;inset:-9px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}.udfx-image:after{inset:5px;border-color:rgba(255,255,255,.3);filter:blur(.2px)}.udfx-image img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}.udfx-image strong{font-family:Georgia,serif;font-size:120px;color:var(--accent);text-shadow:0 0 32px var(--accent)}.udfx-relic figcaption{position:relative;margin-top:16px;padding:6px 18px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:rgba(3,8,17,.78);color:var(--accent);font:900 10px/1.2 monospace;letter-spacing:.3em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.udfx-copy{position:relative;z-index:4;margin-top:17px;text-align:center;text-shadow:0 3px 18px #000;opacity:0;animation:udfxCopy .75s 1.05s forwards}.udfx-copy>small{font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--accent)}.udfx-copy h2{margin:7px 0 2px;font-size:clamp(18px,3vw,25px);letter-spacing:.08em;color:rgba(255,255,255,.72)}.udfx-copy>strong{display:block;font-family:"Noto Serif KR",serif;font-size:clamp(30px,6vw,58px);line-height:1.12;letter-spacing:-.045em;background:linear-gradient(180deg,#fff 15%,var(--accent) 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.udfx-copy>div{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:7px}.udfx-copy>div span{font-size:11px;color:rgba(255,255,255,.5)}.udfx-copy>div b{font-size:21px;color:#fff}.udfx-copy p{margin:5px 0 0;color:rgba(255,255,255,.65);font-size:12px}.udfx-confirm{position:absolute;z-index:7;bottom:3%;min-width:210px;padding:12px 28px;border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--accent2) 32%,#07101c),rgba(4,9,17,.92));color:#fff;clip-path:polygon(13px 0,100% 0,calc(100% - 13px) 100%,0 100%);cursor:pointer;opacity:0;animation:udfxCopy .7s 1.55s forwards}.udfx-confirm span,.udfx-confirm small{display:block}.udfx-confirm span{font-weight:900}.udfx-confirm small{margin-top:2px;font:8px/1 monospace;letter-spacing:.2em;color:var(--accent)}.udfx-confirm:hover{filter:brightness(1.25);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 22%,transparent)}@keyframes udfxAurora{to{transform:rotate(360deg)}}@keyframes udfxBeam{to{transform:scaleY(1)}}@keyframes udfxParticle{0%{transform:translateY(0) scale(.2);opacity:0}15%{opacity:1}100%{transform:translateY(-105vh) translateX(calc((var(--i)%5 - 2)*24px)) scale(1.3);opacity:0}}@keyframes udfxPortalIn{from{transform:scale(.08) rotate(-40deg);opacity:0;filter:blur(16px)}to{transform:scale(1);opacity:1;filter:none}}@keyframes udfxSpin{to{transform:rotate(360deg)}}@keyframes udfxCore{50%{transform:scale(1.18);opacity:.72}}@keyframes udfxShard{0%{opacity:0;transform:rotate(calc(var(--i)*22.5deg)) translateY(-70px) scale(.2)}45%{opacity:1}100%{opacity:.35;transform:rotate(calc(var(--i)*22.5deg)) translateY(-270px) scale(1)}}@keyframes udfxRelicIn{from{opacity:0;transform:scale(.04) translateY(170px) rotate(-10deg);filter:blur(15px) brightness(3)}to{opacity:1;transform:none;filter:none}}@keyframes udfxFloat{50%{transform:translateY(-12px) scale(1.025)}}@keyframes udfxCopy{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@media(max-width:640px){.udfx-stage{height:95svh}.udfx-kicker{top:3%}.udfx-portal,.udfx-shards{top:8%;width:min(92vw,470px)}.udfx-shards b{transform-origin:center 43vw}.udfx-relic{width:min(68vw,310px);margin-top:-38px}.udfx-image{width:min(65vw,280px);height:min(65vw,280px)}.udfx-copy{margin-top:12px}.udfx-copy>strong{font-size:clamp(30px,10vw,46px)}.udfx-confirm{bottom:2%}}@media(prefers-reduced-motion:reduce){.unified-drop-cinematic *{animation-duration:.01ms!important;animation-iteration-count:1!important}.udfx-relic,.udfx-copy,.udfx-kicker,.udfx-confirm{opacity:1}}

/* Popup presentation: battle result remains visible behind the reward reveal. */
.unified-drop-cinematic{background:rgba(0,4,12,.82);backdrop-filter:blur(9px)}
.unified-drop-cinematic .udfx-void{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 38%)}
.unified-drop-cinematic .udfx-stage{width:min(92vw,760px);height:min(88svh,720px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:28px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 37%),linear-gradient(145deg,rgba(4,12,25,.98),rgba(2,6,14,.99));box-shadow:0 30px 100px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.045) inset,0 0 70px color-mix(in srgb,var(--accent) 13%,transparent)}
.unified-drop-cinematic .udfx-stage:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.045);border-radius:21px;pointer-events:none}
@media(max-width:640px){.unified-drop-cinematic .udfx-stage{width:94vw;height:min(86svh,690px);border-radius:22px}}