Как написать это с одним циклом?

Java Script, да пожалуйста, только в ответе вариант на много проще, как в плане реализации так и в прочтении. Но стоит слегка модифицировать, так как окрасит в красный все блоки только после клика.

Можно ли написать эмулятор на js?

Тут глубже нужно копать, Стоит погуглить как пишут эмуляторы.

Как написать это с одним циклом?

Java Script,

for (let i = 0; i < elem.length; i++) {
  elem[i].style.background = 'red';
  elem[i].addEventListener('click', function () {
    this.style.background = 'black';
  })
}

Как увеличить svg, чтобы адаптив не сказал пока?

Дуболом Одноклеточный, печально тебе

Как увеличить svg, чтобы адаптив не сказал пока?

Добавь ее фоном

Как на этом сайте подгружаются стили?

Evtera, поменяй версию на любую другую иначе изменения не будут видны.
UPD style.css?23 у тебя сам файл так называется?) ?xx такое добавляют только в ссылку на style.css

Как сделать исключения для элемента, если его родитель overflow:hidden?

Кто вас учит пользоваться поиском? Как вынести элемент за overflow hidden? а в нем еще ссылки на похожие вопросы, в тех наверное тоже есть.

Как на этом сайте подгружаются стили?

Evtera, открываешь вклдку network в devtools и смотришь, как что загружается. И там один файл style.css второй построен на основе sourcemap видимо дополнял сайт криворкуий верстальщик или тот у которого не было исходников, ну или то и другое)

Как при скроле страницы поменять цвет хедера?

очевидно использовать необходимое событие

Как выучить React?

Выучил JavaScript

, а ты его на практике применял? Если нет то не суйся к фреймворкам

Как обратиться к ключу в массиве объектов в JS?

А теперь прочти в своей же ссылки жирный шрифт. И погугли мутацию.

Почему margin не отступает от всех границ род. элемента?

noboxer, открой devtools и просто посмотри как оно есть.

Почему margin не отступает от всех границ род. элемента?

noboxer, прочти что такое марджин. Там нет отступов, там просто пустое пространство.

Скрипт - цикл на JavaScript?

1998or2, тогда тебе нужно выучить js или идти на фриланс искать разработчика который сделает за тебя.

Почему margin не отступает от всех границ род. элемента?

noboxer, body по умолчанию размером с окно браузера или с контент, если контент больше размеров окна браузера.

Скрипт - цикл на JavaScript?

1998or2,

А теперь, как этот скрипт засунуть в консоль Firefox чтоб он на сайте перебрал мне эти цифры и показал нужный пин-код?

каким боком тебе простой цикл покажет пинкод. А чтобы запустить в консоле скопируй код в консоль и нажми enter/return

Почему margin не отступает от всех границ род. элемента?

noboxer, https://codepen.io/wapster92/pen/OJyjeER

Скрипт - цикл на JavaScript?

1998or2, а научить тебя ходить в туалет? или с ложечки есть?

Почему margin не отступает от всех границ род. элемента?

noboxer, только справа в браузере отобразится 30пх как будто он длинный, но это не так. Существует у блочной модели поток не позволяющий двум блокам находится на одном уровне. А где снизу нет отступа?

Почему margin не отступает от всех границ род. элемента?

noboxer, от границ окна, если блоку не хватает места. В остальных случаях они просто есть, либо отталкиваются от соседних блоков.