*
{
  margin:0px;
  padding:0px;

  user-select:none; /* Chrome and Opera */
  -webkit-user-select:none; /* Safari */
  -moz-user-select:none; /* Firefox */

  touch-action:none; /* disable panning/zooming gestures */
}

body
{
  overflow:hidden;
  background:#000;
}

#wrapper
{
  position:absolute;
  background:#999;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  overflow:hidden;
}

canvas
{
  position:absolute;
  left:0px;
  top:0px;
  width:400px;
  height:711px;

  padding:0px;
  margin:0px;
  overflow:hidden;

  image-rendering:-moz-crisp-edges;
  image-rendering:-webkit-crisp-edges;
  image-rendering:pixelated;
  image-rendering:crisp-edges;

  z-index:2;
}

#threedee
{
  z-index:1;
}

#fx
{
  z-index:1;
}

#ui
{
  z-index:4;
}