/* 게임물 등급표시(게임법 33조 표시의무). 등급분류번호 GC-CC-NP-260710-005 / 12세이용가.
   게임 실행 시 초기화면을 검은 화면으로 덮고 문구/아이콘 페이드인 → 유지 → 페이드아웃한다(시간값은 rating-notice.js).
   검은 배경은 처음부터 불투명하다(스플래시가 한 프레임도 새지 않게). 페이드는 내용물만 한다.
   3초는 '완전히 보인 뒤부터' 세므로 페이드 시간이 규정 노출 시간을 잠식하지 않는다.
   스플래시(#boot-splash)보다 위에 깔려 부팅 첫 프레임부터 뜨므로, 번들 다운로드를 기다리는
   인게임 UI와 달리 로드 즉시 표시돼 '게임 실행 시 초기화면' 요건을 확실히 덮는다.
   Cocos 쪽 신호가 필요 없어(자체 타이머로 걷힘) 인게임에 아무 영향이 없다.
   ※ 아이콘은 게임물관리위원회 배포 원본이며 비율 유지 축소만 한다(변형 시 개조·변조로 처벌 대상).

   컨테이너가 GameDiv 전체라 1cqw = 출력화면 폭의 1%로, 규정 비율이 그대로 단위가 된다.
   - 이용등급 아이콘 15.5cqw (>15% 요건)
   - 부연설명 블록 78cqw (>25% 요건) */

/* 페이드 시간. 기본값은 여기, 실제 값은 rating-notice.js 가 RATING 설정으로 덮어쓴다(시간값 출처는 JS 하나). */
:root {
  --rating-initial-fade: 0.6s;
}
#rating-notice {
  position: absolute;
  inset: 0;
  background: #000;
  container-type: inline-size;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--rating-initial-fade) ease;
}

/* 페이드 중엔 입력을 통과시킨다(사라지는 화면이 터치를 먹지 않도록). */
#rating-notice.rating-notice-hide {
  opacity: 0;
  pointer-events: none;
}

/* 내용물은 0에서 시작해 페이드인. 배경(검정)은 처음부터 불투명하므로 여기 포함하지 않는다. */
#rating-notice-icons,
#rating-notice-desc {
  opacity: 0;
  transition: opacity var(--rating-initial-fade) ease;
}

#rating-notice.rating-notice-in #rating-notice-icons,
#rating-notice.rating-notice-in #rating-notice-desc {
  opacity: 1;
}

/* 아이콘 묶음(우측 상단). */
.rating-icons {
  position: absolute;
  top: 2.5cqw;
  right: 2.5cqw;
  display: flex;
  align-items: flex-start;
  gap: 1.5cqw;
}

.rating-icons img {
  display: block;
  width: 15.5cqw;
  height: auto;
}

/* 로드 전 리플로우 방지용 실제 원본 비율(414x488 / 416x486). */
.rating-icons .rating-content {
  aspect-ratio: 416 / 486;
}

.rating-icons .rating-grade {
  aspect-ratio: 414 / 488;
}

#rating-notice-desc {
  width: 78cqw;
  font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
  font-size: 3.6cqw;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  color: #fff;
  word-break: keep-all;
}

/* 등급 부분만 강조. 공식 마크가 아닌 우리 문구라 검은 배경에서 읽히는 밝은 청색을 쓴다. */
#rating-notice-desc em {
  font-style: normal;
  color: #5b9bd5;
}