/* 게임6·7 공용(talk-game.js): 무대 바탕 · 들려주는 동안 멈춤. 어른 화면(토큰·버튼·카드·설정 단계·소리 확인·띠·요약)은 ui.css(게임1~7 공용). 장면 그림은 게임 index.html 에. */
@import url("answer-check.css");
@import url("ui.css");
:root { --outer: #2a2f4f; }
html, body { margin: 0; height: 100%; background: var(--outer); overflow: hidden; overscroll-behavior: none; }
.game-root { touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; overscroll-behavior: none; -webkit-tap-highlight-color: transparent; }
#stage { position: absolute; left: 50%; top: 50%; width: min(100vw, 133.333vh); aspect-ratio: 4 / 3; transform: translate(-50%, -50%); overflow: hidden; container-type: size;
  font-family: var(--font-display); color: var(--ink); background: #dfe9f5; }
img { pointer-events: none; -webkit-user-drag: none; }
button { font: inherit; color: inherit; }
[hidden] { display: none !important; }
.tg { position: absolute; inset: 0; }
/* 들려주는 동안(.still) 무관한 움직임 멈춤 — 게임 그림의 둥실·흔들림 */
.tg.still *, .tg.still *::before { animation-play-state: paused !important; }
.tg.still .spr i, .tg.still .r3 .s { animation-play-state: running !important; }   /* 말하는 캐릭터 시트는 계속(멈추면 한 칸에 굳음, 2026-11-03) */
.tappable { cursor: pointer; }
/* 움직임 줄이기: 화면 연출은 바로 끝내되 캐릭터 시트(.spr i·.r3 .s)는 그대로 돈다(0.01ms 면 끝 칸에 굳음, 2026-11-03) */
@media (prefers-reduced-motion: reduce) { .tg :not(.spr i, .r3 .s), .tg *::before, .tg *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }