html {
  -ms-touch-action: none;
}

body, canvas, div {
  display: block;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Remove spin of input type number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#fullscreenbtn {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;

  margin: 5px;
  border: 2px solid #FFFFFF88;
  background-color: #FFFFFF88;
  box-shadow: 0px 0 3px 1px #00000088;
  border-radius: 99px;

  opacity: 0.5;
  transform: scale(1);
  transition-duration: 0.3s;
}
#fullscreenbtn:active {
  transform: scale(1.2);
}
#fullscreenbtn:hover, #fullscreenbtn:active {
  opacity: 1;
}
#fullscreenbtn .icon.active {
  display: block;
}
#fullscreenbtn .icon {
  pointer-events: none;
  display: none;
  padding: 0;
}
#fullscreenbtn .icon img {
  pointer-events: none;
  display: block;
  margin: 10px;
  width: 20px;
  height: 20px;
}
#addtohomebtn {
  z-index: 9999;
  position: absolute;
  top: 55px;
  left: 0;
  padding: 0;

  margin: 5px;
  border: 2px solid #FFFFFF88;
  background-color: #FFFFFF88;
  box-shadow: 0px 0 3px 1px #00000088;
  border-radius: 99px;

  opacity: 0.5;
  transform: scale(1);
  transition-duration: 0.3s;
}
#addtohomebtn:active {
  transform: scale(1.2);
}
#addtohomebtn:hover, #addtohomebtn:active {
  opacity: 1;
}
#addtohomebtn .icon.active {
  display: block;
  pointer-events: none;
  padding: 0;
}
#addtohomebtn .icon span.ios {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi41MSAyMi4xMiI+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBkPSJNMTEuMjYsMjIuMTFIMi4zOUEyLjI0LDIuMjQsMCwwLDEsMCwyMHYtLjI2UTAsMTMuOTIsMCw4LjA1YTIuMzIsMi4zMiwwLDAsMSwxLjE0LTJMOS45MS40M2EyLjMzLDIuMzMsMCwwLDEsMi42OSwwUTE3LDMuMTksMjEuMzcsNi4wNWEyLjMyLDIuMzIsMCwwLDEsMS4xNCwyVjE5LjczYTIuMjUsMi4yNSwwLDAsMS0yLjExLDIuMzgsMS4yMiwxLjIyLDAsMCwxLS4yNywwWm0wLTEuNDlIMjAuMWMuNjQsMCwuOTEtLjI4LjkxLS45MlY4LjE1YTEsMSwwLDAsMC0uNS0uOTNDMTcuNiw1LjM3LDE0LjcsMy41LDExLjgsMS42NGEuOTMuOTMsMCwwLDAtMS4xLDBRNi4zNSw0LjQ2LDIsNy4yNGExLDEsMCwwLDAtLjQ3Ljg3VjE5LjcyYzAsLjYyLjI3LjkuODkuOVoiLz48cGF0aCBkPSJNMTAuNTEsMTMuMjdINi4wN2EuNzUuNzUsMCwwLDEsMC0xLjVoNC40NFY3LjMzYS43Ni43NiwwLDAsMSwuNzEtLjc5LjkyLjkyLDAsMCwxLC4yOSwwLC43Ny43NywwLDAsMSwuNDguNzZ2NC40M2g0LjQ3YS43Ni43NiwwLDAsMSwuNzYuNzQuNzUuNzUsMCwwLDEsMCwuMjYuNzIuNzIsMCwwLDEtLjc0LjQ3SDEyVjE3LjdhLjc1Ljc1LDAsMCwxLS41NS43NS43LjcsMCwwLDEtLjgyLS4zLDEuMSwxLjEsMCwwLDEtLjEzLS41MVYxMy4yN1oiLz48L2c+PC9nPjwvc3ZnPg==);
}
#addtohomebtn .icon span.android {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNzAuOTQgMzUxLjMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAyMDIwMjt9LmNscy0ye2ZpbGw6IzAxMDEwMTt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkxheWVyXzIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMiIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNzAuOTIsMTc1LjcyVjMxNy41MWMwLDE2LjUxLTkuNDQsMjktMjQuNjQsMzIuOGEzNy42NiwzNy42NiwwLDAsMS05LjI4LDFIODAuNzFDNjAuNiwzNTEuMzEsNDcsMzM3LjU1LDQ3LDMxNy40MWMwLTE0LjIyLjEtMjguNDMtLjA4LTQyLjY1LDAtMi45MS44Mi0zLjQ0LDMuNTItMy4zOCw4LjM2LjE4LDE2Ljc0LjIzLDI1LjEsMCwzLjE3LS4xLDMuNzQsMSwzLjU3LDMuNzgtLjIyLDMuMzYsMCw2Ljc0LS4wOCwxMC4xLS4wNiwxLjYyLjQ1LDIuMzIsMi4xMSwyLjExLjYyLDAsMS4yNSwwLDEuODcsMHE3Ni4wOCwwLDE1Mi4xNy4wOGMzLjE2LDAsMy44Mi0uNzksMy44MS0zLjg2cS0uMTMtMTA3LjkyLDAtMjE1Ljg1YzAtMy4xOC0uODMtMy44LTMuODgtMy44cS03Ni4wOC4xNi0xNTIuMTcsMGMtMy40NSwwLTQuMjIsMS00LDQuMTNzMCw2LjQ5LjA5LDkuNzJjLjA1LDEuNi0uNDQsMi4xOS0yLjEsMi4xOC05LjM3LS4wNy0xOC43NCwwLTI4LjExLDAtMS4wOSwwLTEuOTIsMC0xLjktMS41Mi4yMy0xNy0xLjIzLTM0LC41OS01MC44M1M2MywwLDgwLjM4LDBxMzUuMjQtLjA4LDcwLjQ3LjA1LDQzLjEuMDYsODYuMi4xN2MxNS42Ni4wNiwyNy4zOCw4LDMyLjA4LDIxLjU5YTM4LjM1LDM4LjM1LDAsMCwxLDEuNzksMTIuODVaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNODguMjgsMTQzLjY2Yy0xOC41MSwwLTM2LjEtLjA4LTUzLjcuMDctMywwLTMuNjgtLjg2LTMuNjEtMy43LjE4LTguMzUuMTQtMTYuNzEsMC0yNS4wNywwLTIuMjkuMzktMy4xOCwzLTMuMTdxNTMsLjEzLDEwNi4wNywwYzIuMjIsMCwyLjk0LjQzLDIuOTMsMi44MnEtLjEyLDUzLjEzLDAsMTA2LjI1YzAsMi41Ni0xLDIuNzMtMywyLjctOC42Mi0uMDktMTcuMjQtLjE0LTI1Ljg2LDAtMi42MywwLTMuMzEtLjY4LTMuMjktMy4yOS4xMi0xNi40Ni4wNi0zMi45My4wNi00OS4zOXYtNC40MWMtMS40LDEuMzEtMi4zNywyLjE2LTMuMjgsMy4wN3EtNDEuNjgsNDEuNTctODMuMTgsODMuMTVjLTIuMjcsMi4yNy0zLjQyLDIuNTItNS43MywwQzEzLjM1LDI0Nyw3Ljc2LDI0MS40MiwyLDIzNmMtMi40OS0yLjMyLTIuODEtMy40OS0uMTQtNi4xM3E0MS42Ni00MS4yMiw4My04Mi43NEM4NS44NCwxNDYuMjUsODYuNzUsMTQ1LjI2LDg4LjI4LDE0My42NloiLz48L2c+PC9nPjwvc3ZnPg==);
}
#addtohomebtn .icon span {
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  display: block;
  margin: 10px;
  width: 20px;
  height: 20px;
}
/*body {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  padding: 0;*/
/*  border: 0;*/
/*  margin: 0;*/

