123

public/index.html

@@ -241,16 +241,21 @@
         <p>Выберите цель для геройской способности (1 урон)</p>
         <button type="button" id="btn-cancel-hero" class="btn btn-ghost">Отмена</button>
       </div>
-      <div id="forge-overlay" class="modal-overlay hidden">
-        <div class="modal forge-modal">
+      <div id="forge-sidebar" class="forge-sidebar hidden">
+        <div class="forge-sidebar-header">
           <h2>⚒ Звёздная кузница</h2>
-          <p class="hint" style="font-size: 0.85rem; margin-bottom: 1rem;">Выберите 2-3 карты из колоды для улучшения</p>
+          <button type="button" id="btn-forge-close" class="btn-forge-close" title="Закрыть">×</button>
+        </div>
+        <p class="forge-hint">Перетащите 2-3 карты из руки или колоды сюда</p>
+        <div id="forge-selected" class="forge-selected">
+          <div class="forge-selected-empty">Перетащите карты сюда</div>
+        </div>
+        <div class="forge-deck-section">
+          <h3>Карты из колоды:</h3>
           <div id="forge-deck-list" class="forge-deck-list"></div>
-          <div id="forge-selected" class="forge-selected"></div>
-          <div class="forge-actions">
-            <button type="button" id="btn-forge-craft" class="btn btn-primary" disabled>Создать улучшенную карту</button>
-            <button type="button" id="btn-forge-close" class="btn btn-ghost">Закрыть</button>
-          </div>
+        </div>
+        <div class="forge-actions">
+          <button type="button" id="btn-forge-craft" class="btn btn-primary" disabled>Создать улучшенную карту</button>
         </div>
       </div>
       <div id="card-info-overlay" class="modal-overlay hidden">