.win-popup{--popup-accent:#38e7b0;--popup-rgb:56,231,176;z-index:20;box-sizing:border-box;isolation:isolate;border:1.5px solid var(--popup-accent);background:radial-gradient(ellipse at 50% 60%,rgba(var(--popup-rgb),.18),transparent 65%),linear-gradient(150deg,#091810,#080d12 75%);width:min(540px,100% - 32px);box-shadow:0 22px 65px #000a,0 0 30px rgba(var(--popup-rgb),.16),inset 0 0 30px rgba(var(--popup-rgb),.06);color:#eff5f1;cursor:pointer;text-align:center;border-radius:24px;flex-direction:column;align-items:stretch;padding:38px 26px 22px;font-family:inherit;animation:.46s cubic-bezier(.16,1,.3,1) both win-popup-enter;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:inline-size}.win-popup-epic{--popup-accent:#c17dff;--popup-rgb:193,125,255;background:radial-gradient(at 50% 60%,#a33cef40,#0000 68%),linear-gradient(140deg,#150a25,#090611)}.win-popup-legendary{--popup-accent:#ffdc55;--popup-rgb:255,220,85;background:radial-gradient(at 50% 60%,#d3901540,#0000 65%),linear-gradient(145deg,#211908,#100d05)}.win-popup-neutral{--popup-accent:#b9c5d7;--popup-rgb:185,197,215}.win-popup:before,.win-popup:after{content:"";border:1px solid rgba(var(--popup-rgb),.3);border-top:2px solid rgba(var(--popup-rgb),.8);width:125%;height:65%;box-shadow:0 -4px 20px rgba(var(--popup-rgb),.15);z-index:-1;border-radius:50%;position:absolute;top:40%;left:-70%;transform:rotate(30deg)}.win-popup:after{left:45%;transform:rotate(-30deg)}.win-popup-heading{z-index:3;color:var(--popup-accent);letter-spacing:-.025em;text-shadow:0 0 20px rgba(var(--popup-rgb),.3);font-size:clamp(18px,7cqw,36px);font-weight:900;line-height:1.15;display:block;position:relative}.win-popup-emblem{display:none}.win-popup-dismiss{color:#d5d0dd99;font-size:27px;font-weight:400;position:absolute;top:-24px;right:-10px}.win-popup-amount{z-index:3;letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(175deg,#fff 20%,#f1fff9 38%,var(--popup-accent) 84%);color:#0000;filter:drop-shadow(0 0 12px rgba(var(--popup-rgb),.32));-webkit-background-clip:text;background-clip:text;margin:20px 0 26px;font-size:clamp(35px,20cqw,110px);font-weight:900;line-height:1.1;animation:.52s ease-out both win-popup-amount;display:block;position:relative}.win-popup-label,.win-popup-rule{display:none}.win-popup-caption{z-index:3;color:#c2c5c6;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:12px;font-size:clamp(12px,3.3cqw,16px);line-height:1.5;display:flex;position:relative}.win-popup-caption>span{color:var(--popup-accent);font-size:24px;font-weight:900}.win-popup-timer{transform-origin:0;background:var(--popup-accent);opacity:.4;height:2px;animation:win-popup-drain var(--popup-hold) linear forwards;position:absolute;bottom:0;left:0;right:0}.win-popup-glint{pointer-events:none;background:linear-gradient(110deg,transparent 44%,rgba(var(--popup-rgb),.12) 50%,transparent 56%);z-index:1;animation:3s ease-in-out infinite alternate win-popup-glint;position:absolute;inset:-40%}.win-popup .win-effect{opacity:.2}.win-popup-gems{pointer-events:none;z-index:0;position:absolute;inset:0}.win-popup-gems img{object-fit:contain;opacity:.45;filter:drop-shadow(0 0 6px var(--popup-accent));width:22px;height:34px;position:absolute}.win-popup-gems img:first-child{top:30%;left:8%;transform:rotate(-30deg)}.win-popup-gems img:nth-child(2){width:30px;height:46px;top:62%;right:8%;transform:rotate(24deg)}.win-popup-gems img:nth-child(3){width:10px;height:17px;top:78%;left:21%}.win-popup-gems img:nth-child(4){width:12px;height:20px;top:18%;right:18%}.win-popup-legendary .win-popup-gems{filter:sepia()saturate(3)}.win-popup-standard .win-popup-gems{filter:hue-rotate(100deg)}.win-popup.is-leaving{pointer-events:none;animation:.28s ease-in both win-popup-exit}.win-popup:focus-visible{outline:2px solid var(--popup-accent);outline-offset:5px}@keyframes win-popup-enter{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes win-popup-amount{0%{opacity:0;transform:translateY(7px)scale(.96)}to{opacity:1;transform:none}}@keyframes win-popup-exit{to{opacity:0;transform:translate(-50%,calc(-50% - 8px))scale(.98)}}@keyframes win-popup-drain{to{transform:scaleX(0)}}@keyframes win-popup-glint{0%{transform:translate(-50%)}to{transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.win-popup,.win-popup *{transition:none!important;animation:none!important}.win-popup-glint,.win-popup-timer{display:none}.win-popup.is-leaving{opacity:0}}.win-popup:before,.win-popup:after{content:none}.win-celebration{pointer-events:none;z-index:1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.win-celebration i{left:var(--x);top:var(--y);background:var(--popup-accent);width:3px;height:3px;box-shadow:0 0 8px var(--popup-accent);animation:win-spark-burst 1.1s var(--delay) cubic-bezier(.1,.6,.2,1) both,win-spark-twinkle 2.4s calc(1.1s + var(--delay)) ease-in-out infinite;border-radius:50%;position:absolute}.win-popup-epic .win-celebration i{width:4px;height:4px;box-shadow:0 0 12px var(--popup-accent);border-radius:1px}.win-popup-legendary .win-celebration i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff0aa;width:5px;height:5px;box-shadow:0 0 15px #ffe490}.win-halo{background:radial-gradient(ellipse,rgba(var(--popup-rgb),.3),transparent 65%);border-radius:50%;animation:.9s ease-out both win-halo-burst;position:absolute;inset:10%}.win-rays{background:repeating-conic-gradient(from 0deg,transparent 0deg 15deg,rgba(var(--popup-rgb),.13) 18deg,transparent 22deg 40deg);opacity:.7;animation:24s linear infinite win-rays-turn;display:none;position:absolute;inset:-100%;-webkit-mask-image:radial-gradient(#000,#0000 60%);mask-image:radial-gradient(#000,#0000 60%)}.win-popup-legendary .win-rays{display:block}.win-popup-epic{animation:.7s cubic-bezier(.16,1,.3,1) both win-epic-enter;box-shadow:0 22px 65px #000a,0 0 48px #a33cef40,inset 0 0 35px #a33cef15}.win-popup-legendary{animation:.95s cubic-bezier(.16,1,.3,1) both win-legend-enter;box-shadow:0 22px 65px #000a,0 0 65px #ffd34d55,inset 0 0 45px #ffd34d20}.win-popup-epic .win-popup-amount{filter:drop-shadow(0 0 20px #aa62ee70);animation:.75s .1s both win-popup-amount}.win-popup-legendary .win-popup-amount{filter:drop-shadow(0 0 25px #ffcf5480);animation:.95s .18s both win-popup-amount}.win-popup-epic .win-popup-glint{animation-duration:2.3s}.win-popup-legendary .win-popup-glint{animation-duration:1.8s}.win-popup-standard .win-popup-gems{opacity:.45}.win-popup-epic .win-popup-gems{opacity:.85}.win-popup-legendary .win-popup-gems img{opacity:.85;filter:drop-shadow(0 0 12px #ffd34d)}.win-popup-gems{animation:1.1s ease-out both win-gems-reveal}.win-popup.is-leaving{animation:.28s ease-in both win-popup-exit}@keyframes win-spark-burst{0%{opacity:0;transform:rotate(var(--angle)) translateX(calc(var(--distance) * -1)) scale(0)}35%{opacity:1}to{opacity:.65;transform:rotate(var(--angle)) translateX(0) scale(1)}}@keyframes win-spark-twinkle{0%,to{opacity:.25;transform:translateY(3px)scale(.7)}50%{opacity:.95;transform:translateY(-5px)scale(1.3)}}@keyframes win-halo-burst{0%{opacity:0;transform:scale(.2)}35%{opacity:1}to{opacity:.25;transform:scale(1.8)}}@keyframes win-rays-turn{to{transform:rotate(360deg)}}@keyframes win-epic-enter{0%{opacity:0;transform:translate(-50%,calc(35px - 50%))scale(.65)}65%{opacity:1;transform:translate(-50%,-50%)scale(1.045)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes win-legend-enter{0%{opacity:0;transform:translate(-50%,calc(50px - 50%))scale(.45)}55%{opacity:1;transform:translate(-50%,-50%)scale(1.065)}75%{transform:translate(-50%,-50%)scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes win-gems-reveal{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.win-popup,.win-popup *{animation:none!important}.win-rays,.win-halo{display:none}}.win-popup{border:3px solid var(--popup-accent);border-top-color:color-mix(in srgb,var(--popup-accent) 45%,white);border-bottom-color:color-mix(in srgb,var(--popup-accent) 35%,#071009);box-shadow:0 8px 0 #030608,0 10px 0 rgba(var(--popup-rgb),.3),0 30px 65px #000b,0 0 35px rgba(var(--popup-rgb),.2),inset 0 2px 1px #ffffff45,inset 0 -5px 12px #000a}.win-popup-amount{filter:drop-shadow(0 2px #07100c)drop-shadow(0 4px #020503)drop-shadow(0 8px 8px #0009)}