*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;background:#000;overflow:hidden;touch-action:none;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
canvas{image-rendering:pixelated;image-rendering:crisp-edges;background:#5c94fc}
#touch{display:none;position:fixed;inset:0;pointer-events:none;z-index:10}
body.touch #touch{display:block}
#touch button{position:absolute;pointer-events:auto;width:64px;height:64px;border-radius:50%;
  border:2px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);
  color:rgba(255,255,255,.85);font-size:22px;font-family:monospace;
  bottom:max(24px,env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
#btnL{left:max(16px,env(safe-area-inset-left))}
#btnR{left:calc(max(16px,env(safe-area-inset-left)) + 80px)}
#btnA{right:max(16px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 20px)}
#btnB{right:calc(max(16px,env(safe-area-inset-right)) + 80px)}
#touch button.on{background:rgba(255,255,255,.4)}