#back-wheel{
  margin-top:8px;
  position:relative;
  width:450px;
  height:450px;
  background-image:url("./vq4.png");
  background-size:cover;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(0,0,0,.28),0 0 5px 5px rgba(0,0,0,.20);
}
.disable-click{pointer-events:none;}
#moc{
  width:50px;
  height:58px;
  z-index:2;
  background-image:url("./moc.png");
  background-size:contain;
  background-repeat:no-repeat;
  position:absolute;
  top:0;
  margin-top:-1px;
}
#wheelOfFortune{display:inline-block;position:relative;overflow:hidden;width:430px;height:430px;}
#wheel{display:block;width:100%;height:100%;}
#shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,#00000000 60%,#000 90%);}
#spin{
  font:1.5em/0 sans-serif;
  user-select:none;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  transform:translate(-50%,-50%);
  top:50%;
  left:50%;
  width:20%;
  height:20%;
  background:#fff;
  color:#fff;
  box-shadow:0 0 0 8px currentColor,0 0 15px 5px rgba(0,0,0,.6);
  border-radius:50%;
  transition:.7s;
}