/* mobile-light.css - 모바일 GPU/CPU 부하 차단 (≤768px) */
@media (max-width: 768px) {
  /* 1. 글래스모피즘 backdrop-filter 모두 차단 */
  *, *::before, *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* 2. 무한 CSS 애니메이션 1회 실행 후 정지 (transition은 유지) */
  *, *::before, *::after {
    animation-iteration-count: 1 !important;
    animation-duration: 0.001s !important;
  }

  /* 3. 자동재생 비디오 차단 — 디코더 부하 0 */
  video[autoplay] {
    display: none !important;
  }

  /* 비디오 자리 첫 프레임 이미지로 대체 */
  .lobby-wb-visual:has(video[autoplay]) {
    background-image: url('/static/video-hero-poster.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #000 !important;
  }

  /* 4. 모바일은 시스템 폰트 사용 — Pretendard 1MB+ 다운로드 차단 */
  *, *::before, *::after {
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif !important;
  }

  /* hero 타이틀 Caveat은 살림 (영문 전용, 매우 가벼움) */
  .hero-title, .hero-title * {
    font-family: 'Caveat', cursive !important;
  }
}