feat: add active-game screen and firing interactions

data/index.html

@@ -50,7 +50,7 @@
         <div id="board-tabs" class="board-tabs" role="tablist" aria-label="Выбор поля"></div>
         <div id="boards" class="boards"></div>
         <div id="shot-controls" class="shot-controls" hidden><p id="target-status" class="muted">Выберите клетку на поле соперника.</p><button id="fire-button" type="button" disabled>Огонь</button><button id="cancel-target" type="button" class="secondary" disabled>Отменить</button></div>
-        <button id="abort-game" type="button" class="text-button" hidden>Отменить партию</button>
+        <button id="abort-game" type="button" class="text-button abort-button" hidden>Отменить партию</button>
       </section>
 
       <section id="screen-result" class="screen" aria-labelledby="result-title" hidden>
@@ -60,6 +60,7 @@
       <section id="screen-reconnecting" class="screen reconnecting" aria-labelledby="reconnecting-title" hidden><h2 id="reconnecting-title">Восстанавливаем связь</h2><p>Состояние игры обновляется через HTTP. WebSocket подключится автоматически.</p></section>
       <section id="screen-error" class="screen error-screen" aria-labelledby="error-title" hidden><h2 id="error-title">Не удалось продолжить</h2><p id="error-description"></p><button id="retry-button" type="button">Повторить</button></section>
     </main>
+    <script src="/target_interaction.js" defer></script>
     <script src="/app.js" defer></script>
   </body>
 </html>