html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#1c1a18;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#app{touch-action:none;position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}.hud-layer{touch-action:none;position:fixed;inset:0}.joy-base{pointer-events:none;background:#ffffff1f;border:2px solid #ffffff8c;border-radius:50%;width:120px;height:120px;display:none;position:absolute;transform:translate(-50%,-50%)}.joy-base.active{display:block}.joy-knob{background:#ffffffb3;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-buttons{right:calc(env(safe-area-inset-right) + 20px);bottom:calc(env(safe-area-inset-bottom) + 20px);pointer-events:none;width:230px;height:230px;position:fixed}.hud-btn{color:#fff;touch-action:none;pointer-events:auto;background:#1e1e1e59;border:2px solid #ffffffb3;border-radius:50%;padding:0;font:600 15px/1 system-ui,-apple-system,sans-serif;position:absolute}.hud-btn.pressed{color:#222;background:#ffffff73}.hud-jump{width:104px;height:104px;bottom:0;right:0}.hud-action{width:84px;height:84px;bottom:8px;right:118px}.hud-inert{width:64px;height:64px;font-size:13px;bottom:122px;right:18px}.debug-overlay{left:calc(env(safe-area-inset-left) + 8px);top:calc(env(safe-area-inset-top) + 8px);color:#d8f5c8;white-space:pre;pointer-events:none;background:#0000008c;border-radius:4px;padding:6px 8px;font:12px/1.35 ui-monospace,Menlo,Consolas,monospace;position:fixed}.debug-toggles{grid-template-columns:repeat(2,auto);gap:4px;margin-top:4px;display:grid}.debug-toggles .debug-gait{min-width:0;margin-top:0}.debug-gait{min-width:150px;min-height:44px;color:inherit;font:inherit;text-align:left;touch-action:none;pointer-events:auto;background:#1e1e1e99;border:1px solid #d8f5c8b3;border-radius:6px;margin-top:6px;padding:0 12px;font-size:14px;display:block}
