/* 냥냥 달리기 전용 스타일 (공통은 ../style.css, ../arcade.css) */
.pick-title { text-align: center; margin: 4px 0 8px; font-weight: 700; }
.char-pick { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 6px; margin-bottom: 12px; }
@media (max-width: 560px) { .char-pick { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.char {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 6px 2px 5px; min-width: 0;
  border: 1.5px solid var(--border); border-radius: 12px; background: var(--panel, #fffdf8);
  font: inherit; color: inherit; cursor: pointer;
}
.char canvas { width: 56px; height: 56px; max-width: 100%; }
.char b { font-size: 0.8rem; white-space: nowrap; }
.char.on { border-color: var(--accent); background: #fff3c4; box-shadow: 0 0 0 3px rgba(217, 119, 79, 0.15); }
/* 게임 중에는 화면 어디를 눌러도 점프: 스크롤·확대가 끼어들지 않게 */
body.playing { touch-action: none; }
/* 휴대폰: 아래쪽 큰 점프 버튼 (버튼 밖을 눌러도 점프는 된다) */
.pad { display: none; }
@media (pointer: coarse) {
  .pad { display: flex; position: fixed; left: 0; right: 0; bottom: calc(92px + env(safe-area-inset-bottom)); z-index: 5; padding: 0 16px; }
  body:not(.playing) .pad { display: none; }
  body.playing main { padding-bottom: 210px; }
}
.pad-jump { flex: 1; height: 104px; border-radius: 24px; border: 1.5px solid #3a2f2a; background: #f0a868; color: #fff; font: inherit; font-size: 1.7rem; font-weight: 900; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; touch-action: none; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; }
.pad-jump small { font-size: 0.75rem; font-weight: 700; opacity: 0.9; }
.pad-jump.down { background: #d9774f; transform: translateY(1px); }