/* Оболочка «8 бит» G3NG (поручение владельца A, 19.10.2026: «переработай в этом стиле все окна внутри генома»).
   Образец — квиз vDUD (/dud): тёмная клетчатая комната, текстовые окна в пиксельной рамке, жёсткие тени, жёлтый акцент,
   пиксельный шрифт в заголовках и кнопках, моноширинный текст. Подключается последней оболочкой (SKIN_CSS) и включается
   атрибутом data-px="8bit" на <html> (src/ui-skin.mjs, выключатель PX_ENABLED). Палитра одна для обеих тем: переключатель
   темы при ней скрыт. Пары «текст на фоне» проверяет test/design-tokens-8bit.test.mjs. Персонажи (ENKI, vDUD) — пиксельные
   SVG из scripts/px-sprites.mjs. Здесь же правила вида, общие для всех страниц: окна, кнопки, поля, таблицы, метки. */
:root:root[data-px="8bit"], :root:root[data-px="8bit"][data-theme="dark"] {
  color-scheme: dark;
  --px-bg: #10121c; --px-panel: #1b1f33; --px-panel-2: #232842; --px-ink: #f4f1e8; --px-muted: #a3a8c3; --px-grid: #181b29;
  --px-acc: #ffd23f; --px-ok: #3ddc97; --px-no: #ff6b85; --px-warn: #ffb347; --px-blue: #4cc9f0; --px-shadow: #000000;
  --bg: var(--px-bg); --paper: var(--px-panel); --ink: var(--px-ink); --muted: var(--px-muted);
  --line: #2f3554; --line-strong: #8a90b0;
  --accent: var(--px-acc); --accent-bg: #2e2a12; --accent-solid: var(--px-acc); --on-accent: var(--px-bg);
  --ok: var(--px-ok); --ok-ink: var(--px-ok); --ok-bg: #12301f; --ok-solid: var(--px-ok);
  --warn: var(--px-warn); --warn-ink: var(--px-warn); --warn-bg: #33250f;
  --bad: var(--px-no); --bad-ink: var(--px-no); --bad-bg: #3a1620; --bad-solid: var(--px-no);
  --chip-bg: var(--px-panel-2);
  --chrome: #0b0d15; --on-chrome: var(--px-ink); --on-chrome-muted: var(--px-muted); --on-chrome-accent: var(--px-acc);
  --neutral: #6f7594; --neutral-strong: #a3a8c3; --neutral-soft: #3a4060;
  --accent-bg-strong: #3d3714; --warn-bg-strong: #4a3410;
  --mark-bg: #5a4a00; --hl: var(--px-no); --hl-2: var(--px-acc);
  --font-body: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --font-display: var(--pixel); --radius: 0; --border: 3px solid var(--ink); --motion: 0ms;
  --focus-ring: 3px solid var(--px-blue);
  --px-vdud: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Crect x='4' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='5' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='6' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='7' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='8' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='9' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='10' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='11' y='0' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='3' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='4' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='5' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='6' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='7' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='8' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='9' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='10' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='11' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='12' y='1' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='3' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='4' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='5' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='6' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='7' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='8' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='9' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='10' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='11' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='12' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='13' y='2' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='2' y='3' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='3' y='3' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='4' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='5' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='6' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='7' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='8' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='9' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='10' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='11' y='3' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='12' y='3' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='13' y='3' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='2' y='4' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='3' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='5' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='6' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='7' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='8' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='9' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='10' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='11' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='12' y='4' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='13' y='4' width='1' height='1' fill='%231a1a1a'/%3E%3Crect x='2' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='3' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='4' y='5' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23111111'/%3E%3Crect x='6' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='7' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='8' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='9' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='10' y='5' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='11' y='5' width='1' height='1' fill='%23111111'/%3E%3Crect x='12' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='13' y='5' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='2' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='3' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='4' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='5' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='6' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='7' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='8' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='9' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='10' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='11' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='12' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='13' y='6' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='2' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='3' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='4' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='5' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='6' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='7' y='7' width='1' height='1' fill='%23d9a066'/%3E%3Crect x='8' y='7' width='1' height='1' fill='%23d9a066'/%3E%3Crect x='9' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='10' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='11' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='12' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='13' y='7' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='2' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='3' y='8' width='1' height='1' fill='%235b4636'/%3E%3Crect x='4' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='5' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='6' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='7' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='8' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='9' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='10' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='11' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='12' y='8' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='13' y='8' width='1' height='1' fill='%235b4636'/%3E%3Crect x='3' y='9' width='1' height='1' fill='%235b4636'/%3E%3Crect x='4' y='9' width='1' height='1' fill='%235b4636'/%3E%3Crect x='5' y='9' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='6' y='9' width='1' height='1' fill='%237a2a2a'/%3E%3Crect x='7' y='9' width='1' height='1' fill='%237a2a2a'/%3E%3Crect x='8' y='9' width='1' height='1' fill='%237a2a2a'/%3E%3Crect x='9' y='9' width='1' height='1' fill='%237a2a2a'/%3E%3Crect x='10' y='9' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='11' y='9' width='1' height='1' fill='%235b4636'/%3E%3Crect x='12' y='9' width='1' height='1' fill='%235b4636'/%3E%3Crect x='4' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='5' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='6' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='7' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='8' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='9' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='10' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='11' y='10' width='1' height='1' fill='%235b4636'/%3E%3Crect x='5' y='11' width='1' height='1' fill='%23d9a066'/%3E%3Crect x='6' y='11' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='7' y='11' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='8' y='11' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='9' y='11' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='10' y='11' width='1' height='1' fill='%23d9a066'/%3E%3Crect x='3' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='4' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='5' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='6' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='7' y='12' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='8' y='12' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='9' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='10' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='11' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='12' y='12' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='2' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='3' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='4' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='5' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='6' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='7' y='13' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='8' y='13' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='9' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='10' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='11' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='12' y='13' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='13' y='13' width='1' height='1' fill='%23555b66'/%3E%3Crect x='14' y='13' width='1' height='1' fill='%23555b66'/%3E%3Crect x='1' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='2' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='3' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='4' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='5' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='6' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='7' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='8' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='9' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='10' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='11' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='12' y='14' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='13' y='14' width='1' height='1' fill='%23555b66'/%3E%3Crect x='14' y='14' width='1' height='1' fill='%23555b66'/%3E%3Crect x='1' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='2' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='3' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='4' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='5' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='6' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='7' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='8' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='9' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='10' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='11' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='12' y='15' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='13' y='15' width='1' height='1' fill='%239aa0a6'/%3E%3Crect x='1' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='2' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='3' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='4' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='5' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='6' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='7' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='8' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='9' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='10' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='11' y='16' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='12' y='16' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='13' y='16' width='1' height='1' fill='%23f1c27d'/%3E%3Crect x='14' y='16' width='1' height='1' fill='%239aa0a6'/%3E%3Crect x='1' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='2' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='3' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='4' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='5' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='6' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='7' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='8' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='9' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='10' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='11' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='12' y='17' width='1' height='1' fill='%232b2d42'/%3E%3Crect x='13' y='17' width='1' height='1' fill='%232b2d42'/%3E%3C/svg%3E");
  --px-enki: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18' shape-rendering='crispEdges'%3E%3Crect x='3' y='0' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='12' y='0' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='3' y='1' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='4' y='1' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='11' y='1' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='12' y='1' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='4' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='5' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='6' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='7' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='8' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='9' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='10' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='11' y='2' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='4' y='3' width='1' height='1' fill='%23c9a227'/%3E%3Crect x='5' y='3' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='6' y='3' width='1' height='1' fill='%23c9a227'/%3E%3Crect x='7' y='3' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='8' y='3' width='1' height='1' fill='%23c9a227'/%3E%3Crect x='9' y='3' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='10' y='3' width='1' height='1' fill='%23c9a227'/%3E%3Crect x='11' y='3' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='4' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='5' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='6' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='7' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='8' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='9' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='10' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='11' y='4' width='1' height='1' fill='%23ffd23f'/%3E%3Crect x='4' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='5' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='6' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='7' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='8' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='9' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='10' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='11' y='5' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='4' y='6' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='5' y='6' width='1' height='1' fill='%23f4f1e8'/%3E%3Crect x='6' y='6' width='1' height='1' fill='%2310121c'/%3E%3Crect x='7' y='6' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='8' y='6' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='9' y='6' width='1' height='1' fill='%23f4f1e8'/%3E%3Crect x='10' y='6' width='1' height='1' fill='%2310121c'/%3E%3Crect x='11' y='6' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='4' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='5' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='6' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='7' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='8' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='9' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='10' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='11' y='7' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='4' y='8' width='1' height='1' fill='%2322232e'/%3E%3Crect x='5' y='8' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='6' y='8' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='7' y='8' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='8' y='8' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='9' y='8' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='10' y='8' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='11' y='8' width='1' height='1' fill='%2322232e'/%3E%3Crect x='3' y='9' width='1' height='1' fill='%2322232e'/%3E%3Crect x='4' y='9' width='1' height='1' fill='%2322232e'/%3E%3Crect x='5' y='9' width='1' height='1' fill='%2322232e'/%3E%3Crect x='6' y='9' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='7' y='9' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='8' y='9' width='1' height='1' fill='%23e0ac69'/%3E%3Crect x='9' y='9' width='1' height='1' fill='%2322232e'/%3E%3Crect x='10' y='9' width='1' height='1' fill='%2322232e'/%3E%3Crect x='11' y='9' width='1' height='1' fill='%2322232e'/%3E%3Crect x='12' y='9' width='1' height='1' fill='%2322232e'/%3E%3Crect x='3' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='4' y='10' width='1' height='1' fill='%233b3d4f'/%3E%3Crect x='5' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='6' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='7' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='8' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='9' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='10' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='11' y='10' width='1' height='1' fill='%233b3d4f'/%3E%3Crect x='12' y='10' width='1' height='1' fill='%2322232e'/%3E%3Crect x='4' y='11' width='1' height='1' fill='%2322232e'/%3E%3Crect x='5' y='11' width='1' height='1' fill='%2322232e'/%3E%3Crect x='6' y='11' width='1' height='1' fill='%233b3d4f'/%3E%3Crect x='7' y='11' width='1' height='1' fill='%2322232e'/%3E%3Crect x='8' y='11' width='1' height='1' fill='%2322232e'/%3E%3Crect x='9' y='11' width='1' height='1' fill='%233b3d4f'/%3E%3Crect x='10' y='11' width='1' height='1' fill='%2322232e'/%3E%3Crect x='11' y='11' width='1' height='1' fill='%2322232e'/%3E%3Crect x='5' y='12' width='1' height='1' fill='%2322232e'/%3E%3Crect x='6' y='12' width='1' height='1' fill='%2322232e'/%3E%3Crect x='7' y='12' width='1' height='1' fill='%2322232e'/%3E%3Crect x='8' y='12' width='1' height='1' fill='%2322232e'/%3E%3Crect x='9' y='12' width='1' height='1' fill='%2322232e'/%3E%3Crect x='10' y='12' width='1' height='1' fill='%2322232e'/%3E%3Crect x='2' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='3' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='4' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='5' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='6' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='7' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='8' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='9' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='10' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='11' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='12' y='13' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='13' y='13' width='1' height='1' fill='%234cc9f0'/%3E%3Crect x='1' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='2' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='3' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='4' y='14' width='1' height='1' fill='%232a44a8'/%3E%3Crect x='5' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='6' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='7' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='8' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='9' y='14' width='1' height='1' fill='%232a44a8'/%3E%3Crect x='10' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='11' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='12' y='14' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='13' y='14' width='1' height='1' fill='%234cc9f0'/%3E%3Crect x='14' y='14' width='1' height='1' fill='%23a5e8fb'/%3E%3Crect x='1' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='2' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='3' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='4' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='5' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='6' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='7' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='8' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='9' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='10' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='11' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='12' y='15' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='13' y='15' width='1' height='1' fill='%23a5e8fb'/%3E%3Crect x='14' y='15' width='1' height='1' fill='%234cc9f0'/%3E%3Crect x='1' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='2' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='3' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='4' y='16' width='1' height='1' fill='%232a44a8'/%3E%3Crect x='5' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='6' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='7' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='8' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='9' y='16' width='1' height='1' fill='%232a44a8'/%3E%3Crect x='10' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='11' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='12' y='16' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='14' y='16' width='1' height='1' fill='%234cc9f0'/%3E%3Crect x='15' y='16' width='1' height='1' fill='%23a5e8fb'/%3E%3Crect x='1' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='2' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='3' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='4' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='5' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='6' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='7' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='8' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='9' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='10' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='11' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='12' y='17' width='1' height='1' fill='%233a5bd9'/%3E%3Crect x='15' y='17' width='1' height='1' fill='%234cc9f0'/%3E%3C/svg%3E");
}

