* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  display: grid;
  place-items: center;
  font-family: system-ui, -apple-system, "Noto Sans KR", sans-serif;
}

/* 전체 장면 50% 축소(요청 유지) */
.stage {
  position: relative;
  transform: scale(0.5);
  transform-origin: center center;
}

/* CPU & 내 손 동일 프레임로 오버레이 */
#cpu-bg {
  position: relative;
  width: 100vw;
  height: 100vh;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
  display: block;
}

#player-hand {
  position: absolute;   /* stage를 기준으로 겹치기 */
  inset: 0;             /* stage 전체 덮기 */
  width: 100vw;
  height: 100vh;
  object-fit: contain;  /* CPU와 동일한 비율로 */
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;

  /* 그림자 제거 + 확실히 보이게 */
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
  z-index: 10;          /* CPU(#cpu-bg)보다 위 */
}

.overlay {
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100vh;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  z-index: 6; /* cpu-bg(기본 0)보다 위에 표시 */
}

img:not([src]) {
  display: none;

#score-text { display: none !important; }
#score-text {
  z-index: 10; /* 이미지 위로 */

#cpu-mouth{
  position:absolute;
  top:0;left:0;
  width:100vw;height:100vh;
  object-fit:contain;
  pointer-events:none;user-select:none;-webkit-user-drag:none;
  z-index:5; /* cpu-bg 위, 내 손(#player-hand) 아래여도 OK */
}