/* Основной стиль для body */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #000; /* тёмный фон */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* предотвращает скролл */
}

/* Контейнер для canvas и всех input */
#wrapper {
  position: relative; /* 👈 ключевая строка */
  width: 803px;
  height: 730px;
  transform: scale(1); /* масштаб canvas */
  transform-origin: top center;
  overflow: hidden;
}

/* Стили для canvas */
canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
}

/* Общий стиль для всех input и textarea */
#wrapper input,
#wrapper textarea {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  z-index: 10;
}