/* ------------------------------------------------------------------ *
 *  kodg.ru — единая таблица стилей.
 *
 *  Собрана из трёх <style>-блоков menu.php (шапка, тема поверх Bootstrap 3,
 *  футер). Подключается ОДИН раз из menu.php с ?v=<дата файла>, поэтому
 *  кэшируется у посетителя, а не едет в HTML каждой из 38 страниц.
 *
 *  Порядок секций сохранён как в menu.php — от него зависит, кто кого
 *  перебивает: ШАПКА → ТЕМА → ФУТЕР. Не переставлять.
 *
 *  Тёмная тема — значения в :root, светлая — переопределение переменных
 *  в html[data-theme="light"]. Шапка, футер и hero тёмные в обеих темах.
 *
 *  ⚠️ Пути к шрифтам и декору вклеены с ?v=<дата файла на момент сборки>.
 *     Заменили шрифт или картинку декора — обновите тут версию, иначе
 *     у посетителей останется старый файл из кэша.
 * ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ *
 *  ПЕРЕМЕННЫЕ
 *
 *  --k-*        — тема: тёмные значения в :root, светлые в
 *                 html[data-theme="light"]. Всё, что должно менять цвет
 *                 при переключении темы, берём отсюда.
 *  --k-accent   — красный бренда (#ec0707) и --k-accent-h для наведения.
 *                 Одинаковы в обеих темах.
 *  --k-chrome*  — шапка, футер и hero: тёмные В ОБЕИХ темах.
 *                 ⚠️ НЕ переопределять их в html[data-theme="light"] —
 *                 иначе шапка и звёздное небо побелеют.
 *
 *  Про !important (их тут 72, и почти все нужны): 21 перебивает
 *  Bootstrap 3, 15 — инлайновые style= в легаси-разметке (её не
 *  переписать), 12 — сторонние плагины (chosen, jquery-ui, Highcharts).
 *  Прежде чем убирать — проверьте, что перебивать больше нечего.
 * ------------------------------------------------------------------ */

