.wheel-container{flex-direction:column;margin:0 auto}.wheel-container,.wheel-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.wheel-wrapper{position:relative;max-width:420px;aspect-ratio:1/1}#wheelCanvas{width:100%;height:auto;border-radius:50%;display:block}.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(55px,8vw,55px);height:clamp(55px,8vw,55px);border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff9a9e,#f6416c,#ff6a00);color:#fff;border:none;cursor:pointer;font-weight:800;font-size:clamp(14px,2vw,18px);display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 2px 3px hsla(0,0%,100%,.4);transition:transform .2s ease,box-shadow .2s ease}.spin-button:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 15px rgba(0,0,0,.6),inset 0 3px 5px hsla(0,0%,100%,.3)}