/* SKAM · «Матрица 3D» — холст под списком сообщений.
   Включается, когда у <html> data-chat-background="matrix". */
#chat-view { position: relative; }
.matrix-bg {
  position: absolute; inset: 0; width: 100%; height: 100%;
  display: none; pointer-events: none; z-index: 0;
}
:root[data-chat-background="matrix"] .matrix-bg { display: block; }

/* Всё содержимое чата — над холстом; холст сам рисует фон #0A0A0B. */
:root[data-chat-background="matrix"] :is(#chat-header, #messages, #composer, #reply-banner, #edit-banner, #voice-bar, #upload-bar) {
  position: relative; z-index: 1;
}
:root[data-chat-background="matrix"] #messages { background: transparent !important; }

/* Тёмный ореол отделяет пузыри от символов: ни одна «голова» не касается края пузыря. */
:root[data-chat-background="matrix"] #messages .msg:not(.msg-emoji) {
  box-shadow: 0 0 0 1.5px rgba(10, 10, 11, .85), 0 6px 22px rgba(0, 0, 0, .5);
}
/* Разделители дат и статусы получают подложку, чтобы читаться поверх символов. */
:root[data-chat-background="matrix"] #messages :is(.message-date, .msg-status, .stamp) {
  background: rgba(10, 10, 11, .62); border-radius: 10px; padding: 2px 8px;
}