.wheel-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem;position:relative}.wheel-wrapper{position:relative;width:400px;height:400px;max-width:90vw;max-height:90vw}.wheel{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;border:6px solid #fff;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2);background:transparent;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear}.wheel-segment{position:absolute;width:80%;height:50%;left:50%;top:0;-webkit-transform-origin:0 100%;transform-origin:0 100%;overflow:hidden;-webkit-clip-path:polygon(0 100%,0 0,102% 0);clip-path:polygon(0 100%,0 0,102% 0)}.wheel-segment:first-child{background:linear-gradient(135deg,#93c5fd,#bfdbfe);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.wheel-segment:nth-child(2){background:linear-gradient(225deg,#c4b5fd,#ddd6fe);-webkit-transform:rotate(60deg);transform:rotate(60deg)}.wheel-segment:nth-child(3){background:linear-gradient(315deg,#4ecdc4,#6eddd6);-webkit-transform:rotate(120deg);transform:rotate(120deg)}.wheel-segment:nth-child(4){background:linear-gradient(45deg,#d3d3d3,#e8e8e8);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.wheel-segment:nth-child(5){background:linear-gradient(135deg,gold,#ffe44d);-webkit-transform:rotate(240deg);transform:rotate(240deg)}.wheel-segment:nth-child(6){background:linear-gradient(225deg,#ff8c42,#ffa366);-webkit-transform:rotate(300deg);transform:rotate(300deg)}.segment-content{position:absolute;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;text-align:center;width:120px;height:120px;top:15px;left:10px;-webkit-transform:rotate(30deg);transform:rotate(30deg);pointer-events:none}.segment-text{font-size:15px;font-weight:700;line-height:1.3;margin-bottom:6px;color:#1a1a1a;text-shadow:0 1px 2px hsla(0,0%,100%,.9),0 0 4px hsla(0,0%,100%,.8),1px 1px 3px rgba(0,0,0,.1);letter-spacing:.3px}.segment-emoji{font-size:28px;line-height:1;-webkit-filter:drop-shadow(0 1px 2px hsla(0,0%,100%,.8));filter:drop-shadow(0 1px 2px rgba(255,255,255,.8))}.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:30px solid #333;z-index:10;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.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%;z-index:5;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);border:3px solid #333;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}.wheel-center-emoji{font-size:24px;line-height:1;display:block}.wheel-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.btn-stop-wheel{background:linear-gradient(135deg,#ff8c42,#ff6b6b);color:#fff;border:none;padding:14px 32px;border-radius:30px;font-weight:700;font-size:16px;cursor:pointer;-webkit-box-shadow:0 4px 15px rgba(255,140,66,.4);box-shadow:0 4px 15px rgba(255,140,66,.4);-webkit-transition:all .3s ease;transition:all .3s ease;text-align:center;min-width:180px}.btn-stop-wheel:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 20px rgba(255,140,66,.6);box-shadow:0 6px 20px rgba(255,140,66,.6)}.btn-stop-wheel:active{-webkit-transform:scale(.95);transform:scale(.95)}.btn-stop-wheel:disabled,.btn-stop-wheel[aria-disabled=true]{opacity:.6;cursor:pointer;-webkit-transform:none;transform:none}.btn-stop-wheel[aria-disabled=true]:hover{-webkit-transform:none;transform:none;-webkit-box-shadow:0 4px 15px rgba(255,140,66,.4);box-shadow:0 4px 15px rgba(255,140,66,.4)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wheel.spinning{-webkit-animation:spin .4s linear infinite;animation:spin .4s linear infinite}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff8c42,#ff6b6b);color:#fff;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;font-weight:700;font-size:18px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 2px 8px rgba(255,140,66,.3);box-shadow:0 2px 8px rgba(255,140,66,.3)}.giveaway-card{background:rgba(13,17,23,.9);border:none}body.giveaway-page{background-attachment:fixed;background-size:cover}@media (max-width:768px){body.giveaway-page{background-attachment:scroll;background-size:auto}.wheel-wrapper{width:320px;height:320px}.segment-content{width:90px;height:90px}.segment-text{font-size:11px}.segment-emoji{font-size:20px}.wheel-center{width:60px;height:60px}.wheel-actions{margin-top:1rem}.btn-stop-wheel{padding:12px 24px;font-size:14px;min-width:150px}}