/* 25.10 (Сергей, эскиз C): окно «Статистика» (js/stats.js) и кнопка «Статистика» в окне «Достижения» под победами. Файл чата «Механики» */
.ach-stbtn { display: flex; align-items: center; gap: 6px; margin: 4px auto 6px; padding: 5px 16px 5px 11px; border-radius: 12px; border: 2.5px solid #5b3d22; background: linear-gradient(#ffe07a, #f2ad22);
  color: #3b2a1a; font: 800 14px/1.2 Rubik, sans-serif; box-shadow: 0 3px 0 #5b3d22; cursor: pointer; }
.ach-stbtn svg { width: 16px; height: 16px; flex: none; }
.ach-stbtn:active { transform: translateY(2px); box-shadow: 0 1px 0 #5b3d22; }

#ov-stats { z-index: 51; }   /* поверх всех окон (у них 50): открывается и из «Рейтинга», и из «Достижений» */
.panel-st { max-width: 380px; }
.st-tabs { margin: 4px 0 8px; }
.st-sub { text-align: center; color: #8a7458; font-size: 14px; font-weight: 700; margin: 0 0 8px; }
.st-box { background: #fff; border-radius: 14px; padding: 10px 12px 12px; margin-bottom: 9px; }
.st-box h4 { margin: 0 0 6px; font-size: 13px; letter-spacing: .3px; text-transform: uppercase; color: #7a6a55; text-align: center; }
.st-row { display: flex; justify-content: space-between; align-items: flex-end; font-weight: 800; }
.st-row b { display: block; font-size: 26px; line-height: 1.05; }
.st-row small { display: block; font-size: 12px; color: #7a6a55; font-weight: 700; }
.st-row .st-l b { color: #2f8a12; }
.st-row .st-r { text-align: right; }
.st-row .st-r b { color: #d13b2b; }
.st-bar { height: 12px; border-radius: 7px; background: #e65a45; overflow: hidden; margin: 7px 0 6px; }
.st-bar i { display: block; height: 100%; background: #5cc12b; transition: width .3s; }
.st-bar.empty, .st-bar.empty i { background: #e2d8c6; }
.st-k { text-align: center; font-weight: 800; color: #3b2a1a; font-size: 16px; }
.st-k b { font-size: 20px; color: #c48a00; }
/* 31.10 (Сергей): кнопка «Награды» в гараже под монетами и окно «Награды» с карточками и прогрессом (js/rewlist.js) */
.gar-note .gar-rew { margin: 0 auto; }
#ov-rew .panel { width: 352px; }
.rl-note { margin-top: -4px; text-align: center; font-size: 13px; font-weight: 800; color: var(--brown); }
.rl-list { display: flex; flex-direction: column; gap: 9px; max-height: min(430px, calc(100vh - 260px)); padding: 2px 2px 4px; }
.rl-card { display: flex; gap: 10px; align-items: center; padding: 9px 12px 10px 9px; border-radius: 16px; background: #fff; border: 3px solid var(--ink); box-shadow: 0 3px 0 var(--ink); flex-shrink: 0; }
.rl-ico { flex: none; width: 42px; height: 42px; }
.rl-ico svg { width: 100%; height: 100%; display: block; }
.rl-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; color: var(--ink); text-align: left; }
.rl-card .rl-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; }   /* 01.11 (Дизайн): только строка карточки — класс rl-top ставится и окну награды (поверх гаража), без этого окно уезжало влево */
.rl-name { font-size: 16px; font-weight: 900; line-height: 1.15; }
.rl-st { flex: none; padding: 2px 8px; border-radius: 9px; font-style: normal; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .3px; color: #fff; background: #e0a21a; }
.rl-done .rl-st { background: #4caf32; }
.rl-wait .rl-st { background: #e65a45; }
.rl-off .rl-st { background: #a89a86; }
.rl-prize { font-size: 13px; font-weight: 800; line-height: 1.25; color: var(--brown); }
.rl-bar { display: block; height: 9px; border-radius: 6px; background: #e8d4a8; border: 2px solid var(--ink); overflow: hidden; }
.rl-bar i { display: block; height: 100%; background: linear-gradient(#ffd23f, #f0a400); transform-origin: 0 50%; }
.rl-done .rl-bar i { background: linear-gradient(#9be15d, #5cb83a); }
.rl-v { font-size: 12px; font-weight: 800; line-height: 1.25; color: var(--brown); }
.rl-off { opacity: .7; }
/* 31.10 (Сергей): карточки «Наград» нажимаются (js/rewlist.js rlcard); окно награды «только посмотреть» — без «Забрать», с подписью и «Понятно» */
.rl-card[data-act] { cursor: pointer; }
.rl-card[data-act]:active { transform: translateY(2px); box-shadow: 0 1px 0 var(--ink); }
.overlay.rl-view [data-act=welcometake], .overlay.rl-view [data-act=streaktake] { display: none; }
.rl-vnote { margin: 2px 0 6px; font-weight: 800; text-align: center; color: var(--brown); }
.overlay.rl-top { z-index: 60; }   /* окно награды, открытое из «Наград», — поверх гаража (оно стоит в разметке раньше) */