/* MGK клуб и кабинет · «Остальные экраны в стиле «Друзья»» (№124, 13.10.2026). Слой поверх принятых пакетов: только правила оформления, логика страниц не меняется.
   Правила: одна золотая кнопка на экран · второстепенное за «?»/кнопкой «Все …» · ничего под нижней панелью · зоны касания ≥ 44 · видимый фокус · prefers-reduced-motion.
   Токены — как в клубе: --gold #dfbc66, --gold-hot #f4d894, --muted #a5a49b, serif New York / Georgia. */

/* ───────── фокус и движение (весь клуб и кабинет) ───────── */
:is(button,a[href],[role=button],[tabindex="0"],summary):focus-visible{outline:2px solid var(--gold-hot,#f4d894);outline-offset:2px;border-radius:12px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .btn1::after{display:none!important}
}

/* ───────── складные блоки (кнопка-заголовок «?»/«Как работает») ───────── */
.ek-tg{cursor:pointer;-webkit-tap-highlight-color:transparent}
.ek-tg .ek-q,.ek-fold>h3 .ek-q{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px -8px -8px 0;border-radius:22px;font:600 18px var(--sans,system-ui);color:var(--gold-hot,#f4d894);flex:none}
.ek-tg .ek-q::before,.ek-fold>h3 .ek-q::before{content:"?";width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(244,216,148,.45);background:rgba(10,13,18,.6)}
.ek-open .ek-tg .ek-q::before,.ek-fold.ek-open>h3 .ek-q::before{content:"×";border-color:rgba(244,216,148,.7)}

/* ───────── Игры: плитки 2 × N, золотая кнопка одна ───────── */
#v-games .rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#v-games .rows>p{grid-column:1/-1;margin:2px 4px 0}
#v-games .rows .rc{flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto;min-height:118px;padding:14px 12px 12px;gap:6px;white-space:normal}
#v-games .rows .rc::before{top:14px;bottom:auto;height:22px}
#v-games .rows .rc .av{margin:0}
#v-games .rows .rc .tx{width:100%;min-width:0}
#v-games .rows .rc .tx b{display:block;font-size:15px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
#v-games .rows .rc .tx span{display:-webkit-box;margin-top:3px;font-size:12.5px;line-height:1.3;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted,#a5a49b)}
#v-games .rows .rc .score{margin:auto 0 0;width:auto;height:auto;min-width:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1px;text-align:left;background:none;border:0;box-shadow:none;border-radius:0}
#v-games .rows .rc .score b{font-size:13px!important;font-weight:600;color:var(--gold-hot,#f4d894)}
#v-games .rows .rc .score small{font-size:12px;color:var(--muted,#a5a49b);white-space:normal;margin:0}
#v-games .rows a.rc{text-decoration:none}
/* карточка «Бриллиант» и «Задача дня»: «Играть» золотая только у одной кнопки */
#v-games.ek-one-gold #playBtn{background:linear-gradient(180deg,#0b0d11,#12161c);border:1px solid rgba(244,216,148,.32);color:var(--gold-hot,#f4d894);box-shadow:none;height:48px}
#v-games.ek-one-gold #playBtn::after{display:none}
#v-games #mgk-daily-card .btn1{min-height:48px}
#v-games #mgk-daily-card .btn2{height:44px;border:0;background:none;box-shadow:none;font-size:14px;color:var(--muted,#a5a49b)}
#v-games #mgk-daily-card h3{font-size:15px;margin:0 0 2px}
/* «Что даёт очки и значки» — за «?» */
#retScale .sec{align-items:center;min-height:44px}
#retScale:not(.ek-open) .ret-card{display:none}
#retScale .sec>span:not(.ek-q){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#retScale .sec{position:relative}

/* ───────── Рейтинг и Кубок ───────── */
/* имена партнёров (у игроков — прежнее многоточие): в две строки, слова не рвутся посреди */
#v-rating .podium [data-rating-person] .nm,#v-rating [data-rating-person] .tx b,.mgkr-name{white-space:normal!important;overflow:visible;text-overflow:clip;overflow-wrap:break-word;line-height:1.15;max-width:100%}
#v-rating .rc .score{flex:none}
#v-rating .rc .score small{white-space:nowrap}
#v-rating .rc.free.ek-hide{display:none!important}
#v-rating .rc.free .tx b{display:block}
#v-rating .games .gc.ek-more{display:none!important}
#v-rating .games.ek-all .gc.ek-more{display:grid!important}
.ek-all-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;margin-top:10px;border-radius:16px;border:1px solid rgba(244,216,148,.32);background:linear-gradient(180deg,#0b0d11,#12161c);color:var(--gold-hot,#f4d894);font:600 15px var(--sans,system-ui)}
/* блок «Ты пока не партнёр» и «Твоё место ждёт тебя» — колонкой на узких экранах */
.kbk-join,.mgkr-own{flex-wrap:wrap}
.kbk-join .kbk-btn,.kbk-join a.kbk-btn,.mgkr-own [data-mgkr-partner]{min-height:44px}
@media (max-width:400px){
  .kbk-join,.mgkr-own{flex-direction:column;align-items:stretch}
  .kbk-join .kbk-btn,.kbk-join a,.mgkr-own [data-mgkr-partner]{width:100%;justify-content:center;text-align:center}
}
.mgkr-tabs button,.mgkr-own button,.mgkr-full,.kbk-go,.kbk-btn,[data-mgkr-person]{min-height:44px}
.mgkr-own button{min-width:88px}

/* ───────── Достижения: шторка 4 × 4, полученные первыми ───────── */
#achBody .shields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 4px}
#achBody .shields .sh.on{order:-1}
#achBody .shields .sh{min-height:44px}
#achBody .shields .sh b{font-size:12.5px;line-height:1.2;overflow-wrap:anywhere}
#achBody .shields .sh.off{opacity:.78}

/* ───────── Кабинет · «Партнёры» (только разметка партнёрской вкладки) ───────── */
.partner-plates .plate button,.mgkr-tabs button,.mgkr-own button,.mgkr-full,.kbk-go,#refresh.refresh{min-height:44px}
#refresh.refresh{min-width:44px}
.partner-hero .button[data-action="partner-link"],.card .button[data-action="qr"]{background:transparent;border:1px solid rgba(244,216,148,.4);color:var(--gold-hot,#f4d894);box-shadow:none}
.partner-hero .button[data-action="partner-link"][disabled]{opacity:.5}
.ek-fold>h3{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;cursor:pointer;margin:0}
.ek-fold:not(.ek-open)>:not(h3){display:none!important}

/* обращение «ты»: слова, которые рисует сама таблица стилей рейтинга игроков */
body.soc #v-rating .pod.me .nm::after{content:" · ты"}
body.soc #v-rating .rc.me .tx b::after{content:"ты"}

/* строка «Октябрь 2026 · предварительно · обновлено …» на 360 не обрезается; подписи в строках рейтинга переносятся */
#perRow{flex-wrap:wrap;row-gap:2px}
#v-rating .rc .tx span{white-space:normal}
#retScale .sec h2{white-space:normal;min-width:0;flex:1}
#retScale .sec .ek-q{flex:none}