/* комната: клетка на фоне */
[data-px="8bit"] { font-synthesis: none; } /* у Press Start 2P нет жирного: синтетический жирный слепляет «с» в «о» */
[data-px="8bit"] body { background-color: var(--bg); background-image: linear-gradient(var(--px-grid) 1px, transparent 1px), linear-gradient(90deg, var(--px-grid) 1px, transparent 1px); background-size: 16px 16px; font-size: 14px; line-height: 1.6; -webkit-font-smoothing: none; }
[data-px="8bit"] *, [data-px="8bit"] *::before, [data-px="8bit"] *::after { border-radius: 0 !important; }
[data-px="8bit"] a { color: var(--px-acc); }
[data-px="8bit"] a:hover { color: var(--px-ink); text-decoration: underline; text-decoration-thickness: 2px; }
[data-px="8bit"] ::selection { background: var(--px-acc); color: var(--px-bg); }

/* шапка: пиксельный ENKI у логотипа, меню пиксельным шрифтом, выбранный пункт — жёлтая плашка */
[data-px="8bit"] .top { background: var(--chrome); border-bottom: 4px solid var(--px-ink); box-shadow: 0 4px 0 var(--px-shadow); position: relative; z-index: 2; }
[data-px="8bit"] .logo { display: inline-flex; align-items: center; gap: 10px; color: var(--px-acc); font-size: 14px; }
[data-px="8bit"] .logo::before { content: ""; width: 32px; height: 36px; background: var(--px-enki) center / contain no-repeat; image-rendering: pixelated; }
[data-px="8bit"] .top nav a { color: var(--px-ink); border: 3px solid transparent; }
[data-px="8bit"] .top nav a:hover { border-color: var(--px-ink); text-decoration: none; }
[data-px="8bit"] .top nav a.on { background: var(--px-acc); color: var(--px-bg); border-color: var(--px-acc); }
[data-px="8bit"] .top nav a.nav-enki { color: var(--px-blue); }
[data-px="8bit"] .top nav a.nav-enki.on { background: var(--px-blue); color: var(--px-bg); border-color: var(--px-blue); }
[data-px="8bit"] form.theme-switch, [data-px="8bit"] .theme-switch { display: none !important; }

