/* ===== 2048 anti-scroll styles (không đổi layout) ===== */

/* Khóa pan/zoom mặc định trong khu vực bàn cờ để tránh lướt trang */
:where(#game, #game-container, .game-board, .game-container, .grid-container) {
  touch-action: none;
  overscroll-behavior: contain; /* chặn overscroll đẩy trang cha */
  -webkit-user-select: none;
  user-select: none;
  -webkit-overflow-scrolling: auto;
}

/* (tuỳ chọn) nếu bạn muốn chặn pull-to-refresh toàn trang, bỏ comment dòng dưới */
/* html, body { overscroll-behavior-y: none; } */

/* Không can thiệp layout gốc của bạn. Nếu muốn một nền nhẹ nhàng: */
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #0f172a;       /* có thể bỏ nếu bạn đã có nền */
  color: #e5e7eb;
}

/* Đảm bảo vùng #game không bị trình duyệt tạo scroll ngang do transform/animations */
#game {
  position: relative;
  overflow: hidden; /* không ảnh hưởng layout con; chỉ tránh trượt trang do phần tử con */
}