/* Ряд платформ: где ещё будет QLevel.

   Пока это заявка, а не ссылки: приложений нет, и три плитки честно
   говорят об этом оповещением. Четвёртая ведёт на главную — она
   единственная, за которой что-то есть.

   Плитки одинакового размера и квадратные: это не кнопки действия,
   а значки, и спорить с главной кнопкой экрана они не должны. */

.platforms {
  display: flex;
  justify-content: center;
  gap: var(--sp-3);
}

.platform {
  width: 11cqw;
  height: 11cqw;
  display: grid;
  place-items: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  color: var(--accent-text);
  cursor: pointer;
  transition: background var(--fast) var(--ease),
              border-color var(--fast) var(--ease),
              transform var(--fast) var(--ease);
}

.platform:hover { border-color: var(--accent-dim); }

.platform:active {
  background: var(--surface-2);
  transform: scale(.94);
}

.platform .icon {
  width: var(--fs-lg);
  height: var(--fs-lg);
}