body{background:#000;margin:0;font-family:calibri;overflow:hidden}canvas{display:block}#dpad-container{z-index:100;touch-action:none;grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);gap:5px;display:grid;position:fixed;bottom:10px;right:10px}#console-container{text-align:right;font-size:.1em;position:fixed;bottom:0;right:0}#cam-container{z-index:100;touch-action:none;grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);gap:5px;display:grid;position:fixed;top:10px;left:10px}#character-control-container{width:25%;position:fixed;top:10px;left:10px}#character-control-result{position:fixed;bottom:10px;right:10px}#character-control-result label{color:orange}select{width:100%}label{color:#fff;white-space:nowrap}