#mothergameholder,.gameholder{background-color:#000000;}
#mothergameholder canvas{height:100% !important;width:auto !important;left:50%;top:50%;transform:translate(-50%, -50%);}
#mothergameholder.handleGameWidth canvas{height:auto !important;width:100% !important;}

#mothergameholder, #mothergameholder *{transition: none;-webkit-transition: none;-moz-transition: none;-o-transition: none;}
.iframeoverlay{z-index:100000;}
.hiscore{position:absolute;top:6px;left:6px;background:#619dc5;color:white;z-index:5;font-size:15px;padding:2px 10px;border-radius:5px;display:none;font-weight:bold;text-transform:uppercase;font-family: arial;}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
body { transition: linear 0.25s; transform: scale(1); }
.shake { animation: shake 0.5s; }
button.mute { position: absolute; top: 16px; right: 24px;
  width: 32px;
  height: 32px;
  background-image: url('/games/little-ski-directembedcode/public/mute.svg');
  background-color: transparent;
  background-size: cover;
  display: none;
  z-index: 10000;
  border: none;
}
button.mute.muted { background-image: url('/games/little-ski-directembedcode/public/unmute.svg') }