/* KNOPKA-PODPISKA-1108 (08.11.2026, подчат «GG › Сайт csgg.pro»; владелец выбрал вариант 1 «сдержанный» концепта КНОПКА-ПОДПИСКИ-КОНЦЕПТ-2026-11-08
   и добавил: «надо 3 плашки (турниры играть подписка) выровнять по размеру и сделать пропорциональными»).
   Компьютер (от 861 px): «Турниры ▾», «Играть ▾», «Подписка» — три плашки одного размера: высота как у «Играть» (--ob-h шапки), одна ширина
   (по самой длинной подписи, включая уровень подписчика «На движениях» со щитом), скругление 8, один кегль (--ob-fs шапки), ровные промежутки 10 px.
   «Турниры» — графитовая плашка (стрелка раскрытия остаётся, открыт / текущий раздел — красная черта снизу, как было); «Играть» — красная заливка
   как была, меняется только размер и скос → скругление; «Подписка» — графитовая плашка с тонкой рамкой и красной полоской сверху (признак подписки).
   Наведение — плашка светлее, рамка ярче, у «Подписки» полоска ярче. Размер и место пунктов не меняются никогда — шапка не прыгает.
   Телефон (до 860 px): в раскрытом меню «Турниры» и «Подписка» — плашки одной высоты (48) и ширины (во всю строку), «Арены» — тот же размер без плашки.
   Уровень подписчика ставит kp-*.js (класс gpk--sub). reduced-motion — без переходов. */
@media (min-width:861px){
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav{--kp-w:174px;--kp-px:12px;--kp-gap:10px}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec:not(.gg-play-sec)>.gg-v13-top,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-play-sec>.gg-shell-play.gg-v13-top,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk{flex:none;box-sizing:border-box;width:var(--kp-w);height:var(--ob-h);min-height:0;
    padding:0 var(--kp-px)!important;justify-content:center;gap:8px;font-size:var(--ob-fs);border-radius:8px;transition:color .15s}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-play-sec,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk{margin-left:calc(var(--kp-gap) - 6px)!important}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec:not(.gg-play-sec)>.gg-v13-top::after,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-play-sec>.gg-shell-play.gg-v13-top::after,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk::after{clip-path:none!important;border-radius:8px;box-sizing:border-box;
    border:1px solid var(--kp-bd,transparent);transition:background-color .15s,border-color .15s!important}
  /* «Турниры ▾» — графитовая плашка; черта открытого пункта и текущего раздела — снизу, как было */
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec:not(.gg-play-sec)>.gg-v13-top{--kp-bg:#111111;--kp-bd:rgba(255,255,255,.2)}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec:not(.gg-play-sec)>.gg-v13-top::after{
    background:linear-gradient(var(--ob-bar),var(--ob-bar)) center bottom/calc(100% - 24px) 2px no-repeat,var(--kp-bg)!important}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec:not(.gg-play-sec)>.gg-v13-top:hover,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec.is-open:not(.gg-play-sec)>.gg-v13-top{--kp-bg:#161616;--kp-bd:rgba(255,255,255,.4)}
  /* «Играть ▾» — красная заливка как была; другой только размер и скругление вместо скоса */
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-play-sec>.gg-shell-play.gg-v13-top::after{
    background:linear-gradient(var(--ob-bar),var(--ob-bar)) center bottom/calc(100% - 24px) 2px no-repeat,var(--ob-bg)!important}
  /* «Подписка» — графитовая плашка, тонкая рамка, красная полоска сверху; стрелка «»» */
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk{--kp-bg:#111111;--kp-bd:rgba(255,255,255,.2);color:#E6E1D6}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk::after{background:var(--kp-bg)!important}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk::before{content:""!important;display:block!important;position:absolute!important;
    left:12px!important;right:12px!important;top:0!important;bottom:auto!important;width:auto!important;height:2px!important;margin:0!important;border-radius:0 0 2px 2px!important;
    background:#E0412B!important;opacity:1!important;transform:none!important;box-shadow:none!important;pointer-events:none;transition:background-color .15s!important}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk:hover,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk.is-active{--kp-bg:#161616;--kp-bd:rgba(255,255,255,.4);color:#FAFAFA}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk:hover::before{background:#FF4B33!important}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec>.gg-v13-top:focus-visible,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk:focus-visible{outline:2px solid #FAFAFA;outline-offset:3px;border-radius:8px}
}
/* Ширины. От 1280 px — одна ширина по самой длинной подписи «На движениях» со щитом, кегль общий. Уже 1280 px у вошедшего (кнопка кабинета
   с ником) места меньше: плашки уже, промежутки 6 px, длинные названия уровня («По-братски», «На движениях», «На уважении») мельче (13 / 12 / 11 px), щит 16 / 15 / 14 px — иначе «Арены»
   уходят под кабинет. Гостевые подписи («Турниры», «Играть», «Подписка») — общим кеглем шапки на всех ширинах. */
@media (min-width:1121px) and (max-width:1279px){html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav{--kp-w:136px;--kp-px:8px;--kp-gap:6px;--kp-lv:13px;--kp-sh:16px}}
@media (min-width:1001px) and (max-width:1120px){html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav{--kp-w:128px;--kp-px:7px;--kp-gap:6px;--kp-lv:12px;--kp-sh:15px}}
@media (min-width:861px) and (max-width:1000px){html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav{--kp-w:114px;--kp-px:6px;--kp-gap:6px;--kp-lv:11px;--kp-sh:14px}}
@media (min-width:861px){
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk .gpk-lv[data-kp-dl]{font-size:var(--kp-lv,inherit)}
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk .gpk-ic svg{width:calc(var(--kp-sh,18px) * 20 / 22);height:var(--kp-sh,18px)}
}
/* значок и подпись: гость — «» Подписка», подписчик — щит уровня и название уровня (kp-*.js) */
#gg-site-header-craftum .gpk-ic{display:inline-flex;flex:none;line-height:0;justify-content:center;align-items:center;height:20px}
#gg-site-header-craftum .gpk-ic svg{display:block}
#gg-site-header-craftum .gpk-q{color:#E0412B;font:700 15px/1 "JetBrains Mono",monospace;letter-spacing:0;transform:translateY(-1px)}
#gg-site-header-craftum .gpk-lv{display:none}
#gg-site-header-craftum .gpk--sub .gpk-t{display:none}
#gg-site-header-craftum .gpk--sub .gpk-lv{display:inline}
/* телефон: раскрытое меню */
@media (max-width:860px){
  html body #gg-site-header-craftum .gg-shell-mobile-nav>.gg-v13-msec>.gg-v13-mh,
  html body #gg-site-header-craftum .gg-shell-mobile-nav>a.gg-shell-link.gpk-m{box-sizing:border-box;height:48px!important;min-height:48px!important;border-radius:8px!important;
    background:#111111!important;border:1px solid rgba(255,255,255,.2)!important;clip-path:none!important;transform:none!important;text-shadow:none!important;
    transition:background-color .15s,border-color .15s!important}
  html body #gg-site-header-craftum .gg-shell-mobile-nav>.gg-v13-msec>.gg-v13-mh[aria-expanded="true"],
  html body #gg-site-header-craftum .gg-shell-mobile-nav>.gg-v13-msec>.gg-v13-mh:active,
  html body #gg-site-header-craftum .gg-shell-mobile-nav>a.gg-shell-link.gpk-m:active{background:#161616!important;border-color:rgba(255,255,255,.4)!important}
  html body #gg-site-header-craftum .gg-shell-mobile-nav>a.gg-shell-link.gpk-m{position:relative;isolation:isolate;display:flex!important;align-items:center;justify-content:flex-start!important;gap:10px;
    margin:6px 0!important}
  html body #gg-site-header-craftum .gg-shell-mobile-nav>a.gg-shell-link.gpk-m::after{content:none!important;display:none!important}
  html body #gg-site-header-craftum .gg-shell-mobile-nav>a.gg-shell-link.gpk-m::before{content:""!important;display:block!important;position:absolute!important;
    left:12px!important;right:12px!important;top:0!important;bottom:auto!important;width:auto!important;height:2px!important;margin:0!important;border-radius:0 0 2px 2px!important;
    background:#E0412B!important;opacity:1!important;transform:none!important;box-shadow:none!important;pointer-events:none}
  html body #gg-site-header-craftum .gg-shell-mobile-nav>a.gg-shell-link.gpk-m:focus-visible,
  html body #gg-site-header-craftum .gg-shell-mobile-nav>.gg-v13-msec>.gg-v13-mh:focus-visible{outline:2px solid #FAFAFA;outline-offset:2px}
}
/* П5 разбора сдвигов ладдера (ladder-cls-1108/RAZBOR.md): на телефоне кнопка кабинета в строке шапки занимает одно место и в загрузке
   («войти», 66 px), и у вошедшего (аватар 42 px + отступ 24 px слева) — «Играть» и поиск не сдвигаются, когда приходит ответ кабинета.
   Компьютер не трогается: там ширина кнопки — по нику, его до ответа не знаем. */
