/* Menu button: identical size and position on every page. */
.menu-btn {
  position: fixed; top: 10px; right: 10px; z-index: 30;
  width: 54px; height: 40px; padding: 9px 8px; margin: 0;
  border: 0; border-radius: 6px; cursor: pointer;
  background: rgba(30, 30, 30, .55);
  transition: background .2s;
}
.menu-btn:hover { background: rgba(30, 30, 30, .8); }
.menu-btn img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* HaloRed page: same button, red tint */
.menu-btn.red { background: rgba(140, 22, 22, .55); }
.menu-btn.red:hover { background: rgba(140, 22, 22, .85); }