#zone_joystick {
    position: relative;
    /* background: silver; */
    box-sizing: content-box;
    height: 100%;
}
#debug {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 0 5px 0;
    width: 300px;
    height: 450px;
    box-sizing: padding-box;
    color: white;
}
#debug ul {
    list-style: none;
}
#debug>ul {
    padding-left: 0;
}
#debug .data {
    color: #333333;
    font-weight: 800;
}

@media print, screen and (max-width: 720px) {
  body {
    word-wrap:break-word;
  }

  header {
    padding:0;
  }

  header ul, header p.view {
    position:static;
  }

  pre, code {
    word-wrap:normal;
  }
}

@media print, screen and (max-width: 480px) {
  body {
    padding:15px;
  }

  header ul {
    display:none;
  }
}

@media print {
  body {
    padding:0.4in;
    font-size:12pt;
    color:#444;
  }
}