/*  cursor: default;*/
/*  color: #888;*/
/*  background-color: #333;*/

/*  text-align: center;*/
/*  font-family: Helvetica, Verdana, Arial, sans-serif;*/

/*  display: flex;*/
/*  flex-direction: column;*/
/*  */
/*  !* fix bug: https://github.com/cocos-creator/2d-tasks/issues/791 *!*/
/*  !* overflow cannot be applied in Cocos2dGameContainer, */
/*  otherwise child elements will be hidden when Cocos2dGameContainer rotated 90 deg *!*/
/*  overflow: hidden;*/
/*}*/

/*#Cocos2dGameContainer {*/
/*  position: absolute;*/
/*  margin: 0;*/
/*  left: 0px;*/
/*  top: 0px;*/

/*  display: -webkit-box;*/
/*  -webkit-box-orient: horizontal;*/
/*  -webkit-box-align: center;*/
/*  -webkit-box-pack: center;*/
/*}*/

/*canvas {*/
/*  background-color: rgba(0, 0, 0, 0);*/
/*}*/

/*a:link, a:visited {*/
/*  color: #666;*/
/*}*/

/*a:active, a:hover {*/
/*  color: #666;*/
/*}*/

/*p.header {*/
/*  font-size: small;*/
/*}*/

/*p.footer {*/
/*  font-size: x-small;*/
/*}*/

/*#splash {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: #171717;*/
/*  background-size: 100%;*/
/*}*/

/*.progress-bar {*/
/*    position: absolute;*/
/*    left: 27.5%;*/
/*    top: 80%;*/
/*    height: 3px;*/
/*    padding: 2px;*/
/*    width: 45%;*/
/*    border-radius: 7px;*/
/*    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           */
/*}*/

/*.progress-bar span {*/
/*    display: block;*/
/*    height: 100%;*/
/*    border-radius: 3px;*/
/*    transition: width .4s ease-in-out;*/
/*    background-color: #3dc5de;*/
/*}*/

/*.stripes span {*/
/*    background-size: 30px 30px;*/
/*    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,*/
/*                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,*/
/*                        transparent 75%, transparent);            */
/*    */
/*    animation: animate-stripes 1s linear infinite;             */
/*}*/

/*@keyframes animate-stripes {*/
/*    0% {background-position: 0 0;} 100% {background-position: 60px 0;}*/
/*}*/