/* ZUZ Arcade Leap - 종이 오림 해 질 녘 들판 판 (다솜 MGW-DSN-010, 퍼블리싱 MGW-PUB-004)
   화면 틀·판 크기(--size)는 공통 틀(../common/frame.css). 판 960×960u → --aspect 1(snake 와 같은 정사각형), 배율 = --size / 960.
   판 안 그림(하늘·언덕·땅·장애물·토끼·안내)은 game.js 가 canvas 에 그린다(명세 2.8 순서). 여기는 판 상자·멈춤 덮개만. */
:root {
  --bg: #f3f5fa;
  --ink: #1d2540;
}
.game-page {
  --aspect: 1;
  --u: calc(var(--size) / 960);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
  overscroll-behavior: none;
}

/* 위 줄 [일시 멈춤/계속] 아이콘 */
#play .i-pause { display: none; }
#play[data-mode="pause"] .i-play { display: none; }
#play[data-mode="pause"] .i-pause { display: block; }

/* ---------- 판 ---------- */
/* 바탕 #f9e9c4 = 1색조 하늘 아래 — 그림이 늦게 와도 빈 판이 하늘색(명세 1장) */
.board {
  position: relative;
  flex: none;
  width: var(--size);
  height: var(--size);
  border-radius: calc(var(--u) * 28);
  background: #f9e9c4;
  overflow: hidden;
  touch-action: none;
  outline: none;
  box-shadow: 0 10px 30px rgba(29, 37, 64, 0.25);
}
.board canvas { display: block; width: 100%; height: 100%; }
.board[data-state="play"] { cursor: pointer; }

/* 일시 멈춤: 판을 진하게 가린다(앞 장애물을 볼 수 없게, 명세 2.10 · 기획 1-3). blur 는 쓰지 않는다. Chop 과 같은 값 */
.game-page .board-cover.paused { background: rgba(20, 26, 44, 0.94); }