.lucky-spin-container{max-width:700px;margin:0 auto;padding:20px}.frame-container{transform-origin:50%;width:700px;height:700px;margin:0 auto;transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative}.wheel-frame{z-index:5;width:90%;height:90%;position:absolute;bottom:185px;left:35px}.wheel-container{z-index:2;width:400px;height:400px;margin:40px auto;position:relative}.wheel{will-change:transform;border:5px solid #fff;border-radius:50%;width:100%;height:100%;transition:transform 8s cubic-bezier(.32,.94,.6,1);position:relative;overflow:hidden;box-shadow:0 0 15px #0000004d}.wheel-item{transform-origin:100% 100%;clip-path:polygon(100% 0,100% 100%,0 0);width:50%;height:50%;transform:rotate(calc(var(--index) * (-360deg / var(--total))));border:1px solid #ffffff80;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;left:0}.prize-name,.prize-value{color:#fff;text-align:center;text-shadow:1px 1px 2px #000000b3;font-weight:700}.wheel-item .prize-name{left:calc(100% - 66% * sin(180deg / var(--total)));top:calc(100% - 66% * cos(180deg / var(--total)));width:calc(2 * 66% * tan(180deg / var(--total)) * .86);box-sizing:border-box;max-width:48%;transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total)));transform-origin:50%;word-break:normal;overflow-wrap:normal;hyphens:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin:0;padding:0 3px;font-size:15px;font-weight:800;line-height:1.15;display:flex;position:absolute;bottom:auto;right:auto;overflow:hidden}.wheel-item .prize-name:not(.is-fitted){visibility:hidden}.wheel-item .prize-label{text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;width:100%;display:block}.prize-image{object-fit:contain;max-width:50px;max-height:50px;margin-top:2px}#wheel.is-win-reveal{overflow:visible}#wheel.is-win-reveal .wheel-item:not(.is-win-highlight) .prize-name{opacity:.38;transition:opacity .4s}.wheel-item.is-win-highlight{z-index:8;clip-path:none}.wheel-item.is-win-highlight:after{content:"";left:calc(100% - 66% * sin(180deg / var(--total)));top:calc(100% - 66% * cos(180deg / var(--total)));pointer-events:none;z-index:1;background:radial-gradient(circle,#fff5b4f2 0%,#ffcd508c 36%,#ffa0142e 62%,#0000 74%);border-radius:50%;width:58%;height:58%;animation:1.55s ease-out both prize-win-burst;position:absolute;transform:translate(-50%,-50%)}.wheel-item.is-win-highlight .prize-name{z-index:2;visibility:visible;animation:1.55s cubic-bezier(.22,1.15,.36,1) both prize-win-pop;overflow:visible}.wheel-item.is-win-highlight .prize-label{text-shadow:0 0 8px #fff3b0,0 0 18px #ffc94a,0 2px 4px #000}.wheel-item.is-win-highlight .prize-image{filter:drop-shadow(0 0 10px #ffe56a)drop-shadow(0 0 22px #ffb020)}@keyframes prize-win-pop{0%{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1);filter:drop-shadow(0 0 2px #ffdc6459)}40%{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1.55);filter:drop-shadow(0 0 8px #fff6c8)drop-shadow(0 0 22px #ffd24a)drop-shadow(0 0 42px #ffb020)}72%{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1.18);filter:drop-shadow(0 0 10px #ffe56a)drop-shadow(0 0 26px #ffc020)}to{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1);filter:drop-shadow(0 0 8px #ffe56a)drop-shadow(0 0 18px #ffc020)}}@keyframes prize-win-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}38%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.5;transform:translate(-50%,-50%)scale(1)}}.prize-value{font-size:12px;top:120px;left:50px}.spin-button{cursor:pointer;padding:15px 30px;font-size:18px;font-weight:700;transition:background-color .3s;position:absolute;bottom:-70px;left:50%;transform:translate(-50%)}.spin-button:hover{background-color:#27ae60}.hidden{display:none}@media (width<=768px){.lucky-spin-container{flex-direction:column;align-items:center;width:100%;padding:10px 0;display:flex}.frame-container{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;left:0}.wheel-frame{background-size:contain;width:450px;height:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-container{width:300px;height:300px;margin:0 auto;position:relative;left:0;right:0}.wheel-item .prize-name{width:calc(2 * 58% * tan(180deg / var(--total)) * .84);max-width:44%;left:calc(100% - 58% * sin(180deg / var(--total)));top:calc(100% - 58% * cos(180deg / var(--total)));font-size:11px}.wheel-item.is-win-highlight:after{left:calc(100% - 58% * sin(180deg / var(--total)));top:calc(100% - 58% * cos(180deg / var(--total)));width:52%;height:52%}.wheel-item.is-win-highlight .prize-name{animation-name:prize-win-pop-mobile}@keyframes prize-win-pop-mobile{0%{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1)}40%{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1.38)}72%{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1.12)}to{transform:translate(-50%, -50%) rotate(calc(-180deg / var(--total))) scale(1)}}.prize-image{max-width:28px;max-height:28px}.wheel-pointer{border-top:35px solid #333;border-left:20px solid #fff0;border-right:20px solid #fff0}.spin-button{padding:10px 20px;font-size:14px;bottom:-50px}}@keyframes pointerBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.wheel-pointer{z-index:2;filter:drop-shadow(0 0 5px #0000004d);border-top:45px solid #333;border-left:25px solid #fff0;border-right:25px solid #fff0;width:0;height:0;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.wheel.spinning+.wheel-pointer{animation:.5s ease-in-out infinite pointerBounce}@media (prefers-reduced-motion:reduce){.wheel-item.is-win-highlight .prize-name,.wheel-item.is-win-highlight:after{animation:none}}