html,body{margin:0;height:100%;background:#05060f;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}
#wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
canvas{image-rendering:pixelated;image-rendering:crisp-edges;background:#000;display:block}
#touch{position:fixed;inset:0;pointer-events:none;display:none}
.tb{position:absolute;pointer-events:auto;border-radius:50%;background:rgba(255,255,255,.10);border:2px solid rgba(255,255,255,.35);color:#fff;font:bold 22px monospace;display:flex;align-items:center;justify-content:center}
#stick{left:22px;bottom:22px;width:130px;height:130px}
#knob{position:absolute;left:43px;top:43px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.4)}
#bA{right:22px;bottom:56px;width:76px;height:76px}
#bB{right:112px;bottom:22px;width:58px;height:58px;font-size:18px}
#file{display:none}