/*
 * Russian keyboard — скин «Skeuo»: тёплый скевоморфизм по макету `.tmp/keyboardSkin/skin2.html`.
 * ВТОРОЙ скин инструмента; первый (базовый) — css/skin.css. Какой показан, говорит атрибут
 * data-skin на корне .rkbd; переключает его панель (кнопка после звука). Оба файла грузятся всегда —
 * переключение мгновенное, без подгрузки.
 *
 * ЧТО ВЗЯТО ИЗ МАКЕТА: цвет и материал — кремовая панель, объёмные клавиши с «подошвой» (0 4px 0),
 * вдавливание при нажатии, вырезанная полоска на пробеле, Georgia в поле ввода, тёплая коричневая
 * гамма вместо синей. ЧЕГО НЕ ВЗЯТО: структура — у макета своя (шапка клавиатуры с «US QWERTY» и
 * LED-индикаторами Caps/Shift, статус-пилюля, кнопки внутри поля). Разметка у нас своя, её задаёт
 * инструмент и движок; скин красит то, что есть, и ничего не выдумывает.
 *
 * Всё под `.rkbd[data-skin="skeuo"]` — иначе задело бы базовый скин. Специфичность нарочно выше, чем
 * у `.rkbd__kb .kb` в skin.css: токены движка задаются там, и перебить их можно только так.
 */

.rkbd[data-skin="skeuo"] {
    /* Материал: бумага, дерево, тёплый пластик. Значения — пипеткой из макета, не на глаз. */
    --s-ink: #26231f;
    --s-muted: #77716a;
    --s-hairline: #e9e4dd;

    --s-panel: #f5f2ed;
    --s-panel-edge: #ddd7cf;
    --s-panel-shadow: rgba(60, 52, 44, .12);

    --s-key-top: #fffefa;
    --s-key-mid: #f7f3ed;
    --s-key-bottom: #ece7df;
    --s-key-edge: #d7d0c7;
    --s-key-base: #c9c1b6;      /* «подошва» клавиши — она и даёт объём */
    --s-key-text: #3d3934;
    --s-key-muted: #817a72;

    --s-special-top: #eee7dd;
    --s-special-bottom: #d8cec1;
    --s-special-base: #b9ab99;

    --s-accent: #7b6a58;
    --s-accent-soft: #eee8e1;

    /* Состояния Shift на тач-грани (эскалация, значения — пипеткой из макета владельца):
       одно нажатие — клавиша чуть краснеет (peach-подсветка) + терракотовая стрелка;
       Caps Lock — клавиша залита тёплым карамельно-коричневым + светлая стрелка. */
    --s-shift-arrow: #b46236;    /* терракота стрелки при одиночном нажатии */
    /* Форма стрелки Shift — свой SVG-контур: голова и прямоугольная «ножка» поровну (глиф ⇧ шрифта
       узкий/толстый, иконка bi-shift — с крошечной ножкой, «ёлкой»). Полый контур, тонкая линия;
       цвет даёт background-color через mask, поэтому в самом SVG он не важен. */
    --s-shift-icon: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%204L20.5%2011.5H15.5V20H8.5V11.5H3.5Z'%20fill='none'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linejoin='round'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --s-shift-top: #f6e6d8;      /* peach-подсветка клавиши: верх */
    --s-shift-bottom: #eed7c4;   /* …и низ */
    --s-shift-edge: #e6cbb8;
    --s-caps-top: #ba9061;       /* Caps: карамель, верх */
    --s-caps-bottom: #a67c50;    /* …и низ */
    --s-caps-base: #855f31;      /* «подошва» — тёплый объём снизу */
    --s-caps-edge: #8a6538;
    --s-caps-arrow: #fbf6ee;

    /* Обвязка инструмента (панель, поле, легенда) — переопределяем токены базового скина. */
    --r-accent: var(--s-accent);
    --r-accent-soft: var(--s-accent-soft);
    --r-ink: var(--s-ink);
    --r-muted: var(--s-muted);
    --r-line: #d9d2ca;
    --r-surface: #fff;
    --r-radius: 10px;
    /* Вспышка «снимка» — тёплое золото, а не приглушённый акцент корпуса: акцентом она читалась
       как грязное пятно на кремовой бумаге, а не как схваченный кадр. */
    --r-shot: #c08a3e;
}

