.result-effect{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden;--accent:#ff3659;--glow:#ff365940}.result-effect.lose{--accent:#ad7aff;--glow:#ad7aff35}.result-effect.draw{--accent:#42e6c2;--glow:#42e6c230}.result-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,var(--glow),transparent 65%);animation:result-aura 3s ease both}.result-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));box-sizing:border-box;padding:30px 30px 25px;border-radius:28px;background:radial-gradient(ellipse at 100% 0,var(--glow),transparent 65%),#171923f5;border:1px solid #ffffff26;box-shadow:0 25px 100px #0009,0 0 65px var(--glow);text-align:center;overflow:hidden;animation:result-enter .65s cubic-bezier(.2,1.4,.4,1) both;pointer-events:auto}.result-symbol{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:19px;background:var(--accent);color:#fff;font:900 40px/1 system-ui;box-shadow:0 8px 35px var(--glow);transform:rotate(-10deg);animation:result-pop .8s cubic-bezier(.2,1.5,.4,1) both}.result-kicker{font:800 10px system-ui;letter-spacing:2.6px;color:var(--accent)}.result-headline{display:block;font:950 clamp(30px,7vw,46px)/.99 system-ui;letter-spacing:-2px;color:#fff;margin:14px 0 20px;text-wrap:balance;animation:result-type .7s .1s both}.result-badge h2{font:750 17px/1.3 system-ui;color:#fff;margin:0 0 8px}.result-badge p{font:400 13px/1.5 system-ui;color:#c5c8d6;margin:8px 0 0;overflow-wrap:anywhere;max-height:90px;overflow:auto}.result-badge .result-winners{display:inline-block;color:#171923;background:#d8ff79;padding:8px 13px;border-radius:12px;font-weight:800;max-width:100%;box-sizing:border-box}.result-badge .result-losers{font-size:12px;color:#abb0c2}.result-dismiss{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:40px;min-width:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:#ffffff0b;color:#fff;font:400 26px system-ui;cursor:pointer}.result-dismiss:focus-visible{outline:2px solid #fff;outline-offset:2px}.result-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--accent);transform-origin:left;animation:result-time 6.5s linear forwards}.result-burst{position:absolute;left:50%;top:50%;width:1px;height:1px}.result-burst i{position:absolute;width:5px;height:48px;border-radius:5px;background:var(--color);transform-origin:center center;animation:result-ray 1.2s var(--delay) cubic-bezier(.15,.7,.3,1) both}.lose .result-burst i{height:20px}.lose .result-symbol{border-radius:50%}.draw .result-symbol{color:#122c29}@keyframes result-enter{0%{opacity:0;transform:translate(-50%,-40%) scale(.65) rotate(-5deg)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(1deg)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes result-pop{0%{transform:scale(0) rotate(-50deg)}70%{transform:scale(1.15) rotate(8deg)}100%{transform:rotate(-10deg)}}@keyframes result-type{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}@keyframes result-ray{0%{opacity:0;transform:rotate(var(--angle)) translateY(-100px) scaleY(.2)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(-420px) scaleY(.5)}}@keyframes result-aura{0%{opacity:0}25%,75%{opacity:1}100%{opacity:0}}@keyframes result-time{to{transform:scaleX(0)}}@media(max-width:700px){.result-badge{padding:25px 23px 23px;border-radius:24px;max-height:calc(100dvh - 100px);overflow:auto}.result-symbol{width:50px;height:50px;font-size:34px;margin-bottom:15px}.result-headline{margin:12px 0 17px}.result-badge p{font-size:12px}}@media(prefers-reduced-motion:reduce){.result-badge,.result-symbol,.result-headline,.result-progress{animation:none}.result-burst,.result-aura{display:none}}