feat(qol & backup): add wave progress bar, hover collection, area explosion preview, hotkeys, auto-sync and json save export/import

game/index.html

@@ -445,6 +445,15 @@
               </div>
             </div>
 
+            <!-- Backup & Restore Buttons (Profile View) -->
+            <div class="auth-backup-section" style="margin-top: 14px; padding: 10px; background: rgba(0, 0, 0, 0.25); border-radius: 8px; border: 1px dashed rgba(255, 255, 255, 0.15);">
+              <div style="font-size: 12px; color: #b0bec5; text-align: center; margin-bottom: 8px;">💾 Резервная копия сохранений:</div>
+              <div style="display: flex; gap: 8px; justify-content: center;">
+                <button type="button" id="btn-export-save-profile" class="btn btn-secondary" style="flex: 1; font-size: 12px; padding: 7px 10px;" title="Скачать файл сохранения на устройство">💾 Экспорт в файл (JSON)</button>
+                <button type="button" id="btn-import-save-profile" class="btn btn-secondary" style="flex: 1; font-size: 12px; padding: 7px 10px;" title="Загрузить сохранение из файла">📂 Импорт из файла</button>
+              </div>
+            </div>
+
             <div style="display: flex; gap: 10px; justify-content: center; margin-top: 14px;">
               <button type="button" id="btn-auth-logout" class="btn btn-danger">🚪 Выйти из аккаунта</button>
               <button type="button" id="btn-auth-close-profile" class="btn btn-secondary">Закрыть</button>
@@ -472,6 +481,15 @@
               </div>
             </form>
 
+            <!-- Backup & Restore Buttons (Guest / Login View) -->
+            <div class="auth-backup-section" style="margin-top: 6px; margin-bottom: 12px; padding: 10px; background: rgba(0, 0, 0, 0.25); border-radius: 8px; border: 1px dashed rgba(255, 255, 255, 0.15);">
+              <div style="font-size: 12px; color: #b0bec5; text-align: center; margin-bottom: 8px;">💾 Локальные сохранения (без аккаунта):</div>
+              <div style="display: flex; gap: 8px; justify-content: center;">
+                <button type="button" id="btn-export-save" class="btn btn-secondary" style="flex: 1; font-size: 12px; padding: 7px 10px;" title="Скачать файл сохранения на устройство">💾 Экспорт в файл (JSON)</button>
+                <button type="button" id="btn-import-save" class="btn btn-secondary" style="flex: 1; font-size: 12px; padding: 7px 10px;" title="Загрузить сохранение из файла">📂 Импорт из файла</button>
+              </div>
+            </div>
+
             <button id="btn-auth-close" class="btn btn-secondary" style="font-size: 13px; padding: 6px 20px;">Закрыть</button>
           </div>
 
@@ -495,6 +513,9 @@
 
             <button id="btn-auth-close-reg" class="btn btn-secondary" style="font-size: 13px; padding: 6px 20px;">Закрыть</button>
           </div>
+
+          <!-- Hidden file input for importing saves -->
+          <input type="file" id="input-import-save" accept=".json" style="display: none;">
         </div>
       </div>