.wheel-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100%;position:relative;padding:20px;gap:20px}.left-section{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:350px;height:100%;padding:20px}.title-image{width:100%;max-width:100%;height:auto;max-height:90%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.center-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.wheel-wrapper{position:relative;width:500px;height:500px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arrow-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:10;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.arrow-shape{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:40px solid #ff6b6b;position:relative;animation:arrowPulse 2s ease-in-out infinite}.arrow-shape:after{content:"";position:absolute;top:-45px;left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:35px solid #ffffff}@keyframes arrowPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wheel{width:500px;height:500px;border-radius:50%;position:relative;overflow:hidden;transform-origin:center center}.wheel-image{width:100%;height:100%;object-fit:contain;display:block;transform-origin:center center}.spin-button-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;background:none;border:none;color:#ff6b6b;font-size:16px;font-weight:900;cursor:pointer;z-index:20;box-shadow:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.spin-button-center:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.05)}.spin-button-center:active:not(:disabled){transform:translate(-50%,-50%) scale(.98)}.spin-button-center:disabled{opacity:.7;cursor:not-allowed}.button-text{letter-spacing:1px;font-weight:900;text-align:center;line-height:1.2}.spin-button-center .button-text{color:#ff6b6b;-webkit-text-stroke:.06px #000000;text-shadow:2px 2px 0 #000000,-2px -2px 0 #000000,2px -2px 0 #000000,-2px 2px 0 #000000,0 2px 0 #000000,2px 0 0 #000000,0 -2px 0 #000000,-2px 0 0 #000000}.spin-button-bottom .button-text{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.spin-button-bottom{margin-top:40px;padding:18px 50px;border-radius:50px;background:linear-gradient(135deg,#ff6b6b,#ff8c42);border:4px solid #ffffff;color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0000004d,inset 0 2px 5px #ffffff4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:3px;position:relative;overflow:hidden}.spin-button-bottom:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.spin-button-bottom:hover:not(:disabled):before{width:300px;height:300px}.spin-button-bottom:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff6b6b99,inset 0 2px 5px #fff6}.spin-button-bottom:active:not(:disabled){transform:translateY(0)}.spin-button-bottom:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.wheel-wrapper,.wheel{width:400px;height:400px}.spin-button-center{font-size:14px}.spin-button-bottom{padding:15px 40px;font-size:18px}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:linear-gradient(135deg,#fff,#fff5f5);border-radius:20px;padding:40px;max-width:400px;width:90%;box-shadow:0 10px 40px #0000004d,0 0 20px #ff6b6b4d;border:4px solid #ff6b6b;text-align:center;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-header{margin-bottom:20px}.popup-title{color:#ff6b6b;font-size:28px;font-weight:900;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.popup-body{margin:30px 0}.popup-icon{font-size:80px;margin-bottom:20px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.popup-prize-name{color:#ff6b6b;font-size:24px;font-weight:900;margin-top:15px;text-shadow:1px 1px 3px rgba(0,0,0,.1);line-height:1.4}.popup-close-button{margin-top:30px;padding:12px 40px;border-radius:25px;background:linear-gradient(135deg,#ff6b6b,#ff8c42);border:3px solid #ffffff;color:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 15px #0003,inset 0 2px 5px #ffffff4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.popup-close-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80,inset 0 2px 5px #fff6}.popup-close-button:active{transform:translateY(0)}.right-section{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:350px;height:100%;position:relative;padding:20px}.effects-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.sparkle{position:absolute;font-size:30px;animation:sparkleMove 4s ease-in-out infinite;opacity:.7}.sparkle-1{top:10%;left:20%;animation-delay:0s}.sparkle-2{top:50%;right:10%;animation-delay:1.3s}.sparkle-3{bottom:20%;left:30%;animation-delay:2.6s}@keyframes sparkleMove{0%,to{transform:translate(0) scale(1);opacity:0}25%{opacity:.7}50%{transform:translate(20px,-30px) scale(1.2);opacity:1}75%{opacity:.7}}.history-container{width:100%;max-width:100%;background:#ffffffe6;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0003,0 0 10px #ff6b6b33;border:3px solid #ff6b6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;max-height:85%;overflow-y:auto}.history-title{color:#ff6b6b;font-size:20px;font-weight:900;text-align:center;margin:0 0 15px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.history-list{display:flex;flex-direction:column;gap:10px}.history-empty{text-align:center;color:#999;font-style:italic;padding:20px}.history-item{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#fff5f5,#fff);border-radius:10px;border:2px solid #ff6b6b;transition:all .3s ease;animation:slideInRight .5s ease}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.history-item:hover{transform:translate(-5px);box-shadow:0 2px 8px #ff6b6b4d}.history-icon{font-size:24px;flex-shrink:0}.history-name{flex:1;color:#ff6b6b;font-weight:700;font-size:14px}.history-time{color:#999;font-size:12px;flex-shrink:0}@media (max-width: 1200px){.left-section,.right-section{width:300px}}@media (max-width: 968px){.wheel-container{flex-direction:column;padding:10px}.left-section,.right-section{width:100%;height:auto}.left-section{order:1}.center-section{order:2}.right-section{order:3}.history-container{max-height:200px}}.app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#fff,#ff6b6b,#ff8c42,#fff,#ff6b6b,#ff8c42);background-size:400% 400%;animation:gradientShift 8s ease infinite;z-index:-1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}