*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#192a56}@media (max-width: 576px){body{height:100%}}@media (max-height: 576px){body{height:100%}}canvas{border:1px solid #2f3640}.touchpad{display:none}@media (max-width: 576px){.touchpad{display:flex;width:100%;max-width:300px;justify-content:center;align-items:center}}@media (max-height: 576px){.touchpad{display:flex;width:100%;max-width:300px;justify-content:center;align-items:center}}@media (orientation: portrait){.touchpad{margin-top:50px}}@media (orientation: landscape){.touchpad{margin-left:50px}}.touchpad button{background:#dfe6e9;width:100px;height:80px;margin:2px;font-size:large}