/* пиксельный шрифт мельче 8 px слепляет буквы: поднимаем до 8 */
[data-px="8bit"] .wait-count, [data-px="8bit"] .u-mini .tid, [data-px="8bit"] .btn.rv-small, [data-px="8bit"] .hit-kind { font-size: 8px; }
[data-px="8bit"] .wait-count { color: var(--px-acc); border-color: var(--px-acc); }

/* «Здесь решено» — одно окно, строки в одну линию: подробности на странице задачи (упрощение) */
[data-px="8bit"] aside.solved { background: var(--paper); border: 3px solid var(--px-ok); box-shadow: 4px 4px 0 var(--px-shadow); padding: 6px 10px; margin-bottom: 14px; }
[data-px="8bit"] aside.solved .solved-row { margin: 0; padding: 4px 0; border: 0; box-shadow: none; background: none; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-px="8bit"] aside.solved .solved-row + .solved-row { border-top: 2px dashed var(--line); }
[data-px="8bit"] aside.solved .solved-p { display: none; }

/* заголовки */
[data-px="8bit"] h1, [data-px="8bit"] .u-head h1 { font-family: var(--pixel); font-size: 16px; line-height: 1.7; color: var(--px-ink); letter-spacing: .5px; }
[data-px="8bit"] h2 { font-family: var(--pixel); font-size: 11px; line-height: 1.8; color: var(--px-acc); letter-spacing: .5px; }
[data-px="8bit"] h3 { font-size: 14px; color: var(--px-ink); }

