html, body, canvas {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
body {
    background-color: #000;
}
#wrapper {
    position: absolute;
    left: 0;
    top: 0;
}
#stage {
    /*margin-left: auto;
    margin-right: auto;
    display: block;*/
    width: 100%;
    height: 100%;
}
#statsPanel {
    position: absolute;
    width: 100%;
    height: 8%;
    bottom: 0;
    opacity: 0.8;
    background-color: #ff0000;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
/*#warning-message {
    display: none;
}*/


/*@media only screen and (orientation:portrait) {
    #wrapper {
        display: none;
    }
    #warning-message {
        display: block;
        color: #ffffff;
    }
}
@media only screen and (orientation:landscape) {
    #warning-message {
        display: none;
    }
}*/


/*#container { display:block; }
@media only screen and (orientation:portrait){
  #container {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (orientation:landscape){
  #container {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }
}*/