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