/* Shared animation mechanics, separate Slime Feast and enchanted-vault identities. */
.sc-panel{--sc-light:#ffda81;--sc-glow:#c3922b;position:relative;isolation:isolate;text-align:center}
.sc-panel.sc-slime{--sc-light:#c8ff99;--sc-glow:#6ad87a}
.sc-panel.sc-vault{--sc-light:#dfc3ff;--sc-glow:#9c6bde}
.super .sc-panel.sc-vault{--sc-light:#ffe2a0;--sc-glow:#d6a33f}
.sc-art{position:relative;width:280px;height:175px;max-width:100%;margin:0 auto 10px;pointer-events:none}
.sc-halo{position:absolute;inset:-60px -70px;border-radius:50%;background:repeating-conic-gradient(from 5deg,transparent 0deg 19deg,color-mix(in srgb,var(--sc-glow) 20%,transparent) 20deg 24deg,transparent 25deg 40deg);mask-image:radial-gradient(circle,#000 5%,transparent 66%);animation:sc-orbit 36s linear infinite}
.sc-orbit{position:absolute;inset:0 51px;border:1px solid color-mix(in srgb,var(--sc-light) 30%,transparent);border-radius:50%;transform:rotate(-25deg) scaleY(.8)}
.sc-orbit.second{inset:21px 30px;transform:rotate(35deg);border-style:dashed;opacity:.45}
.sc-slime .sc-art,.sc-art.sc-slime{--sc-light:#c8ff99;--sc-glow:#6ad87a}
.sc-art>.sc-slime{position:absolute;width:110px;height:94px;left:calc(50% - 55px);top:54px;border-radius:29px 29px 23px 23px;border:2px solid #d8ffad;background:linear-gradient(140deg,#d8ffa0,#8fe06b 35%,#37ae63);box-shadow:inset 0 12px 0 #efffbd55,inset -11px -12px 0 #125f3229,0 0 38px #9cfa6b35,0 15px 0 -7px #071a1855;transform:rotate(-6deg);animation:sc-slime-bounce 2.2s ease-in-out infinite}
.sc-crown{position:absolute;width:75px;height:47px;left:15px;top:-37px;filter:drop-shadow(0 4px 0 #755d1b55);transform:rotate(6deg)}
.sc-eye{position:absolute;width:12px;height:15px;top:35px;background:#16492a;border-radius:3px}.sc-eye.left{left:24px}.sc-eye.right{right:24px}
.sc-smile{position:absolute;left:42px;top:57px;width:22px;height:12px;background:#16492a;border-radius:2px 2px 12px 12px;border-bottom:4px solid #ecad8f}
.sc-cheek{position:absolute;top:54px;width:16px;height:7px;border-radius:50%;background:#d6fdaa88}.sc-cheek.left{left:15px}.sc-cheek.right{right:15px}
.sc-treasure{position:absolute;width:65px;height:65px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 8px #0008);animation:sc-float 3s ease-in-out infinite}
.sc-treasure.left{left:16px;top:100px;transform:rotate(-17deg)}.sc-treasure.right{right:11px;top:83px;animation-delay:-1.3s;transform:rotate(16deg)}
.sc-vault-seal{position:absolute;left:calc(50% - 71px);top:15px;width:142px;height:142px;background:linear-gradient(145deg,#7e6a9c,#292437 24%,#0f1424 55%,#514767);clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);display:grid;place-items:center}
.sc-vault-seal:before{content:"";position:absolute;inset:7px;clip-path:inherit;background:radial-gradient(circle,#8862a76b,#121b2b 68%)}
.sc-vault-seal:after{content:"";position:absolute;inset:14px;border:1px solid #bc98eb88;transform:rotate(45deg)}
.sc-vault-head{width:95px;height:95px;position:relative;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 4px #0008);animation:sc-float 3.5s ease-in-out infinite;z-index:1}
.sc-rune{position:absolute;z-index:2;font-size:11px;color:var(--sc-light)}.sc-rune.top{top:2px}.sc-rune.bottom{bottom:2px}
.super .sc-vault-seal{background:linear-gradient(145deg,#d8b363,#4c3a24 24%,#16150e 55%,#9c7d3c)}.super .sc-vault-seal:before{background:radial-gradient(circle,#ba893d6b,#191a1c 68%)}.super .sc-vault-seal:after{border-color:#edce7c88}
.sc-rain{position:absolute!important;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:inherit}
.sc-rain>span{position:absolute;top:-70px;left:var(--x);width:var(--size);height:var(--size);background:url(../assets/optimized/coin.52ca4e2d31dc.webp) center/contain no-repeat;filter:drop-shadow(0 3px 3px #0006);animation:sc-coin-fall var(--fall) linear var(--delay) infinite;opacity:.75}
.sc-rain>span:nth-child(3n){opacity:.32;filter:blur(1px)}
.sc-panel:not(.sc-counting).sc-landed .sc-rain>span{animation-play-state:paused;opacity:0;transition:opacity .7s}
.sc-kicker{display:block;font:800 10px/1.4 Inter,system-ui,sans-serif;letter-spacing:.24em;color:var(--sc-light);opacity:.7;margin:4px 0 13px}
.sc-amount{position:relative;margin:18px auto 12px;padding:20px 18px;max-width:100%;width:520px;border-block:1px solid color-mix(in srgb,var(--sc-light) 35%,transparent);background:linear-gradient(90deg,transparent,#070e17b0 22%,#070e17b0 78%,transparent)}
.sc-amount:before,.sc-amount:after{content:"◆";position:absolute;font-size:8px;top:-7px;color:var(--sc-light)}.sc-amount:before{left:0}.sc-amount:after{right:0}
.sc-amount>b{display:block;width:100%;white-space:nowrap;font:900 clamp(30px,5vw,66px)/1.1 Inter,system-ui,sans-serif!important;letter-spacing:-.045em;color:#fff8da!important;text-shadow:0 3px 0 #62440d,0 0 30px #ffe47844!important}
.sc-amount>span{display:block;font:800 9px/1.3 Inter,system-ui,sans-serif;letter-spacing:.22em;color:var(--sc-light);margin-bottom:9px}
.sc-big-body{width:min(620px,calc(100% - 32px));padding:22px 20px;position:relative;isolation:isolate;animation:sc-arrive .55s cubic-bezier(.15,1.2,.35,1) both}
#mv-bigwin,#sf-bigwin{overflow:hidden;backdrop-filter:blur(5px);background:radial-gradient(ellipse at center,#2a1d40e8,#080b14e8 70%);padding:16px;cursor:pointer}
#sf-bigwin{background:radial-gradient(ellipse at center,#173928f2,#061114e8 70%)}
#mv-bigwin .sc-big-body>em,#sf-bigwin .sc-big-body>em{display:block;font:1000 clamp(30px,6.5vw,72px)/1.05 Inter,system-ui,sans-serif;letter-spacing:-.045em;color:var(--sc-light);text-shadow:0 4px 0 #39254e,0 7px 0 #090d1b,0 0 35px #c68cff55;font-style:normal}
#sf-bigwin .sc-big-body>em{text-shadow:0 4px 0 #28572f,0 7px 0 #071813,0 0 35px #a8ff7955}
#mv-bigwin.t-mega .sc-big-body{--sc-light:#a5ecff;--sc-glow:#48a8dc}#mv-bigwin.t-epic .sc-big-body,#sf-bigwin.t-epic .sc-big-body{--sc-light:#ffe7a0;--sc-glow:#e7b64a}
#mv-bigwin .sc-big-body>small{font:700 12px Inter,system-ui;color:#c0afce;display:block}
#mv-bigwin .sc-big-body>i,#sf-bigwin .sc-big-body>i{display:block;font:500 11px Inter,system-ui;color:#a5b4bd;margin-top:19px;opacity:.8}
#sf-bigwin.banner .sc-art,#sf-bigwin.banner .sc-kicker,#sf-bigwin.banner .sc-rain,#sf-bigwin.banner .sc-amount{display:none}
#mv-sum{background:radial-gradient(ellipse at center,#352346d9,#050912ef);backdrop-filter:blur(7px)}
#mv-sum.super{background:radial-gradient(ellipse at center,#5a4125c9,#080c12ef)}
#mv-sum-c.sc-panel{width:min(550px,100%);padding:26px 28px;border:1px solid #a383c288;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#5841706b,transparent 70%),linear-gradient(145deg,#1b2031,#101422);box-shadow:0 0 0 5px #070b1499,inset 0 1px 0 #ffffff24,0 25px 75px #0009;overflow-x:hidden}
#mv-sum.super #mv-sum-c{border-color:#e0c07188;background:radial-gradient(ellipse at 50% 0,#81602f6b,transparent 70%),linear-gradient(145deg,#25251e,#11161b)}
#mv-sum-c h2{font:850 clamp(23px,4vw,36px)/1.1 Inter,system-ui;letter-spacing:-.035em;color:var(--sc-light);margin:0 0 6px}
.sc-subtitle{font:700 10px Inter,system-ui;letter-spacing:.15em;color:#9caec1;text-transform:uppercase;margin:11px 0 0}
.sc-collect{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:14px;width:100%;height:53px!important;border-radius:9px!important;border:1px solid #e2c4ff!important;background:linear-gradient(#d1b1f0,#9874be)!important;color:#221332!important;font:850 16px Inter,system-ui!important;box-shadow:0 5px 0 #3a2757,0 13px 30px #0005!important;margin:22px 0 7px!important;cursor:pointer;transition:filter .2s,transform .2s}
.super .sc-collect{background:linear-gradient(#ffe39e,#cf9c40)!important;border-color:#ffeac0!important;color:#33230b!important;box-shadow:0 5px 0 #6f4d1c,0 13px 30px #0005!important}
.sc-collect:after{content:"";position:absolute;inset:-20% auto -20% -50%;width:35%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-25deg);animation:sc-shine 4s ease-in-out infinite;pointer-events:none}
.sc-collect:hover{filter:brightness(1.12);transform:translateY(-2px)}.sc-collect:active{transform:translateY(3px)}
.sf-claim .sf-card.end.sc-panel{width:min(550px,100%);max-width:550px;border:1px solid #c4ff9b88;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#407b4266,transparent 70%),linear-gradient(145deg,#173e2c,#0a211f);padding:25px 28px;box-shadow:0 0 0 5px #07181188,0 25px 80px #0009,inset 0 1px 0 #e0ffb733}
.sf-claim .sc-art{margin-bottom:8px}.sf-claim .sf-card.end h2{font:950 clamp(26px,4vw,37px)/1.1 Inter,system-ui;letter-spacing:-.04em;color:#d6ffb4;text-shadow:0 3px 0 #12351f}
.sf-claim .sc-amount{margin:21px auto 13px}.sf-claim .sc-amount>b{text-shadow:0 3px 0 #29522f,0 0 25px #caff8a33!important;color:#eaffd4!important}
.sf-claim .sf-card.end .sf-claim-recap{border:0;margin:0;padding:0;color:#9db8a4;font-size:11px}.sf-claim-recap b{display:inline;font-size:inherit;color:#cde5bb}
.sf-claim .sc-collect{background:linear-gradient(#c7f59b,#8bc85d)!important;border-color:#d6ffb2!important;color:#193b21!important;box-shadow:0 5px 0 #305f39,0 13px 30px #0005!important}
.sc-counting .sc-amount{animation:sc-count-glow 1s ease-in-out infinite alternate}
@keyframes sc-orbit{to{transform:rotate(360deg)}}
@keyframes sc-slime-bounce{0%,100%{transform:translateY(0) rotate(-6deg) scale(1)}45%{transform:translateY(-7px) rotate(3deg) scale(.97,1.04)}70%{transform:translateY(2px) rotate(-3deg) scale(1.05,.96)}}
@keyframes sc-float{50%{translate:0 -8px;rotate:5deg}}
@keyframes sc-coin-fall{0%{transform:translate(0,-20px) rotate(-30deg) scaleX(.6)}50%{transform:translate(calc(var(--sway)/2),350px) rotate(180deg) scaleX(1)}100%{transform:translate(var(--sway),800px) rotate(390deg) scaleX(.5)}}
@keyframes sc-arrive{from{opacity:0;transform:scale(.65) translateY(25px)}to{opacity:1;transform:none}}
@keyframes sc-shine{0%,55%{left:-50%}80%,100%{left:150%}}
@keyframes sc-count-glow{to{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--sc-glow) 38%,transparent))}}
@media(max-width:600px){.sc-art{width:225px;height:155px;transform:scale(.86);margin-top:-8px;margin-bottom:-8px}.sc-treasure.left{left:-8px}.sc-treasure.right{right:-8px}.sc-big-body{padding:14px 7px;width:100%}.sc-amount{padding:18px 7px;margin:17px auto 9px}.sc-amount>b{font-size:42px!important}#mv-sum-c.sc-panel,.sf-claim .sf-card.end.sc-panel{padding:20px 16px}.sc-kicker{font-size:9px}.sc-rain>span:nth-child(n+13){display:none}}
@media(prefers-reduced-motion:reduce){.sc-panel *,.sc-rain>span{animation:none!important;transition:none!important}.sc-rain>span{display:none}.sc-big-body{animation:none}}