Андрей Гончаров

Вопрос именно в возможности юзать дев-инструменты для отладки scss. Тут да - можно смотреть и править только css. Но во время разработки при компиляции возможно настроить комментарии в выходном css, они будут показывать какое свойство из какого scss файла и строки взялось. А вообще не парься - в нормальном проекте, где все scss файлы логически разделены и подключаются импортами, не будет проблемой найти какое свойство откуда взялось.

Желтая плашка может сверстаться под прямым углом с белыми прямоугольниками по бокам из всевдоэлементов, затем 3d трансформацией наклонить ее назад.
Меню трансформировать обратно от плашки, чтобы выровнять.
Пункты меню тоже с псевдоэлментами трансформированными. Сепараторы попробовать border: groove, возможно с бордер-радиусом для придания эффекта затухания по бокам.

А вообще все это костыли, надеюсь мне не придется таким заниматься)

Я не уверен, но скорее всего, повлиять на это нельзя со стороны сайта.
И как совет - отключай эффекты появления, параллакса и прочие визуальные эффекты для мобильных и планшетов. Не те это устройства, в которых можно безболезненно показывать это все. Оставляй красивости для десктопов, а в мобильных делай упор на быстроту загрузки и работы сайта. И надо проверить еще 100vh на айдевайсах! В последний раз там была проблема у меня с этим.