{{--
  Shared breadcrumb / nav strip used by every non-overlay webapp page
  (/, /scenes, /onboard). Distinct from the in-scene .hud strip so OBS
  overlays render identically — only browser-facing pages use this.

  @param string $crumb     uppercase label for the current page (e.g. 'ONBOARD')
  @param string $context   optional raw HTML for the middle slot;
                           defaults to the node address.
--}}
<header class="crumb-bar">
  <nav class="crumbs">
    <span class="led" aria-hidden="true"></span>
    <a href="/" class="crumb crumb-root">OPHI-118</a>
    <span class="sep">›</span>
    <span class="crumb crumb-here">{{ $crumb }}</span>
  </nav>
  <div class="crumb-ctx">{!! $context ?? '<span class="dim">NODE</span>127.0.0.1:1118' !!}</div>
  <div class="crumb-clock"><span class="dim">UTC</span><span id="clock">--:--:--</span></div>
</header>