#app { touch-action: none; }
#app:has(dialog[open]) { touch-action: auto; }
/* 一旦浏览器已放大，必须放开捏合，否则 touch-action:none 会让用户无法缩回。 */
html[data-game-zoomed] #app,
html[data-game-zoomed] #stage,
html[data-game-zoomed] #game,
html[data-game-zoomed] #controls button { touch-action: auto; }
#zoom-hint {
  position: absolute; z-index: 20; transform-origin: top center;
  margin: 0; padding: 10px 16px; border-radius: 20px; white-space: nowrap;
  color: #fff8e8; background: #563d23ee; font-size: 14px;
  pointer-events: none;
}