/* Touch controls for the fixed 1280 × 720 slide canvas. */
.m-nav,.m-menu{display:none}
@media screen and (max-width:760px){
  :root{--mbar:calc(64px + env(safe-area-inset-bottom,0px));--m-paper:var(--bg-primary);--m-line:var(--border-subtle)}
  html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
  .hud{display:none!important}
  .notespanel{bottom:var(--mbar);height:38vh;max-height:46vh;padding-bottom:12px}
  .notespanel .nb{font-size:16px;line-height:1.5}
  #nb{min-width:0;max-width:100%;overflow-x:hidden;overflow-wrap:anywhere}
  .m-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:var(--mbar);padding:7px 14px calc(7px + env(safe-area-inset-bottom,0px));box-sizing:border-box;display:grid;grid-template-columns:48px 48px minmax(0,1fr) 48px 48px;gap:8px;align-items:center;background:var(--m-paper);border-top:1px solid var(--m-line);color:var(--text-primary)}
  .m-nav button{height:44px;min-width:44px;border:1px solid var(--border-subtle);background:transparent;color:inherit;font:600 16px var(--f-mono);border-radius:3px;touch-action:manipulation}
  .m-nav .m-count{font:14px var(--f-mono);text-align:center;white-space:nowrap}
  .m-nav button:focus-visible,.m-menu button:focus-visible,.m-menu a:focus-visible{outline:2px solid var(--accent-crimson);outline-offset:2px}
  .m-menu{position:fixed;z-index:61;right:12px;bottom:calc(var(--mbar) + 8px);width:min(260px,calc(100vw - 24px));padding:8px;background:var(--m-paper);border:1px solid var(--m-line);box-shadow:0 8px 24px #0002;display:grid;gap:5px}
  .m-menu[hidden]{display:none!important}
  .m-menu button,.m-menu a{min-height:44px;display:flex;align-items:center;padding:8px 12px;background:transparent;border:0;color:inherit;text-decoration:none;text-align:left;font:16px var(--f-mono)}
}