body,html{overflow:hidden;margin:0;padding:0}#lucky-draw-container{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#ffe66d);color:#333;overflow:hidden}.main-section{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;display:none}.approach-modal,.main-section{width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.approach-modal{position:fixed;top:0;left:0;background:rgba(0,0,0,.95);display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10001;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-animation:fadeIn .4s ease-out;animation:fadeIn .4s ease-out}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.approach-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:50px 60px;text-align:center;-webkit-box-shadow:0 25px 70px rgba(0,0,0,.6);box-shadow:0 25px 70px rgba(0,0,0,.6);max-width:900px;width:90%;-webkit-animation:modalSlideIn .6s ease-out;animation:modalSlideIn .6s ease-out}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.8) translateY(-50px);transform:scale(.8) translateY(-50px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:scale(.8) translateY(-50px);transform:scale(.8) translateY(-50px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.approach-modal-header h2{color:#fff;font-size:2.5rem;margin-bottom:15px;font-weight:900;text-shadow:0 4px 10px rgba(0,0,0,.3)}.approach-modal-header p{color:hsla(0,0%,100%,.9);font-size:1.2rem;margin-bottom:40px;font-weight:500}.approach-options{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:40px}.approach-option{background:hsla(0,0%,100%,.15);border:3px solid hsla(0,0%,100%,.3);border-radius:15px;padding:35px 30px;width:280px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.approach-option:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);border-color:hsla(0,0%,100%,.6);-webkit-box-shadow:0 12px 35px rgba(0,0,0,.3);box-shadow:0 12px 35px rgba(0,0,0,.3);background:hsla(0,0%,100%,.25)}.approach-option.selected{border-color:gold;background:rgba(255,215,0,.2);-webkit-box-shadow:0 0 30px rgba(255,215,0,.5);box-shadow:0 0 30px rgba(255,215,0,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.approach-icon{font-size:4rem;color:#fff;margin-bottom:20px;text-shadow:0 4px 10px rgba(0,0,0,.3)}.approach-option.selected .approach-icon{color:gold;-webkit-animation:bounceIcon 1s ease-in-out infinite;animation:bounceIcon 1s ease-in-out infinite}@-webkit-keyframes bounceIcon{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes bounceIcon{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.approach-option h3{color:#fff;font-size:1.8rem;margin-bottom:10px;font-weight:800}.approach-option p{color:hsla(0,0%,100%,.8);font-size:1.1rem;margin-bottom:15px;font-weight:600}.approach-description{color:hsla(0,0%,100%,.7);font-size:.9rem;line-height:1.4;font-style:italic}.confirm-approach-button{background:gold;color:#333;border:none;padding:18px 50px;font-size:1.3rem;font-weight:900;border-radius:50px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 10px 30px rgba(255,215,0,.4);box-shadow:0 10px 30px rgba(255,215,0,.4);text-transform:uppercase;letter-spacing:1px}.confirm-approach-button:hover:not(:disabled){-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 15px 40px rgba(255,215,0,.6);box-shadow:0 15px 40px rgba(255,215,0,.6);background:#ffc700}.confirm-approach-button:disabled{opacity:.5;cursor:not-allowed}.approach-badge{position:absolute;top:20px;left:20px;background:hsla(0,0%,100%,.2);color:#fff;padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.approach-badge i{font-size:1.2rem}.main-section.disabled{cursor:not-allowed}.wheel-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.title-section{position:relative;margin-bottom:30px;z-index:10}.spin-title{font-size:4rem;font-weight:900;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-animation:titleGlow 2s ease-in-out infinite alternate;animation:titleGlow 2s ease-in-out infinite alternate}.spin-title .word{display:inline-block;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.spin-title .word:first-child{-webkit-animation-delay:0s;animation-delay:0s}.spin-title .word:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.spin-title .word:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes titleGlow{0%{text-shadow:4px 4px 8px rgba(0,0,0,.3),0 0 20px hsla(0,0%,100%,.5)}to{text-shadow:4px 4px 8px rgba(0,0,0,.3),0 0 40px hsla(0,0%,100%,.8)}}@keyframes titleGlow{0%{text-shadow:4px 4px 8px rgba(0,0,0,.3),0 0 20px hsla(0,0%,100%,.5)}to{text-shadow:4px 4px 8px rgba(0,0,0,.3),0 0 40px hsla(0,0%,100%,.8)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.confetti-container{position:absolute;top:-50px;left:0;width:100%;height:120vh;pointer-events:none;overflow:hidden;z-index:-1}.confetti{position:absolute;width:10px;height:10px;background:#ff6b6b;-webkit-animation:confetti-fall 3s linear infinite;animation:confetti-fall 3s linear infinite}@-webkit-keyframes confetti-fall{0%{-webkit-transform:translateY(-10vh) rotate(0deg);transform:translateY(-10vh) rotate(0deg);opacity:1}to{-webkit-transform:translateY(120vh) rotate(2turn);transform:translateY(120vh) rotate(2turn);opacity:0}}@keyframes confetti-fall{0%{-webkit-transform:translateY(-10vh) rotate(0deg);transform:translateY(-10vh) rotate(0deg);opacity:1}to{-webkit-transform:translateY(120vh) rotate(2turn);transform:translateY(120vh) rotate(2turn);opacity:0}}.wheel-section{position:relative;margin-bottom:40px}.wheel-wrapper{position:relative;width:400px;height:400px;margin:0 auto}.wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 0 15px rgba(0,0,0,.4);box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 0 15px rgba(0,0,0,.4);border:10px solid #333;-webkit-transition:-webkit-transform 8s cubic-bezier(.23,1,.32,1);transition:-webkit-transform 8s cubic-bezier(.23,1,.32,1);transition:transform 8s cubic-bezier(.23,1,.32,1);transition:transform 8s cubic-bezier(.23,1,.32,1),-webkit-transform 8s cubic-bezier(.23,1,.32,1)}.wheel-segment{position:absolute;width:50%;height:50%;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;overflow:hidden;border-left:2px solid rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box}.wheel-segment:first-child{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.wheel-segment:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.wheel-segment:nth-child(3){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.wheel-segment:nth-child(4){-webkit-transform:rotate(135deg);transform:rotate(135deg)}.wheel-segment:nth-child(5){-webkit-transform:rotate(180deg);transform:rotate(180deg)}.wheel-segment:nth-child(6){-webkit-transform:rotate(225deg);transform:rotate(225deg)}.wheel-segment:nth-child(7){-webkit-transform:rotate(270deg);transform:rotate(270deg)}.wheel-segment:nth-child(8){-webkit-transform:rotate(315deg);transform:rotate(315deg)}.wheel-segment:before{content:"";position:absolute;width:200%;height:200%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(22.5deg);transform:rotate(22.5deg)}.wheel-segment:first-child:before{background-color:#ff6b6b}.wheel-segment:nth-child(2):before{background-color:#f7931e}.wheel-segment:nth-child(3):before{background-color:#ffeaa7}.wheel-segment:nth-child(4):before{background-color:#96ceb4}.wheel-segment:nth-child(5):before{background-color:#4ecdc4}.wheel-segment:nth-child(6):before{background-color:#45b7d1}.wheel-segment:nth-child(7):before{background-color:#667eea}.wheel-segment:nth-child(8):before{background-color:plum}.wheel-segment:after{content:"★";position:absolute;text-align:center;left:-100%;width:200%;height:200%;padding-top:20px;-webkit-transform:rotate(67.5deg);transform:rotate(67.5deg);font-size:2.2rem;color:rgba(0,0,0,.5);text-shadow:1px 1px 2px hsla(0,0%,100%,.3)}.wheel-segment:first-child:after{content:"🎁"}.wheel-segment:nth-child(2):after{content:"⭐"}.wheel-segment:nth-child(3):after{content:"💎"}.wheel-segment:nth-child(4):after{content:"🎉"}.wheel-segment:nth-child(5):after{content:"🏆"}.wheel-segment:nth-child(6):after{content:"💖"}.wheel-segment:nth-child(7):after{content:"🎈"}.wheel-segment:nth-child(8):after{content:"✨"}.wheel-pointer{position:absolute;top:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:35px solid #ff6b35;z-index:15;-webkit-filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.wheel-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px;height:80px;background:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:20;-webkit-transition:all .3s ease;transition:all .3s ease;border:5px solid #333;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.3);box-shadow:0 4px 10px rgba(0,0,0,.3)}.wheel-center:not([disabled]):hover{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);-webkit-box-shadow:0 6px 15px rgba(0,0,0,.4);box-shadow:0 6px 15px rgba(0,0,0,.4)}.wheel-center[disabled]{cursor:not-allowed;opacity:.6;background:#ccc}.center-text{color:#333;font-weight:900;font-size:1.1rem;text-transform:uppercase}.result-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.popup-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:25px;padding:40px;text-align:center;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;overflow:hidden;max-width:600px;width:90%;-webkit-animation:popupSlideIn .5s ease-out;animation:popupSlideIn .5s ease-out}@-webkit-keyframes popupSlideIn{0%{opacity:0;-webkit-transform:scale(.5) translateY(-50px);transform:scale(.5) translateY(-50px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes popupSlideIn{0%{opacity:0;-webkit-transform:scale(.5) translateY(-50px);transform:scale(.5) translateY(-50px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.popup-header h2{color:#ff6b35;font-size:2.5rem;font-weight:700;margin-bottom:20px;-webkit-animation:winnerBounce 1s ease-in-out infinite alternate;animation:winnerBounce 1s ease-in-out infinite alternate}@-webkit-keyframes winnerBounce{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes winnerBounce{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}.winning-number-display{font-size:6rem;font-weight:900;color:#2c2c2c;background-color:#f1f1f1;padding:20px 40px;border-radius:15px;margin:20px auto;display:inline-block;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px rgba(0,0,0,.2);letter-spacing:.5rem}.congratulations{font-size:1.3rem;color:#666;margin-bottom:30px;font-style:italic}.ok-button{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 15px rgba(255,107,53,.4);box-shadow:0 4px 15px rgba(255,107,53,.4)}.ok-button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 6px 20px rgba(255,107,53,.6);box-shadow:0 6px 20px rgba(255,107,53,.6)}@media (max-width:992px){.approach-options{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.approach-option{width:100%;max-width:350px}}@media (max-width:768px){.spin-title{font-size:2.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.wheel-wrapper{width:300px;height:300px}.wheel-center{width:60px;height:60px}.center-text{font-size:12px}.winning-number-display{font-size:4rem}.approach-modal-content{padding:35px 30px}.approach-modal-header h2{font-size:2rem}.approach-badge{font-size:.85rem;padding:10px 18px}}@media (max-width:480px){.spin-title{font-size:2rem}.wheel-wrapper{width:250px;height:250px}.winning-number-display{font-size:3rem;padding:15px 25px}.approach-modal-header h2{font-size:1.5rem}.approach-option{padding:25px 20px}.approach-icon{font-size:3rem}.confirm-approach-button{padding:14px 35px;font-size:1rem}}