/* Общее для шапки всех страниц площадки.

   Остальные стили живут в самих страницах, и это правило проекта.
   Здесь исключение по той же причине, по какой есть nav.js: шапка
   теперь одна на девять страниц (её раскладывает tools/sync_nav.py),
   и то, что в ней появилось нового, правится в одном месте.

   Селекторы подобраны так, чтобы не зависеть от порядка подключения:
   страница может поставить этот файл до своих стилей или после. */

/* ── Подсказки (tips.js) ─────────────────────────────────────────── */
/* Пояснение, помеченное data-tip, прячется кнопкой «?». Класс на <html>
   ставит tips.js до первой отрисовки, поэтому мелькания нет. */
.tips-off [data-tip]{display:none !important}

/* Вид кнопки — родственный переключателю языка рядом: две служебные
   кнопки в шапке должны выглядеть одной семьёй. Залита — подсказки
   показаны; так её читают как выключатель, а не как вопрос. */
.nav .tips{font-family:var(--f-display);font-size:13px;font-weight:800;
  width:32px;height:32px;padding:0;margin-left:auto;flex:none;line-height:1;
  border:1px solid var(--line);border-radius:50%;background:transparent;
  color:var(--ink);cursor:pointer}
.nav .tips:hover{border-color:var(--ink)}
.nav .tips[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
/* Вправо шапку прижимал язык. Теперь прижимает «?», язык встаёт рядом. */
.nav .tips + .lang{margin-left:8px}

/* ── Вызвать на партию (challenge.js) ────────────────────────────── */
/* Окно поверх страницы. Не браузерный confirm: в нём не выбрать ни
   доску, ни время, а договариваются именно о них. */
.call-back{position:fixed;inset:0;z-index:200;background:rgba(14,17,20,.45);
  display:flex;align-items:center;justify-content:center;padding:16px}
.call-back[hidden]{display:none}
.call-box{background:var(--paper);border:1px solid var(--line);
  width:min(440px,100%);padding:24px 26px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.call-box h2{font-family:var(--f-display);font-weight:300;font-size:26px;
  line-height:1.15;margin:0 0 4px}
.call-who{font-family:var(--f-display);font-weight:700;font-size:18px;margin:0 0 16px}
.call-row{display:flex;gap:10px}
.call-f{flex:1;display:flex;flex-direction:column;gap:5px;margin-bottom:12px;min-width:0}
.call-f span{font-family:var(--f-display);font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.call-f select{font-family:var(--f-body);font-size:17px;height:46px;padding:0 10px;
  border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}
.call-check{display:flex;gap:10px;align-items:center;font-size:17px;margin:2px 0 12px}
.call-note{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 12px}
.call-msg{margin:0 0 12px;font-size:16px;min-height:1px}
.call-msg--bad{color:var(--bad,#96382E)}
.call-acts{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:480px){ .call-row{flex-direction:column;gap:0} }

/* ── Где я ───────────────────────────────────────────────────────── */
/* Пункт текущего раздела — тёмный и подчёркнут цветом доски. Без этого
   все пункты одинаково серые, и по шапке не понять, где находишься. */
.nav-links a[aria-current="page"]{color:var(--ink);
  box-shadow:inset 0 -2px 0 var(--wood)}