/* окна: карточки, плитки, панели — пиксельная рамка и жёсткая тень */
[data-px="8bit"] .card, [data-px="8bit"] .u-tile, [data-px="8bit"] .u-panel, [data-px="8bit"] .col, [data-px="8bit"] .task,
[data-px="8bit"] main > section:not(.u-head):not([class*="grid"]), [data-px="8bit"] .flash, [data-px="8bit"] dialog {
  background-color: var(--paper); border: 3px solid var(--px-ink); box-shadow: 4px 4px 0 var(--px-shadow);
}
[data-px="8bit"] .task { border-width: 3px; box-shadow: 3px 3px 0 var(--px-shadow); }
[data-px="8bit"] .col { background: var(--px-panel-2); }
[data-px="8bit"] .col.bottleneck { border-color: var(--px-no); }
[data-px="8bit"] .card.error { border-color: var(--px-no); }
[data-px="8bit"] .flash { color: var(--px-ink); border-color: var(--px-warn); }
/* главное окно страницы: двойная рамка, как в диалогах vDUD */
[data-px="8bit"] .card.narrow, [data-px="8bit"] .u-form-card, [data-px="8bit"] main > .card:first-child {
  border: 4px solid var(--px-ink); box-shadow: 0 0 0 4px var(--px-bg), 0 0 0 8px var(--px-ink), 6px 6px 0 8px var(--px-shadow); margin: 12px 12px 22px;
}
[data-px="8bit"] main > .card.narrow, [data-px="8bit"] main > .u-form-card, [data-px="8bit"] main > .u-formcard { align-self: center; width: min(440px, calc(100% - 24px)); margin-top: 48px; }
[data-px="8bit"] details > summary { cursor: pointer; }
[data-px="8bit"] details > summary::marker { color: var(--px-acc); }
[data-px="8bit"] hr { border: 0; border-top: 3px dashed var(--line-strong); }

