.defeat-popup{animation:8s ease-out both defeat-popup-screen}.defeat-popup__window{animation:8s cubic-bezier(.16,1,.3,1) both defeat-popup-window;position:relative}.defeat-popup__window:before{content:"";z-index:-1;filter:blur(.9rem);background:linear-gradient(135deg,#f43f5e6b,#fb923c47,#f8717157);border-radius:8px;position:absolute;inset:-1px}.defeat-popup__token{background:radial-gradient(circle at 35% 28%,#ffffff3d,transparent 34%),linear-gradient(180deg,#0c0a0926,#0c0a09a6),var(--defeat-player-color);border:4px solid #ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:7.6rem;height:7.6rem;animation:8s cubic-bezier(.16,1,.3,1) both defeat-popup-token;display:flex;position:relative;box-shadow:0 1.2rem 2.4rem #00000080,0 0 0 .7rem #ffffff0d}.defeat-popup__pawn{object-fit:contain;filter:grayscale()brightness(1.55)contrast(.9)sepia(.35)hue-rotate(-20deg)drop-shadow(0 .45rem .4rem #00000057);opacity:.82;width:82%;height:82%}.defeat-popup__token span{color:#fff;background:#0c0a09eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:1.2rem;font-weight:900;line-height:1;display:flex;position:absolute;bottom:.32rem;right:.18rem}.defeat-popup__slips{position:absolute;inset:0;overflow:hidden}.defeat-popup__slips span{top:-1rem;left:var(--defeat-slip-left);width:var(--defeat-slip-size);background:linear-gradient(180deg,#ffffff4d,transparent 36%),var(--defeat-slip-color);opacity:0;height:1rem;animation:defeat-popup-slips var(--defeat-slip-duration)linear var(--defeat-slip-delay)both;border-radius:.2rem;display:block;position:absolute;transform:translateY(-2rem)rotate(0)}.defeat-popup__slips span:nth-child(3n){border-radius:50%}.defeat-popup__slips span:nth-child(4n){width:.9rem;height:var(--defeat-slip-size)}@keyframes defeat-popup-screen{0%{opacity:0}6%,86%{opacity:1}to{opacity:0}}@keyframes defeat-popup-window{0%{opacity:0;transform:translateY(1.5rem)scale(.92)}9%,84%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.7rem)scale(.98)}}@keyframes defeat-popup-token{0%{transform:translateY(.8rem)scale(.72)rotate(-10deg)}12%{transform:translateY(0)scale(1.08)rotate(4deg)}20%,80%{transform:translateY(0)scale(1)rotate(0)}88%,to{transform:translateY(-.2rem)scale(.96)rotate(0)}}@keyframes defeat-popup-slips{0%{opacity:0;transform:translateY(-2rem)rotate(0)}7%{opacity:1}88%{opacity:.95}to{opacity:0;transform:translate(-2.4rem,105vh)rotate(-620deg)}}.winner-popup{animation:8s ease-out both winner-popup-screen}.winner-popup__window{animation:8s cubic-bezier(.16,1,.3,1) both winner-popup-window;position:relative}.winner-popup__window:before{content:"";z-index:-1;filter:blur(.9rem);background:linear-gradient(135deg,#10b98173,#facc1552,#38bdf85c);border-radius:8px;position:absolute;inset:-1px}.winner-popup__token{background:radial-gradient(circle at 35% 28%,#ffffff47,transparent 34%),var(--winner-player-color);border:4px solid #ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:7.6rem;height:7.6rem;animation:8s cubic-bezier(.16,1,.3,1) both winner-popup-token;display:flex;position:relative;box-shadow:0 1.2rem 2.4rem #00000073,0 0 0 .7rem #ffffff14}.winner-popup__pawn{object-fit:contain;filter:grayscale()brightness(1.85)contrast(.9)drop-shadow(0 .45rem .4rem #0000004d);opacity:.82;width:82%;height:82%}.winner-popup__token span{color:#fff;background:#0a0a0aeb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;font-size:1.2rem;font-weight:900;line-height:1;display:flex;position:absolute;bottom:.32rem;right:.18rem}.winner-popup__confetti{position:absolute;inset:0;overflow:hidden}.winner-popup__confetti span{top:-1rem;left:var(--winner-confetti-left);width:var(--winner-confetti-size);background:var(--winner-confetti-color);opacity:0;height:.9rem;animation:winner-popup-confetti var(--winner-confetti-duration)linear var(--winner-confetti-delay)both;border-radius:2px;display:block;position:absolute;transform:translateY(-2rem)rotate(0)}.winner-popup__confetti span:nth-child(3n){border-radius:50%}.winner-popup__confetti span:nth-child(4n){width:.9rem;height:var(--winner-confetti-size)}@keyframes winner-popup-screen{0%{opacity:0}6%,86%{opacity:1}to{opacity:0}}@keyframes winner-popup-window{0%{opacity:0;transform:translateY(1.5rem)scale(.92)}9%,84%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.7rem)scale(.98)}}@keyframes winner-popup-token{0%{transform:translateY(.8rem)scale(.72)rotate(-10deg)}12%{transform:translateY(0)scale(1.08)rotate(4deg)}20%,80%{transform:translateY(0)scale(1)rotate(0)}88%,to{transform:translateY(-.2rem)scale(.96)rotate(0)}}@keyframes winner-popup-confetti{0%{opacity:0;transform:translateY(-2rem)rotate(0)}7%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(2.8rem,105vh)rotate(780deg)}}@media (max-width:640px){.defeat-popup__token{width:6.2rem;height:6.2rem}.defeat-popup__token span{width:2rem;height:2rem;font-size:1rem}.winner-popup__token{width:6.2rem;height:6.2rem}.winner-popup__token span{width:2rem;height:2rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.defeat-popup,.defeat-popup__window,.defeat-popup__token,.defeat-popup__slips span,.winner-popup,.winner-popup__window,.winner-popup__token,.winner-popup__confetti span{animation-duration:1ms;animation-iteration-count:1}}