.demo-win{color:#173b31;background:#fff7df;border:1px solid #d3a32d;border-radius:9px;width:100%;margin-top:18px;padding:12px;font-weight:900}.win-celebration{z-index:1000;background:#0b241edb;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.win-celebration article{z-index:4;text-align:center;background:#fff;border:5px solid #dfb13d;border-radius:22px;width:min(540px,90vw);padding:38px;position:relative;box-shadow:0 25px 90px #0008}.win-celebration article small{letter-spacing:.17em;color:#8b6200;font-size:13px;font-weight:900}.win-celebration article>b{color:#0d4939;margin:13px 0;font:700 64px Georgia;display:block}.win-celebration h2{margin:10px 0;font:700 29px Georgia}.win-celebration p{color:#557067;font-size:16px;line-height:1.6}.win-celebration button{color:#fff;background:#0d4939;border:0;border-radius:9px;padding:13px 18px;font-weight:900}.confetti i{--x:calc((var(--i) * 37) % 100);top:-8%;left:calc(var(--x) * 1%);background:hsl(calc(var(--i) * 47),75%,58%);width:10px;height:22px;animation:confetti-fall 4s calc(var(--i) * -.09s) linear infinite;transform:rotate(calc(var(--i) * 21deg));position:absolute}.firework{border-radius:50%;width:12px;height:12px;animation:1.25s ease-out infinite firework;position:absolute;box-shadow:0 -85px #ffd45f,60px -60px #f46f73,85px 0 #77d6c2,60px 60px #9fa8ff,0 85px #ffd45f,-60px 60px #f46f73,-85px 0 #77d6c2,-60px -60px #9fa8ff}.firework.one{top:28%;left:20%}.firework.two{animation-delay:.45s;top:23%;right:19%}.firework.three{animation-delay:.8s;bottom:20%;right:28%}@keyframes confetti-fall{to{top:108%;transform:rotate(720deg)}}@keyframes firework{0%{opacity:0;transform:scale(.05)}25%{opacity:1}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.confetti,.firework{display:none}.win-celebration{background:#0b241ef2}}