/* кнопки: пиксельный шрифт, жёсткая тень, нажатие «вдавливает» */
[data-px="8bit"] button, [data-px="8bit"] .btn, [data-px="8bit"] input[type="submit"] {
  font-family: var(--pixel); font-size: 9px; line-height: 1.5; letter-spacing: .5px; padding: 9px 12px;
  background: var(--px-bg); color: var(--px-ink); border: 3px solid var(--px-ink); box-shadow: 3px 3px 0 var(--px-shadow); cursor: pointer;
}
[data-px="8bit"] button:hover, [data-px="8bit"] .btn:hover, [data-px="8bit"] button.btn:hover { background: var(--px-acc); color: var(--px-bg); border-color: var(--px-acc); text-decoration: none; }
[data-px="8bit"] button:active, [data-px="8bit"] .btn:active { transform: translate(3px, 3px); box-shadow: none; }
[data-px="8bit"] button.primary, [data-px="8bit"] .btn.primary, [data-px="8bit"] form > button:last-child:only-of-type { background: var(--px-acc); color: var(--px-bg); border-color: var(--px-acc); }
[data-px="8bit"] button.small { font-size: 8px; padding: 5px 8px; box-shadow: 2px 2px 0 var(--px-shadow); }
[data-px="8bit"] button:disabled { opacity: .45; box-shadow: none; }
[data-px="8bit"] .who button { font-size: 8px; padding: 5px 9px; background: transparent; }

/* поля */
[data-px="8bit"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]), [data-px="8bit"] select, [data-px="8bit"] textarea {
  background: var(--px-bg); color: var(--px-ink); border: 3px solid var(--line-strong); font-family: var(--font-body);
}
[data-px="8bit"] input:focus, [data-px="8bit"] select:focus, [data-px="8bit"] textarea:focus { border-color: var(--px-acc); outline: 3px solid var(--px-blue); outline-offset: 2px; }
[data-px="8bit"] :focus-visible { outline: 3px solid var(--px-blue); outline-offset: 2px; }
[data-px="8bit"] input::placeholder, [data-px="8bit"] textarea::placeholder { color: var(--px-muted); }
[data-px="8bit"] input[type="checkbox"], [data-px="8bit"] input[type="radio"] { accent-color: var(--px-acc); }

[data-px="8bit"] input[type="file"]::file-selector-button { font-family: var(--pixel); font-size: 8px; padding: 6px 10px; margin-right: 10px; background: var(--px-panel-2); color: var(--px-ink); border: 2px solid var(--px-ink); cursor: pointer; }
[data-px="8bit"] .top nav a { padding: 7px 8px; }

