/* 냥냥 기차놀이 전용 스타일 (공통은 ../style.css, ../arcade.css) */
.pick-title { text-align: center; margin: 4px 0 8px; font-weight: 700; }
.pick-title small { color: var(--muted); font-weight: 700; margin-left: 4px; }
.char-pick { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 5px; }
@media (max-width: 560px) { .char-pick { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.char {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  padding: 5px 2px 4px; 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: 44px; height: 44px; max-width: 100%; }
.char b { font-size: 0.7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.char.locked { background: #f4eee4; cursor: default; }
.char.locked b { color: var(--muted); }
.char.on { border-color: var(--accent); background: #fff3c4; box-shadow: 0 0 0 3px rgba(217, 119, 79, 0.15); }
.pick-hint { font-size: 0.85rem; margin: 6px 0 10px; min-height: 1.2em; }
/* 게임 중에는 화면을 밀어도 스크롤되지 않고, 어디를 눌러도 조이스틱이 생긴다 */
body.playing { touch-action: none; }
.joy-base { position: fixed; left: 0; top: 0; z-index: 20; width: 92px; height: 92px; border-radius: 50%; background: rgba(255, 251, 243, 0.32); border: 2px solid rgba(58, 47, 42, 0.35); pointer-events: none; }
.joy-base[hidden] { display: none; }
.joy-knob { position: absolute; left: 26px; top: 26px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 251, 243, 0.65); border: 2px solid rgba(58, 47, 42, 0.45); }