Shell/chrome: force label spans to inherit link colour (Gradio --body-text-color hid active-item + compass text on dark fills)

web/shell/sidebar.css

@@ -76,6 +76,10 @@ body:not(.tac-collapsed) .gradio-container { margin-left: var(--tac-w); }
 }
 .tac-sidebar .tac-nav-item:hover { background: var(--tac-bg-2); }
 .tac-sidebar .tac-nav-item.active { background: var(--tac-ink); color: var(--tac-paper) !important; }
+/* Force the label span to inherit the link colour. A host theme (Gradio) sets
+ * span colour from --body-text-color (dark), which on the active item's dark fill
+ * would render the label invisible. The icon span keeps its own accent colour. */
+.tac-sidebar .tac-nav-item span:not(.tac-ico) { color: inherit !important; }
 .tac-sidebar .tac-nav-item .tac-ico { width: 18px; text-align: center; color: var(--tac-accent); }
 .tac-sidebar .tac-nav-item.active .tac-ico { color: #e8a72a; } /* amber, like the app's active world icon */
 

web/shell/spriteScene.css

@@ -76,8 +76,8 @@
   background: var(--mv-card); border: 1.5px solid var(--mv-ink); box-shadow: 2px 2px 0 var(--mv-ink); padding: 6px;
 }
 .movement-compass { display: grid; grid-template-columns: repeat(3, 18px); grid-template-rows: repeat(3, 18px); }
-.movement-compass span { display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--mv-ink-faint); }
-.movement-compass span.on { color: var(--mv-card); background: var(--mv-ink); border-radius: 3px; }
+.movement-compass span { display: flex; align-items: center; justify-content: center; font-size: 12px; color: var(--mv-ink-faint) !important; }
+.movement-compass span.on { color: var(--mv-card) !important; background: var(--mv-ink); border-radius: 3px; }
 .movement-compass-label { font-family: var(--mv-mono); font-size: 9px; letter-spacing: .08em; color: var(--mv-ink-muted); text-align: center; }
 
 /* ── Extras list ───────────────────────────────────────────────────────────── */