/* цифры в плитках: моноширинный шрифт шире — числа и подписи не должны ломаться */
[data-px="8bit"] dl.u-stats dd { overflow-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 01.11.2026: длинный текст (тарифы на /server-room/costs) не растягивает страницу на 5 000 px */
[data-px="8bit"] .u-tile > dl.u-stats dd { font-size: 12px; }
[data-px="8bit"] dl.u-stats dt { font-size: 11px; }
[data-px="8bit"] .u-tile dl.u-stats { gap: 4px; }

/* метки, таблицы, код */
[data-px="8bit"] .tag { font-family: var(--pixel); font-size: 8px; line-height: 1.6; padding: 3px 6px; border: 2px solid var(--line-strong); background: var(--px-panel-2); color: var(--px-ink); }
[data-px="8bit"] .tag.on, [data-px="8bit"] .tag.ok { border-color: var(--px-ok); color: var(--px-ok); background: var(--ok-bg); }
[data-px="8bit"] .tag.warn { border-color: var(--px-warn); color: var(--px-warn); background: var(--warn-bg); }
[data-px="8bit"] .tag.bad, [data-px="8bit"] .tag.cn-bad { border-color: var(--px-no); color: var(--px-no); background: var(--bad-bg); }
[data-px="8bit"] .tag.acc, [data-px="8bit"] .tag.cn-acc { border-color: var(--px-acc); color: var(--px-acc); background: var(--accent-bg); }
[data-px="8bit"] table.list { background: var(--paper); border: 3px solid var(--px-ink); box-shadow: 4px 4px 0 var(--px-shadow); }
[data-px="8bit"] table.list th { font-family: var(--pixel); font-size: 8px; letter-spacing: .5px; color: var(--px-acc); border-bottom: 3px solid var(--px-ink); padding: 10px 8px; }
[data-px="8bit"] table.list td { border-bottom: 2px dashed var(--line); }
[data-px="8bit"] table.list tbody tr:hover td { background: var(--px-panel-2); }
[data-px="8bit"] code, [data-px="8bit"] pre { background: var(--px-bg); color: var(--px-blue); border: 2px solid var(--line); }
[data-px="8bit"] code { padding: 0 4px; }
[data-px="8bit"] pre { padding: 10px; }
[data-px="8bit"] mark { background: var(--px-acc); color: var(--px-bg); }
[data-px="8bit"] progress, [data-px="8bit"] .load { height: 10px; border: 2px solid var(--px-ink); background: var(--px-bg); }

/* vDUD — хозяин брифа: пиксельный персонаж в разделах брифа и вопросов владельцу */
[data-px="8bit"][data-sec="briefing"] main::before, [data-px="8bit"][data-sec="ask"] main::before {
  content: ""; float: right; width: 64px; height: 72px; margin: 0 0 8px 12px; background: var(--px-vdud) center / contain no-repeat; image-rendering: pixelated;
}
/* ENKI — на своей странице */
[data-px="8bit"][data-sec="enki"] main::before { content: ""; float: right; width: 64px; height: 72px; margin: 0 0 8px 12px; background: var(--px-enki) center / contain no-repeat; image-rendering: pixelated; }

@media (max-width: 600px) {
  [data-px="8bit"] .who > span { display: none !important; }
  [data-px="8bit"] .logo { font-size: 12px; gap: 6px; }
  [data-px="8bit"] .logo::before { width: 24px; height: 27px; }
  [data-px="8bit"] h1 { font-size: 13px; }
  [data-px="8bit"] .card.narrow, [data-px="8bit"] .u-form-card, [data-px="8bit"] main > .card:first-child { margin: 8px 8px 18px; }
}

/* «Процесс» и схемы рисуются SVG с цветами светлой темы в атрибутах: перекрашиваем в палитру комнаты (CSS сильнее атрибута) */
[data-px="8bit"] svg [fill="#ffffff"], [data-px="8bit"] svg [fill="#fff"] { fill: var(--px-panel); }
[data-px="8bit"] svg [fill="#ecece6"], [data-px="8bit"] svg [fill="#d9d9d2"] { fill: var(--px-grid); }
[data-px="8bit"] svg [fill="#eeeeff"] { fill: var(--accent-bg); }
[data-px="8bit"] svg [fill="#fff6dc"] { fill: var(--warn-bg); }
[data-px="8bit"] svg [fill="#eef8ef"] { fill: var(--ok-bg); }
[data-px="8bit"] svg [fill="#141414"] { fill: var(--px-ink); }
[data-px="8bit"] svg [stroke="#141414"] { stroke: var(--px-ink); }
[data-px="8bit"] svg [fill="#6b6b6b"] { fill: var(--px-muted); }
[data-px="8bit"] svg [fill="#2b2bff"] { fill: var(--px-blue); }
[data-px="8bit"] svg [stroke="#2b2bff"] { stroke: var(--px-acc); }
[data-px="8bit"] .proc-cnt, [data-px="8bit"] .proc-frame .card { background: var(--paper); color: var(--px-ink); border: 3px solid var(--px-ink); box-shadow: 3px 3px 0 var(--px-shadow); }

/* «Здесь решено» на телефоне: две строки вместо обрезки */
@media (max-width: 600px) {
  [data-px="8bit"] aside.solved .solved-row:nth-child(n+2) { display: none !important; } /* на телефоне — только последнее решённое */
  [data-px="8bit"] aside.solved .solved-row { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}


/* ── Упрощение страниц по разбору vDUD (31.10.2026): главное — на первый экран, служебное — вниз или в «Подробно».
   Только вид: разметка и данные прежние, всё по-прежнему доступно (вниз страницы, в меню или прокруткой внутри окна). ── */
[data-px="8bit"] main { display: flex; flex-direction: column; }
[data-px="8bit"] main > * { min-width: 0; }
/* «Здесь решено» — служебный отчёт: вниз страницы, одной строкой */
[data-px="8bit"] main > aside.solved { order: 99; margin-top: 18px; opacity: .85; }
/* шапка: в строке — главные разделы; остальные (Корни, Соцсети, История, Истории, Словарь, План, Процесс, Отчёт ENKI, Команда, Сессии) — в «Меню» */
[data-px="8bit"] .top nav.nav-wide a:is([href="/root-causes"], [href="/mx"], [href="/history"], [href="/stories"], [href="/glossary"], [href="/plan"], [href="/process"], [href="/enki/report"], [href="/team"], [href="/sessions"], [href="/comments"]) { display: none; }
@media (min-width: 601px) {
  [data-px="8bit"] .top details.menu { display: block; position: relative; }
  [data-px="8bit"] .top details.menu .menu-panel { left: auto; right: 0; min-width: 300px; border: 3px solid var(--px-ink); box-shadow: 4px 4px 0 var(--px-shadow); }
  [data-px="8bit"] .top .menu-panel nav.nav-menu a:not(:is([href="/root-causes"], [href="/mx"], [href="/history"], [href="/stories"], [href="/glossary"], [href="/plan"], [href="/process"], [href="/enki/report"], [href="/team"], [href="/sessions"], [href="/comments"])) { display: none; }
  [data-px="8bit"] .top .menu-panel .top-search { display: none; }
  [data-px="8bit"] .top .search-wide .lang-switch { display: none; } /* «Менеджер / Лаборатория» — в «Меню» */
}
/* до входа шапке нечего показывать, кроме логотипа */
[data-px="8bit"] .top:not(:has(.who)) :is(nav, details.menu, .search-wide, .lang-switch) { display: none !important; }
/* пустые окна — одной строкой-заголовком, без пояснений */
[data-px="8bit"] section:has(> .u-empty) > .u-empty { display: none; }
[data-px="8bit"] section:has(> .u-empty) { padding-top: 10px; padding-bottom: 10px; }
[data-px="8bit"] section:has(> .u-empty) > header::after { content: " — пусто"; color: var(--px-muted); font-family: var(--font-body); font-size: 13px; }
/* длинные списки — прокрутка внутри окна, а не страница в десятки экранов */
[data-px="8bit"] .board .col { max-height: 78vh; overflow-y: auto; }
[data-px="8bit"] .u-miniboard > * { max-height: 520px; overflow-y: auto; }
[data-px="8bit"] ol.u-feed { max-height: 560px; overflow-y: auto; }
/* таблицы на телефоне — листаются вбок внутри окна */
@media (max-width: 600px) { [data-px="8bit"] main table.list { display: block; overflow-x: auto; } }

/* «Сейчас»: одна мысль — что от меня нужно */
[data-px="8bit"][data-sec="now"] #next-step p.small, [data-px="8bit"][data-sec="now"] nav.nw-skip { display: none; }
[data-px="8bit"][data-sec="now"] #next-step .nw-next-t { font-size: 15px; }
[data-px="8bit"][data-sec="now"] #tz > details { display: none; } /* схема ТЗ — на «Плане» (ссылка «План →» в окне) */
[data-px="8bit"][data-sec="now"] #tz > .tz-warn { display: none; }
[data-px="8bit"][data-sec="now"] #stalled > p.muted { display: none; }

/* Задача: сначала «Сейчас» и кнопки, длинные отчёты — прокруткой, разбор возвратов и исполнение — вниз */
[data-px="8bit"][data-sec="tasks"] main > .u-hero { order: -3; }
[data-px="8bit"][data-sec="tasks"] main > #now { order: -2; }
[data-px="8bit"][data-sec="tasks"] main > #main { order: -1; }
[data-px="8bit"][data-sec="tasks"] #main > dl.u-facts { max-height: 360px; overflow-y: auto; }
[data-px="8bit"][data-sec="tasks"] #now .oc-time { display: none; }
[data-px="8bit"][data-sec="tasks"] main > :is(#five-whys, #execution) { order: 90; }
[data-px="8bit"][data-sec="tasks"] main > #verification table.list { max-height: 320px; overflow-y: auto; display: block; }

/* Проект: без паспорта (он в «Подробно» карточек), гены — после задач */
[data-px="8bit"][data-sec="projects"] .u-hero .u-hero-d { display: none; }

/* Доска: колонки — окна с прокруткой; «Сводка» уже свёрнута */
[data-px="8bit"][data-sec="board"] .board .col > header { position: sticky; top: 0; z-index: 1; background: var(--px-panel-2); }

/* План: сначала сама схема, «Ограничение» и «Пропускная способность» — после неё */
[data-px="8bit"][data-sec="plan"] main > div.pl { order: -1; }
[data-px="8bit"][data-sec="plan"] #constraint ol.tc-steps { display: none; }

/* Серверная: предупреждение о ключе — короче; длинный список ресурсов — прокруткой */
[data-px="8bit"][data-sec="server-room"] #resources > p.muted:first-of-type { display: none; }

/* Генофонд: сначала список генов, учёт тестов — ниже */
[data-px="8bit"][data-sec="genes"] section.gp { display: flex; flex-direction: column; }
[data-px="8bit"][data-sec="genes"] section.gp > #gene-tests { order: 50; }

/* Бриф: кнопка «Дальше» ближе к полю; подсказка про голос — мельче */
[data-px="8bit"][data-sec="briefing"] .brief-voice-off { font-size: 12px; color: var(--px-muted); border: 0; background: none; box-shadow: none; padding: 0; }


/* ── Вторая волна (31.10.2026) ── */
/* Серверная: четыре главных раздела, остальное под «Ещё» */
[data-px="8bit"] .sr-tabs { display: flex; flex-wrap: wrap; gap: 6px; align-items: flex-start; }
[data-px="8bit"] .sr-tabs .sr-more { position: relative; }
[data-px="8bit"] .sr-tabs .sr-more > summary { list-style: none; cursor: pointer; font-family: var(--pixel); font-size: 9px; padding: 8px 10px; border: 3px solid var(--line-strong); }
[data-px="8bit"] .sr-tabs .sr-more > summary::-webkit-details-marker { display: none; }
[data-px="8bit"] .sr-tabs .sr-more[open] > summary { border-color: var(--px-acc); color: var(--px-acc); }
[data-px="8bit"] .sr-tabs .sr-more-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
@media (min-width: 601px) { [data-px="8bit"] .sr-tabs .sr-more-list { position: absolute; z-index: 5; min-width: 260px; padding: 8px; background: var(--paper); border: 3px solid var(--px-ink); box-shadow: 4px 4px 0 var(--px-shadow); } }
/* Расходы: одна крупная цифра сверху */
[data-px="8bit"] .cost-hero { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: flex-end; border-color: var(--px-acc); }
[data-px="8bit"] .cost-hero-n { display: flex; flex-direction: column; gap: 6px; }
[data-px="8bit"] .cost-hero-n b { font-family: var(--pixel); font-size: 22px; color: var(--px-acc); line-height: 1.3; }
[data-px="8bit"] .cost-hero-s { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--px-muted); }
[data-px="8bit"] .cost-hero-s b { color: var(--px-ink); }
/* длинные подписи в плитках чисел не вылезают из окна */
[data-px="8bit"] dl.u-stats dd span.muted { white-space: normal; overflow-wrap: anywhere; display: block; font-size: 11px; }
/* Доска: в карточке — только «Ждёт», остальное в карточке задачи */
[data-px="8bit"] .board dl.oc-mini > div:not(:nth-child(4)) { display: none; }
/* таблицы и широкие блоки на телефоне — внутри экрана */
@media (max-width: 600px) {
  [data-px="8bit"] main table.list, [data-px="8bit"] main table.costs { display: block; max-width: 100%; overflow-x: auto; }
  [data-px="8bit"] main :is(.tw, .cost-scroll, .gl-scroll) { max-width: 100%; overflow-x: auto; }
  [data-px="8bit"] main :is(.u-head, section.search, .search-box, .search-state, .search-form) { max-width: 100%; min-width: 0; }
  [data-px="8bit"] main .search-form { flex-wrap: wrap; }
  [data-px="8bit"] main .cost-hero-n b { font-size: 16px; }
  [data-px="8bit"] main span.muted { overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) { [data-px="8bit"] button:active, [data-px="8bit"] .btn:active { transform: none; } }