.difficulty{display:inline-block;position:relative}.difficulty .gauge{width:106px;height:48px;display:inline-block;background-image:url(/general/css/images/difficulty.png)}.difficulty .needle{background-color:#2c3e50;width:10px;left:47px;height:46px;display:inline-block;position:absolute;top:6px;border-top-left-radius:200%;border-top-right-radius:200%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;transform-origin:5px 40px;box-shadow:none}.difficulty .needle.d1{animation:move1 4s ease-in-out forwards;-webkit-animation:move1 4s ease-in-out forwards}.difficulty .needle.d2{animation:move2 4s ease-in-out forwards;-webkit-animation:move2 4s ease-in-out forwards}.difficulty .needle.d3{animation:move3 4s ease-in-out forwards;-webkit-animation:move3 4s ease-in-out forwards}.difficulty .needle.d4{animation:move4 4s ease-in-out forwards;-webkit-animation:move4 4s ease-in-out forwards}.difficulty .needle.d5{animation:move5 4s ease-in-out forwards;-webkit-animation:move5 4s ease-in-out forwards}.difficulty .needle.d6{animation:move6 4s ease-in-out forwards;-webkit-animation:move6 4s ease-in-out forwards}.difficulty .needle.d7{animation:move7 4s ease-in-out forwards;-webkit-animation:move7 4s ease-in-out forwards}.difficulty .needle.d8{animation:move8 4s ease-in-out forwards;-webkit-animation:move8 4s ease-in-out forwards}.difficulty .needle.d9{animation:move9 4s ease-in-out forwards;-webkit-animation:move9 4s ease-in-out forwards}@keyframes move1{0%{transform:rotate(-90deg)}100%{transform:rotate(-80deg)}}@-webkit-keyframes move1{0%{transform:rotate(-90deg)}100%{transform:rotate(-80deg)}}@keyframes move2{0%{transform:rotate(-90deg)}100%{transform:rotate(-62deg)}}@-webkit-keyframes move2{0%{transform:rotate(-90deg)}100%{transform:rotate(-62deg)}}@keyframes move3{0%{transform:rotate(-90deg)}100%{transform:rotate(-45deg)}}@-webkit-keyframes move3{0%{transform:rotate(-90deg)}100%{transform:rotate(-45deg)}}@keyframes move4{0%{transform:rotate(-90deg)}100%{transform:rotate(-22deg)}}@-webkit-keyframes move4{0%{transform:rotate(-90deg)}100%{transform:rotate(-22deg)}}@keyframes move5{0%{transform:rotate(-90deg)}100%{transform:rotate(0)}}@-webkit-keyframes move5{0%{transform:rotate(-90deg)}100%{transform:rotate(0)}}@keyframes move6{0%{transform:rotate(-90deg)}100%{transform:rotate(23deg)}}@-webkit-keyframes move6{0%{transform:rotate(-90deg)}100%{transform:rotate(23deg)}}@keyframes move7{0%{transform:rotate(-90deg)}100%{transform:rotate(45deg)}}@-webkit-keyframes move7{0%{transform:rotate(-90deg)}100%{transform:rotate(45deg)}}@keyframes move8{0%{transform:rotate(-90deg)}100%{transform:rotate(62deg)}}@-webkit-keyframes move8{0%{transform:rotate(-90deg)}100%{transform:rotate(62deg)}}@keyframes move9{0%{transform:rotate(-90deg)}100%{transform:rotate(80deg)}}@-webkit-keyframes move9{0%{transform:rotate(-90deg)}100%{transform:rotate(80deg)}}