/* ─────────── Панель управления ─────────── */
.rkbd[data-skin="skeuo"] .rkbd__lang,
.rkbd[data-skin="skeuo"] .rkbd__btn {
    border-radius: 9px;
    background: linear-gradient(180deg, #fff, #f2eee8);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .95),
        0 2px 5px rgba(50, 44, 38, .08);
    color: #5f5953;
    font-weight: 700;
}
@media (hover: hover) {
    .rkbd[data-skin="skeuo"] .rkbd__lang:hover,
    .rkbd[data-skin="skeuo"] .rkbd__btn:hover {
        border-color: #c8beb2;
        background: linear-gradient(180deg, #fff, #efeae3);
    }
}
/* Кнопки тоже «продавливаются» — материал один на всём инструменте. */
.rkbd[data-skin="skeuo"] .rkbd__lang:active,
.rkbd[data-skin="skeuo"] .rkbd__btn:active {
    transform: translateY(1px);
    box-shadow:
        inset 0 2px 4px rgba(50, 44, 38, .08),
        0 1px 2px rgba(50, 44, 38, .05);
}
.rkbd[data-skin="skeuo"] .rkbd__btn .bi { color: var(--s-key-muted); }

.rkbd[data-skin="skeuo"] .rkbd__sound[aria-pressed="true"] .rkbd__switch,
.rkbd[data-skin="skeuo"] .rkbd__moresound[aria-checked="true"] .rkbd__switch { background: var(--s-accent); }
/* Активная тема в меню «⋯» — тёплым акцентом корпуса. */
.rkbd[data-skin="skeuo"] .rkbd__moreskin[aria-checked="true"] { color: var(--s-accent); }
.rkbd[data-skin="skeuo"] .rkbd__moresep { background: rgba(90, 78, 66, .16); }
/* Корзинка очистки в поле — в тёплой гамме корпуса. */
.rkbd[data-skin="skeuo"] .rkbd__clear { color: #a8a097; }
@media (hover: hover) {
    .rkbd[data-skin="skeuo"] .rkbd__clear:hover { background: #f3efe9; color: #5a4e42; }
}

.rkbd[data-skin="skeuo"] .rkbd__langmenu,
.rkbd[data-skin="skeuo"] .rkbd__skinmenu,
.rkbd[data-skin="skeuo"] .rkbd__moremenu {
    background: linear-gradient(180deg, #fff, #faf7f2);
    box-shadow: 0 8px 22px rgba(50, 44, 38, .16);
}
@media (hover: hover) {
    .rkbd[data-skin="skeuo"] .rkbd__langitem:hover,
    .rkbd[data-skin="skeuo"] .rkbd__skinitem:hover,
    .rkbd[data-skin="skeuo"] .rkbd__moreitem:hover { background: #f3efe9; }
}
.rkbd[data-skin="skeuo"] .rkbd__moreitem .bi { color: var(--s-key-muted); }

/* Всплывашка — в тёплой гамме корпуса, а не в синей: чёрно-синяя пилюля тут выглядит чужой. */
.rkbd[data-skin="skeuo"] .rkbd__toast {
    background: rgba(61, 51, 41, .95);
    box-shadow: 0 8px 20px rgba(50, 44, 38, .24);
}

/* ─────────── Поле ввода: бумага, шрифт с засечками ─────────── */
.rkbd[data-skin="skeuo"] .rkbd__area {
    border: 1px solid var(--s-panel-edge);
    border-radius: 18px;
    /* Правый паддинг больше под корзинку очистки в углу поля — текст под неё не заезжает. */
    padding: 22px 50px 42px 22px;
    background: linear-gradient(180deg, #fff 0%, #fffdf9 100%);
    box-shadow:
        inset 0 2px 4px rgba(60, 52, 44, .05),
        0 1px 0 rgba(255, 255, 255, .9);
    color: #37322d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(19px, 2.2vw, 26px);
    line-height: 1.55;
    caret-color: #786654;
}
.rkbd[data-skin="skeuo"] .rkbd__area:focus {
    border-color: #c8beb2;
    box-shadow:
        inset 0 2px 4px rgba(60, 52, 44, .04),
        0 0 0 4px rgba(123, 106, 88, .08);
}
.rkbd[data-skin="skeuo"] .rkbd__area::placeholder { color: #bbb4ac; }
.rkbd[data-skin="skeuo"] .rkbd__count { color: #a8a097; }

/* ─────────── Клавиатура: корпус ─────────── */
.rkbd[data-skin="skeuo"] .rkbd__kb {
    padding: 17px;
    border: 1px solid var(--s-panel-edge);
    border-radius: 22px;
    background: linear-gradient(180deg, #f8f6f2 0%, var(--s-panel) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .95),
        inset 0 -2px 3px rgba(68, 60, 52, .05),
        0 12px 26px var(--s-panel-shadow);
}

/* ─────────── Клавиатура: клавиши (токены движка) ─────────── */
.rkbd[data-skin="skeuo"] .kb {
    --kb-gap: 7px;
    --kb-font-size: 19px;
    --kb-key-fg: var(--s-key-text);
    --kb-key-border: var(--s-key-edge);
    --kb-key-bg: linear-gradient(180deg, var(--s-key-top) 0%, var(--s-key-mid) 48%, var(--s-key-bottom) 100%);
    /* Объём: первая тень — «подошва» клавиши, вторая — падающая тень, дальше блик сверху и тёмный низ. */
    --kb-key-shadow:
        0 4px 0 var(--s-key-base),
        0 7px 11px rgba(57, 49, 42, .14),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        inset 0 -1px 0 rgba(92, 80, 69, .07);
    --kb-special-bg: linear-gradient(180deg, var(--s-special-top) 0%, var(--s-special-bottom) 100%);
    --kb-special-fg: #55493d;
    --kb-hint-fg: var(--s-key-muted);
    --kb-pop-bg: linear-gradient(180deg, #fff, #f7f3ed);
    --kb-active-indicator: var(--s-accent);
    /* Замок Caps — терракота: в тёплой гамме скина красный читается как «включено насовсем»,
       а чистый красный из синей палитры тут спорил бы с кремовым корпусом. */
    --kb-lock-indicator: #a8492f;
}
/* Числа — только десктопной грани: на тач-грани высоту клавиши и радиус считает движок из ширины
   клавиатуры (`.kb[data-face="mobile"]` в css движка), и числа здесь их перебьют. */
.rkbd[data-skin="skeuo"] .kb[data-face="desktop"] { --kb-key-h: 56px; --kb-radius: 10px; }
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"]  { --kb-gap: 5px; }

/* На мобайле корпус клавиатуры идёт во всю ширину экрана: боковые поля и скругление сняты
   (см. то же правило в skin.css), сверху и снизу — минимум, чтобы не съедать место у клавиш. */
@media (max-width: 640px) {
    /* Корпус во всю ширину — БЕЗ скругления и боковых бортов. skin.css это уже снимает у `.rkbd__kb`,
       но скин-правило `.rkbd[data-skin="skeuo"] .rkbd__kb` (выше) специфичнее и возвращало радиус 22px
       и рамку — поэтому гасим их здесь же, а не только в skin.css (владелец, мобайл, 2026-07-24). */
    .rkbd[data-skin="skeuo"] .rkbd__kb {
        padding: 8px 4px;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    /* Поле перерисовывается на КАЖДЫЙ символ, поэтому размытая тень внутри него на телефоне
       обходится дороже, чем выглядит: остаётся плоский блик. Бумажный вид держат фон и шрифт. */
    .rkbd[data-skin="skeuo"] .rkbd__area,
    .rkbd[data-skin="skeuo"] .rkbd__area:focus {
        box-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    }
}

@media (hover: hover) {
    .rkbd[data-skin="skeuo"] .kb__key:hover {
        border-color: #c9c0b6;
        background: linear-gradient(180deg, #fff 0%, #f8f4ee 48%, #ebe5dd 100%);
    }
}
/* Служебные клавиши стоят на своей, более тёмной подошве. Торчалка нампада — тоже служебная кнопка
   (фон у неё уже `--kb-special-bg`), и подошва у неё должна быть та же: со светлой подошвой обычной
   клавиши она рядом с Backspace читалась «приподнятой», хотя стоит с ним ровно по верху и низу. */
.rkbd[data-skin="skeuo"] .kb__key[data-type="action"],
.rkbd[data-skin="skeuo"] .kb__key[data-type="layer"],
.rkbd[data-skin="skeuo"] .kb__np-toggle {
    border-color: #c3b5a5;
    box-shadow:
        0 4px 0 var(--s-special-base),
        0 7px 11px rgba(57, 49, 42, .15),
        inset 0 1px 0 rgba(255, 255, 255, .78);
}
/* Нажатие: клавиша уходит вниз на высоту подошвы — она «садится» на корпус. */
.rkbd[data-skin="skeuo"] .kb__key[data-press] {
    transform: translateY(3px);
    background: linear-gradient(180deg, var(--s-special-top) 0%, var(--s-special-bottom) 100%);
    box-shadow:
        0 1px 0 var(--s-key-base),
        0 3px 6px rgba(57, 49, 42, .12),
        inset 0 2px 4px rgba(70, 61, 52, .08);
}
/* ─────────── Тач-грань: то же оформление, но БЕЗ РАЗМЫТИЯ ───────────
   Замер на живом телефоне (Samsung A12, Chrome, панель ?perf=1) при одном и том же коде:
   светлый скин 64 мс на нажатие, тёмный 208, этот 360. Разница только в тенях: у светлого они
   плоские, здесь — четыре слоя, из которых один размыт на 11px. Телефон пересчитывает размытие
   при КАЖДОЙ перерисовке клавиши, и это оказалось дороже всего остального вместе взятого.
   Поэтому на телефоне остаётся «подошва» (сдвиг без размытия — она и держит объём) и внутренние
   блики, а мягкая падающая тень снимается. Корпус клавиатуры свою тень сохраняет: он не
   перерисовывается при печати. На десктопе всё как было. */
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] {
    --kb-key-shadow:
        0 4px 0 var(--s-key-base),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        inset 0 -1px 0 rgba(92, 80, 69, .07);
}
/* Нажатие — только сменой фона: клавиша не «садится», тень не пересчитывается. */
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-press] {
    transform: none;
    box-shadow:
        0 4px 0 var(--s-key-base),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        inset 0 -1px 0 rgba(92, 80, 69, .07);
}
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-type="action"],
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-type="layer"] {
    box-shadow:
        0 4px 0 var(--s-special-base),
        inset 0 1px 0 rgba(255, 255, 255, .78);
}
/* НАЖАТИЕ СЛУЖЕБНОЙ клавиши на тач-грани — видимым ПОТЕМНЕНИЕМ фона. Их «покоящийся» фон уже
   тон-в-тон с press-фоном обычных клавиш (special-top→bottom), поэтому общий press-фон не давал
   никакой отдачи — нажатие «пропадало» (владелец, 2026-07-24). Даём свой, темнее. */
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-type="action"][data-press],
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-type="layer"][data-press] {
    background: linear-gradient(180deg, var(--s-special-bottom) 0%, var(--s-special-base) 100%);
    box-shadow:
        0 4px 0 var(--s-special-base),
        inset 0 1px 0 rgba(255, 255, 255, .78);
}

.rkbd[data-skin="skeuo"] .kb__key[data-type="action"][data-press],
.rkbd[data-skin="skeuo"] .kb__key[data-type="layer"][data-press] {
    box-shadow:
        0 1px 0 var(--s-special-base),
        0 3px 6px rgba(57, 49, 42, .12),
        inset 0 2px 4px rgba(70, 61, 52, .08);
}
/* Залипший регистр — та же вдавленная клавиша, что и при нажатии, только держится. */
.rkbd[data-skin="skeuo"] .kb__key[data-active] {
    transform: translateY(3px);
    background: linear-gradient(180deg, var(--s-special-top) 0%, var(--s-special-bottom) 100%);
    box-shadow:
        0 1px 0 var(--s-special-base),
        0 3px 6px rgba(57, 49, 42, .12),
        inset 0 2px 4px rgba(70, 61, 52, .08);
}
/* ─── Регистр НА ТАЧ-ГРАНИ: без точки, эскалацией цвета клавиши (владелец, мобайл, 2026-07-24) ───
   На телефоне два состояния Shift различаем не точкой в углу (её убрали — «без точки»), а самой
   клавишей, как на iOS:
     • одно нажатие (заглавная следующей буквы, data-active="on") — стрелка терракотовая на обычной
       вдавленной клавише;
     • двойное = Caps Lock (data-active="lock") — клавиша залита тёмно-коричневым, стрелка светлая.
   «Одна заглавная» и «залипло насовсем» видно с одного взгляда и без легенды. Правила только для
   `.kb[data-face="mobile"]` — десктоп остаётся с точкой (там она углу не мешает). */

/* СТРЕЛКА — свой SVG-контур через mask (полая, широкая, тонкая линия, голова+ножка поровну), а НЕ
   глиф ⇧ шрифта корпуса (узкий/толстый, сливался) и не иконка bi-shift (крошечная ножка, «ёлка»).
   Владелец: «пошире, побольше, не такой жирной, без шадоу, нормальная ножка». Прячем текстовый ⇧
   (font-size:0), рисуем маску в ::before; цвет даёт background-color (currentColor), поэтому в
   состояниях меняем только `color`. Только тач-грань, только Shift. */
/* Стрелке НЕ нужен оптический подъём подписи (--kb-ink-shift лифтит буквы вверх ради центровки
   строчных): из-за него иконка вставала выше центра. Гасим подъём у Shift и центрируем жёстко. */
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-a="shift"] .kb__cap { transform: none; }
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-a="shift"] .kb__glyph {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* ШИРИНА ЗАДАЁТСЯ ЯВНО — ИНАЧЕ ПРОЦЕНТ НИЖЕ СЧИТАТЬ НЕ ОТ ЧЕГО.
       Колпак и значок ужимаются по содержимому, а единственное содержимое здесь — сама иконка в
       `::before` с шириной `min(22px, 100%)`. Получалась круговая зависимость: ширина иконки от
       ширины значка, ширина значка от иконки. Chromium разрешает процент от неопределённой ширины
       в ноль — и вся цепочка схлопывалась в 0×0: клавиша Shift на телефоне оставалась ПУСТОЙ
       (замер 2026-08-16 на 14 раскладках и двух вьюпортах, `kbtest/shiftregress.js`).
       Растягиваем колпак и значок по клавише: у неё ширина определённая, и процент снова считается. */
    width: 100%;
}
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-a="shift"] .kb__cap { width: 100%; }
/* Размер иконки — 22px, НО НЕ ШИРЕ САМОЙ КЛАВИШИ. Ширина клавиши Shift зависит от раскладки: у
   панджабской фонетики на 320px она уже 22px, и жёстко заданная маска вылезала за клавишу на
   2.25px (приёмка full/small 2026-08-10 по всем 205 раскладкам — единственный такой случай).
   `aspect-ratio` держит стрелку квадратной при сжатии, `contain` в маске не даёт её исказить. */
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-a="shift"] .kb__glyph::before {
    content: "";
    display: block;
    width: min(22px, 100%);
    aspect-ratio: 1;
    height: auto;
    background-color: currentColor;
    -webkit-mask: var(--s-shift-icon) center / contain no-repeat;
    mask: var(--s-shift-icon) center / contain no-repeat;
}

/* Одно нажатие: клавиша чуть краснеет (peach-подсветка), стрелка терракотовая, точки нет.
   transform:none — как всё нажатие на тач-грани: без него база `[data-active]` опускала клавишу на
   3px, и её нижняя «подошва» почти сливалась с клавишей ниже (владелец, 2026-07-24). */
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-active="on"]::before { content: none; }
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-active="on"] {
    transform: none;
    border-color: var(--s-shift-edge);
    background: linear-gradient(180deg, var(--s-shift-top) 0%, var(--s-shift-bottom) 100%);
}
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-active="on"] .kb__glyph { color: var(--s-shift-arrow); }

