/* rg-roles | legume — список жителей и страница игроков Риджа.
   Макет — тёмная тема (карточки #232323 на клетке форума); светлая
   собрана из тех же токенов на переменных темы. Тёмная — .dark на <html>.
   Цвета правятся только в токенах --rgr-* ниже. */
.rgr-page{
    --rgr-card:rgba(var(--pun, 225, 226, 226), .94);
    --rgr-panel:rgba(var(--pun, 225, 226, 226), .9);
    --rgr-txt:rgb(var(--text, 30, 30, 32));
    --rgr-dim:rgba(var(--text, 30, 30, 32), .6);
    --rgr-line:rgba(var(--text, 30, 30, 32), .28);
    --rgr-acc:#a8603c;                    /* имена, «верит», линии карточки */
    --rgr-f:#6e4f49;                      /* вкладка «женщины» */
    --rgr-m:#4d6670;                      /* вкладка «мужчины» */
    --rgr-chip:rgb(var(--link, 56, 108, 110));
    --rgr-sans:var(--font5, 'Jost', sans-serif);
    --rgr-serif:var(--font2, 'The Silver Editorial', serif);
    font-family:var(--rgr-sans); color:var(--rgr-txt);
}
.dark .rgr-page{
    --rgr-card:#232323;
    --rgr-panel:#232323;
    --rgr-txt:#cfcbc6;
    --rgr-dim:#9a958f;
    --rgr-line:#5e5e5e;
    --rgr-acc:#b8714a;
    --rgr-f:#4a3634;
    --rgr-m:#3d525b;
    --rgr-chip:#3c5452;
}
.rgr-page *{ box-sizing:border-box; }
.rgr-page [hidden], .rgr-modal [hidden]{ display:none !important; }
.rgr-page button{ font-family:var(--rgr-sans) !important; box-shadow:none !important; text-shadow:none !important; }

.rgr-title{ text-align:center; margin:0 0 22px; font-weight:400; }
.rgr-title span{ display:inline-block; background:var(--rgr-panel); border:1px solid var(--rgr-line);
    padding:8px 28px; font:30px/1.2 var(--rgr-sans); letter-spacing:.02em; color:var(--rgr-txt); }
.rgr-intro{ text-align:center; color:var(--rgr-dim); margin:-8px 0 18px; font-size:13px; }

/* верхняя строка: вкладки слева, поиск и сортировки справа */
.rgr-bar{ display:flex; flex-wrap:wrap; gap:14px 24px; justify-content:space-between; align-items:flex-start; margin-bottom:12px; }
.rgr-tabs{ display:flex; gap:20px; flex-wrap:wrap; }
.rgr-page .rgr-tab{ min-width:124px; padding:6px 16px !important; font-size:21px !important; color:var(--rgr-txt) !important;
    background:var(--rgr-panel) !important; border:1px solid var(--rgr-line) !important; border-radius:0 !important; cursor:pointer; }
