html{margin:0;padding:0;height:100dvh;overflow-x:hidden;overflow-y:hidden}body{margin:0;padding:0;height:100%;background-color:#000;display:flex;flex-flow:column}body>div{flex-grow:0;flex-shrink:0;flex-basis:auto;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}body>canvas{min-height:0;flex-grow:1;flex-shrink:1;flex-basis:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.controller-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.125rem;padding:.25rem;border-style:solid;border-color:#aaa;border-width:.125rem}div.controller-container>label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:2.5dvh;color:#fff}