@keyframes result-in{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-result-in{animation:result-in .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:pop .3s ease-out forwards}@keyframes prize-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-prize-pulse{animation:prize-pulse 1.2s infinite}.paper{position:absolute;top:50%;left:50%;width:8px;height:14px;border-radius:2px;opacity:0;animation:paper-blast 1.1s ease-out forwards}@keyframes paper-blast{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(720deg);opacity:0}}.paper-0{--x: -120px;--y: -80px;background:#10b981;animation-delay:0s}.paper-1{--x: 100px;--y: -90px;background:#22c55e;animation-delay:.05s}.paper-2{--x: -140px;--y: 20px;background:#34d399;animation-delay:.1s}.paper-3{--x: 130px;--y: 30px;background:#16a34a;animation-delay:.15s}.paper-4{--x: -80px;--y: 120px;background:#4ade80;animation-delay:.2s}.paper-5{--x: 90px;--y: 130px;background:#22c55e;animation-delay:.25s}.paper-6{--x: -160px;--y: -20px;background:#10b981;animation-delay:.3s}.paper-7{--x: 160px;--y: -10px;background:#4ade80;animation-delay:.35s}.paper-8{--x: -40px;--y: -150px;background:#16a34a;animation-delay:.4s}.paper-9{--x: 50px;--y: -160px;background:#22c55e;animation-delay:.45s}.paper-10{--x: -180px;--y: 80px;background:#34d399;animation-delay:.5s}.paper-11{--x: 180px;--y: 70px;background:#10b981;animation-delay:.55s}.paper-12{--x: -20px;--y: 170px;background:#4ade80;animation-delay:.6s}.paper-13{--x: 20px;--y: -170px;background:#22c55e;animation-delay:.65s}.ring-ball{width:100%;aspect-ratio:1;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.45rem;cursor:pointer;transition:all .25s ease;background:radial-gradient(circle at 30% 28%,#fff,color-mix(in srgb,var(--ring-main) 15%,white),color-mix(in srgb,var(--ring-main) 25%,#e5e7eb) 70%,#d1d5db);box-shadow:inset 0 10px 18px #fffffff2,inset 0 -12px 20px #0003,0 10px 20px #00000040}.ring-ball:before{content:"";position:absolute;inset:0;border-radius:50%;padding:14px;background:radial-gradient(circle at 35% 35%,var(--ring-light) 0%,var(--ring-main) 50%,var(--ring-dark) 100%),radial-gradient(circle at 50% 0%,white 0 10px,transparent 11px),radial-gradient(circle at 50% 100%,white 0 10px,transparent 11px),radial-gradient(circle at 0% 50%,white 0 10px,transparent 11px),radial-gradient(circle at 100% 50%,white 0 10px,transparent 11px);background-blend-mode:normal;-webkit-mask:radial-gradient(circle,transparent 52%,black 53%);mask:radial-gradient(circle,transparent 52%,black 53%)}.ring-ball:after{content:"";position:absolute;top:12%;left:22%;width:55%;height:35%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8),transparent 70%);opacity:.7}.ring-number{position:relative;z-index:2;color:var(--ring-main);text-shadow:0 1px 2px rgba(0,0,0,.15)}.ring-0{--ring-light: #ffffff;--ring-main: #22c55e;--ring-dark: #0000}.ring-1{--ring-light: #f6f6f6;--ring-main: #ef4444 ;--ring-dark: #0000}.ring-2{--ring-light: #ffffff ;--ring-main: #c084fc;--ring-dark: #0000}.ring-3{--ring-light: #ffffff;--ring-main: #f59e0b;--ring-dark: #0000}.logosvg{height:60px!important}.ring-selected{transform:scale(1.13);box-shadow:inset 0 10px 18px #fff,inset 0 -12px 20px #00000040,0 12px 26px #00000073}.ring-order{position:absolute;bottom:5px;right:7px;background:#000;color:#fff;font-size:10px;font-weight:900;padding:2px 6px;border-radius:50%;z-index:3}.ring-ball:active{transform:scale(.96)}.ring-ball:hover{box-shadow:inset 0 10px 18px #fff,inset 0 -12px 20px #00000040,0 12px 28px #00000059}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes shine{0%{left:-100%}to{left:200%}}.animate-shine{animation:shine 1.5s ease-in-out}.transition-transform{transition-property:transform}.duration-1500{transition-duration:1.5s}.group:hover .group-hover\:translate-x-full{transform:translate(100%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes shine-fast{0%{left:-100%}to{left:200%}}.animate-shine-fast{animation:shine-fast .8s ease-in-out}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.overflow-x-auto{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}:root{--blue-rgb: 59, 130, 246;--green-rgb: 34, 197, 94;--purple-rgb: 168, 85, 247;--orange-rgb: 249, 115, 22;--pink-rgb: 236, 72, 153;--yellow-rgb: 250, 204, 21}