/* ==================== ШАПКА ==================== */
@font-face{font-family:"KodgLato";src:url("/media/fonts/LatoRegular.woff?v=1416117387") format("woff"),url("/media/fonts/LatoRegular.ttf?v=1416117387") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"KodgLato";src:url("/media/fonts/LatoBold.woff?v=1586635865") format("woff"),url("/media/fonts/LatoBold.ttf?v=1586635865") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"KodgMason";src:url("/media/fonts/MasonChroniclesRegular.otf?v=1588630523") format("opentype");font-display:swap}
.kn{position:fixed;top:0;left:0;right:0;z-index:1040;background:var(--k-chrome);background:linear-gradient(180deg,var(--k-chrome2) 0%,var(--k-chrome) 100%);border-bottom:2px solid var(--k-accent);font:14px/1.4 "KodgLato","Helvetica Neue",Helvetica,Arial,sans-serif;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.kn *{box-sizing:border-box}
.kn a{text-decoration:none}
.kn-in{max-width:1170px;margin:0 auto;padding:0 15px;position:relative}
.kn-bar{display:flex;align-items:center;height:52px}
.kn-brand{display:flex;flex-direction:column;justify-content:center;color:#fff;font:22px/1 "KodgMason",Georgia,serif;letter-spacing:1px;white-space:nowrap;padding:4px 0}
.kn-brand:hover,.kn-brand:focus{color:var(--k-accent-h);text-decoration:none}
.kn-brand small{display:block;color:var(--k-chrome-muted);font:10px/1.2 "KodgLato",Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;margin-top:3px}
.kn-theme{margin-left:auto;background:none;border:1px solid var(--k-chrome-line);border-radius:3px;color:var(--k-chrome-muted);
  width:32px;height:32px;line-height:1;padding:0;cursor:pointer;font-size:15px}
.kn-theme:hover{border-color:var(--k-accent);color:#fff}
.kn-theme + .kn-burger{margin-left:10px}
.kn-burger{display:none;margin-left:auto;background:none;border:1px solid var(--k-chrome-line);border-radius:3px;color:var(--k-chrome-muted);padding:7px 10px;cursor:pointer;line-height:1}
.kn-burger:hover{border-color:var(--k-accent);color:#fff}
.kn-burger span{display:block;width:19px;height:2px;background:currentColor;margin:3px 0;border-radius:1px}
.kn-menu{display:flex;align-items:center;margin-left:26px;list-style:none;padding:0;margin-bottom:0}
.kn-g{position:relative}
.kn-t{display:flex;align-items:center;gap:7px;background:none;border:0;color:#fff;font:17px/1 "KodgMason",Georgia,serif;letter-spacing:.5px;padding:0 14px;height:52px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}
.kn-t .glyphicon{font-size:13px;color:var(--k-chrome-muted);top:0}
.kn-t:hover,.kn-g.on .kn-t{color:var(--k-accent-h);background:rgba(255,255,255,.05)}
.kn-t:hover .glyphicon,.kn-g.on .kn-t .glyphicon{color:var(--k-accent)}
.kn-g.act .kn-t{color:var(--k-accent);border-bottom-color:var(--k-accent)}
.kn-g.act .kn-t .glyphicon{color:var(--k-accent)}
.kn-t .caret{border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;display:inline-block;width:0;height:0;margin-left:2px;opacity:.7}
.kn-d{display:none;position:absolute;top:100%;left:0;min-width:300px;background:var(--k-chrome);border:1px solid var(--k-chrome-line);border-top:0;box-shadow:0 8px 22px rgba(0,0,0,.55);padding:5px 0;list-style:none;margin:0}
.kn-g.on .kn-d{display:block}
.kn-d a{display:flex;align-items:flex-start;gap:10px;padding:9px 16px;color:#fff;line-height:1.35}
.kn-d a:hover,.kn-d a:focus{background:var(--k-chrome2);color:var(--k-accent-h)}
.kn-d a.a{background:var(--k-chrome2);box-shadow:inset 3px 0 0 var(--k-accent)}
.kn-d a.a b{color:var(--k-accent)}
.kn-d .gi{color:var(--k-accent);font-size:14px;width:18px;text-align:center;margin-top:2px;flex:none;opacity:.85}
.kn-d b{display:block;font-weight:700;font-size:14px}
.kn-d i{display:block;font-style:normal;font-size:12px;color:var(--k-chrome-muted);margin-top:1px}
body{padding-top:52px !important;min-height:100vh}
/* Футер у нижней границы окна на коротких страницах. position:sticky+top:100vh вместо
   flex на body: flex ломал ширину блоков с margin:0 auto (главная сжималась до контента). */
footer.kf{position:sticky;top:100vh}
@media (max-width:991px){
  .kn-burger{display:block}
  .kn-menu{display:none;position:absolute;top:52px;left:0;right:0;flex-direction:column;align-items:stretch;margin:0;background:var(--k-chrome);border-top:1px solid var(--k-chrome-line);max-height:calc(100vh - 52px);overflow-y:auto;box-shadow:0 8px 20px rgba(0,0,0,.5)}
  .kn.open .kn-menu{display:flex}
  .kn-g{position:static}
  .kn-t{width:100%;height:auto;padding:13px 16px;justify-content:flex-start;border-bottom:1px solid #2c3d4e;margin-bottom:0;font-size:18px}
  .kn-t .caret{margin-left:auto;transition:transform .15s}
  .kn-g.on .kn-t .caret{transform:rotate(180deg)}
  .kn-d{position:static;min-width:0;border:0;box-shadow:none;background:#16212c;padding:0}
  .kn-d a{padding:11px 16px 11px 34px;border-bottom:1px solid #22303d}
  .kn-d a:hover,.kn-d a:focus,.kn-d a.a{background:var(--k-chrome2);color:var(--k-accent-h)}
  .kn-d a.a{box-shadow:inset 3px 0 0 var(--k-accent)}
}



/* ==================================================================
 *  СТРАНИЦЫ. Собственные стили страниц — вынесены из их <style>.
 *  Правила с элементными селекторами (body и т.п.) остались на
 *  страницах: здесь они применились бы ко всему сайту.
 * ================================================================== */

/* -------- ГЛАВНАЯ (index_new.php) -------- */
/* Общий hero со звёздным небом: главная (.kh) и страница клана (.ch).
   Различаются только внутренними отступами — они ниже, каждый у себя. */
.kh,.ch{background:var(--k-chrome);
  background-image:url(/media/decor/moon.webp?v=1785692092),url(/media/decor/cloud.webp?v=1785692092),url(/media/decor/stars.webp?v=1785692092),linear-gradient(180deg,var(--k-chrome2) 0%,var(--k-chrome) 100%);
  background-position:right 7% top 10px,center bottom,center top,center;
  background-size:150px 150px,1920px 160px,1000px 688px,auto;
  background-repeat:no-repeat,repeat-x,repeat,no-repeat;position:relative;overflow:hidden;border-bottom:1px solid var(--k-chrome-line)}
.kh{padding:44px 0 40px}
.kh-in,.kw{max-width:1170px;margin:0 auto;padding:0 15px}
.kh-in{display:flex;align-items:center;gap:30px}
.kh-txt{flex:1 1 auto;min-width:0}
.kh-logo{flex:none;width:auto;height:235px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
@media (max-width:991px){
.kh-logo{height:190px}}
.kh h1{margin:0 0 12px;font:34px/1.15 "KodgMason",Georgia,serif;letter-spacing:1px;color:#fff}
.kh h1 em{font-style:normal;color:var(--k-accent)}
.kh p{margin:0;font-size:16px;color:var(--k-chrome-muted);max-width:760px}
.kh .kh-note{margin-top:16px;font-size:13px;color:var(--k-chrome-muted2)}
.kw{padding:38px 15px 10px}
.kg{margin-bottom:36px}
.kg-h{display:flex;align-items:baseline;gap:10px;margin:0 0 4px;font:23px/1 "KodgMason",Georgia,serif;letter-spacing:.6px;color:var(--k-text)}
.kg-h .glyphicon{color:var(--k-accent);font-size:17px;top:0}
.kg-h span.n{font-size:13px;font-family:"KodgLato",Arial,sans-serif;color:var(--k-muted)}
.kg-lead{margin:0 0 16px;font-size:14px;color:var(--k-muted)}
.kc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.k{display:flex;gap:12px;background:var(--k-panel);border:1px solid var(--k-border);border-radius:4px;padding:15px 16px;color:var(--k-text);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
.k:hover,.k:focus{border-color:var(--k-accent);background:var(--k-panel4);box-shadow:0 6px 18px rgba(0,0,0,.4);transform:translateY(-2px);text-decoration:none;color:var(--k-text)}
.k .ki{flex:none;width:38px;height:38px;border-radius:50%;background:var(--k-bg2);color:var(--k-accent);display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid var(--k-border)}
.k:hover .ki{background:var(--k-accent);color:var(--k-text);border-color:var(--k-accent)}
.k b{display:block;font-size:15px;font-weight:700;margin-bottom:2px}
.k:hover b{color:var(--k-accent-h)}
.k i{display:block;font-style:normal;font-size:13px;color:var(--k-muted);line-height:1.4}
.kprev{background:#2a3342;border-bottom:1px solid var(--k-border);color:var(--k-muted);font-size:13px;padding:9px 15px;text-align:center}
.kprev code{background:rgba(0,0,0,.35);color:#ff6b6f;padding:1px 5px;border-radius:3px}
@media (max-width:767px){
.kh-in{flex-direction:column-reverse;text-align:center;gap:18px}
.kh-logo{width:auto;height:170px}
.kh p{margin:0 auto}}
@media (max-width:600px){
.kh{padding:30px 0 28px}
.kh h1{font-size:27px}
.kc{grid-template-columns:1fr}}

/* -------- СТРАНИЦА КЛАНА (clan_index.php) -------- */
.cw{max-width:1170px;margin:0 auto;padding:0 15px}
/* шапка клана */
.ch{padding:38px 0 34px}
.ch-in{display:flex;align-items:center;gap:28px;max-width:1170px;margin:0 auto;padding:0 15px}
.ch-gerb{flex:none;width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}
.ch-txt{flex:1 1 auto;min-width:0}
.ch h1{margin:0 0 6px;font:34px/1.15 "KodgMason",Georgia,serif;letter-spacing:1px;color:#fff}
.ch h1 em{font-style:normal;color:var(--k-accent)}
.ch-motto{margin:0 0 4px;font-size:17px;color:#cdd7e0}
.ch-sub{margin:0;font-size:13px;color:var(--k-chrome-muted2)}
.ch-cta{flex:none;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.btn-join{display:inline-block;background:var(--k-accent);color:var(--k-text);font-weight:700;padding:12px 26px;border-radius:3px;text-align:center;text-decoration:none;white-space:nowrap;transition:background .15s}
.btn-join:hover,.btn-join:focus{background:var(--k-accent-h);color:var(--k-text);text-decoration:none}
/* блоки */
.cs{padding:32px 15px 0;max-width:1170px;margin:0 auto}
.cs h2{margin:0 0 4px;font:23px/1 "KodgMason",Georgia,serif;letter-spacing:.6px;color:var(--k-text)}
.cs h2 .glyphicon{color:var(--k-accent);font-size:17px;top:0;margin-right:8px}
.cs-lead{margin:0 0 16px;font-size:14px;color:var(--k-muted)}
/* раскладка: слева характеристики, справа состав */
.ccols{display:flex;gap:22px;align-items:flex-start;min-width:0}
.ccol-main{flex:1 1 auto;min-width:0;max-width:100%}
.cb-wrap{max-width:100%;overflow-x:auto}
.ccol-side{flex:0 0 330px;max-width:330px;position:sticky;top:66px;align-self:flex-start}
.ccol-side .panel-k{max-height:calc(100vh - 90px);display:flex;flex-direction:column}
.ccol-side .panel-k > h3{flex:none}
.ccol-side .cm{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--k-border2) var(--k-bg2)}
.ccol-side .cm::-webkit-scrollbar{width:8px}
.ccol-side .cm::-webkit-scrollbar-thumb{background:var(--k-border2);border-radius:4px}
.ccol-side .cm::-webkit-scrollbar-track{background:var(--k-bg2)}
.panel-k{background:var(--k-panel2);border:1px solid var(--k-border);border-radius:5px}
.panel-k > h3{margin:0;padding:13px 18px;background:var(--k-bg2);border-bottom:1px solid var(--k-border);border-radius:5px 5px 0 0;
  font:16px/1 "KodgMason",Georgia,serif;letter-spacing:.6px;color:var(--k-text);text-transform:uppercase}
.panel-k > h3 .n{font:12px/1 "KodgLato",Arial,sans-serif;color:var(--k-muted2);margin-left:6px}
/* характеристики клана */
.cf{display:grid;grid-template-columns:1fr 1fr;gap:2px 26px;padding:16px 18px;margin:0}
.cf .row-k{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--k-border5)}
.cf dt{flex:none;color:var(--k-muted);font-weight:400}
.cf dd{margin:0 0 0 auto;text-align:right;font-weight:700;color:var(--k-text)}
.cf dd img{vertical-align:-2px;margin-right:5px}
.cf dd a{color:var(--k-text)}
.cf dd .u{font-weight:400;font-size:14px;color:var(--k-text2)}
.cmed{display:flex;align-items:center;gap:16px;padding:0 18px 16px;flex-wrap:wrap}
.cmed img{height:74px;width:auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.55))}
/* особенности иконками. gap:7px — так было по факту: ниже лежал ещё один
   .cp от неиспользуемого блока «история» и перебивал 8px. Блок удалён,
   значение оставлено прежним, чтобы вид не поехал; можно вернуть 8px. */
.cp{display:flex;flex-wrap:wrap;gap:7px;padding:16px 18px}
.cp i{display:block;width:54px;height:54px;background:var(--k-bg2);border:1px solid var(--k-border);border-radius:5px;
  background-size:44px 44px;background-position:center;background-repeat:no-repeat;cursor:help;transition:border-color .15s,transform .15s}
.cp i:hover{border-color:var(--k-accent);transform:translateY(-2px)}
/* состав клана списком */
.cm{list-style:none;margin:0;padding:0}
.cm li{display:flex;align-items:center;border-bottom:1px solid var(--k-border5)}
.cm li:last-child{border-bottom:0}
.cm li:hover{background:var(--k-panel5)}
.cm .mrow{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;padding:8px 4px 8px 16px;color:var(--k-text2);text-decoration:none}
.cm .mrow:hover{color:var(--k-text);text-decoration:none}
.cm .mrow:hover .nm{color:var(--k-accent-h)}
.cm .nm{font-weight:700;border-bottom:1px solid rgba(228,236,244,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm .lv{font-size:13px;color:var(--k-muted)}
.cm .boss{margin-left:auto;padding-right:16px;font-size:11px;color:var(--k-lead);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.cm .ld .nm{color:var(--k-lead)}
.cm .al{width:12px;height:15px;flex:none}
.cm .kl{width:24px;height:15px;flex:none;image-rendering:pixelated}
.cm .minf{flex:none;width:16px;height:16px;margin-right:auto;border-radius:2px;background:#1257ad;color:#fff;
  font:bold 11px/16px "KodgLato",Arial,sans-serif;text-align:center;text-decoration:none}
.cm .minf:hover{background:var(--k-accent);color:var(--k-text);text-decoration:none}
.cf dd.pers{display:flex;align-items:center;justify-content:flex-end}
.cf dd.pers .mrow{display:flex;align-items:center;gap:6px;padding:0;color:var(--k-text);text-decoration:none}
.cf dd.pers .mrow:hover .nm{color:var(--k-accent-h)}
.cf dd.pers .nm{font-weight:700;color:var(--k-lead);border-bottom:1px solid currentColor}
.cf dd.pers .lv{font-weight:400;color:var(--k-text2)}
.cf dd.pers .al{width:12px;height:15px}
.cf dd.pers .kl{width:24px;height:15px;image-rendering:pixelated}
.cf dd.pers .minf{width:16px;height:16px;margin-left:6px;border-radius:2px;background:#1257ad;color:#fff;
  font:bold 11px/16px "KodgLato",Arial,sans-serif;text-align:center;text-decoration:none}
.cf dd.pers .minf:hover{background:var(--k-accent);color:var(--k-text)}
.ktag{display:inline-flex;align-items:center;gap:3px}
.ktag img{width:24px;height:15px;image-rendering:pixelated;vertical-align:middle}
/* памятные бои */
.cb{width:100%;border-collapse:collapse;background:var(--k-tbl);border:1px solid var(--k-border2);border-radius:4px;overflow:hidden}
.cb th{background:var(--k-bg2);color:var(--k-text);text-align:left;padding:10px;font-size:13px;border-bottom:2px solid var(--k-border3)}
.cb td{padding:9px 10px;border-top:1px solid var(--k-border2);vertical-align:middle}
.cb tr:nth-child(even) td{background:var(--k-tbl2)}
.cb tr:hover td{background:var(--k-tblhover)}
.cb a{color:var(--k-text2)}
.cb a:hover{color:var(--k-accent-h)}
.cb .win{color:var(--k-good);font-weight:700}
.cb .lose{color:var(--k-bad);font-weight:700}
.cb .dt{color:var(--k-text2);white-space:nowrap}
.cb .tm{color:var(--k-text3)}
.btn-more{margin-top:12px;background:var(--k-panel2);border:1px solid var(--k-border2);border-radius:3px;color:var(--k-text2);
  padding:9px 20px;font:14px/1 "KodgLato",Arial,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.btn-more:hover{background:var(--k-panel5);border-color:var(--k-accent);color:var(--k-text)}
.btn-more span{color:var(--k-muted);font-size:13px}
/* история */
.cstory p{max-width:820px;color:var(--k-text2)}
.cstory p:first-child::first-letter{float:left;font:46px/1 "KodgMason",Georgia,serif;color:var(--k-accent);margin:2px 10px 0 0}
.cnote{margin:26px 0 0;font-size:12px;color:var(--k-muted2)}
.pk-modal{position:fixed;inset:0;z-index:1050;background:rgba(10,15,20,.72);display:flex;align-items:center;justify-content:center;padding:20px}
.pk-modal[hidden]{display:none}
.pk-box{position:relative;max-width:460px;width:100%;background:var(--k-panel);border:1px solid var(--k-border2);border-radius:6px;
  box-shadow:0 12px 40px rgba(0,0,0,.6);padding:22px 24px}
.pk-close{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--k-muted);font-size:26px;line-height:1;cursor:pointer}
.pk-close:hover{color:var(--k-accent-h)}
.pk-head{display:flex;gap:14px;align-items:center}
.pk-head img{width:56px;height:56px;flex:none;background:var(--k-bg2);border:1px solid var(--k-border);border-radius:5px}
.pk-kind{font-size:12px;color:var(--k-muted);text-transform:uppercase;letter-spacing:.4px}
.pk-box h4{margin:2px 0 3px;font:19px/1.2 "KodgMason",Georgia,serif;color:var(--k-text)}
.pk-lvl{font-size:13px;color:var(--k-gold)}
.cwarn{background:var(--k-panel3);border:1px solid var(--k-border2);border-radius:4px;padding:10px 14px;color:var(--k-text);font-size:13px;margin-bottom:16px}
@media (max-width:991px){
.ccols{flex-direction:column}
.ccol-side{flex:1 1 auto;max-width:none;width:100%;position:static}
.ccol-side .panel-k{max-height:none}}
@media (max-width:600px){
.cf{grid-template-columns:1fr}}
@media (max-width:767px){
.ch-in{flex-direction:column;text-align:center;gap:16px}
.ch-cta{width:100%}
.cs{padding-top:24px}}

/* -------- УСТАВ (rule_index.php) -------- */
/* ------------------------------------------------------------------ *
	 *  Устав клана. Палитра — общие переменные --k-* из menu.php
	 *  (работают в обеих темах). Вёрстка mobile-first.
	 * ------------------------------------------------------------------ */
	/* Шапка — во всю ширину экрана, без отступов контейнера. */
	.rl-hero,.jn-hero{position:relative;margin:0 0 22px;padding:34px 18px 30px;overflow:hidden;
		background:#1a2430 url('/media/decor/stars.webp') repeat;color:#f4f7fa;text-align:center}
.rl-hero-in{max-width:1170px;margin:0 auto}
.rl-hero::before,.jn-hero::before{content:"";position:absolute;inset:0;
		background:url('/media/decor/moon.webp') no-repeat right 6% top 10%/90px auto,
		           url('/media/decor/cloud.webp') repeat-x left bottom/auto 70px,
		           linear-gradient(180deg,rgba(26,36,48,.25),rgba(26,36,48,.9));opacity:.9}
.rl-hero>*,.jn-hero>*{position:relative}
.rl-hero h1{margin:0 0 10px;font-family:"KodgMason",Georgia,serif;font-size:30px;letter-spacing:.5px;color:#fff;
		text-shadow:0 2px 10px rgba(0,0,0,.6)}
.rl-rev{display:inline-block;padding:4px 12px;border:1px solid rgba(255,255,255,.35);border-radius:20px;
		font-size:13px;color:#e6ebf2;background:rgba(0,0,0,.25)}
.rl-hero .rl-sub{margin:12px 0 0;font-size:13px;color:#b9c4d1}
.rl-hero .rl-sub a{color:#ffd24a}
.rl-warn{margin-bottom:18px}
/* Оглавление: на телефоне — сворачиваемое, на десктопе — липкая колонка */
	.rl-toc{margin:0 0 20px;border:1px solid var(--k-border);border-radius:8px;background:var(--k-panel);overflow:hidden}
.rl-toc>summary{padding:12px 16px;cursor:pointer;font-weight:600;color:var(--k-text);list-style:none;user-select:none}
.rl-toc>summary::-webkit-details-marker{display:none}
.rl-toc>summary::after{content:"\e114";font-family:'Glyphicons Halflings';float:right;font-size:11px;opacity:.7}
.rl-toc[open]>summary::after{content:"\e113"}
.rl-toc ol{margin:0;padding:0 10px 10px;list-style:none;counter-reset:toc}
.rl-toc li{counter-increment:toc}
.rl-toc a{display:block;padding:8px 10px;border-radius:5px;color:var(--k-text2);text-decoration:none;font-size:14px;line-height:1.35}
.rl-toc a::before{content:counter(toc) ".";display:inline-block;min-width:22px;color:var(--k-gold);font-weight:600}
.rl-toc a:hover,.rl-toc a:focus{background:var(--k-panel4);color:var(--k-text);text-decoration:none}
.rl-toc a.on{background:var(--k-panel4);color:var(--k-text);box-shadow:inset 3px 0 0 var(--k-accent)}
/* Разделы */
	.rl-sec{margin:0 0 16px;border:1px solid var(--k-border);border-radius:8px;background:var(--k-panel);
		scroll-margin-top:74px;overflow:hidden}
.rl-sec>h2{display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;
		border-bottom:1px solid var(--k-border);background:var(--k-panel6);
		font-family:"KodgMason",Georgia,serif;font-size:19px;line-height:1.25;color:var(--k-text)}
.rl-no{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
		border-radius:50%;background:var(--k-accent);color:#fff;font-family:Arial,sans-serif;font-size:15px;font-weight:700}
.rl-body{padding:6px 16px 14px}
.rl-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--k-border5)}
.rl-item:last-child{border-bottom:none}
.rl-p{flex:0 0 auto;min-width:38px;color:var(--k-gold);font-weight:700;font-size:14px;line-height:1.6}
.rl-t{flex:1 1 auto;min-width:0;color:var(--k-text);line-height:1.6;overflow-wrap:break-word}
.rl-t a{text-decoration:underline}
/* Подпункты: короткие — плитками, длинные — списком */
	.rl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 2px;padding:0;list-style:none}
.rl-chips li{padding:4px 10px;border:1px solid var(--k-border2);border-radius:14px;
		background:var(--k-panel4);color:var(--k-text2);font-size:13px}
.rl-list{margin:8px 0 2px;padding:0;list-style:none}
.rl-list li{position:relative;padding:3px 0 3px 18px;color:var(--k-text2);line-height:1.55}
.rl-list li::before{content:"";position:absolute;left:3px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--k-accent)}
.rl-foot{margin:18px 0 30px;text-align:center}
.rl-cta{display:inline-block;padding:10px 22px;border-radius:5px;background:var(--k-accent);color:#fff !important;
		text-decoration:none;font-weight:600}
.rl-cta:hover,.rl-cta:focus{background:var(--k-accent-h);color:#fff;text-decoration:none}
#rl-top{position:fixed;right:14px;bottom:14px;z-index:900;display:none;width:42px;height:42px;border:none;border-radius:50%;
		background:rgba(34,38,43,.9);color:#fff;font-size:16px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
#rl-top:active{background:var(--k-accent)}
@media (min-width:768px){
.rl-hero{padding:46px 30px 40px}
.rl-hero h1{font-size:40px}
.rl-hero::before{background-size:130px auto,auto 90px,auto}
.rl-sec>h2{font-size:22px;padding:16px 20px}
.rl-body{padding:8px 20px 16px}
.rl-p{min-width:46px}}
@media (min-width:992px){
.rl-wrap{display:flex;align-items:flex-start;gap:26px}
.rl-aside{flex:0 0 262px;position:sticky;top:70px;max-height:calc(100vh - 90px);overflow:auto}
.rl-main{flex:1 1 auto;min-width:0}
.rl-toc{margin:0}
.rl-toc>summary{cursor:default}
.rl-toc>summary::after{display:none}}
@media print{
.kn,.kf,.rl-aside,#rl-top,.rl-cta{display:none !important}
.rl-hero{background:none;color:#000;padding:0 0 12px}
.rl-hero h1{color:#000;text-shadow:none}
.rl-sec{border-color:#999;break-inside:avoid}
.rl-sec>h2{background:none;color:#000}
.rl-no{background:none;color:#000;border:1px solid #000}}

/* -------- АНКЕТА ВСТУПЛЕНИЯ (join_index.php) -------- */
/* Оформление в гамме сайта (переменные --k-* приходят из menu.php, работают в обеих темах). */
	.jn-hero{position:relative;margin:0 0 22px;padding:34px 18px 30px;overflow:hidden;
		background:#1a2430 url('/media/decor/stars.webp') repeat;color:#f4f7fa;text-align:center}
.jn-hero h1{margin:0 0 10px;font-family:"KodgMason",Georgia,serif;font-size:30px;color:#fff;
		text-shadow:0 2px 10px rgba(0,0,0,.6)}
.jn-hero p{margin:0;font-size:14px;color:#c3cdd9}
.jn-hero a{color:var(--k-gold)}
.jn-wrap{max-width:760px;margin:0 auto 30px}
.jn-block{margin:0 0 16px;border:1px solid var(--k-border);border-radius:8px;background:var(--k-panel);overflow:hidden}
.jn-block>h2{margin:0;padding:13px 16px;border-bottom:1px solid var(--k-border);background:var(--k-panel6);
		font-family:"KodgMason",Georgia,serif;font-size:19px;color:var(--k-text)}
.jn-body{padding:4px 16px 14px}
.jn-q{padding:13px 0;border-bottom:1px solid var(--k-border5)}
.jn-q:last-child{border-bottom:none}
.jn-q>label,.jn-lbl{display:block;margin:0 0 8px;color:var(--k-text);line-height:1.5;font-weight:400}
.jn-req{color:var(--k-accent)}
.jn-hint{display:block;margin:2px 0 8px;color:var(--k-muted);font-size:13px}
.jn-err{display:block;margin-top:6px;color:var(--k-accent);font-size:13px}
.jn-q.bad{background:rgba(236,7,7,.06);border-radius:6px;padding-left:10px;padding-right:10px}
.jn-in{width:100%;padding:9px 12px;border:1px solid var(--k-border2);border-radius:5px;
		background:var(--k-bg2);color:var(--k-text);font-size:15px}
.jn-in:focus{outline:none;border-color:var(--k-accent)}
textarea.jn-in{min-height:88px;resize:vertical}
/* Да / Нет — сегментированные кнопки, удобные пальцем */
	.jn-seg{display:flex;flex-wrap:wrap;gap:8px}
.jn-seg input{position:absolute;opacity:0;width:0;height:0}
.jn-seg span{display:inline-block;min-width:84px;padding:9px 18px;border:1px solid var(--k-border2);border-radius:6px;
		background:var(--k-panel4);color:var(--k-text2);text-align:center;cursor:pointer;user-select:none}
.jn-seg label{margin:0;font-weight:400}
.jn-seg input:checked+span{background:var(--k-accent);border-color:var(--k-accent);color:#fff}
.jn-seg input:focus+span{border-color:var(--k-accent)}
/* Шкала 1–10 */
	.jn-scale{display:flex;flex-wrap:wrap;gap:6px}
.jn-scale span{min-width:40px;padding:8px 0}
.jn-ends{display:flex;justify-content:space-between;margin-top:6px;color:var(--k-muted);font-size:12px}
.jn-send{display:block;width:100%;padding:13px;border:none;border-radius:6px;background:var(--k-accent);color:#fff;
		font-size:16px;font-weight:600}
.jn-send:hover,.jn-send:focus{background:var(--k-accent-h);color:#fff}
.jn-send[disabled]{opacity:.6}
.jn-note{margin:10px 0 0;color:var(--k-muted);font-size:13px;text-align:center}
.jn-done{max-width:640px;margin:0 auto 40px;padding:26px 20px;border:1px solid var(--k-border);border-radius:8px;
		background:var(--k-panel);text-align:center;color:var(--k-text)}
.jn-done h2{margin:0 0 10px;font-family:"KodgMason",Georgia,serif;color:var(--k-text)}
.jn-done p{color:var(--k-text2);line-height:1.6}
.jn-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (min-width:768px){
.jn-hero{padding:46px 30px 40px}
.jn-hero h1{font-size:38px}
.jn-hero::before{background-size:130px auto,auto 90px,auto}
.jn-body{padding:6px 20px 16px}
.jn-send{width:auto;min-width:260px;margin:0 auto}}

/* -------- ГАЙД ПО ПРОКАЧКЕ (new_index.php) -------- */
/* Guide custom styles — light theme with Bootstrap blue accents */
.guide-wrap {
    /* боковые 15px — как у обычного .container: без них минусовые поля .row
       вылезают за экран и на телефоне появляется горизонтальный скролл */
    padding: 20px 15px 60px;
    color: #333;
}
.guide-wrap h1 {
    color: #337ab7;
    font-size: 28px;
    margin-bottom: 5px;
}
.guide-wrap .lead {
    color: #666;
    font-size: 15px;
}
.guide-wrap .panel {
    background: #fff;
    border-color: #ddd;
    margin-bottom: 4px;
}
.guide-wrap .panel-heading {
    background: #f0f4f8 !important;
    border-color: #ddd;
    padding: 0;
}
.guide-wrap .panel-heading a {
    display: block;
    padding: 12px 18px;
    color: #337ab7;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
}
.guide-wrap .panel-heading a:hover {
    color: #23527c;
    background: #e8eff6;
}
.guide-wrap .panel-heading a .glyphicon {
    margin-right: 8px;
}
.guide-wrap .panel-heading a .caret-icon {
    float: right;
    transition: transform 0.25s ease;
    margin-top: 4px;
}
.guide-wrap .panel-heading a.collapsed .caret-icon {
    transform: rotate(-90deg);
}
.guide-wrap .panel-body {
    background: #fff;
    color: #333;
    border-top: 1px solid #e8e8e8 !important;
    padding: 18px 22px;
}
.guide-wrap .panel-body ul {
    padding-left: 20px;
    margin-bottom: 10px;
}
.guide-wrap .panel-body li {
    margin-bottom: 5px;
    line-height: 1.55;
}
.guide-wrap .panel-body h4 {
    color: #337ab7;
    margin: 16px 0 8px;
    font-size: 15px;
}
.guide-wrap .panel-body h4:first-child {
    margin-top: 0;
}
.guide-wrap .alert {
    border-radius: 3px;
}
.guide-wrap .table > thead > tr > th {
    border-bottom-color: #ccc;
    color: #337ab7;
}
/* TOC sidebar */
#guide-toc {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 14px 16px;
}
#guide-toc .toc-title {
    color: #337ab7;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
#guide-toc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#guide-toc li {
    margin-bottom: 4px;
}
#guide-toc a {
    color: #555;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 3px 8px;
    border-radius: 3px;
    transition: background 0.15s, color 0.15s;
}
#guide-toc a:hover,
#guide-toc a.active {
    background: #e8eff6;
    color: #337ab7;
}
/* Back to top */
#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    background: #337ab7;
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    display: none;
    z-index: 1000;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    transition: opacity 0.2s;
}
#back-to-top:hover {
    background: #286090;
}
/* Collapse transition */
.panel-collapse {
    transition: height 0.3s ease;
}
/* Credits */
.guide-credits {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 16px 20px;
    margin-top: 30px;
    color: #777;
    font-size: 13px;
}
.guide-credits strong {
    color: #555;
}
/* Оглавление-раскрывашка: на телефоне свёрнуто, на десктопе всегда открыто */
#guide-toc > summary {
    list-style: none;
    cursor: pointer;
    user-select: none;
    outline: none;
}
#guide-toc > summary::-webkit-details-marker { display: none; }
#guide-toc > summary::after {
    content: "\e114";
    font-family: 'Glyphicons Halflings';
    float: right;
    font-size: 10px;
    opacity: .7;
}
#guide-toc[open] > summary::after { content: "\e113"; }
/* Responsive TOC */
@media (max-width: 991px) {
    #guide-toc-col {
        margin-bottom: 20px;
    }
    #guide-toc {
        position: static !important;
    }
    #guide-toc > summary { margin-bottom: 0; }
    #guide-toc[open] > summary { margin-bottom: 10px; }
}
@media (min-width: 992px) {
#guide-toc > summary { cursor: default; }
#guide-toc > summary::after { display: none; }}
@media (min-width: 992px) {
#guide-toc.affix {
        position: fixed;
        top: 20px;
        width: 210px;
    }
#guide-toc.affix-top {
        position: static;
    }
#guide-toc.affix-bottom {
        position: absolute;
    }}
/* Expand all / Collapse all buttons */
.guide-controls {
    margin-bottom: 15px;
}
.guide-controls .btn {
    background: #f0f4f8;
    border-color: #ccc;
    color: #555;
    font-size: 12px;
}
.guide-controls .btn:hover {
    background: #e8eff6;
    color: #337ab7;
}

/* Смысловые цвета для НАШЕЙ разметки — вместо инлайновых style="color:…".
   Значения те же, что и у правил [style*=…] ниже, поэтому вид не меняется.
   Правила [style*=…] остаются: они красят чужое — тексты из БД, описания
   лотов и куски страниц combats, где инлайновый стиль нам не переписать. */
.k-good{color:var(--k-good)}
.k-bad{color:var(--k-bad)}
.k-warn{color:var(--k-warn)}
.k-purple{color:var(--k-purple)}

/* ============ ТЕМА (поверх Bootstrap 3) ============ */
:root{
  /* Акцент бренда. Одинаков в обеих темах — поэтому отдельными переменными,
     а не через --k-*, которые в светлой теме переопределяются. */
  --k-accent:#ec0707; --k-accent-h:#ff292f;
  /* «Хром» — шапка, футер и hero: они тёмные В ОБЕИХ темах.
     ⚠️ НЕ переопределять в html[data-theme="light"], иначе шапка побелеет. */
  --k-chrome:#1b2835; --k-chrome2:#243342; --k-chrome-line:#485464;
  --k-chrome-text:#f4f7fa; --k-chrome-muted:#9ca1b2; --k-chrome-muted2:#6f7a86;

  --k-bg:#202a34; --k-bg2:#1b2835; --k-panel:#243342; --k-panel2:#2b3b4d; --k-panel3:#33475c;
  --k-panel4:#2c3d4e; --k-panel5:#374a5e; --k-panel6:#22303e;
  --k-border:#485464; --k-border2:#5c7189; --k-border3:#6b8099; --k-border4:#37485c; --k-border5:#3a4b5f;
  --k-text:#f4f7fa; --k-text2:#cdd7e0; --k-text3:#d6dee7; --k-muted:#9ca1b2; --k-muted2:#6f7a86;
  --k-tbl:#44586c; --k-tbl2:#3d5064; --k-tblhover:#32455a;
  --k-head-bg:#1b2835; --k-head-text:#ffffff; --k-strong:#ffffff;
  --k-good:#d3f4dc; --k-bad:#ffd6d8; --k-warn:#ffdfae; --k-info:#8fc0e6; --k-gold:#ffd24a; --k-purple:#dcb9ff; --k-lead:#ffd24a; --k-badge:#5c7189;
  --k-hov-success:rgba(24,104,56,.55); --k-hov-warning:rgba(150,112,20,.55); --k-hov-danger:rgba(150,34,34,.55);
  --k-hov-active:rgba(90,110,140,.35); --k-hov-info:rgba(36,94,150,.35);
  --k-alert-info:#1e3245; --k-alert-info-b:#2f5675; --k-alert-info-t:#cfe0ee;
}
/* Светлая тема — включается переключателем в шапке (шапка и футер остаются тёмными). */
html[data-theme="light"]{
  --k-bg:#f1f4f8; --k-bg2:#ffffff; --k-panel:#ffffff; --k-panel2:#ffffff; --k-panel3:#eef2f7;
  --k-panel4:#e9eef5; --k-panel5:#dde5ef; --k-panel6:#f5f7fa;
  --k-border:#d3dae3; --k-border2:#c2ccd8; --k-border3:#aab6c5; --k-border4:#e1e6ec; --k-border5:#e6eaf0;
  --k-text:#1f2833; --k-text2:#39465a; --k-text3:#44526a; --k-muted:#5c6879; --k-muted2:#6b7686;
  --k-tbl:#ffffff; --k-tbl2:#f2f5f9; --k-tblhover:#e4eaf2;
  --k-head-bg:#dde4ee; --k-head-text:#17202b; --k-strong:#101820;
  --k-good:#1c7a44; --k-bad:#b02a2a; --k-warn:#8a6100; --k-info:#1b5e8f; --k-gold:#b45309; --k-purple:#6b3fa0; --k-lead:#c40606; --k-badge:#5a6b80;
  --k-hov-success:rgba(46,160,90,.45); --k-hov-warning:rgba(214,168,44,.48); --k-hov-danger:rgba(206,62,62,.38);
  --k-hov-active:rgba(120,140,170,.08); --k-hov-info:rgba(58,124,190,.30);
  --k-alert-info:#e8f1fb; --k-alert-info-b:#b8d3ec; --k-alert-info-t:#22384d;
}
body{background:var(--k-bg) !important;color:var(--k-text);font-family:"KodgLato","Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:var(--k-text2)}
a:hover,a:focus{color:var(--k-accent-h)}
/* рамка фокуса — только для клавиатуры (Tab), не после клика мышью */
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:0}
h1,h2,h3,h4,h5,h6{color:var(--k-text)}
h1,h2,h3{font-family:"KodgMason",Georgia,serif;letter-spacing:.5px}
hr{border-top-color:var(--k-border)}
.page-header{border-bottom-color:var(--k-border)}
small,.small,.text-muted{color:var(--k-muted)}
legend{color:var(--k-text);border-bottom-color:var(--k-border)}
code{background:var(--k-bg2);color:#ff8a8d;border:1px solid var(--k-border)}
pre{background:var(--k-bg2);border-color:var(--k-border);color:var(--k-text2)}
blockquote{border-left-color:var(--k-border);color:var(--k-text2)}
label{color:var(--k-text2);font-weight:400}
/* Таблицы заметно светлее фона страницы: так читаются и как отдельный блок,
   и тёмные клановые эмблемы combats на них не тонут. */
.table{color:var(--k-text);background:var(--k-tbl)}
thead>tr>th,.table>thead>tr>th,.table tr>th{background:var(--k-head-bg);color:var(--k-head-text);border-bottom:2px solid var(--k-border3);font-weight:700}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top-color:var(--k-border2)}
.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border-color:var(--k-border2)}
.table-striped>tbody>tr:nth-of-type(odd),.table-striped>tbody>tr:nth-of-type(odd)>td{background:var(--k-tbl2)}

/* Мобильные «карточки» таблиц (mobile-cards.css): подписи полей и белый фон строк
   заданы под светлую вёрстку — приводим к теме. */
@media (max-width:767px){
  .table-cards-mobile td:before,.table-cards-mobile td::before{color:var(--k-text2) !important}
  .table>tbody>tr:not([class]),.table-cards-mobile tbody tr:not([class]){background-color:var(--k-tbl) !important}
  .table-cards-mobile tbody tr:not([class])>td{background-color:transparent !important}
}
/* Зебра карточек аукциона (.color1/.color2 в auction/media/css/styles.css):
   один из цветов — чистый белый, на тёмной теме получалась белая полоса. */
tr.color1,tr.color1>td,tr.color1>th{background-color:var(--k-tbl) !important}
tr.color2,tr.color2>td,tr.color2>th{background-color:var(--k-tbl2) !important}
/* контекстные классы BS3 — вешаются и на tr, и на td/th, и в таблицах без класса .table */
tr.active>td,tr.active>th,td.active,th.active{background-color:rgba(120,140,170,.22) !important}
tr.success>td,tr.success>th,td.success,th.success{background-color:rgba(46,160,90,.30) !important}
tr.danger>td,tr.danger>th,td.danger,th.danger{background-color:rgba(206,62,62,.30) !important}
tr.warning>td,tr.warning>th,td.warning,th.warning{background-color:rgba(214,168,44,.30) !important}
tr.info>td,tr.info>th,td.info,th.info{background-color:rgba(58,124,190,.22) !important}
/* На ЗАГОЛОВОЧНЫХ ячейках контекстные классы используются как разделитель секции
   (например «Склонность:» в /raiting/seasons/) — там цвет не смысловой, гасим в нейтральный.
   На строках данных (tr.success и т.п. в /clans/, /locator/) цвет смысловой — остаётся. */
th.success,th.info,th.warning,th.danger,th.active,
tr.success>th,tr.info>th,tr.warning>th,tr.danger>th,tr.active>th{background-color:var(--k-panel3) !important;color:var(--k-text);border-color:var(--k-border2)}
.bg-info{background-color:rgba(58,124,190,.22) !important}
.bg-success{background-color:rgba(46,160,90,.30) !important}
.bg-warning{background-color:rgba(214,168,44,.30) !important}
.bg-danger{background-color:rgba(206,62,62,.30) !important}
.text-success{color:var(--k-good) !important}
.text-danger{color:var(--k-bad) !important}
.text-warning{color:var(--k-warn) !important}
.text-info{color:var(--k-info) !important}
.text-primary{color:var(--k-info) !important}
.table-responsive{border-color:var(--k-border)}
/* читаемость: зебра, воздух в ячейках, липкая шапка под фикс-меню */
.table>tbody>tr>td,.table>tbody>tr>th{padding:9px 10px;vertical-align:middle;line-height:1.5}
.table>tbody>tr:nth-of-type(even),.table>tbody>tr:nth-of-type(even)>td{background:var(--k-tbl2)}
/* Наведение: BS3 красит САМ tr (#f5f5f5), поэтому переопределяем и tr, и ячейки,
   иначе при прозрачной ячейке строка становится белой (было на /raiting/clans/). */
.table>tbody>tr:hover,.table>tbody>tr:hover>td,.table>tbody>tr:hover>th,
.table-hover>tbody>tr:hover,.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th,
tr.active:hover>td,tr.active:hover>th,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:var(--k-hov-active) !important;color:var(--k-text)}
tr.info:hover>td,tr.info:hover>th,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:var(--k-hov-info) !important;color:var(--k-text)}
/* цветные строки при наведении темнеют в СВОЙ цвет, а не в общий синий */
tr.success:hover>td,tr.success:hover>th,td.success:hover,th.success:hover,
.table>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:var(--k-hov-success) !important;color:var(--k-text)}
tr.warning:hover>td,tr.warning:hover>th,td.warning:hover,th.warning:hover,
.table>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:var(--k-hov-warning) !important;color:var(--k-text)}
tr.danger:hover>td,tr.danger:hover>th,td.danger:hover,th.danger:hover,
.table>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:var(--k-hov-danger) !important;color:var(--k-text)}
.table>thead>tr>th{padding:10px}
/* Внутри светлых таблиц поднимаем цвета текста: значения ниже подобраны по замеру
   контраста на фоне строк var(--k-tbl)/var(--k-tbl2) (норма 4.5). */
.table td,.table th{color:var(--k-text)}
.table small,.table .small,.table .text-muted,.table u,.table td font[color]{color:var(--k-text3) !important}
/* Статусы лотов красим адресно (по тексту, класс вешает kodgCleanup), а не общим
   правилом по инлайновому цвету — иначе перекрашивался весь красный/зелёный текст в таблицах. */
.table span.kodg-st,.kodg-st{font-weight:700}
.table span.kodg-st-sell,.kodg-st-sell{color:var(--k-gold) !important}   /* Продается — жёлтый */
.table span.kodg-st-unsold,.kodg-st-unsold{color:var(--k-bad) !important} /* Не продан — красный */
.table span.kodg-st-sold,.kodg-st-sold{color:var(--k-good) !important}   /* Продан — зелёный */
.table span.kodg-st-buyout,.kodg-st-buyout{color:var(--k-info) !important} /* Выкуплен — синий */
.table [style*="color: purple"],.table [style*="color:purple"]{color:var(--k-purple) !important}
.table [style*="color: #8ac"]{color:var(--k-info) !important}
.table .dsc > i > a:nth-child(2) > b{color:#b3b3f2}
.table .dsc > i > a:nth-child(3) > b{color:#f0c078}
.table a{color:var(--k-text2)}
.table a:hover,.table a:focus{color:var(--k-accent-h);text-decoration:underline}
.table td b,.table td strong{color:var(--k-strong)}
/* панели, врезки */
.panel{background:var(--k-panel);border-color:var(--k-border);box-shadow:none}
.panel-default,.panel-primary,.panel-info,.panel-warning,.panel-success,.panel-danger{border-color:var(--k-border)}
.panel-default>.panel-heading,.panel-primary>.panel-heading,.panel-info>.panel-heading,
.panel-warning>.panel-heading,.panel-success>.panel-heading,.panel-danger>.panel-heading{background:var(--k-head-bg);color:var(--k-head-text);border-color:var(--k-border)}
.panel-default>.panel-heading .badge,.panel-primary>.panel-heading .badge,.panel-info>.panel-heading .badge,
.panel-warning>.panel-heading .badge,.panel-success>.panel-heading .badge,.panel-danger>.panel-heading .badge,
.panel-heading .badge,.panel-title .badge{background-color:var(--k-badge);color:#fff}
/* заметка в карточке персонажа (комментарий) — выводится через .alert-danger,
   но это не ошибка; класс вешает kodgCleanup, настоящие ошибки остаются красными */
.kodg-note{background:var(--k-panel3) !important;border-color:var(--k-border2) !important;color:var(--k-text) !important}
.panel-title,.panel-title a{color:var(--k-head-text)}
/* аккордеон: строки должны читаться как отдельные элементы.
   На /auction/history/sales/ все строки лежат ВНУТРИ одной панели
   (.panel > .panel-heading + .panel-collapse ×N), поэтому разделяем сами заголовки. */
.panel-group .panel{border:1px solid var(--k-border);border-radius:3px}
.panel-group .panel+.panel{margin-top:6px}
.panel-group .panel>.panel-heading{border-top:1px solid var(--k-border);border-bottom:0;transition:background .12s}
.panel-group .panel>.panel-heading:first-child{border-top:0}
.panel-group .panel>.panel-heading:hover{background:var(--k-panel2)}
.panel-group .panel>.panel-heading:hover .panel-title{color:var(--k-accent-h)}
.panel-group .panel>.panel-collapse>.panel-body{border-top:1px solid var(--k-border);background:var(--k-panel6)}
.panel-group .panel>.panel-collapse.in+.panel-heading{border-top-color:#56697f}
.panel-footer{background:var(--k-bg2);border-color:var(--k-border);color:var(--k-muted)}
.well,.jumbotron{background:var(--k-bg2);border-color:var(--k-border);color:var(--k-text);box-shadow:none}
.thumbnail{background:var(--k-panel);border-color:var(--k-border)}
.list-group-item{background:var(--k-panel);border-color:var(--k-border);color:var(--k-text)}
.list-group-item:hover{background:var(--k-panel4)}
/* формы */
.form-control{background:var(--k-bg2);border-color:var(--k-border);color:var(--k-text);box-shadow:none}
.form-control:focus{background:var(--k-bg2);border-color:var(--k-accent);box-shadow:none;color:var(--k-text)}
.form-control[disabled],.form-control[readonly]{background:var(--k-panel6);color:var(--k-muted)}
.form-control::-webkit-input-placeholder{color:var(--k-muted2)}
.form-control::placeholder{color:var(--k-muted2)}
input,select,textarea{color-scheme:dark}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{color-scheme:light}
.input-group-addon{background:var(--k-panel4);border-color:var(--k-border);color:var(--k-text2)}
.help-block{color:var(--k-muted)}
/* кнопки */
.btn-default{background:var(--k-panel4);border-color:var(--k-border);color:var(--k-text);text-shadow:none}
.btn-default:hover,.btn-default:focus,.btn-default:active{background:var(--k-panel5);border-color:var(--k-accent);color:var(--k-text)}
.btn-primary{background:var(--k-accent);border-color:#c40606;color:#fff;text-shadow:none;background-image:none}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--k-accent-h);border-color:var(--k-accent);color:#fff}
.btn-link{color:var(--k-text2)}
.btn-link:hover{color:var(--k-accent-h)}
/* сообщения */
.alert{border-radius:3px}
.alert-info{background:var(--k-alert-info);border-color:var(--k-alert-info-b);color:var(--k-alert-info-t)}
.alert-success{background:#1e3b2c;border-color:#2f6b4b;color:#cfeadc}
.alert-warning{background:#3b3320;border-color:#6b5c2f;color:#efe3c2}
.alert-danger{background:#3d2126;border-color:#7a2b32;color:#f3cfd2}
.alert a,.alert .alert-link{color:var(--k-gold);text-decoration:underline}
.alert a:hover,.alert a:focus{color:var(--k-accent-h)}
/* в комментариях персонажей встречается легаси <font color="blue"> внутри ссылки —
   он перебивает цвет <a>, поэтому гасим его в пользу цвета ссылки */
.alert font[color],.alert a font,.alert a b,.alert a u{color:inherit !important}
/* навигация внутри страниц */
.nav-tabs{border-bottom-color:var(--k-border)}
.nav-tabs>li>a{color:var(--k-text2);border-color:transparent}
.nav-tabs>li>a:hover{background:var(--k-panel4);border-color:var(--k-border)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:var(--k-panel);border-color:var(--k-border) var(--k-border) transparent;color:var(--k-text)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover{background:var(--k-accent);color:#fff}
.nav>li>a:hover,.nav>li>a:focus{background:var(--k-panel4)}
.pagination>li>a,.pagination>li>span{background:var(--k-panel);border-color:var(--k-border);color:var(--k-text2)}
.pagination>li>a:hover{background:var(--k-panel4);border-color:var(--k-border);color:var(--k-accent-h)}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{background:var(--k-accent);border-color:var(--k-accent);color:#fff}
.pagination>.disabled>span,.pagination>.disabled>a{background:var(--k-bg2);border-color:var(--k-border);color:var(--k-muted2)}
.breadcrumb{background:var(--k-bg2)}
.dropdown-menu{background:var(--k-bg2);border-color:var(--k-border)}
.dropdown-menu>li>a{color:var(--k-text2)}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--k-panel);color:var(--k-accent-h)}
.modal-content{background:var(--k-panel);border-color:var(--k-border)}
.modal-header,.modal-footer{border-color:var(--k-border)}
.close{color:var(--k-text);text-shadow:none;opacity:.6}
.close:hover{color:var(--k-accent-h);opacity:1}
.progress{background:var(--k-bg2);box-shadow:none}
/* Подсказки (подписи к подаркам): цвет текста ОБЯЗАТЕЛЬНО свой — у Bootstrap он белый,
   а фон мы перекрасили в светлый, и в светлой теме подпись становилась белым по белому. */
.tooltip-inner{background:var(--k-bg2);border:1px solid var(--k-border);color:var(--k-text)}
.tooltip.in{opacity:1}
.tooltip.top .tooltip-arrow{border-top-color:var(--k-border)}
.tooltip.bottom .tooltip-arrow{border-bottom-color:var(--k-border)}
.tooltip.left .tooltip-arrow{border-left-color:var(--k-border)}
.tooltip.right .tooltip-arrow{border-right-color:var(--k-border)}
.popover{background:var(--k-panel);border-color:var(--k-border);color:var(--k-text)}
/* плагины: chosen, jquery-ui */
/* chosen: в открытом состоянии поверх фона рисуется светлый градиент — гасим, иначе белый текст на белом */
.chosen-container-single .chosen-single,.chosen-container-multi .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single{background:var(--k-bg2) !important;background-image:none !important;border-color:var(--k-border);color:var(--k-text);box-shadow:none}
.chosen-container-active .chosen-single,.chosen-container-active.chosen-with-drop .chosen-single{border-color:var(--k-accent)}
.chosen-container-single .chosen-single span{color:var(--k-text)}
.chosen-container-single .chosen-single abbr{filter:invert(1) brightness(1.5)}
.chosen-container .chosen-drop{background:var(--k-bg2);border-color:var(--k-border)}
.chosen-container .chosen-results li{color:var(--k-text2)}
.chosen-container .chosen-results li.highlighted{background:#a3141a;color:#fff;background-image:none}
.chosen-container .chosen-results li.result-selected{color:#ff8a8d}
.chosen-container .chosen-results li.no-results{background:var(--k-panel);color:var(--k-muted)}
.chosen-container .chosen-search input[type="text"]{background-color:var(--k-panel);border-color:var(--k-border);color:var(--k-text)}
.chosen-container-single .chosen-single div b{filter:invert(1) brightness(1.6)}
.ui-widget-content{background:var(--k-panel);border-color:var(--k-border);color:var(--k-text)}
.ui-widget-header{background:var(--k-bg2);border-color:var(--k-border);color:#fff}
.ui-datepicker td a,.ui-state-default{background:var(--k-panel4) !important;border-color:var(--k-border) !important;color:var(--k-text) !important}
.ui-state-hover,.ui-state-active{background:var(--k-accent) !important;border-color:var(--k-accent) !important;color:#fff !important}
/* инлайн-стили в легаси-разметке: светлые заливки и цветные пометки под тёмный фон */
[style*="background-color: #eaeaea"]{background-color:var(--k-panel4) !important;color:var(--k-text)}
[style*="color: green"],[style*="color:green"]{color:var(--k-good) !important}
[style*="color: red"],[style*="color:red"]{color:var(--k-bad) !important}
[style*="color: orange"],[style*="color:orange"]{color:var(--k-warn) !important}
[style*="color: purple"],[style*="color:purple"]{color:var(--k-purple) !important}
[style*="color:#8ac"]{color:var(--k-info) !important}
.dsc > i > a:nth-child(2) > b{color:#8f8fe0}
.dsc > i > a:nth-child(3) > b{color:#e0a24d}
.btn-info{background:#2c5670;border-color:#3a6d8c;background-image:none;text-shadow:none}
.btn-info:hover,.btn-info:focus{background:#356887;border-color:#4a83a6}
.btn-success{background:#2f5d7a;border-color:#3f7799;background-image:none;text-shadow:none;color:#fff}
.btn-success:hover,.btn-success:focus,.btn-success:active{background:#3a7196;border-color:#4d8cb0;color:#fff}
/* блок «Рейтинг наставников» из info.php и кнопки шаринга — убраны из шапки страниц */
[style*="border: 1px dotted #a0a0a0"]{display:none !important}
.ya-share2{display:none !important}
/* Клановые иконки combats — прозрачные GIF с тёмными пикселями, нарисованы под светлый
   фон игры. Плашку под них не ставим: вместо этого светлее сделан фон таблиц (см. выше). */
img[src*="/i/klan/"]{vertical-align:middle}
/* подсветки в описаниях лотов (инлайн из combats): жёлтый маркер и rgba-заливки */
/* ⚠️ :not([style*="border-radius"]) — иначе правило попадает в цветные точки-индикаторы
   зоны клана (<span style="background-color: yellow;…;border-radius:50%" title="В какой зоне у клана">) */
[style*="background-color: yellow"]:not([style*="border-radius"]),
[style*="background-color:yellow"]:not([style*="border-radius"]){background-color:rgba(255,209,71,.16) !important;color:#ffd147 !important;padding:0 4px;border-radius:2px}
[style*="background-color: rgba"],.kodg-hl{color:#fff !important;padding:0 3px;border-radius:2px;text-shadow:0 1px 1px rgba(0,0,0,.55)}
/* /new/ — у гайда своя светлая тема в inline-<style>, перебиваем теми же селекторами */
.guide-wrap{color:var(--k-text)}
.guide-wrap h1{color:var(--k-text)}
.guide-wrap .lead{color:var(--k-muted)}
.guide-wrap .panel{background:var(--k-panel);border-color:var(--k-border)}
.guide-wrap .panel-heading{background:var(--k-bg2) !important;border-color:var(--k-border)}
.guide-wrap .panel-heading a{color:var(--k-head-text)}
.guide-wrap .panel-heading a:hover{background:var(--k-panel4);color:var(--k-accent-h)}
.guide-wrap .panel-body{background:var(--k-panel);color:var(--k-text);border-top-color:var(--k-border4) !important}
.guide-wrap .panel-body h4{color:#ff5f63}
.guide-wrap .table>thead>tr>th{color:var(--k-head-text);border-bottom-color:var(--k-border)}
#guide-toc{background:var(--k-bg2);border-color:var(--k-border)}
#guide-toc.affix{top:72px !important}/* липкое оглавление — ниже фикс-шапки */
#guide-toc .toc-title{color:var(--k-text)}
#guide-toc a{color:var(--k-muted)}
#guide-toc a:hover,#guide-toc a.active{background:var(--k-panel);color:var(--k-accent-h)}
#back-to-top{background:var(--k-accent);box-shadow:0 2px 10px rgba(0,0,0,.5)}
#back-to-top:hover{background:var(--k-accent-h)}
.guide-credits{background:var(--k-bg2);border-color:var(--k-border);color:var(--k-muted)}
.guide-credits strong{color:var(--k-text2)}
.guide-controls .btn{background:var(--k-panel4);border-color:var(--k-border);color:var(--k-text)}
.guide-controls .btn:hover{background:var(--k-panel5);color:var(--k-accent-h)}
/* --- поправки под светлую тему (шапка/футер/небо остаются тёмными) --- */
html[data-theme="light"] .alert-success{background:#e6f4ea;border-color:#b7dfc4;color:#1c5c33}
html[data-theme="light"] .alert-warning{background:#fdf3d8;border-color:#e8d49a;color:#6b5200}
html[data-theme="light"] .alert-danger{background:#fbe6e6;border-color:#eab6b6;color:#8a1f1f}
html[data-theme="light"] .alert-success a,html[data-theme="light"] .alert-warning a,
html[data-theme="light"] .alert-danger a,html[data-theme="light"] .alert-info a{color:inherit;font-weight:700}
html[data-theme="light"] [style*="background-color: rgba"],
html[data-theme="light"] .kodg-hl{color:#17212b !important;text-shadow:none}
html[data-theme="light"] [style*="background-color: yellow"]:not([style*="border-radius"]),
html[data-theme="light"] [style*="background-color:yellow"]:not([style*="border-radius"]){background-color:rgba(214,168,44,.35) !important;color:#5f4600 !important}
html[data-theme="light"] .highcharts-background{fill:var(--k-panel)}
html[data-theme="light"] .highcharts-title,html[data-theme="light"] .highcharts-subtitle,
html[data-theme="light"] .highcharts-axis-title,html[data-theme="light"] .highcharts-axis-labels text,
html[data-theme="light"] .highcharts-legend-item text,html[data-theme="light"] .highcharts-data-labels text{fill:var(--k-text2) !important;color:var(--k-text2) !important}
html[data-theme="light"] .highcharts-grid-line{stroke:#dde3ea}
html[data-theme="light"] .highcharts-axis-line,html[data-theme="light"] .highcharts-tick{stroke:#c3ccd8}
html[data-theme="light"] img[src*="/i/klan/"]{background:none}
/* графики Highcharts */
.highcharts-background{fill:var(--k-panel)}
.highcharts-title,.highcharts-subtitle,.highcharts-axis-title,.highcharts-axis-labels text,.highcharts-legend-item text,.highcharts-data-labels text{fill:var(--k-text2) !important;color:var(--k-text2) !important}
.highcharts-grid-line{stroke:var(--k-border4)}
.highcharts-axis-line,.highcharts-tick{stroke:var(--k-border)}
.highcharts-container{border-radius:3px}

/* ==================== ФУТЕР ==================== */
.kf{position:relative;overflow:hidden;background:var(--k-chrome);border-top:2px solid var(--k-accent);color:var(--k-chrome-muted);font:14px/1.5 "KodgLato","Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:40px;clear:both}
/* декор футера в духе dev.kodg.ru: дерево слева, рыцарь справа, приглушённые */
.kf{min-height:330px;background-image:linear-gradient(180deg,rgba(27,40,53,.88) 0%,rgba(27,40,53,.55) 55%,rgba(27,40,53,.75) 100%),url("/media/decor/footerbg.webp?v=1785692092");
  background-position:center top,center bottom;background-size:auto,cover;background-repeat:no-repeat,no-repeat}
/* дерево слева и рыцарь справа — как на dev.kodg.ru */
.kf::before,.kf::after{content:"";position:absolute;bottom:0;pointer-events:none;background-repeat:no-repeat}
.kf::before{left:0;width:340px;height:100%;opacity:.75;background-image:url("/media/decor/tree.webp?v=1785689239");background-size:auto 100%;background-position:left bottom}
.kf::after{right:4%;width:100%;height:100%;opacity:.85;background-image:url("/media/decor/knight.webp?v=1785689239");background-size:auto 96%;background-position:right bottom}
.kf-in{position:relative;z-index:1}
.kf *{box-sizing:border-box}
.kf a{text-decoration:none}
.kf-in{max-width:1170px;margin:0 auto;padding:30px 15px 22px}
.kf-cols{display:flex;flex-wrap:wrap;gap:26px}
.kf-c{flex:1 1 200px;min-width:170px}
.kf-c h4{margin:0 0 11px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85);font:16px/1 "KodgMason",Georgia,serif;letter-spacing:.5px;text-transform:none;padding:0;border:0}
.kf-c ul{list-style:none;margin:0;padding:0}
.kf-c li{margin-bottom:6px}
.kf-c a{color:#c3ccd6;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.85)}
.kf-c a:hover,.kf-c a:focus{color:var(--k-accent-h);text-decoration:none}
.kf-c a.a{color:#fff;font-weight:700;padding-left:9px;margin-left:-9px;box-shadow:inset 2px 0 0 var(--k-accent)}
.kf-bot{text-shadow:0 1px 3px rgba(0,0,0,.85);display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #2c3d4e;font-size:12px;color:var(--k-chrome-muted2)}
.kf-brand{display:flex;align-items:center;gap:8px;color:#fff;font:17px/1 "KodgMason",Georgia,serif;letter-spacing:.7px}
.kf-brand:hover,.kf-brand:focus{color:var(--k-accent-h);text-decoration:none}
.kf-sp{margin-left:auto}
.kf-bot a{color:#8b949e}
.kf-bot a:hover{color:var(--k-accent-h)}
/* на телефонах в футере оставляем только подпись — ссылки есть в шапке-бургере */
@media (max-width:767px){
  .kf-cols{display:none}
  .kf::before,.kf::after{display:none}
  .kf{min-height:0;background-image:none;background:var(--k-chrome)}
  .kf-in{padding:18px 15px}
  .kf-bot{margin-top:0;padding-top:0;border-top:0}
  .kf-sp{margin-left:0;width:100%}
}