Self-revealing burger navigation for the header's right slot. At rest it shows a compact [burger][Dashboard] pill. The system is square - no rounded corners anywhere. Both views are shown below so you can test them without resizing the window.
Desktop - hover to reveal
Try it: hover (or tab into) the burger - the links expand leftward and the burger collapses to nothing. Pure CSS; JS only adds touch + ARIA.
Mobile - tap to open
Try it: tap the burger - it stays put and morphs into an X, and the links drop as a floating panel over the text (no page push). Tap outside or the X to close. Click-only - no hover reveal on touch.