.wheel-wrapper{display:flex;flex-direction:column;align-items:center}#wheel{position:relative;margin:0 auto}#canvas,#wheel{width:600px;height:600px}#canvas{border-radius:50%;display:block}.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;color:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;z-index:10;font-weight:900;font-size:16px;width:58px;height:58px;display:flex;align-items:center;justify-content:center}.spin-button:disabled{background:#333;color:#888;border-color:#333;cursor:not-allowed}.result-display{text-align:center;padding:10px;background:rgba(0,0,0,.05);border-radius:10px;min-width:200px}.result-display h3{margin:0;font-size:1.5rem;color:#333;font-weight:700}.wheel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.17);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.wheel-modal-content{background:linear-gradient(135deg,#e86923,#cdcad0);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative;max-width:700px;max-height:90vh;overflow:auto;animation:slideUp .3s ease-out;border:3px solid #fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.wheel-modal-close{position:absolute;top:15px;right:20px;background:hsla(0,0%,100%,.2);border:2px solid #fff;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.wheel-modal-close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.wheel-modal-content .wheel-container{margin:0;padding:1px}.wheel-modal-content .wheel-container h2{color:#fff;margin-bottom:20px;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.wheel-modal-content #wheel{width:500px!important;height:400px!important;margin:0 auto}.wheel-modal-content #canvas{width:400px!important;height:400px!important;margin:0 auto;display:block}@media (max-width:768px){.wheel-modal-content{margin:20px;padding:20px}.wheel-modal-content #wheel{width:400px!important;height:400px!important}.wheel-modal-content #canvas{width:320px!important;height:320px!important}}@media (max-width:480px){.wheel-modal-content #wheel{width:300px!important;height:300px!important}.wheel-modal-content #canvas{width:250px!important;height:250px!important}.wheel-modal-content .wheel-container h2{font-size:1.5rem}}