/* =============================================================================
   solitr.club — облик поверх site.css (THEME_CSS в config.php).
   Аскетично, как на старом сайте: тонкая чёрная полоса с меню сверху,
   под ней строка кнопок прямо на сукне, стол во всю ширину, ровное
   зелёное сукно и пиксельная колода Windows.

     1. токены: тонкая полоса, чёрная обвязка, шрифт без засечек
     2. верхняя полоса: ссылки на игры, языки, без логотипа
     3. строка кнопок над столом (вместо нижней панели)
     4. сукно и карты
     5. страница под столом, каталог, подвал
     6. колонка справа (LAYOUT 'side' — сейчас выключена)
     7. телефон
   ========================================================================== */

/* ------------------------------------------------------------- 1. токены */
:root{
  --bar:34px;
  --ff-dis:Manrope,-apple-system,"Segoe UI",sans-serif;
  --chrome:#000;--chrome-2:#121212;--chrome-line:#262626;
  --felt:#2c733b;                 /* сукно старого сайта */
  --anchor:0px;                   /* высота якорной рекламы Google снизу (site.js) */
}
html[data-mode="light"]{--chrome:#000;--chrome-2:#121212;--chrome-line:#262626}

/* ------------------------------------------------------ 2. верхняя полоса */
/* Чёрную полосу рисует body::before (слой 57), а сама шапка прозрачна и
   лежит выше строки кнопок (62 > 61): так выпадающий список языков и меню
   под ☰ не уходят под кнопки, а элементы строки кнопок, стоящие в полосе
   (варианты игры, часы, значки), видны сквозь шапку. Шапка не ловит нажатия
   (pointer-events:none), ловят только её дети — меню, язык, ☰, тема. */
body::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--bar);z-index:57;
  background:#000;border-bottom:1px solid #1c1c1c;pointer-events:none}
.bar{gap:0;padding:0 6px;border-bottom:0;background:transparent;z-index:62;pointer-events:none}
.bar > *{pointer-events:auto}
/* логотипа в полосе нет — первая ссылка меню ведёт на главную; на телефоне
   (меню свёрнуто в ☰) надпись остаётся, чтобы полоса не была пустой */
