html, body { overflow-x: clip; }   /* если clip не поддерживается — можно hidden */

@font-face {
  font-family: "Press Start 2P";
  src: url("/fonts/dist/press-start-2p-400-latin.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/dist/jetbrains-mono-400-latin.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/dist/jetbrains-mono-700-latin.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/dist/ibm-plex-sans-400-latin.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/dist/ibm-plex-sans-600-latin.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Стек переменных семейства */
:root{
  --font-text: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-pixel: "Press Start 2P", "JetBrains Mono", ui-monospace, monospace;
}

:root {
  --page-bg:#000000;
  --accent:#6abf40;
  --text:#ffffff;

  /* Стек шрифтов */
  --font-text: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --font-pixel: "Press Start 2P", "JetBrains Mono", ui-monospace, monospace; /* fallback на моно */
}

html,body {
  margin:0;
  padding:0;
  background:var(--page-bg);
  color:var(--text);
  font-family: var(--font-text);
  line-height:1.55;
}

h1,h2,h3 { margin:0; }
p { margin:0 0 1em; }

/* Заголовок-пиксель: лучше крупнее и чуть плотнее межбуквие */
h1 {
  font-family: var(--font-pixel);
  font-size: clamp(28px, 4.2vw, 48px);
  letter-spacing: 0.02em;   /* Press Start 2P любит небольшой трекинг */
  line-height: 1.15;
}

/* Подзаголовки — строгие, можно моно ради ретро-вайба */
h2, h3 {
  font-family: var(--font-mono);
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* ASCII/кодовые блоки */
.ascii, code, pre, kbd, samp {
  font-family: var(--font-mono);
  font-variant-ligatures: none; /* чтобы символы не слипались в лигатуры */
}

/* Небольшой комфорт для <pre><code> */
pre {
  background: rgba(0,0,0,.25);
  padding: 12px 14px;
  border-radius: 8px;
  overflow:auto;
}
code { font-size: .95em; }