Tone down sync status banner

Author: web3blind

app/css/main.css

@@ -290,12 +290,31 @@ body {
 
 /* Connection status */
 #connection-status {
-    position: fixed; top: 0; left: 0; right: 0; text-align: center;
-    padding: 8px; background: var(--color-surface-2); color: var(--color-text-muted);
-    font-size: 0.85rem; z-index: 300; transform: translateY(-100%);
-    transition: transform 0.3s ease;
+    position: fixed;
+    top: 8px;
+    left: 50%;
+    transform: translate(-50%, -120%);
+    text-align: center;
+    padding: 6px 12px;
+    background: rgba(13, 17, 23, 0.88);
+    color: var(--color-text-muted);
+    font-size: 0.82rem;
+    line-height: 1.2;
+    border: 1px solid rgba(255,255,255,0.08);
+    border-radius: 999px;
+    z-index: 300;
+    transition: transform 0.25s ease, opacity 0.25s ease;
+    opacity: 0;
+    pointer-events: none;
+    white-space: nowrap;
+    max-width: calc(100vw - 24px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+#connection-status.show {
+    transform: translate(-50%, 0);
+    opacity: 1;
 }
-#connection-status.show { transform: translateY(0); }
 
 /* Duel Screen */
 .duel-screen { max-width: 480px; margin: 0 auto; text-align: center; }

app/js/ui/app.js

@@ -12,6 +12,8 @@ var App = (function() {
     var _lastPolledBlock = 0;
     var _pollBusy = false;
     var _syncStartBlock = 0;
+    var _syncVisible = false;
+    var _lastSyncPercent = -1;
     var POLL_INTERVAL_MS = 3000;
 
     /**
@@ -224,15 +226,22 @@ var App = (function() {
         if (!statusEl) return;
 
         percent = Math.max(0, Math.min(100, Math.ceil(percent || 0)));
-        statusEl.textContent = 'Синхронизация с Миром... ' + percent + '%';
 
-        if (forceShow || percent < 100) {
-            statusEl.classList.add('show');
-        } else {
-            setTimeout(function() {
-                statusEl.classList.remove('show');
-            }, 1500);
+        if (!forceShow && percent >= 100) {
+            _syncVisible = false;
+            _lastSyncPercent = percent;
+            statusEl.classList.remove('show');
+            return;
+        }
+
+        if (_syncVisible && _lastSyncPercent === percent) {
+            return;
         }
+
+        statusEl.textContent = 'Синхронизация с Миром... ' + percent + '%';
+        statusEl.classList.add('show');
+        _syncVisible = true;
+        _lastSyncPercent = percent;
     }
 
     /**
@@ -287,6 +296,11 @@ var App = (function() {
                     return;
                 }
 
+                if (!(_lastPolledBlock === 0 || (headBlock - _lastPolledBlock) >= 10)) {
+                    _pollBusy = false;
+                    return;
+                }
+
                 if (_syncStartBlock === 0 || _lastPolledBlock < _syncStartBlock) {
                     _syncStartBlock = _lastPolledBlock;
                 }