/* Единая сетка кнопок (BkL и «Блуждающий ритм»). Грузится последним.
   Три высоты: 48 (главное действие), 44 (всё остальное: назад, чипы, переключатели, значки шапки), 32 (мелкие чипы выбора в раунде, там мало места).
   Плашки (плитки меню, варианты ответа, строки) держат свою высоту, но в одном ряду она всегда одна.
   Надпись по центру; длинный текст переносится внутри кнопки, высота не растёт; на нажатие и смену текста размер не меняется. */
:root { --bh-l: 48px; --bh-m: 44px; --bh-s: 32px; }

/* 48: основные */
:root:root .btn, :root:root .br-btn, :root:root .nk-big, :root:root .rules-ok, :root:root .pauselayer .pbig, :root:root .tu-next {
  box-sizing: border-box; height: var(--bh-l); min-height: var(--bh-l); padding-top: 0; padding-bottom: 0; line-height: 1.15; text-align: center;
  display: inline-flex; align-items: center; justify-content: center; overflow-wrap: anywhere; overflow: hidden;
}
:root:root .br-btn, :root:root .rules-ok, :root:root .pauselayer .pbig, :root:root .tu-next { display: flex; }
:root:root .tu-next { font-size: 18px; }
:root:root .br-btn { font-size: 16px; }
:root:root .nk-big { padding-left: 14px; padding-right: 14px; }
:root:root .playing .stage.lim .btn { height: var(--bh-l); min-height: var(--bh-l); font-size: 15px; }

/* 44: стандартные */
:root:root .gback, :root:root .playing .gback, :root:root .chip, :root:root .segb, :root:root .picker .segb, :root:root .stopbtn, :root:root .cabtab, :root:root .cm-chg,
:root:root .ib, :root:root .whdr, :root:root .ixbtn, :root:root .rb, :root:root .reactions .rb, :root:root .gsbtn, :root:root .duelbtn, :root:root .tu-skip, :root:root .cm-cancel,
:root:root .rules-btn, :root:root .br-help, :root:root .pausebtn {
  box-sizing: border-box; height: var(--bh-m); min-height: var(--bh-m);
}
:root:root .gback, :root:root .playing .gback { display: inline-flex; align-items: center; margin-top: 0; margin-bottom: 12px; padding: 0 14px 0 8px; font-size: 15px; border-radius: 12px; }
:root:root .playing .gback { margin-bottom: 0; padding: 0 10px 0 6px; }
:root:root .playing .gback.stop { padding: 0 8px; }
:root:root .chip, :root:root .segb, :root:root .stopbtn, :root:root .cabtab, :root:root .cm-chg, :root:root .gsbtn, :root:root .duelbtn, :root:root .rb, :root:root .cm-cancel, :root:root .tu-skip {
  display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 1.15; padding-top: 0; padding-bottom: 0;
}
:root:root .whdr { display: inline-flex; align-items: center; }
:root:root .ib { width: 44px; }
:root:root .cm-cancel { width: 100%; }
/* 32: чипы выбора внутри раунда */
:root:root .playing .chip { height: var(--bh-s); min-height: var(--bh-s); }

/* кнопка Play и «Стоп» в одном ряду: одна высота и общая линия */
:root:root .playing .playbtn { width: 56px; height: 56px; }
:root:root .playing .prow .stopbtn { height: 56px; }

/* плашка серии в верхнем ряду: текст переносится внутри, не вылезает */
:root:root .playing .sechead .streak { white-space: normal; overflow: hidden; text-align: center; line-height: 1.15; }
:root:root .streak { box-sizing: border-box; }

/* ничего не растёт при нажатии и смене текста */
:root:root .btn:active, :root:root .br-btn:active, :root:root .chip:active { transform: none; }
html, body { overflow-x: clip; }
/* «‹ Кабинет / Профиль» над списками: та же высота, что у остальных кнопок назад */
:root:root .msback, :root:root .cbtn { height: var(--bh-m); min-height: var(--bh-m); box-sizing: border-box; padding-top: 0; padding-bottom: 0; }
/* кошелёк в шапке: имя сжимается с троеточием, монета и число всегда целые, блоки шапки не перекрываются */
:root:root .whdr { flex: none; gap: 6px; box-sizing: border-box; }
:root:root .whdr .wn { flex: 0 1 auto; min-width: 0; max-width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root:root .whdr .wc { flex: none; white-space: nowrap; }
:root:root .brand { flex: 0 1 auto; min-width: 0; overflow: hidden; }
:root:root .brand .word { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
:root:root .bar { min-width: 0; }
@media (min-width: 420px) { :root:root .whdr .wn { max-width: 96px; } }
