html, body {
  margin: 0; padding: 0; height: 100%; overflow: hidden; background: #63b7ff;
  position: fixed; inset: 0; 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%;
}
#game { display: block; position: fixed; inset: 0; touch-action: none; cursor: default; }
#loading {
  position: fixed; inset: 0; display: flex; align-items: center; justify-content: center;
  font: 700 22px system-ui, sans-serif; color: #1d3557; pointer-events: none;
}
#mute, #pause {
  position: fixed; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 2; min-width: 44px; min-height: 44px;
  font: 600 20px system-ui, sans-serif; color: #fff; background: rgba(29, 53, 87, 0.35);
  border: 0; border-radius: 8px; pointer-events: auto; cursor: pointer; user-select: none;
  touch-action: manipulation;
}
#mute { right: calc(10px + env(safe-area-inset-right)); }
#pause { right: calc(64px + env(safe-area-inset-right)); }