/* Caps Lock: карамельно-коричневая заливка + светлая стрелка. Клавиша не «утоплена»
   (transform:none, как всё нажатие на тач-грани), объём держат «подошва» снизу и внутренний блик. */
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-active="lock"] {
    transform: none;
    border-color: var(--s-caps-edge);
    background: linear-gradient(180deg, var(--s-caps-top) 0%, var(--s-caps-bottom) 100%);
    box-shadow:
        0 4px 0 var(--s-caps-base),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}
.rkbd[data-skin="skeuo"] .kb[data-face="mobile"] .kb__key[data-active="lock"] .kb__glyph { color: var(--s-caps-arrow); }

/* Глобус — цветной эмодзи (движок, GLYPH), перекрасить его нечем: синий шар в тёплой гамме кричит.
   Обесцвечиваем фильтром и уводим в тон корпуса. */
.rkbd[data-skin="skeuo"] .kb__key[data-a="globe"] .kb__glyph {
    filter: grayscale(1) sepia(.45) brightness(.78);
}

/* Вырезанная полоска на пробеле — как на настоящей клавиатуре (из макета). */
.rkbd[data-skin="skeuo"] .kb__key[data-a="space"]::after {
    content: "";
    position: absolute;
    left: 26%;
    right: 26%;
    bottom: 9px;
    height: 2px;
    border-radius: 999px;
    background: #d4ccc2;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

/* Половинки раздвоенной клавиши (↑/↓) вдвое ниже обычных — «подошва» в 4px на них была бы почти
   в треть клавиши. Уменьшаем объём пропорционально росту. Селекторы нарочно с [data-type] и стоят
   НИЖЕ общих правил служебных клавиш: специфичность у них одинаковая, и решает порядок. */
.rkbd[data-skin="skeuo"] .kb__key--half[data-type="action"] {
    box-shadow:
        0 2px 0 var(--s-special-base),
        0 4px 7px rgba(57, 49, 42, .13),
        inset 0 1px 0 rgba(255, 255, 255, .78);
}
.rkbd[data-skin="skeuo"] .kb__key--half[data-type="action"][data-press] {
    transform: translateY(2px);
    box-shadow:
        0 1px 0 var(--s-special-base),
        0 2px 4px rgba(57, 49, 42, .12),
        inset 0 2px 4px rgba(70, 61, 52, .08);
}

/* ─────────── Легенда и подпись ─────────── */
.rkbd[data-skin="skeuo"] .rkbd__leg-ic {
    background: linear-gradient(180deg, #8d7b66, #6f5f4d);
    box-shadow: 0 2px 5px rgba(50, 44, 38, .18);
}
.rkbd[data-skin="skeuo"] .rkbd__note { color: var(--s-muted); }

/* ISO-Enter — ОДНА Г-образная клавиша. У скина клавиша имеет светлую кромку сверху (`inset 0 1px 0`)
   и подошву снизу (`0 4px 0`); на стыке двух частей они рисовали поперёк клавиши белую черту с
   тенью, и верхняя часть читалась отдельной пустой клавишей (владелец, 2026-07-30, арабская).
   У нижней части гасим верхнюю кромку, у верхней — подошву: контур остаётся только по внешнему
   краю Г-образной клавиши. Правило живёт в СКИНЕ, потому что тени — его дело (keyboard.css задаёт
   лишь структуру и мостик через межрядный зазор). */
.rkbd[data-skin="skeuo"] .kb__key[data-part="top"] {
    box-shadow:
        0 7px 11px rgba(57, 49, 42, .15),
        inset 0 1px 0 rgba(255, 255, 255, .78);
}
.rkbd[data-skin="skeuo"] .kb__key[data-part="bottom"] {
    box-shadow:
        0 4px 0 var(--s-special-base),
        0 7px 11px rgba(57, 49, 42, .15);
}
/* Мостик через зазор заливаем СПЛОШНЫМ цветом низа градиента: `background: inherit` тянул градиент
   заново, и в стыке появлялась светлая полоса — клавиша всё равно выглядела разрезанной. */
.rkbd[data-skin="skeuo"] .kb__key[data-part="top"]::after {
    background: var(--s-special-bottom);
}
/* Градиент Г-образного Enter — ОДИН на обе части. Каждая часть рисовала его заново, и на стыке
   встречались тёмный низ верхней и светлый верх нижней: поперёк клавиши шла полоса, из-за которой
   она читалась как две (владелец, 2026-07-30, дважды). Растягиваем фон на две клавиши плюс зазор
   и показываем каждой части СВОЮ половину. */
.rkbd[data-skin="skeuo"] .kb__key[data-part="top"],
.rkbd[data-skin="skeuo"] .kb__key[data-part="bottom"] {
    background-image: linear-gradient(180deg, var(--s-special-top) 0%, var(--s-special-bottom) 100%);
    background-size: 100% calc(200% + var(--kb-gap, 7px));
    background-repeat: no-repeat;
}
.rkbd[data-skin="skeuo"] .kb__key[data-part="top"]    { background-position: top; }
.rkbd[data-skin="skeuo"] .kb__key[data-part="bottom"] { background-position: bottom; }
/* Мостик через зазор — середина того же градиента. */
.rkbd[data-skin="skeuo"] .kb__key[data-part="top"]::after {
    background-image: linear-gradient(180deg, var(--s-special-top) 0%, var(--s-special-bottom) 100%);
    background-size: 100% calc(200% + var(--kb-gap, 7px));
    background-position: center;
    background-repeat: no-repeat;
}
/* Контур на стыке частей — тоже скина: его правило для служебных клавиш перебивало сброс в
   keyboard.css, и поперёк Г-образного Enter оставалась линия. */
.rkbd[data-skin="skeuo"] .kb__key[data-part="top"]    { border-bottom-color: transparent; }
.rkbd[data-skin="skeuo"] .kb__key[data-part="bottom"] { border-top-color: transparent; }