/* grogu.css — 그로구 얼굴 SVG 안쪽 스타일만(js/grogu.js 가 만드는 <svg class="grogu-svg">).
   앱 레이아웃 · 배경 · 크기는 css/app.css 몫. 그림 색 · 선은 SVG 속성으로 들어 있어 이 파일이 없어도 그대로 그려진다. */
/* overflow: visible — 고개를 기울이거나 옆을 볼 때 귀 끝 · 입자가 SVG 상자 가장자리에서 잘리지 않게.
   그림이 그려지는 범위는 앱의 무대(.stage, overflow:hidden)가 정한다. */
.grogu-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}
/* 입자 · 소품 · 말풍선은 탭을 가로채지 않는다(얼굴 탭 = poke 는 앱이 컨테이너에서 받는다) */
.grogu-svg .grg-fx,
.grogu-svg .grg-over,
.grogu-svg .grg-props,
.grogu-svg .grg-back { pointer-events: none; }
/* 고대비(Windows 강제 색) 모드에서도 그림 색을 지킨다 — 일러스트라 색을 바꾸면 알아볼 수 없다 */
@media (forced-colors: active) {
  .grogu-svg { forced-color-adjust: none; }
}