html, body {height: 100%; margin: 0; padding: 0;}
body {
  width: 100vw; height: 100vh; margin: 0; background: #101840;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  font-family: Terminal, Console, Courier, Arial, Verdana, Geneva, sans-serif;
}
.matrix {
  width: 100vw; height: 100vh; display: grid; background: #101840;
  box-shadow: 0 6px 32px #0008; border-radius: 10px;
  position: relative; z-index: 1; overflow: hidden; user-select: none;
}
.char {
  width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;
  overflow: hidden; white-space: nowrap; text-align: center; font-size: 18px; color: #fff;
  opacity: 0.13; line-height: 1; user-select: none; transition: opacity 0.2s;
}
.access-denied-char {
  color: #ff1919 !important; opacity: 0.97 !important; font-weight: bold; letter-spacing: 0.10em;
}
/* Для мобильных устройств увеличенный размер */
body.mobile .char {
  width: 44px; height: 44px; font-size: 44px;
}