index.html

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BLACK MAGIC — 하이틴 변신 인터랙티브 게임</title>
    <meta
      name="description"
      content="너드에서 퀸카로, 그리고 친구를 돕는 존재로. 선택이 5축 성향 점수로 쌓여 5종 멀티 엔딩으로 이어지는 Y2K 하이틴 인터랙티브 웹 게임."
    />
    <meta name="theme-color" content="#0e0a14" />
    <link rel="icon" type="image/png" href="/asset/icon/pixel/queen.png" />

    <!-- Open Graph / 공유 카드 (스크래퍼는 상대경로를 못 읽어 절대 URL 사용) -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://black-magic-six.vercel.app/" />
    <meta property="og:title" content="BLACK MAGIC" />
    <meta property="og:description" content="Little Mix - Black Magic 🎵 Y2K 하이틴 변신 인터랙티브 웹 게임형 심리테스트" />
    <meta property="og:image" content="https://black-magic-six.vercel.app/share.png" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="BLACK MAGIC" />
    <meta name="twitter:description" content="Little Mix - Black Magic 🎵 Y2K 하이틴 변신 인터랙티브 웹 게임형 심리테스트" />
    <meta name="twitter:image" content="https://black-magic-six.vercel.app/share.png" />

    <!-- 메뉴 배경(인트로 마지막 프레임)을 미리 받아 인트로→메뉴 전환을 깜빡임 없이. -->
    <link rel="preload" as="image" href="/asset/main-bg.jpg" />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>