/*
 * 공용 gl/game-styles.css 간섭 차단 (gl/304 gl-fixes.css와 같은 사유).
 * 페이지 CSS(styles.css / result.css / list.css) 뒤에 로딩한다.
 *
 * 1) 폰트: 공용이 body/input/button을 'RixGulim', body.en-US 계열은 'OdinRoundedBold'로 지정(명시도 높음).
 * 2) 공용 .btn 등이 display를 지정해 UA의 [hidden]을 덮는다.
 * 3) 공용이 div/p/span에 transform: skew(-0.03deg)를 걸어 모든 div가 absolute 자식의 containing block이 된다.
 *    이 이벤트는 .scene을 기준으로 absolute 배치하므로 실질 영향은 없지만, 텍스트 흐림을 막기 위해 해제한다.
 * 4) 공용 img { -webkit-touch-callout: none !important }가 결과 카드 "꾹 눌러 저장"을 iOS에서 막는다.
 * 5) 공용 .game-wrapper가 letter-spacing: -1px를 걸어 자간을 지정하지 않은 텍스트가 전부 좁아진다 — 0으로 되돌린다.
 * 6) 래퍼에 세로 중앙 정렬을 주지 않는다 — 공용 common-re.js가 래퍼에 height: $(window).height()를
 *    인라인으로 박는데, 카카오톡 인앱브라우저는 이 값이 실제 보이는 영역(100dvh)보다 커서
 *    남는 여백이 위아래로 갈리며 헤더 위에 마진처럼 보인다 (gl/304 선례).
 */

body,
input,
button,
select,
textarea {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif !important;
}

[hidden] { display: none !important; }

.gl305,
.gl305 div,
.gl305 p,
.gl305 span {
  transform: none;
}

.app.game-wrapper {
  overflow: hidden;
  letter-spacing: 0;
}

#result .result-card {
  -webkit-touch-callout: default !important;
  -webkit-user-select: auto;
  user-select: auto;
}