*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.logo{color:#fff;background:#ffffff0d;justify-content:center;align-items:center;height:64px;font-size:18px;font-weight:600;display:flex}.lucky-wheel{background:conic-gradient(#ffa940 0deg 60deg,#ffd591 60deg 120deg,#ffa940 120deg 180deg,#ffd591 180deg 240deg,#ffa940 240deg 300deg,#ffd591 300deg 360deg);border:8px solid #ff7a00;border-radius:50%;animation:.9s linear infinite lucky-wheel-spin;position:absolute;inset:0;box-shadow:0 0 24px #ff7a0073,inset 0 0 20px #ffffff80}.lucky-wheel-center{color:#fff;background:radial-gradient(circle,#ff4d4f 0%,#cf1322 100%);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;animation:.6s ease-in-out infinite alternate lucky-center-pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ff7a00}.lucky-star{font-size:18px;line-height:1;animation:1s ease-in-out infinite lucky-star-blink;position:absolute}.lucky-result{animation:.45s lucky-result-in}@keyframes lucky-wheel-spin{to{transform:rotate(360deg)}}@keyframes lucky-center-pulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.08)}}@keyframes lucky-star-blink{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}@keyframes lucky-result-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}