.rgr-page .rgr-tab-f{ background:var(--rgr-f) !important; color:#e6dfda !important; }
.rgr-page .rgr-tab-m{ background:var(--rgr-m) !important; color:#e1e7ea !important; }
.rgr-page .rgr-tab small{ font-size:11px; margin-left:6px; opacity:.6; vertical-align:super; }
.rgr-page .rgr-tab.is-on{ outline:1px solid var(--rgr-acc); outline-offset:2px; }

.rgr-tools{ display:flex; flex-direction:column; gap:8px; flex:0 1 360px; }
.rgr-searchrow{ display:flex; gap:14px; }
.rgr-q{ flex:1; min-width:0; font:15px var(--rgr-sans); color:var(--rgr-txt); background:var(--rgr-panel);
    border:1px solid var(--rgr-line); border-radius:0; padding:4px 12px; }
.rgr-q:focus{ outline:none; border-color:var(--rgr-acc); }
.rgr-page .rgr-more{ background:var(--rgr-acc) !important; color:#2a1d16 !important; border:1px solid var(--rgr-line) !important;
    border-radius:0 !important; padding:2px 14px !important; font-size:15px !important; cursor:pointer; }
.rgr-page .rgr-more.is-on{ color:#fff !important; }
.rgr-sorts{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }

.rgr-page .rgr-chip{ background:var(--rgr-chip) !important; color:#dfe4e2 !important; border:1px solid var(--rgr-line) !important;
    border-radius:0 !important; padding:3px 14px !important; font-size:12px !important; cursor:pointer; }
.rgr-page .rgr-chip.is-on{ background:var(--rgr-acc) !important; color:#fff !important; }
.rgr-page .rgr-reset{ background:none !important; border:0 !important; color:var(--rgr-dim) !important; font-size:12px !important; cursor:pointer; padding:0 !important; }

.rgr-filters{ display:flex; flex-wrap:wrap; gap:12px 28px; justify-content:flex-end; margin-bottom:12px; }
.rgr-fgroup{ display:flex; flex-direction:column; gap:6px; max-width:420px; }
.rgr-fgroup > span{ font-size:11px; color:var(--rgr-dim); text-align:right; }
.rgr-fgroup > div{ display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.rgr-count{ font-size:11px; color:var(--rgr-dim); text-align:right; margin-bottom:8px; }

/* сетка карточек: на 1000 px — 4 в ряд, как в макете */
.rgr-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:16px; }
.rgr-empty{ grid-column:1 / -1; text-align:center; color:var(--rgr-dim); padding:30px 0; }
.rgr-card{ position:relative; background:var(--rgr-card); border:1px solid var(--rgr-line); padding:14px 14px 16px;
    min-height:212px; display:flex; flex-direction:column; transition:border-color .2s; }
.rgr-card[data-href]{ cursor:pointer; }
.rgr-card:hover{ border-color:var(--rgr-acc); }
.rgr-top{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:30px; }
.rgr-name{ font:italic 23px/1.1 var(--rgr-serif); color:var(--rgr-acc) !important; text-decoration:none !important; text-align:center; }
.rgr-bought{ font-style:normal; font-size:15px; color:var(--rgr-dim); cursor:help; }
.rgr-sub{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; padding:8px 0 10px;
    border-bottom:1px solid var(--rgr-acc); font-size:16px; color:var(--rgr-txt); }
.rgr-age b{ font:italic 400 24px var(--rgr-serif); color:var(--rgr-dim); margin-left:4px; }
.rgr-job{ flex:1; padding:12px 0 16px; font-size:11px; line-height:1.3; color:var(--rgr-dim);
    border-bottom:1px solid var(--rgr-acc); overflow-wrap:anywhere; }
.rgr-mystic{ padding-top:14px; font-size:11px; line-height:1.3; color:var(--rgr-dim); }
.rgr-mystic b{ font-weight:400; color:var(--rgr-acc); }

/* инструменты админа: на ПК — по наведению, на телефоне — первым тапом */
.rgr-adm{ position:absolute; top:4px; right:4px; display:flex; gap:2px; opacity:0; transition:opacity .2s; }
.rgr-card:hover .rgr-adm, .rgr-card.is-tapped .rgr-adm{ opacity:1; }
.rgr-page .rgr-adm button{ background:none !important; border:0 !important; color:var(--rgr-dim) !important; cursor:pointer;
    padding:2px 4px !important; font-size:14px !important; }

/* страница игроков */
.rgr-players-page .rgr-bar .rgr-q{ max-width:360px; margin-left:auto; padding:6px 12px; }
.rgp-card{ min-height:0; cursor:default; }
.rgp-card .rgr-sub{ justify-content:center; font-size:12px; color:var(--rgr-dim); }
.rgp-roles{ list-style:none; margin:0; padding:10px 0 0; display:flex; flex-direction:column; gap:8px; }
.rgp-roles li{ font-size:13px; }
.rgp-roles li > a:first-child{ color:var(--rgr-acc) !important; font:italic 16px var(--rgr-serif); }
.rgp-roles em{ font-style:normal; font-size:10px; color:var(--rgr-dim); border:1px solid var(--rgr-line); padding:0 4px; }
.rgp-roles small{ display:block; font-size:11px; color:var(--rgr-dim); }
.rgp-ank{ font-size:11px; color:var(--rgr-dim) !important; }

/* окна правки (вне .rgr-page — токены свои) */
.rgr-ov{ position:fixed; inset:0; z-index:10000; background:rgba(0,0,0,.55); display:flex; align-items:flex-start;
    justify-content:center; overflow:auto; padding:40px 16px;
    --rgr-bg:rgb(var(--pun, 225, 226, 226)); --rgr-txt:rgb(var(--text, 30, 30, 32)); --rgr-dim:rgba(var(--text, 30, 30, 32), .55);
    --rgr-line:rgba(var(--text, 30, 30, 32), .2); --rgr-acc:#a8603c; --rgr-inbg:rgb(var(--pun-light, 248, 248, 249)); }
.dark .rgr-ov{ --rgr-bg:#232323; --rgr-txt:#cfcbc6; --rgr-dim:#9a958f; --rgr-line:#5e5e5e; --rgr-acc:#b8714a; --rgr-inbg:#1b1b1b; }
.rgr-modal{ background:var(--rgr-bg); color:var(--rgr-txt); border:1px solid var(--rgr-line); width:min(720px, 100%);
    padding:16px 20px; font-family:var(--font5, 'Jost', sans-serif); box-sizing:border-box; }
.rgr-modal *{ box-sizing:border-box; }
.rgr-mh{ display:flex; justify-content:space-between; align-items:center; font:italic 22px var(--font2, serif); color:var(--rgr-acc); margin-bottom:12px; }
.rgr-modal .rgr-x{ background:none !important; border:0 !important; font-size:24px !important; color:var(--rgr-dim) !important; cursor:pointer; }
.rgr-fgrid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:8px 14px; }
.rgr-f{ display:flex; flex-direction:column; gap:4px; margin-bottom:8px; font-size:12px; }
.rgr-f > span{ color:var(--rgr-dim); }
.rgr-in{ width:100%; font:13px var(--font5, 'Jost', sans-serif); color:var(--rgr-txt); background:var(--rgr-inbg);
    border:1px solid var(--rgr-line); border-radius:0; padding:6px 8px; }
.rgr-tick{ display:inline-flex; align-items:center; gap:6px; margin-right:14px; font-size:13px; }
.rgr-tick .rgr-in{ width:auto; }
.rgr-mbar{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.rgr-modal .rgr-btn{ font:13px var(--font5, 'Jost', sans-serif) !important; color:var(--rgr-txt) !important; background:transparent !important;
    border:1px solid var(--rgr-line) !important; border-radius:0 !important; padding:6px 14px !important; cursor:pointer; }
.rgr-modal .rgr-main{ background:var(--rgr-acc) !important; border-color:var(--rgr-acc) !important; color:#fff !important; }
.rgr-status{ font-size:12px; color:var(--rgr-acc); }
.rgp-twrow{ display:flex; gap:6px; margin-bottom:6px; }
.rgp-none{ color:var(--rgr-dim); font-size:12px; margin:4px 0; }

@media (max-width:640px){
    .rgr-title span{ font-size:22px; padding:6px 16px; }
    .rgr-tabs{ gap:8px; width:100%; }
    .rgr-page .rgr-tab{ flex:1; min-width:0; font-size:16px !important; padding:6px 8px !important; }
    .rgr-tools{ flex:1 1 100%; }
    .rgr-filters, .rgr-fgroup > div{ justify-content:flex-start; }
    .rgr-fgroup > span{ text-align:left; }
}

/* подложка по референсу (19.10): клетка под всей страницей, карточки тёмные в обеих темах */
.rgr-page, .dark .rgr-page{
    --rgr-card:#232323;
    --rgr-panel:#232323;
    --rgr-txt:#cfcbc6;
    --rgr-dim:#9a958f;
    --rgr-line:#5e5e5e;
    --rgr-acc:#b8714a;
    --rgr-f:#4a3634;
    --rgr-m:#3d525b;
    --rgr-chip:#3c5452;
    padding:30px 24px 40px;
    background:#2b2b29 url(https://notahub.ru/media/ridge/img/72927.png) center top / 100% auto repeat-y;
}
.rgr-ov{ --rgr-bg:#232323; --rgr-txt:#cfcbc6; --rgr-dim:#9a958f; --rgr-line:#5e5e5e; --rgr-acc:#b8714a; --rgr-inbg:#1b1b1b; }
/* тема форума скругляет все input */
.rgr-page .rgr-q{ border-radius:0 !important; background:var(--rgr-panel) !important; color:var(--rgr-txt) !important; border:1px solid var(--rgr-line) !important; }
@media (max-width:640px){ .rgr-page, .dark .rgr-page{ padding:16px 10px 24px; } }

/* вид Re:flection (19.10): как первое сообщение, акции, путеводитель и нужные —
   тёмные плашки rgba(27,27,26,.92) / #d6d1c4, тонкая рамка, Instrument Serif,
   скругления 8px (как в нужных), приглушённые акценты; без грубых заливок */
.rgr-page, .dark .rgr-page{
    --rgr-plate:rgba(27, 27, 26, .92);
    --rgr-card:rgba(27, 27, 26, .9);
    --rgr-panel:rgba(27, 27, 26, .92);
    --rgr-txt:#d6d1c4;
    --rgr-dim:rgba(214, 209, 196, .55);
    --rgr-line:rgba(160, 155, 140, .28);
    --rgr-acc:#c09a7c;
    --rgr-f:rgba(110, 79, 73, .55);
    --rgr-m:rgba(77, 102, 112, .55);
    --rgr-chip:rgba(27, 27, 26, .92);
    --rgr-r:8px;
    --rgr-disp:'Instrument Serif', Georgia, serif;
}
.rgr-title{ margin-bottom:26px; }
.rgr-page h2.rgr-title span{ border-radius:var(--rgr-r); border:1px solid var(--rgr-line); background:var(--rgr-plate) !important; box-shadow:0 8px 22px rgba(0, 0, 0, .35);
    padding:6px 36px 8px; font:italic 400 28px/1.1 var(--rgr-disp) !important; letter-spacing:.04em !important; text-transform:none !important; color:#d6d1c4 !important; text-shadow:none !important; }
.rgr-page .rgr-tab{ min-width:112px; padding:5px 18px 6px !important; border-radius:var(--rgr-r) !important;
    font:italic 400 19px/1.2 var(--rgr-disp) !important; letter-spacing:.03em; color:rgba(214, 209, 196, .75) !important;
    border-color:var(--rgr-line) !important; transition:background .2s, color .2s, border-color .2s; }
.rgr-page .rgr-tab-f, .rgr-page .rgr-tab-m{ color:#d6d1c4 !important; }
.rgr-page .rgr-tab:hover{ color:#d6d1c4 !important; border-color:rgba(214, 209, 196, .5) !important; }
.rgr-page .rgr-tab.is-on{ outline:none; background:#d6d1c4 !important; color:#1b1b1a !important; border-color:#d6d1c4 !important; }
.rgr-page .rgr-tab small{ font:normal 400 10px var(--rgr-sans); opacity:.55; }
.rgr-page .rgr-q{ border-radius:var(--rgr-r) !important; padding:6px 12px !important; font-size:13px !important; }
.rgr-page .rgr-q::placeholder{ color:var(--rgr-dim); }
.rgr-page .rgr-q:focus{ border-color:rgba(214, 209, 196, .55) !important; outline:none; }
.rgr-page .rgr-more, .rgr-page .rgr-chip{ background:var(--rgr-plate) !important; color:rgba(214, 209, 196, .8) !important;
    border:1px solid var(--rgr-line) !important; border-radius:var(--rgr-r) !important;
    font:400 11px/1.4 var(--rgr-sans) !important; letter-spacing:.06em; text-transform:lowercase; padding:4px 14px !important;
    transition:background .2s, color .2s; }
.rgr-page .rgr-more:hover, .rgr-page .rgr-chip:hover{ color:#d6d1c4 !important; border-color:rgba(214, 209, 196, .5) !important; }
.rgr-page .rgr-more.is-on, .rgr-page .rgr-chip.is-on{ background:#d6d1c4 !important; color:#1b1b1a !important; border-color:#d6d1c4 !important; }
.rgr-fgroup > span, .rgr-count{ letter-spacing:.08em; text-transform:lowercase; }
.rgr-grid{ gap:18px; }
.rgr-card{ border-radius:var(--rgr-r); border-color:var(--rgr-line); padding:16px 18px 18px;
    box-shadow:0 10px 26px rgba(0, 0, 0, .3); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
    transition:border-color .25s, transform .25s; }
.rgr-card:hover{ border-color:rgba(214, 209, 196, .5); transform:translateY(-2px); }
.rgr-name{ font:italic 400 25px/1.05 var(--rgr-disp); letter-spacing:.01em; color:#d6d1c4 !important; }
.rgr-sub{ border-bottom:1px solid var(--rgr-line); font-size:14px; letter-spacing:.02em; color:rgba(214, 209, 196, .85); }
.rgr-age{ font-size:12px; color:var(--rgr-dim); }
.rgr-age b{ font:italic 400 24px var(--rgr-disp); color:var(--rgr-acc); }
.rgr-job{ border-bottom:1px solid var(--rgr-line); font-size:11px; line-height:1.45; }
.rgr-mystic{ line-height:1.45; }
.rgr-mystic b{ color:var(--rgr-acc); }
.rgr-bought{ color:var(--rgr-acc); }
.rgp-roles li > a:first-child{ font-family:var(--rgr-disp); color:#d6d1c4 !important; }
.rgr-ov{ --rgr-bg:#1b1b1a; --rgr-line:rgba(160, 155, 140, .28); --rgr-acc:#c09a7c; --rgr-txt:#d6d1c4; }
.rgr-modal{ border-radius:8px; }
.rgr-mh{ font-family:'Instrument Serif', Georgia, serif; color:#d6d1c4; }
.rgr-modal .rgr-btn, .rgr-in{ border-radius:8px !important; }
.rgr-modal .rgr-main{ background:#d6d1c4 !important; border-color:#d6d1c4 !important; color:#1b1b1a !important; }
@media (prefers-reduced-motion:reduce){ .rgr-card, .rgr-card:hover{ transition:none; transform:none; } }

/* в посте темы — форум прячет h2 */
.post-content .rgr-page h2.rgr-title{ display:block !important; }