.logo{display:none}
.logo svg{display:none}
.logo b{font:800 15px/1 var(--ff-ui);letter-spacing:.01em}
.logo b i{color:#9dd39d}
.fs-menu{gap:0;align-items:center}
.fs-menu a{padding:0 8px;line-height:var(--bar);border-radius:0;font-size:13.5px;font-weight:600;color:#e6e6e6}
.fs-menu a:hover{background:#1f1f1f;color:#fff}
.fs-menu a.on{color:#fff;background:#262626}
.fs-menu a.on::after{display:none}
.fs-menu .fs-link:first-child a{font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding-left:9px}
/* «All games», «Appearance» в полосе не нужны — они в строке кнопок; тема
   остаётся маленьким значком справа */
.bar-r{gap:0}
.bar-r .btn-out,.bar-r .ico[data-open="mLook"]{display:none}
.bar-r #modeBtn{width:30px;height:26px;border-radius:5px;background:transparent;color:#bdbdbd}
.bar-r #modeBtn:hover{background:#1f1f1f;color:#fff}
.bar-r #modeBtn svg{width:15px;height:15px}

/* другие языки: выпадающий список справа от меню */
.fs-langs{position:relative;margin-left:auto;flex:0 0 auto}
.fs-langs-btn{display:inline-flex;align-items:center;gap:6px;height:var(--bar);padding:0 9px;
  font:600 13px/1 var(--ff-ui);color:#d4d4d4;background:transparent;border:0;cursor:pointer;white-space:nowrap}
.fs-langs-btn:hover{background:#1f1f1f;color:#fff}
.fs-langs-btn svg{width:15px;height:15px}
.fs-langs-btn i{font-style:normal;font-size:10px;opacity:.7}
.fs-langs-list{display:none;position:absolute;right:0;top:100%;z-index:80;min-width:210px;margin:0;padding:6px 0;
  list-style:none;background:#121212;border:1px solid #2a2a2a;border-top:0;border-radius:0 0 8px 8px;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
.fs-langs-list a{display:block;padding:8px 14px;font-size:13.5px;font-weight:600;color:#d4d4d4;white-space:nowrap}
.fs-langs-list a:hover{background:#222;color:#fff}
@media (hover:hover){.fs-langs:hover .fs-langs-list{display:block}}
.fs-langs.open .fs-langs-list{display:block}   /* касание кнопки (site.js langsMenu) */

/* --------------------------------------- 3. строка кнопок над столом
   Нижней панели нет: строка стоит под чёрной полосой, прямо на сукне
   (как «Restart · Undo · Hint» на старом сайте и как у образца), а внизу
   экрана место свободно — туда Google ставит якорную рекламу; пока она
   показана, site.js держит --anchor равным её высоте, и стол поджимается. */
body.page-game{--sub:48px;--bottom:var(--anchor)}
.dock{top:var(--bar);bottom:auto;height:var(--sub);padding:0 8px;gap:2px;
  background:rgba(0,0,0,.22);border-top:0;border-bottom:1px solid rgba(255,255,255,.07)}
/* пока движок не поднялся — ряд уже виден, но пустой; фон тот же */
.dock .btn-ghost,.dock .ico,.dock .favbtn{background:transparent;color:#e4ece4;height:36px;border-radius:7px}
.dock .btn-ghost:hover,.dock .ico:hover{background:rgba(255,255,255,.12);color:#fff}
.dock .ico{width:36px}
.dock-var{display:flex;align-items:center;gap:1px;margin-right:4px}
.dock-var a{padding:0 9px;height:36px;line-height:36px;border-radius:7px;color:#cfe0cf;
  font:800 13.5px/36px var(--ff-ui);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.dock-var a:hover{background:rgba(255,255,255,.12);color:#fff}
.dock-var a.on{color:#fff;background:rgba(255,255,255,.14)}
/* название игры — кнопка «все игры»: без значка-сетки, заглавными */
.dock-game{max-width:260px;padding:0 9px 0 8px;gap:5px;border:0}
.dock-game > svg:first-child{display:none}
.dock-gname{font:800 13.5px/1 var(--ff-ui);text-transform:uppercase;letter-spacing:.03em}
/* кнопки движка: без плашек; подписи у New Game и Restart, остальные — значки */
.dock-eng ._87_,.dock-eng ._8c_,.dock-eng ._88_{background:transparent !important;padding:0 9px !important;
  height:36px !important;border-radius:7px !important;color:#e4ece4 !important}
.dock-eng ._87_:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}
.dock-eng ._8a_{font:800 13.5px/1 var(--ff-ui) !important;text-transform:uppercase;letter-spacing:.03em}
.dock-eng ._87_:nth-child(-n+2) svg{display:none !important}
body.page-game .dock-eng ._87_:nth-child(-n+2) ._8a_{display:inline !important}
.dock-eng ._87_:nth-child(n+3) ._8a_{display:none !important}
.dock-eng ._87_:nth-child(n+3){padding:0 8px !important}
.dock-eng svg{width:18px !important;height:18px !important}
/* часы и счётчики: без коробки */
.hudwrap{background:none;border:0;min-height:0}
.hud-time{padding:0 8px;border:0}
.hud-time small{display:none}
.hud-time b{font:800 15px/1 var(--ff-ui);letter-spacing:.02em;color:#fff}
.hud ._zw_{color:#b8ccb8 !important;font-size:11px !important;text-transform:uppercase;letter-spacing:.06em}
.hud ._zx_{font-size:15px !important;font-weight:800 !important;color:#fff}
/* сукно движка — от чёрной полосы до низа (или до якорной рекламы); строка
   кнопок лежит на нём, а сами карты начинаются под строкой (._a7_ в site.css) */
body.has-engine ._9z_{top:var(--bar)}
/* сукно у флеша и рамки (на этом сайте их нет) — на всей странице */
body.page-game:not(.has-engine){background:var(--felt)}

/* --------------------------------------------------------- 4. сукно и карты */
/* Ровное сукно, как на старом сайте: движок красит корень стола плиткой из
   спрайта и градиентом сверху — снимаем и то и другое. Выбранная в
   «Appearance» фотофактура (класс fs-bg) главнее, там всё как в движке. */
body.has-engine:not(.fs-bg){background:var(--felt)}
body.has-engine:not(.fs-bg) ._9z_,body.has-engine:not(.fs-bg) ._59_{background:var(--felt) !important}
html:has(> body.page-game){background-color:var(--felt)}
/* Пиксельная колода («Old style») рисуется как в движке, с обычным
   сглаживанием браузера. Правило «без размытия» (image-rendering: pixelated
   по html[data-fs-deck="classic"] span._8s_) снято по решению владельца
   25.09 вечером — «экстра-чёткость» ретро-карт не нужна. */

/* ------------------------------------------ 5. страница, каталог, подвал */
/* один раздел — переключатель разделов на главной не нужен; метка «own
   engine» на превью — тоже (все игры свои); колонка «Categories» в подвале
   с единственной ссылкой — тоже */
.chips{display:none}
.badge.eng{display:none}
.pv-i .cap em{display:none}
footer nav.foot-col:first-of-type{display:none}
.prose h1{font-size:30px}
.prose{overflow-wrap:anywhere}   /* длинные адреса в политике не распирают телефон */
.prose h2{font-size:22px}
.prose h3{font-size:18px}
/* кнопка «Play again» и подобные — спокойный зелёный вместо золота */
:root{--accent:#3f9a57;--accent-ink:#fff;--accent-soft:rgba(63,154,87,.16)}
html[data-mode="light"]{--accent:#2e7d44;--accent-ink:#fff;--accent-soft:rgba(46,125,68,.12)}
/* подвал: без золотой подсветки */
footer .logo{display:flex}
footer .logo b i{color:#9dd39d}

/* ------------------------------------------------- 6. колонка справа
   LAYOUT 'side' + SIDE_MIN 1280 в config.php: колонка только на ПК от
   1280 px — реклама 300×250, личный счёт, другие игры. Правила самой
   колонки — в site.css (lay-side); здесь только ширина и высоты.
   На экранах с пальцем (планшеты, в т. ч. iPad Pro 12.9" лёжа — 1366 px)
   колонки нет и от 1280 px: стол во всю ширину, Пауку нужна ширина. */
@media (min-width:1280px) and (pointer:coarse){
  body.lay-side{--side:0px}
  body.lay-side .side-col{display:none !important}
}
@media (min-width:1280px){
  /* --side 344 = 320 px видимой колонки + 24 px прозрачного зазора слева:
     движок кладёт карты во всю ширину «окно минус колонка» с полями ~6 px,
     и на ПК владельца (25.09) крайняя карта Паука упиралась в колонку.
     Зазор — часть элемента колонки (её ширину движок и вычитает), но
     прозрачный: фон и линия колонки начинаются с 24-го пикселя. */
  body.lay-side{--side:344px;--sub:48px;--bottom:var(--anchor)}
  body.lay-side .dock{top:var(--bar);height:var(--sub);background:rgba(0,0,0,.22);
    border-bottom:1px solid rgba(255,255,255,.07)}
  body.lay-side.fs-scrolled .dock{background:#121212;border-bottom-color:#262626}
  /* Без полос прокрутки в колонке (владелец, 25.09 поздно вечером: на ПК
     «две лишние прокрутки»). В site.css колонка overflow-y:auto: на Windows
     вертикальная полоса (11–17 px) отнимала ширину, блок 300×250 переставал
     помещаться и появлялась ещё и горизонтальная. Теперь полоса не рисуется
     (колёсиком колонка по-прежнему листается), вбок ничего не выезжает, а
     отступы: слева 24 (зазор) + 1 (линия) + 9, справа 10: 344 − 34 − 10 =
     ровно 300 под рекламу. */
  body.lay-side .side-col{border-left:0;overflow-x:hidden;scrollbar-width:none;
    background:linear-gradient(90deg,transparent 24px,rgba(255,255,255,.06) 24px,rgba(255,255,255,.06) 25px,rgba(0,0,0,.14) 25px)}
  body.lay-side .side-col::-webkit-scrollbar{display:none;width:0;height:0}
  body.lay-side .side-in{padding:14px 10px 18px 34px;gap:12px}
  body.lay-side .side-ad{max-width:300px;margin:0 auto;overflow:hidden}
  body.lay-side .side-ad small{color:#a9bfa9}
}

/* -------------------------------------------- 6b. светлая тема полосы
   Кнопка «луна» переключает тему всего сайта: в светлой теме полоса меню
   светлая, а не чёрная (решение владельца 25.09). По умолчанию — тёмная
   (DEFAULT_LOOK mode 'dark'): чёрная полоса, как на старом сайте. */
html[data-mode="light"] body::before{background:#f2f2f2;border-bottom-color:#d9d9d9}
html[data-mode="light"] .fs-menu a{color:#222}
html[data-mode="light"] .fs-menu a:hover{background:#e2e2e2;color:#000}
html[data-mode="light"] .fs-menu a.on{background:#d9d9d9;color:#000}
html[data-mode="light"] .logo b{color:#111}
html[data-mode="light"] .logo b i{color:#2e7d44}
html[data-mode="light"] .burger span{background:#222}
html[data-mode="light"] .bar-r #modeBtn{color:#333}
html[data-mode="light"] .bar-r #modeBtn:hover{background:#e2e2e2;color:#000}
html[data-mode="light"] .fs-langs-btn{color:#333}
html[data-mode="light"] .fs-langs-btn:hover{background:#e2e2e2;color:#000}
html[data-mode="light"] .fs-langs-list{background:#fff;border-color:#d9d9d9;box-shadow:0 18px 40px -18px rgba(0,0,0,.35)}
html[data-mode="light"] .fs-langs-list a{color:#222}
html[data-mode="light"] .fs-langs-list a:hover{background:#eee;color:#000}
@media (min-width:1000px){
  html[data-mode="light"] .dock-var a{color:#444}
  html[data-mode="light"] .dock-var a:hover{background:#e2e2e2;color:#000}
  html[data-mode="light"] .dock-var a.on{background:#111;color:#fff}
  html[data-mode="light"] .dock-gname{color:#111}
  html[data-mode="light"] .dock-game{color:#111}
  html[data-mode="light"] .hud-time b,html[data-mode="light"] .hud ._zx_{color:#111 !important}
  html[data-mode="light"] .hud ._zw_{color:#666 !important}
  html[data-mode="light"] .hud ._fq_._dk_._fr_{color:#333 !important}
  html[data-mode="light"] .dock .ico{color:#333}
  html[data-mode="light"] .dock .ico:hover{background:#e2e2e2;color:#000}
  html[data-mode="light"] body.lay-side.fs-scrolled .dock{background:#f2f2f2;border-bottom-color:#d9d9d9}
  /* на светлой плашке (страница прокручена к тексту) кнопки тёмные */
  html[data-mode="light"] body.fs-scrolled .dock-eng ._87_,html[data-mode="light"] body.fs-scrolled #pauseBtn,
  html[data-mode="light"] body.fs-scrolled #fs-mine-dock .favbtn,html[data-mode="light"] body.fs-scrolled #fsBtn{
    background:rgba(0,0,0,.07) !important;color:#222 !important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
  html[data-mode="light"] body.fs-scrolled .dock-eng ._87_::before{filter:invert(1)}
  html[data-mode="light"] body.fs-scrolled #fs-mine-dock .favbtn.on{color:#b8860b !important}
}
@media (max-width:1000px){
  html[data-mode="light"] .nav{background:#fff;border-top-color:#d9d9d9}
  html[data-mode="light"] .fs-menu a{border-bottom-color:#e5e5e5}
  html[data-mode="light"] .fs-langs{border-top-color:#e5e5e5}
  html[data-mode="light"] .fs-langs-list a{color:#333}
}

/* ---------------------------------------------------------- 7. телефон */
@media (max-width:1000px){
  /* меню под ☰: ссылки на игры и под ними другие языки */
  .nav.is-open{pointer-events:auto}
  .logo{display:flex}
  .fs-menu a{padding:12px 16px;font-size:16px;line-height:1.2}
  .fs-menu .fs-link:first-child a{padding-left:16px}
  .fs-langs{margin:0;padding:4px 0 8px;border-top:1px solid var(--chrome-line)}
  .fs-langs-btn{display:none}
  .fs-langs-list{display:block;position:static;min-width:0;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}
  .fs-langs-list a{padding:11px 16px;font-size:15px;color:#bdbdbd}
}
/* планшет лёжа: все одиннадцать ссылок должны поместиться в полосу */
@media (min-width:1001px) and (max-width:1200px){
  .fs-menu a{padding:0 6px;font-size:12.5px}
  .fs-langs-btn{padding:0 6px;font-size:12px}
  .fs-langs-btn span{display:none}
}
@media (max-width:900px){
  :root{--bar:34px}
  .dock-game .dock-gname{max-width:150px}
}
/* два ряда кнопок — на телефоне и на планшете стоймя (та же граница, что в
   site.css); ряд стоит сверху, поэтому высота задана точно */
@media (max-width:700px), (max-width:900px) and (min-height:700px){
  body.page-game{--sub:92px;--bottom:var(--anchor)}
  .dock{height:var(--sub);min-height:0;padding:5px 6px;gap:3px;row-gap:5px;align-content:center;justify-content:flex-start}
  /* первый ряд: варианты игры и кнопки движка; второй: название игры,
     часы, пауза, облик, звезда, правила, полный экран */
  .dock-var{order:0;flex:0 0 auto;margin:0;display:flex}
  .dock-eng{order:1;flex:0 0 auto;justify-content:flex-start;gap:2px}
  .dock-break{order:5}
  .dock > .dock-game{order:6;flex:1 1 0;padding:0 8px;justify-content:flex-start}
  .hudwrap{order:7;flex:0 0 auto}
  #pauseBtn{order:8}
  .dock > .ico[data-open="mLook"]{order:9}
  #fs-mine-dock{order:10}
  .dock-sub[data-open="mRules"]{order:11}
  #fsBtn{order:12}
  .dock .ico,.dock .favbtn{width:34px;height:34px}
  .dock-var a{padding:0 7px;height:34px;line-height:34px;font-size:12.5px}
  .dock-eng ._87_{height:34px !important}
}
@media (max-width:560px){
  .dock-eng ._87_:nth-child(-n+2) ._8a_{display:inline !important}
  .dock-eng ._87_{padding:0 7px !important}
  .dock-eng ._8a_{font-size:12.5px !important}
  .hud-time{padding:0 6px}
  .hud-time b{font-size:14px}
  .dock-gname{font-size:12.5px}
}
@media (max-width:400px){
  .dock-var a{padding:0 5px;font-size:11.5px}
  .dock-eng ._87_:nth-child(-n+2) ._8a_{display:none !important}
  .dock-eng ._87_:nth-child(-n+2) svg{display:inline-block !important}
}

/* =============================================================================
   8. ОКОНЧАТЕЛЬНАЯ РАСКЛАДКА (выбор владельца 25.09, «вариант 5»)
   Чёрная полоса 40 px: слева переключатель вариантов игры (2 SUITS · 1 SUIT ·
   4 SUITS; 1 CARD · 3 CARDS; у игр без вариантов — название), затем Klondike ·
   Spider · Freecell · More ▾, справа язык, часы, ходы, звук, правила, вид,
   тема. Под полосой на сукне — круглые значки движка New Game / Restart /
   Undo / Hint без подписей (как в оригинале razlozhi), справа пауза, звезда,
   полный экран. Всё это — от 1000 px; уже — ☰ и два ряда кнопок (раздел 7).
   Элементы строки кнопок переезжают в полосу через position:fixed, поэтому
   разметка движка не менялась.
   ========================================================================== */
:root{
  --ic-new:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='4' width='11' height='15' rx='1.8' transform='rotate(12 12.5 11.5)'/%3E%3Crect x='4' y='6' width='11' height='15' rx='1.8' transform='rotate(-8 9.5 13.5)'/%3E%3C/svg%3E");
  --ic-restart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.2-5.3'/%3E%3Cpath d='M4.5 4.5v5h5'/%3E%3C/svg%3E");
  --ic-undo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5 5 0 0 1 0 10H10'/%3E%3C/svg%3E");
  --ic-hint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 18h5M10.5 21h3'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.4 10.9c.6.4.9 1 .9 1.7v.4h5v-.4c0-.7.3-1.3.9-1.7A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
}
@media (min-width:1000px){
  :root{--bar:40px}
  body.page-game{--sub:46px}
  .dock{background:transparent;border:0;padding:0 10px;gap:6px;z-index:61;overflow:visible}
  body.lay-side .dock{background:transparent;border:0}
  body.lay-side.fs-scrolled .dock{background:#121212}
  /* меню: место слева под варианты игры, справа — под часы и значки */
  /* язык — у самого правого края (ссылки для Google), левее — тема, вид,
     правила, часы; --lang-w — ширина кнопки языка (с подписью / только значок) */
  :root{--lang-w:104px;--edge:calc(var(--lang-w) + 12px)}
  .nav{margin-left:var(--var-w,236px);margin-right:var(--ctl,450px)}
  /* на страницах без стола (раздел, политика, 404) слева — надпись Solitr.club */
  body:not(.page-game) .logo{display:flex;position:fixed;left:10px;top:0;height:var(--bar);align-items:center;z-index:62;pointer-events:auto}
  body:not(.page-game) .nav{margin-left:150px}
  .fs-menu a{padding:0 10px;font-size:13.5px;line-height:var(--bar)}
  .fs-menu .fs-link:first-child a{text-transform:none;letter-spacing:0;font-weight:600;padding-left:10px}
  .fs-has-sub > a::after{content:"\25BE";font-size:9px;margin-left:4px;opacity:.7}
  /* стрелка и у текущего пункта со списком (Spider на страницах Паука):
     site.css рисует через ::after подчёркивание текущего пункта, а тема его
     прячет — здесь ::after снова обычная стрелка в строке */
  .fs-menu .fs-has-sub > a.on::after{content:"\25BE";display:inline;position:static;left:auto;right:auto;bottom:auto;height:auto;background:transparent;border-radius:0}
  .fs-langs{position:fixed;top:0;right:6px;margin:0;z-index:63}
  .fs-langs-btn{height:var(--bar)}
  .drop{background:#121212;border-color:#2a2a2a}
  .drop-in a{color:#d4d4d4}
  .drop-in a.here{color:#fff;background:#262626}
  .bar-r{position:absolute;right:var(--edge);top:0;height:var(--bar);align-items:center;z-index:62}
  /* --- то, что переезжает в полосу: абсолютно, на 40 px выше строки кнопок --- */
  .dock-var{position:fixed;left:8px;top:0;height:var(--bar);margin:0;gap:1px}
  .dock-var a{height:30px;line-height:30px;margin:0;padding:0 9px;border-radius:6px;font:800 13px/30px var(--ff-ui);
    text-transform:uppercase;letter-spacing:.03em;color:#cfcfcf;background:transparent}
  .dock-var a:hover{background:#262626;color:#fff}
  .dock-var a.on{background:#fff;color:#111}
  /* название игры — в полосе слева, только когда вариантов нет (иначе там варианты) */
  .dock-game{position:fixed;left:8px;top:0;height:var(--bar);margin:0;padding:0 6px;max-width:224px}
  .dock:has(.dock-var) .dock-game{display:none}
  .dock-game:hover{background:transparent}
  .dock-gname{font:800 13.5px/1 var(--ff-ui);color:#fff}
  .hudwrap{position:fixed;right:calc(var(--edge) + 118px);top:0;height:var(--bar);align-items:center;margin:0}
  .hud-time{padding:0 6px}
  .hud-time b{font:800 14.5px/1 var(--ff-ui)}
  .hud ._zw_{font-size:10px !important}
  .hud ._zx_{font-size:14px !important}
  .dock-sub[data-open="mRules"]{position:fixed;right:calc(var(--edge) + 76px);top:4px}
  .dock > .ico[data-open="mLook"]{position:fixed;right:calc(var(--edge) + 38px);top:4px}
  .dock .ico{width:32px;height:32px;color:#d0d0d0;background:transparent}
  .dock .ico:hover{background:#262626;color:#fff}
  /* значки в полосе — одного размера: 18 px в кнопке 32 px (звук движка,
     правила, вид, тема) */
  .hud svg,.hud ._fq_._dk_._fr_ svg{width:19px !important;height:19px !important}
  .hud ._fq_._dk_._fr_{padding:0 6px !important}
  .dock > .ico[data-open="mLook"] svg{width:18px !important;height:18px !important}
  .dock-sub[data-open="mRules"] svg{width:22px !important;height:22px !important}   /* знак вопроса в своём svg мелкий — чуть крупнее */
  .bar-r #modeBtn{width:32px;height:32px;color:#d0d0d0}
  .bar-r #modeBtn svg{width:18px;height:18px}
  .fs-langs-btn svg{width:18px;height:18px}
  /* --- строка под полосой: свои круглые кнопки New Game / Restart / Undo / Hint
     (не копия движка; стиль «матовое стекло» — выбор владельца 25.09): светлый
     полупрозрачный круг с размытием и свой контурный значок; значок движка
     спрятан, свой рисуется через ::before --- */
  .dock .sp{display:block;flex:1 1 auto}
  .dock-eng{gap:6px;margin-left:0}
  .dock-eng ._87_,.dock-eng ._8c_,.dock-eng ._88_,
  body.page-game .dock-eng ._87_,body.page-game.lay-side .dock-eng ._87_:not(:first-child),
  body.page-game .dock-eng ._87_:nth-child(n+3){background:rgba(255,255,255,.16) !important;color:#fff !important;
    width:38px;min-width:38px;height:38px !important;padding:0 !important;border-radius:50% !important;
    border:0 !important;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
    display:inline-flex !important;align-items:center;justify-content:center;
    transition:background-color .15s,box-shadow .15s}
  .dock-eng ._87_:hover{background:rgba(255,255,255,.28) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
  .dock-eng ._87_:not(._88_){opacity:.45}   /* недоступная кнопка (Undo без ходов) */
  .dock-eng ._87_ svg,body.page-game .dock-eng ._87_:nth-child(-n+2) svg{display:none !important}
  body.page-game .dock-eng ._87_ ._8a_,body.page-game .dock-eng ._87_:nth-child(-n+2) ._8a_{display:none !important}
  .dock-eng ._87_::before{content:"";display:block;width:21px;height:21px;background:center/contain no-repeat}
  .dock-eng ._87_:nth-child(1)::before{background-image:var(--ic-new)}
  .dock-eng ._87_:nth-child(2)::before{background-image:var(--ic-restart)}
  .dock-eng ._87_:nth-child(3)::before{background-image:var(--ic-undo)}
  .dock-eng ._87_:nth-child(4)::before{background-image:var(--ic-hint)}
  .dock-eng ._7m_,.dock-eng ._7m_ ~ ._87_,body.page-game .dock-eng ._7m_ ~ ._87_,body.page-game.lay-side .dock-eng ._7m_ ~ ._87_{display:none !important}
  /* справа в строке под полосой — пауза, звезда, полный экран: такие же круги */
  #pauseBtn,#fs-mine-dock .favbtn,#fsBtn{color:#fff;background:rgba(255,255,255,.16);width:38px;height:38px;border-radius:50%;
    border:0;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
  #pauseBtn:hover,#fsBtn:hover,#fs-mine-dock .favbtn:hover{background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
  #pauseBtn svg,#fsBtn svg{width:18px;height:18px}
  #fs-mine-dock .favbtn{font-size:19px;line-height:1}
  #fs-mine-dock .favbtn.on{color:#ffd54a}
}
@media (min-width:1000px) and (max-width:1279px){
  .hud ._zv_{display:none !important}   /* на планшете только часы */
  /* --ctl — правый отступ меню: до часов (right: --edge + 118) остаётся
     ровно место под кнопку языка (--lang-w), которую fitMenu в site.js и так
     вычитает из ширины .nav — иначе она вычиталась дважды и на 1024 px
     последний пункт (More) прятался */
  :root{--ctl:266px;--lang-w:44px}
  .fs-langs-btn span{display:none}
  /* шесть пунктов (Free Solitaire · Spider ▾ · Freecell · Scorpion · Algerian ·
     More ▾) на планшете лёжа — чуть плотнее */
  .fs-menu a{padding:0 8px;font-size:13px}
  .fs-menu .fs-link:first-child a{padding-left:8px}
}
@media (max-width:999px){
  .dock-eng ._87_,body.page-game .dock-eng ._87_,body.page-game .dock-eng ._87_:nth-child(n+3){background:rgba(255,255,255,.16) !important;color:#fff !important;
    border-radius:50% !important;padding:0 !important;width:36px;min-width:36px;height:36px !important;
    border:0 !important;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);display:inline-flex !important;align-items:center;justify-content:center}
  .dock-eng ._87_:not(._88_){opacity:.45}
  .dock-eng ._87_ svg,body.page-game .dock-eng ._87_:nth-child(-n+2) svg{display:none !important}
  body.page-game .dock-eng ._87_ ._8a_,body.page-game .dock-eng ._87_:nth-child(-n+2) ._8a_{display:none !important}
  .dock-eng ._87_::before{content:"";display:block;width:20px;height:20px;background:center/contain no-repeat}
  .dock-eng ._87_:nth-child(1)::before{background-image:var(--ic-new)}
  .dock-eng ._87_:nth-child(2)::before{background-image:var(--ic-restart)}
  .dock-eng ._87_:nth-child(3)::before{background-image:var(--ic-undo)}
  .dock-eng ._87_:nth-child(4)::before{background-image:var(--ic-hint)}
  .dock-eng ._7m_,.dock-eng ._7m_ ~ ._87_,body.page-game .dock-eng ._7m_ ~ ._87_,body.page-game.lay-side .dock-eng ._7m_ ~ ._87_{display:none !important}
  .dock-var a.on{background:#fff;color:#111}
}

/* =============================================================================
   9. БЕЗ «ИЗБРАННОГО» (решение владельца 25.09 вечером)
   Звезда в строке под полосой и на карточках игр добавляла игру в полку
   «Your favourites» на главной (память браузера гостя). На solitr.club все
   одиннадцать игр и так стоят на главной одной сеткой — полка лишняя.
   Прячем звезду в строке (#fs-mine-dock, её рисует site.js), звёзды на
   карточках (.card .fav) и саму полку. Полка «Recently played» остаётся.
   Вернуть — удалить этот раздел и поднять ASSET_VER в config.php.
   ========================================================================== */
#fs-mine-dock,.card .fav,#fs-shelf-fav{display:none !important}