.seal-fusion-scene{position:relative;isolation:isolate;height:320px;overflow:clip;border:1px solid #a486515e;border-radius:18px;background:#10191d url(/img/challenges/seal-fusion-sanctuary.jpg) center / cover;box-shadow:inset 0 0 40px #050b1080,0 8px 24px #0003}.seal-fusion-atmosphere{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none;background:radial-gradient(ellipse at 25% 90%,#52bbcb29,transparent 50%),radial-gradient(ellipse at 90% 10%,#ffc57220,transparent 45%)}.seal-fusion-slot.MuiButtonBase-root{position:absolute;z-index:2;width:88px;height:88px;border:1px solid #d4b77999;border-radius:50%;background:radial-gradient(circle at 35% 25%,#304750dd,#0b151bed 72%);box-shadow:0 5px 18px #0009,inset 0 0 0 5px #111c2280,inset 0 0 0 6px #c2a66d30;color:#e8d4ae;font-size:28px;transition:box-shadow .3s,opacity .45s,border-color .3s}.seal-fusion-slot.MuiButtonBase-root:hover:not(:disabled),.seal-fusion-slot.Mui-focusVisible{border-color:var(--seal-color);box-shadow:0 0 22px color-mix(in srgb,var(--seal-color) 45%,transparent),inset 0 0 0 5px #111c2280;outline:2px solid transparent}.seal-fusion-slot.slot-0{left:calc(50% - 44px);top:18px;--pull-x: 0px;--pull-y: 18px}.seal-fusion-slot.slot-1{left:calc(22% - 44px);bottom:30px;--pull-x: 16px;--pull-y: -12px}.seal-fusion-slot.slot-2{right:calc(22% - 44px);bottom:30px;--pull-x: -16px;--pull-y: -12px}.seal-fusion-scene img{border:none;background:transparent;box-shadow:none;mix-blend-mode:screen}.seal-fusion-energy{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .4s}.seal-fusion-energy path{fill:none;stroke:var(--seal-color);stroke-linecap:round;vector-effect:non-scaling-stroke}.fusion-thread{stroke-width:1;opacity:.28}.fusion-current{stroke-width:2;stroke-dasharray:12 88;stroke-dashoffset:100;filter:drop-shadow(0 0 5px var(--seal-color))}.fusion-spark{stroke:#fff7df!important;stroke-width:3;stroke-dasharray:.7 99.3;stroke-dashoffset:100;filter:drop-shadow(0 0 7px var(--seal-color))}.seal-fusion-convergence{position:absolute;left:50%;top:53%;width:5px;height:5px;background:#fff5d3;opacity:0;box-shadow:0 0 20px 7px var(--seal-color),0 0 55px 16px var(--seal-color);transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.seal-fusion-motes{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.seal-fusion-motes i{position:absolute;left:50%;top:53%;width:3px;height:3px;border-radius:1px;background:#fff0ca;box-shadow:0 0 8px var(--seal-color)}.is-fusing .seal-fusion-atmosphere{animation:fusion-mist 3s ease-in-out infinite}.is-fusing .seal-fusion-slot{animation:fusion-lift 3s ease-in-out infinite}.is-fusing .seal-fusion-energy,.is-fusing .seal-fusion-motes{opacity:1}.is-fusing .fusion-current{animation:fusion-flow 3s cubic-bezier(.4,0,.15,1) infinite;animation-delay:var(--stream-delay)}.is-fusing .fusion-spark{animation:fusion-flow 3s cubic-bezier(.4,0,.15,1) infinite;animation-delay:calc(var(--stream-delay) + .16s)}.is-fusing .seal-fusion-convergence{animation:fusion-gather 3s ease-in-out infinite}.is-fusing .seal-fusion-motes i{animation:fusion-orbit 3s ease-in-out infinite;animation-delay:var(--mote-delay)}@keyframes fusion-mist{50%{transform:translate(2%,-2%) scale(1.08);opacity:.6}}@keyframes fusion-lift{0%,to{transform:translate(0)}35%{box-shadow:0 0 22px var(--seal-color),inset 0 0 12px #ffffff20}68%{transform:translate(var(--pull-x),var(--pull-y));filter:brightness(1.35)}85%{transform:translate(var(--pull-x),var(--pull-y));filter:brightness(1)}}@keyframes fusion-flow{0%,12%{stroke-dashoffset:100;opacity:0}25%{opacity:1}78%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:-12;opacity:0}}@keyframes fusion-gather{0%,15%,to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.2)}72%{opacity:.95;transform:translate(-50%,-50%) rotate(135deg) scale(1.4)}88%{opacity:.2;transform:translate(-50%,-50%) rotate(180deg) scale(3)}}@keyframes fusion-orbit{0%{opacity:0;transform:rotate(var(--mote-angle)) translate(90px)}20%{opacity:.8}80%{opacity:.9;transform:rotate(calc(var(--mote-angle) + 75deg)) translate(8px)}to{opacity:0;transform:rotate(calc(var(--mote-angle) + 100deg)) translate(0)}}.has-result .seal-fusion-slot{opacity:0;visibility:hidden}.seal-fusion-result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;mix-blend-mode:screen;display:grid;place-items:center;background:radial-gradient(ellipse at center,#12232b15 5%,#0b141b55 75%)}.seal-fusion-reward{position:relative;display:grid;place-items:center;padding:24px;mix-blend-mode:screen;filter:drop-shadow(0 12px 18px #0009);animation:fusion-reveal .7s ease-out both}.seal-fusion-reward:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-1;background:radial-gradient(ellipse,#ffdca544 0%,#56b6ce18 40%,transparent 70%)}@keyframes fusion-reveal{0%{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.is-success .seal-fusion-reward{animation:fusion-reveal .7s ease-out both,seal-celebrate 1.2s ease-out}@keyframes seal-celebrate{0%{filter:brightness(2) drop-shadow(0 0 25px #ffd278)}to{filter:brightness(1) drop-shadow(0 12px 18px #0009)}}.is-success .seal-fusion-result:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;pointer-events:none;background:radial-gradient(circle at 10% 20%,#ffd16b 0 2px,transparent 3px),radial-gradient(circle at 80% 10%,#fff1ad 0 3px,transparent 4px),radial-gradient(circle at 90% 60%,#ffd16b 0 2px,transparent 3px),radial-gradient(circle at 20% 80%,#fff1ad 0 2px,transparent 3px),radial-gradient(circle at 70% 90%,#ffeabb 0 2px,transparent 3px);animation:seal-sparks 1.5s ease-out both}@keyframes seal-sparks{0%{transform:scale(.1);opacity:1}80%{opacity:1}to{transform:scale(1.4);opacity:0}}.reduced-motion *,.reduced-motion *:after{animation:none!important}.reduced-motion .seal-fusion-motes,.reduced-motion .fusion-current,.reduced-motion .fusion-spark,.reduced-motion .seal-fusion-convergence,.reduced-motion .seal-fusion-result:after{display:none}.reduced-motion.is-fusing .seal-fusion-slot{box-shadow:0 0 18px color-mix(in srgb,var(--seal-color) 40%,transparent)}@media (prefers-reduced-motion: reduce){.seal-fusion-scene *,.seal-fusion-scene *:after{animation:none!important;transition:none!important}.seal-fusion-motes,.fusion-current,.fusion-spark,.seal-fusion-convergence,.seal-fusion-result:after{display:none}}