@media (max-width:860px){
  html body #gg-site-header-craftum .gg-shell-header a.gg-shell-cab{box-sizing:border-box;width:66px!important;min-width:66px!important}
  html body #gg-site-header-craftum .gg-shell-header a.gg-shell-cab.is-in{width:42px!important;min-width:42px!important;margin-left:24px!important}
}
@media (prefers-reduced-motion:reduce){
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec:not(.gg-play-sec)>.gg-v13-top,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-v13-sec:not(.gg-play-sec)>.gg-v13-top::after,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-play-sec>.gg-shell-play.gg-v13-top,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>.gg-play-sec>.gg-shell-play.gg-v13-top::after,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk::after,
  html body #gg-site-header-craftum .gg-shell-header .gg-v13-nav>a.gg-shell-link.gpk::before,
  html body #gg-site-header-craftum .gg-shell-mobile-nav>.gg-v13-msec>.gg-v13-mh,
  html body #gg-site-header-craftum .gg-shell-mobile-nav>a.gg-shell-link.gpk-m{transition:none!important;animation:none!important}
}
/* SHAPKA-SHIRINA-1108 (08.11.2026, подчат «GG › Сайт csgg.pro»; владелец: «шапка не должна же прыгать»).
   Шапка на всех страницах — одной ширины и на одном месте. До 1600 px у всех страниц она и так одна: min(1480px, 100% − 56px).
   От 1600 px — ширина и поля страниц-приложений (/matchcenter/play, карточки ладдера): min(1840px, 100% − 64px) — раньше так было только там,
   и при переходе на другую страницу (и даже на таблицу /ladder) шапка сужалась и меню съезжало. Высота шапки, телефон и 1024 — без изменений. */
@media (min-width:1600px){
  html body #gg-site-header-craftum .gg-shell-header .gg-shell-inner{width:min(1840px,calc(100% - 64px))}
}