Move arrival count to loading footer and prevent startup flash

index.html

@@ -7,6 +7,17 @@
     <meta name="description" content="우리집 멍멍이, 할머니 집 유리문 너머로">
     <title>Behind Glass · 할머니집 창가</title>
     <link rel="preload" href="/fonts/BMKkubulim.woff" as="font" type="font/woff" crossorigin>
+    <link rel="stylesheet" href="/src/style.css">
+    <script>
+      if (document.fonts) {
+        document.documentElement.dataset.fontLoading = '';
+        const showPage = () => { delete document.documentElement.dataset.fontLoading; };
+        const fallback = setTimeout(showPage, 3000);
+        document.addEventListener('DOMContentLoaded', () => {
+          document.fonts.load('16px "BM Kkubulim"').then(showPage, showPage).finally(() => clearTimeout(fallback));
+        }, { once: true });
+      }
+    </script>
   </head>
   <body>
     <div id="app">
@@ -44,7 +55,7 @@
           <p id="gyro-status" class="sr-only" role="status" aria-live="polite">기울기는 꺼져 있어요. 드래그로 둘러볼 수 있어요.</p>
         </div>
         </header>
-        <section id="welcome" class="welcome" aria-labelledby="welcome-title">
+        <section id="welcome" class="welcome" data-step="name" aria-labelledby="welcome-title">
           <div class="entry-door" aria-hidden="true"><span></span></div>
           <p class="entry-kicker">behind glass</p>
           <h1 id="welcome-title">할머니 집에<br><span id="welcome-name">멍멍이가 왔어요</span></h1>
@@ -74,7 +85,6 @@
             <span id="notice-position" aria-hidden="true">1 / 2</span>
             <span id="notice-status" class="sr-only" role="status" aria-live="polite" aria-atomic="true"></span>
           </div>
-          <p class="arrival-count" data-arrival-count hidden></p>
         </section>
         <section id="flow-overlay" class="flow-overlay" hidden aria-labelledby="flow-title" aria-busy="false">
           <div id="journey" class="journey" hidden>
@@ -111,6 +121,7 @@
           <h2 id="flow-title" role="status" aria-live="polite">멍멍이를 할머니 집으로 데려가는 중…</h2>
           <p id="flow-detail" aria-live="polite"></p>
           <div id="flow-actions" class="flow-actions"><button id="flow-retry" type="button" hidden>다시 시도하기</button><button id="flow-flat" type="button" hidden>평면 사진으로 보기</button><button class="upload" type="button" data-pick-photo>다른 사진 고르기</button><button id="flow-samples" type="button" hidden>다른 샘플 고르기</button></div>
+          <p class="arrival-count" data-arrival-count hidden></p>
         </section>
       </main>
       <dialog id="home-dialog" aria-labelledby="home-title" aria-describedby="home-detail">