fix(android): preserve top inset for fixed app headers

Android/app/src/main/java/com/archipelago/app/ui/screens/WebViewScreen.kt

@@ -197,6 +197,12 @@ private fun injectSafeAreaVars(view: WebView) {
  *  the status-bar height: the padded strip shows the page's OWN background
  *  (padding is inside the element), so the bar keeps the page colour while
  *  content starts below it — the pre-edge-to-edge look, without the black bar.
+ *
+ *  Body padding only moves normal-flow content. fixed/sticky elements anchored
+ *  at the viewport top (IndeeHub's floating header) stayed glued under the
+ *  status bar, so we also push each of those down by the inset — once, marked
+ *  via data attribute — and keep a throttled MutationObserver running so
+ *  headers an SPA mounts after load get the same treatment.
  *  Idempotent; runs on start (early) and finish (after the app rewrites head). */
 private fun injectTopInset(view: WebView) {
     val insets = view.rootWindowInsets ?: return
@@ -206,6 +212,7 @@ private fun injectTopInset(view: WebView) {
     view.evaluateJavascript(
         """
         (function() {
+            var SAT = $sat;
             var s = document.getElementById('archy-top-inset');
             if (!s) {
                 s = document.createElement('style');
@@ -213,7 +220,40 @@ private fun injectTopInset(view: WebView) {
                 (document.head || document.documentElement).appendChild(s);
             }
             s.textContent =
-                'body{padding-top:${sat}px!important;box-sizing:border-box!important;}';
+                'body{padding-top:' + SAT + 'px!important;box-sizing:border-box!important;}';
+            function push(el) {
+                if (el.dataset.archyInset) return;
+                var cs = getComputedStyle(el);
+                if (cs.position !== 'fixed' && cs.position !== 'sticky') return;
+                var top = parseFloat(cs.top); // 'auto' -> NaN skips bottom bars
+                if (isNaN(top) || top >= SAT) return;
+                el.style.setProperty('top', (top + SAT) + 'px', 'important');
+                el.dataset.archyInset = '1';
+            }
+            function sweep() {
+                if (!document.body) return;
+                // Fixed/sticky bars live shallow in the tree (portals mount on
+                // body); depth cap keeps the computed-style pass off big lists.
+                var els = document.body.querySelectorAll(
+                    'body > *, body > * > *, body > * > * > *, body > * > * > * > *');
+                for (var i = 0; i < els.length; i++) push(els[i]);
+            }
+            sweep();
+            if (!window.__archyInsetObserver) {
+                var queued = false, last = 0;
+                window.__archyInsetObserver = new MutationObserver(function() {
+                    if (queued) return;
+                    queued = true;
+                    var wait = Math.max(0, 250 - (Date.now() - last));
+                    setTimeout(function() {
+                        queued = false;
+                        last = Date.now();
+                        sweep();
+                    }, wait);
+                });
+                window.__archyInsetObserver.observe(document.documentElement,
+                    { childList: true, subtree: true });
+            }
         })();
         """.trimIndent(),
         null,