:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html,body{margin:0;height:100%;background:#070605;color:#efe6d6;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app{position:relative;height:100%}canvas{position:absolute;display:block;background:#070605}#touch{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}html.show-touch #touch{display:block}.stick,.touch-btn{position:absolute;pointer-events:auto;touch-action:none;box-sizing:border-box}.stick{border-radius:50%;background:#08070661;border:2px solid rgba(232,168,74,.9)}.knob{position:absolute;width:42%;height:42%;margin:0;border-radius:50%;background:#e8a84aeb;left:29%;top:29%}.touch-btn{border-radius:50%;border:2px solid rgba(232,168,74,.92);background:#14100cc7;color:#efe6d6;font-family:ui-monospace,monospace;font-weight:700;padding:0;line-height:1.1}.touch-btn.held{background:#e8a84aeb;color:#1a140f}#live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}