/* ============================================================
   Личные блоки профиля: «Личные рекорды» и «Тильт».
   Подключается после profile.css: карточка — тот же .sessions-block,
   здесь только внутренняя раскладка.
   ============================================================ */

.pr-head, .tilt-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
  margin-bottom: 14px;
}
.pr-note, .tilt-note { margin: 4px 0 0; color: var(--text-dim); font-size: 13px; }
.pr-sub { margin: 18px 0 10px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-faint); font-weight: 600; }

/* ---- Рекорды: сетка планок ---- */
.pr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.pr-card {
  position: relative; display: flex; gap: 10px; align-items: center;
  padding: 12px 12px 12px 10px; min-height: 92px;
  border: 1px solid var(--border); border-radius: 3px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
  overflow: hidden;
}
.pr-card::before {
  content: ''; position: absolute; inset: 0 auto 0 0; width: 3px;
  background: var(--accent); opacity: .7;
}
.pr-frags::before { background: #ff7a59; }
.pr-xp::before { background: #7ec8ff; }
.pr-spotted::before { background: #8be08b; }
.pr-winStreak::before { background: #ff5aa5; }
.pr-art {
  flex: 0 0 64px; height: 44px; background: center / contain no-repeat;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .5));
}
.pr-body { min-width: 0; }
.pr-title { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-dim); white-space: nowrap; }
.pr-ico { display: inline-flex; width: 14px; height: 14px; color: var(--text-faint); }
.pr-ico svg { width: 100%; height: 100%; }
.pr-value { font-size: 26px; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; color: var(--text); font-variant-numeric: tabular-nums; }
.pr-meta { font-size: 12px; color: var(--text-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pr-dot { margin: 0 5px; opacity: .6; }

/* ---- Побитые рекорды ---- */
.pr-event-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pr-event {
  display: grid; grid-template-columns: 62px 1fr auto; column-gap: 10px; align-items: baseline;
  padding: 7px 10px; border-radius: 3px; background: rgba(255, 255, 255, .03); font-size: 13px;
}
.pr-event-when { color: var(--text-faint); font-size: 12px; }
.pr-event-what { color: var(--text); }
.pr-event-delta { font-variant-numeric: tabular-nums; color: var(--text-dim); white-space: nowrap; }
.pr-event-delta s { opacity: .55; }
.pr-event-delta b { color: var(--accent); }
.pr-event-tank { grid-column: 2 / -1; color: var(--text-faint); font-size: 12px; }

/* ---- Лучший урон по машинам ---- */
.pr-tank-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.pr-tank { display: grid; grid-template-columns: minmax(90px, 160px) 1fr 60px; align-items: center; gap: 10px; font-size: 13px; }
.pr-tank .pr-art { display: none; }
.pr-tank-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text-dim); }
.pr-bar { position: relative; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .06); overflow: hidden; }
.pr-bar i { position: absolute; inset: 0 auto 0 0; background: var(--accent-grad); border-radius: 3px; }
.pr-tank-val { text-align: right; font-variant-numeric: tabular-nums; }

/* ---- Тильт ---- */
.tilt-count { font-size: 12px; color: var(--text-faint); white-space: nowrap; margin-top: 4px; }
.tilt-live {
  position: relative; padding: 14px 16px; border-radius: 3px; margin-bottom: 14px;
  border: 1px solid var(--border); background: rgba(255, 255, 255, .03);
}
.tilt-live::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--text-faint); }
.tilt-live.is-calm::before { background: #8be08b; }
.tilt-live.is-warn::before { background: var(--accent); }
.tilt-live.is-high::before { background: #ff5a5a; }
.tilt-live.is-high { border-color: rgba(255, 90, 90, .35); background: rgba(255, 90, 90, .06); }
.tilt-live-top { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.tilt-live-state { font-weight: 800; font-size: 15px; letter-spacing: .02em; }
.is-calm .tilt-live-state { color: #8be08b; }
.is-warn .tilt-live-state { color: var(--accent); }
.is-high .tilt-live-state { color: #ff7a7a; }
.tilt-live-meta { font-size: 12px; color: var(--text-faint); }
.tilt-live-nums { display: flex; gap: 22px; flex-wrap: wrap; margin: 10px 0 8px; }
.tilt-num b { display: block; font-size: 22px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.tilt-num span { font-size: 11px; color: var(--text-faint); }
.tilt-live-text { margin: 0; font-size: 14px; color: var(--text); }
.tilt-live-why { color: var(--text-dim); }
.is-idle .tilt-live-text { color: var(--text-dim); }

.tilt-findings { display: grid; gap: 10px; }
.tilt-finding {
  position: relative; padding: 12px 14px 10px; border-radius: 3px;
  border: 1px solid var(--border); background: rgba(255, 255, 255, .025);
}
.tilt-finding::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--text-faint); opacity: .8; }
.tilt-finding.tone-bad::before { background: #ff7a59; }
.tilt-finding.tone-good::before { background: #8be08b; }
.tilt-f-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tilt-f-head h3 { margin: 0; font-size: 15px; font-weight: 700; }
.tilt-tag { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-faint); white-space: nowrap; }
.tone-bad .tilt-tag { color: #ff9a80; }
.tone-good .tilt-tag { color: #8be08b; }
.tilt-f-compare { margin: 8px 0 0; font-size: 14px; line-height: 1.45; color: var(--text-dim); }
.tilt-f-compare b { color: var(--accent); font-variant-numeric: tabular-nums; }
.tone-good .tilt-f-compare b { color: #8be08b; }
.tilt-f-text { font-weight: 600; }
.tilt-f-text { margin: 8px 0 0; font-size: 14px; line-height: 1.45; }
.tilt-extra { margin-top: 6px; font-size: 13px; color: var(--text-dim); }
.tilt-f-sample { margin-top: 8px; font-size: 11px; color: var(--text-faint); }

/* Закрытые выводы: размытая заглушка, текст в ней — рыба. */
.tilt-locked-wrap { position: relative; display: grid; gap: 10px; }
.tilt-finding.is-locked { filter: blur(4px) saturate(.6); opacity: .55; user-select: none; pointer-events: none; }
.tilt-unlock {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  padding: 10px 16px; border-radius: 3px; white-space: nowrap;
  background: var(--accent-grad); color: var(--accent-ink); font-weight: 700; font-size: 13px;
  text-decoration: none; box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
.tilt-unlock:hover { filter: brightness(1.06); }

@media (max-width: 560px) {
  .pr-grid { grid-template-columns: 1fr 1fr; }
  .pr-art { flex-basis: 52px; height: 36px; }
  .pr-value { font-size: 22px; }
  .pr-tank { grid-template-columns: 1fr 56px; }
  .pr-tank .pr-bar { display: none; }
  .tilt-live-nums { gap: 16px; }
  .tilt-unlock { white-space: normal; text-align: center; width: calc(100% - 32px); }
}

/* ---- Динамика вывода ---- */
.tilt-f-trend { margin: 6px 0 0; font-size: 13px; color: var(--text-dim); }
.tilt-f-trend b { color: var(--text); font-variant-numeric: tabular-nums; }
.tilt-trend-tag { font-weight: 700; color: var(--text-faint); }
.tilt-trend-tag.is-up { color: #8be08b; }
.tilt-trend-tag.is-down { color: #ff9a80; }

/* ---- Дневник сессий ---- */
.tilt-diary { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
.tilt-sub { margin: 0; font-size: 15px; font-weight: 700; }
.tilt-discipline { display: flex; gap: 22px; flex-wrap: wrap; margin: 12px 0 12px; }
.tilt-diary-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.tilt-session {
  position: relative; display: grid; grid-template-columns: 150px 1fr auto; gap: 10px; align-items: center;
  padding: 8px 10px 8px 14px; border-radius: 3px; background: rgba(255, 255, 255, .03); font-size: 13px;
}
.tilt-session::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: 3px 0 0 3px; background: var(--text-faint); }
.tilt-session.is-clean::before { background: #8be08b; }
.tilt-session.is-sunk::before { background: var(--accent); }
.tilt-session.is-pushed::before { background: #ff5a5a; }
.tilt-session.is-live::before { background: #7ec8ff; }
.tilt-s-when { color: var(--text); white-space: nowrap; }
.tilt-s-when i { font-style: normal; color: var(--text-faint); font-size: 12px; margin-left: 4px; }
.tilt-s-nums { color: var(--text-dim); }
.tilt-s-verdict { font-size: 12px; white-space: nowrap; color: var(--text-faint); }
.is-clean .tilt-s-verdict { color: #8be08b; }
.is-sunk .tilt-s-verdict { color: var(--accent); }
.is-pushed .tilt-s-verdict { color: #ff9a80; }
.tilt-diary-list.is-locked { filter: blur(4px); opacity: .5; pointer-events: none; user-select: none; }
@media (max-width: 560px) {
  .tilt-session { grid-template-columns: 1fr auto; }
  .tilt-s-nums { grid-column: 1 / -1; }
}

/* ---- Карточка-переключатель топа по машинам ---- */
.pr-card.is-switch { cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.pr-card.is-switch:hover { border-color: var(--border-strong); }
.pr-card.is-active { border-color: var(--accent); background: linear-gradient(180deg, rgba(255, 201, 77, .10), rgba(255, 201, 77, .03)); }
.pr-card.is-active::before { opacity: 1; }
.pr-card.is-switch:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.tilt-session.is-normal::before { background: var(--text-faint); }
.is-normal .tilt-s-verdict { color: var(--text-dim); }

/* ---- Переключатель выводов ---- */
.tilt-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 10px; }
.tilt-tab {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 3px;
  border: 1px solid var(--border); background: rgba(255, 255, 255, .03); color: var(--text-dim);
  font: inherit; font-size: 13px; cursor: pointer;
}
.tilt-tab span { font-size: 11px; color: var(--text-faint); font-variant-numeric: tabular-nums; }
.tilt-tab:hover { border-color: var(--border-strong); color: var(--text); }
.tilt-tab.is-active { border-color: var(--accent); color: var(--text); background: rgba(255, 201, 77, .08); }
.tilt-tab.is-bad.is-active { border-color: #ff7a59; background: rgba(255, 122, 89, .08); }
.tilt-tab.is-good.is-active { border-color: #8be08b; background: rgba(139, 224, 139, .08); }

/* ---- Дневник: полоска дней ---- */
.tilt-strip { display: flex; align-items: flex-end; gap: 3px; height: 72px; padding: 0 2px; }
.tilt-strip i {
  flex: 1 1 0; height: var(--h, 6%); min-width: 0; border-radius: 2px 2px 0 0;
  background: rgba(255, 255, 255, .08); transition: transform .12s ease, filter .12s ease;
}
.tilt-strip i[role=button] { cursor: pointer; }
.tilt-strip i[role=button]:hover { transform: scaleY(1.06); filter: brightness(1.2); transform-origin: bottom; }
.tilt-strip i.is-open { outline: 2px solid var(--text); outline-offset: 1px; }
.tilt-strip i.is-strong, .tilt-legend i.is-strong { background: #8be08b; }
.tilt-strip i.is-normal, .tilt-legend i.is-normal { background: rgba(255, 255, 255, .35); }
.tilt-strip i.is-weak, .tilt-legend i.is-weak { background: #ff6b5a; }
.tilt-strip i.is-short, .tilt-legend i.is-short { background: rgba(255, 255, 255, .16); }
.tilt-strip i.is-live { background: #7ec8ff; }
.tilt-strip i.is-none { background: rgba(255, 255, 255, .05); }
.tilt-strip.is-locked { filter: blur(3px); opacity: .5; pointer-events: none; }
.tilt-strip-axis { display: flex; justify-content: space-between; margin-top: 4px; font-size: 11px; color: var(--text-faint); }
.tilt-day-detail {
  position: relative; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline;
  margin-top: 10px; padding: 10px 12px 10px 14px; border-radius: 3px; background: rgba(255, 255, 255, .03); font-size: 13px;
}
.tilt-day-detail::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: 3px 0 0 3px; background: var(--text-faint); }
.tilt-day-detail.is-strong::before { background: #8be08b; }
.tilt-day-detail.is-weak::before { background: #ff6b5a; }
.tilt-day-detail.is-live::before { background: #7ec8ff; }
.tilt-day-detail b { color: var(--text); text-transform: capitalize; }
.tilt-day-detail span { color: var(--text-dim); }
.tilt-day-detail em { font-style: normal; color: var(--text-faint); margin-left: auto; }
.tilt-day-detail.is-strong em { color: #8be08b; }
.tilt-day-detail.is-weak em { color: #ff9a80; }
.tilt-legend { display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap; margin-top: 10px; font-size: 11px; color: var(--text-faint); }
.tilt-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 2px; }

/* ---- Что изменилось за месяц ---- */
.tilt-month {
  position: relative; margin: 0 0 14px; padding: 14px 16px; border-radius: 3px;
  border: 1px solid rgba(255, 201, 77, .28);
  background: radial-gradient(120% 90% at 0% 0%, rgba(255, 201, 77, .10), transparent 60%), rgba(255, 255, 255, .025);
}
.tilt-month-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.tilt-month-head .tilt-note { margin: 0; }
.tilt-month-cost { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.tilt-month-cost b { font-size: 40px; line-height: 1; font-weight: 800; color: var(--accent); font-variant-numeric: tabular-nums; }
.tilt-month-cost span { font-size: 14px; color: var(--text); max-width: 520px; }
.tilt-month-cost.is-empty b { color: var(--text-faint); }
.tilt-month-cost.is-empty span { color: var(--text-dim); }
.tilt-month-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.tilt-month-list li {
  display: grid; grid-template-columns: 22px 1fr auto auto; gap: 10px; align-items: center;
  padding: 7px 10px; border-radius: 3px; background: rgba(255, 255, 255, .03); font-size: 13px;
}
.tilt-month-arrow { font-weight: 800; text-align: center; }
.is-up .tilt-month-arrow, .is-up .tilt-month-word { color: #8be08b; }
.is-down .tilt-month-arrow, .is-down .tilt-month-word { color: #ff7a59; }
.is-flat .tilt-month-arrow, .is-flat .tilt-month-word { color: var(--text-faint); }
.tilt-month-title { color: var(--text); }
.tilt-month-nums { font-variant-numeric: tabular-nums; color: var(--text-dim); white-space: nowrap; }
.tilt-month-nums s { opacity: .55; }
.tilt-month-nums b { color: var(--text); }
.tilt-month-word { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.tilt-month .is-locked { filter: blur(4px); opacity: .5; pointer-events: none; user-select: none; }
@media (max-width: 560px) {
  .tilt-month-list li { grid-template-columns: 22px 1fr auto; }
  .tilt-month-word { display: none; }
  .tilt-month-cost b { font-size: 32px; }
}

/* ---- Компактные выводы: строка + раскрытие ---- */
.tilt-findings { gap: 4px; }
.tilt-row { border-radius: 3px; background: rgba(255, 255, 255, .03); position: relative; }
.tilt-row::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--text-faint); }
.tilt-row.tone-bad::before { background: #ff7a59; }
.tilt-row.tone-good::before { background: #8be08b; }
.tilt-row summary { display: flex; align-items: center; gap: 12px; padding: 9px 12px 9px 14px; cursor: pointer; list-style: none; font-size: 14px; }
.tilt-row summary::-webkit-details-marker { display: none; }
.tilt-row summary:hover { background: rgba(255, 255, 255, .03); }
.tilt-row-title { flex: 1; min-width: 0; }
.tilt-row-nums { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tilt-row-nums b { font-size: 15px; }
.tone-bad .tilt-row-nums b { color: #ff9a80; }
.tone-good .tilt-row-nums b { color: #8be08b; }
.tilt-row-nums i { font-style: normal; font-size: 12px; color: var(--text-faint); }
.tilt-row-body { padding: 0 12px 10px 14px; }
.tilt-row-body .tilt-f-text { margin: 0; font-size: 13px; }
.tilt-row .tilt-extra { font-size: 12px; }
.tilt-row .tilt-f-sample { margin-top: 6px; }
.tilt-locked-wrap .tilt-finding.is-locked { padding: 9px 14px; }
.tilt-locked-wrap .tilt-finding.is-locked .tilt-f-text { display: none; }
.tilt-month { padding: 12px 14px; }
.tilt-month-cost b { font-size: 30px; }
.tilt-month-cost span { font-size: 13px; }
.tilt-live { padding: 10px 14px; }
.tilt-live-nums { margin: 6px 0 4px; }
.tilt-num b { font-size: 18px; }

/* ---- Метка «видно только тебе» ---- */
.tilt-title { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tilt-private {
  display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 8px; border-radius: 999px;
  border: 1px solid rgba(160, 140, 255, .35); background: rgba(160, 140, 255, .10); color: #c3b8ff;
  font-size: 12px; font-weight: 600; letter-spacing: .01em; text-transform: none;
}
.tilt-private svg { width: 16px; height: 16px; }

/* ---- Неделя ---- */
.tilt-news { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: 3px; background: rgba(255, 255, 255, .04); margin-bottom: 10px; }
.tilt-news p { margin: 0; font-size: 15px; line-height: 1.4; color: var(--text); font-weight: 600; }
.tilt-news-ico { flex: 0 0 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; background: rgba(255, 255, 255, .08); color: var(--text-dim); }
.tilt-news.is-better { background: rgba(139, 224, 139, .08); }
.tilt-news.is-better .tilt-news-ico { background: rgba(139, 224, 139, .18); color: #8be08b; }
.tilt-news.is-worse { background: rgba(255, 122, 89, .08); }
.tilt-news.is-worse .tilt-news-ico { background: rgba(255, 122, 89, .18); color: #ff9a80; }
.tilt-news.is-same p { font-weight: 400; color: var(--text-dim); }
.tilt-week-sum { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 0 0 10px; }
.tilt-week-sum b { font-size: 26px; font-weight: 800; color: var(--accent); font-variant-numeric: tabular-nums; }
.tilt-week-sum span { font-size: 13px; color: var(--text-dim); }
.tilt-week-n { font-style: normal; font-size: 12px; color: var(--text-faint); margin-left: 6px; }
.tilt-week-cost { margin-top: 10px; font-size: 13px; color: var(--text-dim); }
.tilt-week-cost b { color: var(--text); }
.tilt-since { display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 999px; font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
.tilt-since.is-up { background: rgba(139, 224, 139, .15); color: #8be08b; }
.tilt-since.is-down { background: rgba(255, 122, 89, .15); color: #ff9a80; }
.tilt-week-cost .tilt-since.is-up { background: rgba(255, 122, 89, .15); color: #ff9a80; }
.tilt-week-cost .tilt-since.is-down { background: rgba(139, 224, 139, .15); color: #8be08b; }
.tilt-month-list.is-locked { filter: blur(4px); opacity: .5; pointer-events: none; }

.tilt-since.is-new { background: rgba(126, 200, 255, .15); color: #7ec8ff; margin-left: 8px; }
.tilt-month-cost .tilt-since { vertical-align: 1px; }
.tilt-usual { font-style: normal; font-size: 12px; color: var(--text-faint); margin-right: 6px; }

/* ---- Месяц: раскрывающаяся карточка ---- */
details.tilt-month > summary { list-style: none; cursor: pointer; }
details.tilt-month > summary::-webkit-details-marker { display: none; }
details.tilt-month .tilt-month-cost { margin-bottom: 6px; }
details.tilt-month[open] .tilt-mhints { margin-bottom: 10px; }
.tilt-month-chev { width: 9px; height: 9px; border-right: 2px solid var(--text-faint); border-bottom: 2px solid var(--text-faint); transform: rotate(45deg); transition: transform .15s ease; margin: 0 4px 4px 0; }
details.tilt-month[open] .tilt-month-chev { transform: rotate(-135deg); margin-bottom: 0; }
details.tilt-month > summary:hover .tilt-month-chev { border-color: var(--text); }
.tilt-mhints { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tilt-mhint { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 999px; }
.tilt-mhint.is-down { background: rgba(255, 122, 89, .15); color: #ff9a80; }
.tilt-mhint.is-up { background: rgba(139, 224, 139, .15); color: #8be08b; }

.tilt-month-lock { margin-top: 4px; }
.tilt-month-lock .tilt-unlock { font-size: 12px; padding: 8px 14px; }

/* ---- Выводы: раскрывающийся блок ---- */
details.tilt-fold { border: 1px solid var(--border); border-radius: 3px; padding: 10px 14px; background: rgba(255, 255, 255, .02); }
details.tilt-fold > summary { display: flex; align-items: center; gap: 12px; list-style: none; cursor: pointer; }
details.tilt-fold > summary::-webkit-details-marker { display: none; }
details.tilt-fold > summary .tilt-sub { margin: 0; }
details.tilt-fold > summary .tilt-mhints { flex: 1; }
details.tilt-fold[open] > summary { margin-bottom: 12px; }
details.tilt-fold[open] .tilt-month-chev { transform: rotate(-135deg); margin-bottom: 0; }
details.tilt-fold > summary:hover .tilt-month-chev { border-color: var(--text); }

/* ---- Заголовок «Пульс тильта» ---- */
.tilt-title { gap: 12px; }
.tilt-name { font-size: 20px; font-weight: 800; letter-spacing: -.01em; }
.tilt-name b { color: #ff6b5a; font-weight: 800; }
.tilt-pulse { display: inline-flex; width: 56px; height: 24px; }
.tilt-pulse svg { width: 100%; height: 100%; overflow: visible; }
.tilt-pulse path { fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.tilt-pulse-base { stroke: rgba(255, 107, 90, .25); }
.tilt-pulse-run {
  stroke: #ff6b5a; stroke-dasharray: 26 120; stroke-dashoffset: 26;
  filter: drop-shadow(0 0 3px rgba(255, 107, 90, .7));
  animation: tilt-beat 1.6s linear infinite;
}
@keyframes tilt-beat { from { stroke-dashoffset: 26; } to { stroke-dashoffset: -94; } }
@media (prefers-reduced-motion: reduce) { .tilt-pulse-run { animation: none; stroke-dasharray: none; } }

/* ---- Закрытое: название видно, цифры размыты ---- */
.tilt-blur { filter: blur(5px); user-select: none; opacity: .7; }
.tilt-lock-ico { display: inline-flex; width: 15px; height: 15px; color: var(--accent); flex: none; }
.tilt-lock-ico svg { width: 100%; height: 100%; }
.tilt-row-locked .tilt-row-sum { display: flex; align-items: center; gap: 12px; padding: 9px 12px 9px 14px; font-size: 14px; color: var(--text-dim); }
.tilt-row-locked { opacity: .9; }
.tilt-month-lock { margin-top: 4px; }
.tilt-month-lock li { grid-template-columns: 22px 1fr auto 20px; }
.tilt-month-lock .tilt-month-title { color: var(--text-dim); }
.tilt-unlock.tilt-unlock-inline { position: static; transform: none; display: block; text-align: center; margin-top: 8px; }

/* ---- Весь блок раскрывающийся ---- */
.tilt-block .tilt-head { cursor: pointer; margin-bottom: 0; }
.tilt-block.is-open .tilt-head { margin-bottom: 14px; }
.tilt-head-side { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.tilt-head-side .tilt-count { margin-top: 0; }
.tilt-block.is-open .tilt-head-side .tilt-month-chev { transform: rotate(-135deg); margin-bottom: 0; }
.tilt-head:hover .tilt-month-chev { border-color: var(--text); }
.tilt-head:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 3px; }
.tilt-live-chip { font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.tilt-live-chip.is-calm { background: rgba(139, 224, 139, .15); color: #8be08b; }
.tilt-live-chip.is-warn { background: rgba(255, 201, 77, .15); color: var(--accent); }
.tilt-live-chip.is-high { background: rgba(255, 90, 90, .18); color: #ff7a7a; }

/* ---- Уровень тильта ---- */
.tilt-level { display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; --lv: #8be08b; }
.tilt-level.is-light { --lv: #c9e07a; }
.tilt-level.is-mid { --lv: #ffc94d; }
.tilt-level.is-high { --lv: #ff8a4d; }
.tilt-level.is-burn { --lv: #ff4d4d; }
.tilt-level-bar { display: inline-flex; gap: 3px; }
.tilt-level-bar i { width: 18px; height: 8px; border-radius: 2px; background: rgba(255, 255, 255, .08); }
.tilt-level-bar i.on { background: var(--lv); box-shadow: 0 0 6px color-mix(in srgb, var(--lv) 50%, transparent); }
.tilt-level b { font-size: 14px; color: var(--lv); }
.tilt-level-num { font-size: 12px; color: var(--text-faint); }
.tilt-level.is-burn .tilt-level-bar i.on { animation: tilt-burn 1.2s ease-in-out infinite alternate; }
@keyframes tilt-burn { from { opacity: .75; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .tilt-level.is-burn .tilt-level-bar i.on { animation: none; } }

/* ---- Почему такой уровень ---- */
.tilt-why { margin-bottom: 14px; padding: 12px 14px; border-radius: 3px; border: 1px solid var(--border); background: rgba(255, 255, 255, .025); --lv: #ffc94d; }
.tilt-why.is-calm { --lv: #8be08b; } .tilt-why.is-light { --lv: #c9e07a; } .tilt-why.is-high { --lv: #ff8a4d; } .tilt-why.is-burn { --lv: #ff4d4d; }
.tilt-why .tilt-sub { color: var(--lv); }
.tilt-why-lead { margin: 6px 0 10px; font-size: 14px; line-height: 1.45; color: var(--text-dim); }
.tilt-why-lead b { color: var(--text); }
.tilt-why-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.tilt-why-list li { display: grid; grid-template-columns: 1fr auto 48px; gap: 12px; align-items: center; padding: 8px 10px; border-radius: 3px; background: rgba(255, 255, 255, .03); font-size: 14px; }
.tilt-why-meta { font-size: 12px; color: var(--text-faint); white-space: nowrap; }
.tilt-why-list b { text-align: right; color: var(--lv); font-variant-numeric: tabular-nums; }
.tilt-why-locked { grid-template-columns: 1fr auto !important; }
.tilt-why-locked .tilt-why-title { color: var(--text-dim); }
.tilt-why-locked a { font-size: 12px; font-weight: 700; color: var(--accent); text-decoration: none; }
@media (max-width: 560px) { .tilt-why-list li { grid-template-columns: 1fr 44px; } .tilt-why-meta { grid-column: 1 / -1; grid-row: 2; } }

/* ---- Пульс тильта на телефоне: компактно ---- */
@media (max-width: 560px) {
  .sessions-block.tilt-block { padding: 14px 12px 12px; }
  .tilt-block .tilt-head { position: relative; display: block; padding-right: 28px; }
  .tilt-block .tilt-title { flex-wrap: wrap; gap: 6px 8px; margin: 0; }
  .tilt-pulse { width: 34px; height: 18px; }
  .tilt-name { font-size: 18px; }
  .tilt-private { padding: 2px 8px 2px 6px; font-size: 11px; gap: 4px; }
  .tilt-private svg { width: 13px; height: 13px; }
  .tilt-block .tilt-head > div > .tilt-note { margin-top: 4px; font-size: 12px; }
  .tilt-head-side { position: absolute; top: 2px; right: 0; margin: 0; gap: 8px; }
  .tilt-head-side .tilt-count { display: none; }
  .tilt-level { gap: 4px 8px; margin-top: 6px; }
  .tilt-level-bar i { width: 14px; height: 6px; }
  .tilt-level b { font-size: 13px; }
  .tilt-level-num { flex-basis: 100%; font-size: 11px; }
  .tilt-block.is-open .tilt-head { margin-bottom: 10px; }

  .tilt-why, .tilt-month, details.tilt-fold { padding: 10px 10px; margin-bottom: 10px; }
  .tilt-sub { font-size: 14px; }
  .tilt-why-lead { font-size: 13px; margin: 4px 0 8px; }
  .tilt-why-list li { padding: 7px 8px; font-size: 13px; gap: 2px 8px; }
  .tilt-month-head { margin-bottom: 6px; }
  .tilt-month-list li { padding: 6px 8px; gap: 8px; font-size: 12px; grid-template-columns: 16px 1fr auto; }
  .tilt-month-lock li { grid-template-columns: 16px 1fr auto 16px; }
  .tilt-usual { display: none; }
  .tilt-mhint { font-size: 11px; padding: 1px 6px; }
  .tilt-mhints .tilt-note { font-size: 11px; }
  details.tilt-fold > summary { gap: 8px; flex-wrap: wrap; }
  .tilt-tabs { gap: 4px; }
  .tilt-tab { padding: 5px 8px; font-size: 12px; }
  .tilt-row summary, .tilt-row-locked .tilt-row-sum { padding: 8px 8px 8px 12px; font-size: 13px; gap: 8px; }
  .tilt-row-nums b { font-size: 14px; }
  .tilt-row-nums i { display: none; }
  .tilt-row-body { padding: 0 8px 8px 12px; }
  .tilt-live { padding: 8px 10px; }
  .tilt-live-nums { gap: 12px; }
  .tilt-unlock.tilt-unlock-inline { font-size: 12px; padding: 9px 12px; }
}
@media (max-width: 560px) {
  details.tilt-fold > summary { display: grid; grid-template-columns: 1fr auto; row-gap: 4px; }
  details.tilt-fold > summary .tilt-sub { grid-column: 1; grid-row: 1; }
  details.tilt-fold > summary .tilt-month-chev { grid-column: 2; grid-row: 1; }
  details.tilt-fold > summary .tilt-mhints { grid-column: 1 / -1; grid-row: 2; }
  .tilt-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .tilt-tabs::-webkit-scrollbar { display: none; }
  .tilt-tab { flex: none; white-space: nowrap; }
  .tilt-usual { display: inline; font-size: 11px; margin-right: 4px; }
  .tilt-row-nums { flex-direction: column; align-items: flex-end; gap: 0; }
  .tilt-row-nums i { display: block; font-size: 10px; }
}
/* ---- Рекорды на телефоне: картинка над цифрой, подписи целиком ---- */
@media (max-width: 560px) {
  .pr-card { flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 10px 10px 12px; min-height: 0; }
  .pr-art { flex: none; width: 56px; height: 30px; background-position: left center; }
  .pr-title { white-space: normal; font-size: 11px; line-height: 1.25; }
  .pr-value { font-size: 22px; }
  .pr-meta { font-size: 11px; max-width: 100%; }
}
/* Кнопка под списком — во всю ширину, а не 100% − 32px от старого правила для кнопки поверх размытия. */
.tilt-unlock.tilt-unlock-inline { width: auto; box-sizing: border-box; }

/* ---- Личные рекорды: выпадающий блок ---- */
.pr-block .pr-head { cursor: pointer; margin-bottom: 0; align-items: flex-start; }
.pr-block.is-open .pr-head { margin-bottom: 14px; }
.pr-title-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pr-fresh { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: rgba(255, 201, 77, .15); color: var(--accent); }
.pr-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.pr-block.is-open .pr-chips { display: none; }
.pr-chip { display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 10px; border-radius: 3px; background: rgba(255, 255, 255, .04); border-left: 2px solid var(--accent); font-size: 13px; }
.pr-chip.pr-frags { border-left-color: #ff7a59; } .pr-chip.pr-xp { border-left-color: #7ec8ff; }
.pr-chip.pr-spotted { border-left-color: #8be08b; } .pr-chip.pr-winStreak { border-left-color: #ff5aa5; }
.pr-chip i { font-style: normal; font-size: 11px; color: var(--text-faint); }
.pr-chip b { font-variant-numeric: tabular-nums; }
.pr-chev { flex: none; width: 9px; height: 9px; margin: 8px 4px 0 0; border-right: 2px solid var(--text-faint); border-bottom: 2px solid var(--text-faint); transform: rotate(45deg); transition: transform .15s ease; }
.pr-block.is-open .pr-chev { transform: rotate(-135deg); margin-top: 12px; }
.pr-head:hover .pr-chev { border-color: var(--text); }
.pr-head:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 3px; }
@media (max-width: 560px) {
  .sessions-block.pr-block { padding: 14px 12px 12px; }
  .pr-chip { padding: 3px 7px; font-size: 12px; }
}

/* ---- Рекорды вечера и кнопка «Поделиться» ---- */
.pr-share-row { display: flex; justify-content: flex-end; margin: -4px 0 10px; }
.pr-share {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 3px; cursor: pointer;
  border: 1px solid rgba(255, 201, 77, .45); background: rgba(255, 201, 77, .08); color: var(--accent);
  font: inherit; font-size: 13px; font-weight: 700;
}
.pr-share svg { width: 16px; height: 16px; }
.pr-share:hover { background: rgba(255, 201, 77, .16); }
.pr-share:disabled { opacity: .6; cursor: default; }
.pr-sessions { margin-top: 4px; }
.pr-session-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.pr-session { position: relative; padding: 12px 12px 12px 14px; border: 1px solid var(--border); border-radius: 3px; background: rgba(255, 255, 255, .03); overflow: hidden; }
.pr-session::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--c); }
.pr-session .pr-value { color: var(--c); }
.pr-unit { font-size: 12px; font-weight: 500; color: var(--text-faint); margin-left: 6px; letter-spacing: 0; }
.pr-session .pr-meta { white-space: normal; }
@media (max-width: 560px) {
  .pr-session-grid { grid-template-columns: 1fr; gap: 6px; }
  .pr-share-row { justify-content: stretch; }
  .pr-share { width: 100%; justify-content: center; }
}

/* ---- Пять рекордов в один ряд: машина над цифрой ---- */
.pr-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.pr-card { flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px 10px 10px 12px; min-height: 0; }
.pr-card .pr-art { flex: none; width: 76px; height: 40px; background-position: left center; }
.pr-card .pr-body { width: 100%; }
.pr-card .pr-title { white-space: normal; line-height: 1.25; }
.pr-session-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .pr-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .pr-grid { grid-template-columns: 1fr 1fr; }
  .pr-session-grid { grid-template-columns: 1fr; }
}

/* ---- Рекорды на телефоне: строки, а не плитки ---- */
@media (max-width: 560px) {
  .pr-grid { grid-template-columns: 1fr; gap: 4px; }
  .pr-card {
    display: grid; grid-template-columns: 48px 1fr auto; grid-template-rows: auto auto;
    column-gap: 10px; row-gap: 0; align-items: center; padding: 7px 10px 7px 12px;
  }
  .pr-card .pr-art { grid-column: 1; grid-row: 1 / 3; width: 48px; height: 26px; }
  .pr-card .pr-body { display: contents; }
  .pr-card .pr-title { grid-column: 2; grid-row: 1; font-size: 12px; white-space: nowrap; }
  .pr-card .pr-ico { display: none; }
  .pr-card .pr-meta { grid-column: 2; grid-row: 2; font-size: 11px; }
  .pr-card .pr-value { grid-column: 3; grid-row: 1 / 3; font-size: 20px; text-align: right; }
  .pr-card:not(:has(.pr-art)) .pr-title, .pr-card:not(:has(.pr-art)) .pr-meta { grid-column: 1 / 3; }

  .pr-session { display: grid; grid-template-columns: 1fr auto; column-gap: 10px; padding: 8px 10px 8px 12px; align-items: center; }
  .pr-session .pr-title { grid-column: 1; grid-row: 1; font-size: 12px; }
  .pr-session .pr-meta { grid-column: 1; grid-row: 2; font-size: 11px; }
  .pr-session .pr-value { grid-column: 2; grid-row: 1 / 3; font-size: 20px; text-align: right; }
  .pr-unit { display: block; margin: 0; font-size: 10px; }

  .pr-share-row { justify-content: flex-end; margin: 0 0 8px; }
  .pr-share { width: auto; padding: 5px 10px; font-size: 12px; }
  .pr-share svg { width: 14px; height: 14px; }
  .pr-note { font-size: 12px; }
  .pr-block .section-title-sm { font-size: 18px; }
  .pr-sub { margin: 12px 0 6px; font-size: 11px; }
  .pr-event { padding: 6px 8px; font-size: 12px; grid-template-columns: 52px 1fr auto; }
  .pr-tank { font-size: 12px; }
}

/* ---- Поделиться одним рекордом ---- */
.pr-card { position: relative; }
.pr-share-one {
  display: inline-grid; place-items: center; width: 26px; height: 26px; padding: 0; border-radius: 3px; cursor: pointer;
  border: 1px solid transparent; background: transparent; color: var(--text-faint);
}
.pr-share-one svg { width: 15px; height: 15px; }
.pr-share-one:hover { color: var(--accent); border-color: rgba(255, 201, 77, .4); background: rgba(255, 201, 77, .08); }
.pr-card .pr-share-one { position: absolute; top: 6px; right: 6px; opacity: .55; }
.pr-card:hover .pr-share-one { opacity: 1; }
.pr-tank { grid-template-columns: minmax(90px, 160px) 1fr 60px 26px; }
@media (max-width: 560px) {
  .pr-card .pr-share-one { position: static; grid-column: 4; grid-row: 1 / 3; opacity: .8; }
  .pr-card { grid-template-columns: 48px 1fr auto 26px; }
  .pr-tank { grid-template-columns: 1fr 56px 26px; }
}
/* Кнопка «Поделиться» — тихая, как у ссылки, а не плашка. */
.pr-share { padding: 4px 10px; font-size: 12px; font-weight: 600; gap: 6px; border-color: var(--border); background: transparent; color: var(--text-dim); }
.pr-share svg { width: 13px; height: 13px; }
.pr-share:hover { color: var(--accent); border-color: rgba(255, 201, 77, .45); background: rgba(255, 201, 77, .06); }
.pr-share-row { margin: -2px 0 8px; }
@media (max-width: 560px) { .pr-share { padding: 3px 8px; font-size: 11px; } }
.pr-sub-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 18px 0 10px; }
.pr-sub-row .pr-sub { margin: 0; }
@media (max-width: 560px) { .pr-sub-row { margin: 12px 0 6px; } }
/* Иконки «поделиться» на карточках убраны – остаются в списке по машинам. */
@media (max-width: 560px) { .pr-card { grid-template-columns: 48px 1fr auto; } }
/* Иконки в строках топа тоже убраны. */
.pr-tank { grid-template-columns: minmax(90px, 160px) 1fr 60px; }
.pr-share { white-space: nowrap; }
@media (max-width: 560px) { .pr-tank { grid-template-columns: 1fr 56px; } }
/* Свёрнутые рекорды на телефоне: пять плашек в одну строку, подпись над цифрой. */
@media (max-width: 560px) {
  .pr-chips { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  .pr-chip { flex-direction: column; align-items: flex-start; gap: 0; padding: 3px 4px 3px 6px; min-width: 0; }
  .pr-chip i { font-size: 10px; line-height: 1.2; }
  .pr-chip b { font-size: 13px; line-height: 1.25; white-space: nowrap; }
}
/* Без цветных полосок слева: у плашек, карточек рекордов и рекордов вечера. */
.pr-chip, .pr-chip.pr-frags, .pr-chip.pr-xp, .pr-chip.pr-spotted, .pr-chip.pr-winStreak { border-left: 0; padding-left: 8px; }
.pr-card::before, .pr-session::before { display: none; }
@media (max-width: 560px) { .pr-chip { padding-left: 6px; } }
/* Плашки: иконка номинации цветом, подпись и цифра рядом. */
.pr-chip { display: inline-grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 6px 12px 6px 10px; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .06); border-radius: 6px; }
.pr-chip-ico { grid-row: 1 / 3; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: color-mix(in srgb, var(--ci) 16%, transparent); color: var(--ci); --ci: #ffc94d; }
.pr-chip-ico svg { width: 14px; height: 14px; }
.pr-chip.pr-frags .pr-chip-ico { --ci: #ff8a6b; }
.pr-chip.pr-xp .pr-chip-ico { --ci: #7ec8ff; }
.pr-chip.pr-spotted .pr-chip-ico { --ci: #8be08b; }
.pr-chip.pr-winStreak .pr-chip-ico { --ci: #ff7ab8; }
.pr-chip i { grid-column: 2; grid-row: 1; font-size: 11px; line-height: 1.1; }
.pr-chip b { grid-column: 2; grid-row: 2; font-size: 15px; line-height: 1.2; }
@media (max-width: 560px) {
  .pr-chip { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 2px; border-radius: 6px; }
  .pr-chip-ico { width: 22px; height: 22px; }
  .pr-chip-ico svg { width: 12px; height: 12px; }
  .pr-chip i { font-size: 10px; }
  .pr-chip b { font-size: 13px; }
}

/* Сессии: подпись в одну строку, цифры на одной линии во всех четырёх плашках.
   «Ср. урон» переносился на две строки и опускал свою цифру ниже соседних. */
.sessions-summary .sess-stat { display: flex; flex-direction: column; justify-content: space-between; }
.sessions-summary .sess-stat-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 560px) { .sessions-summary .sess-stat-label { font-size: 10px; letter-spacing: .02em; } }
/* Подписи сессий переносятся как раньше, но цифра всегда прижата к низу —
   так все четыре стоят на одной линии и ничего не режется троеточием. */
.sessions-summary .sess-stat-label { white-space: normal; overflow: visible; text-overflow: clip; }
.sessions-summary .sess-stat > strong { margin-top: auto; }
/* Сессии на телефоне: короткие подписи «Урон» и «Победы», чтобы влезали в строку. */
@media (max-width: 560px) {
  .sessions-summary .sess-stat:nth-child(2) .sess-stat-label,
  .sessions-summary .sess-stat:nth-child(3) .sess-stat-label { font-size: 0; }
  .sessions-summary .sess-stat:nth-child(2) .sess-stat-label::after,
  .sessions-summary .sess-stat:nth-child(3) .sess-stat-label::after { font-size: 10px; }
  .sessions-summary .sess-stat:nth-child(2) .sess-stat-label::after { content: 'Урон'; }
  .sessions-summary .sess-stat:nth-child(3) .sess-stat-label::after { content: 'Победы'; }
}
@media (max-width: 560px) {
  .sessions-summary .sess-stat:nth-child(3) .sess-stat-label { white-space: nowrap; }
  .sessions-summary .sess-stat:nth-child(3) .sess-stat-label::before { margin-right: 5px; }
  .sessions-summary .sess-stat:nth-child(3) .sess-stat-label::after { letter-spacing: 0; }
}
/* Плашки рекордов растягиваются на всю ширину блока при любой ширине экрана. */
.pr-block .pr-head > div:first-child { flex: 1; min-width: 0; }
.pr-chips { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.pr-chip { min-width: 0; }
/* Стрелка сворачивания не отъедает колонку справа: висит в углу шапки. */
.pr-block .pr-head { position: relative; }
.pr-block .pr-head > div:first-child { padding-right: 0; }
.pr-block .pr-title-row { padding-right: 28px; }
.pr-chev { position: absolute; top: 4px; right: 4px; margin: 0; }
.pr-block.is-open .pr-chev { margin: 0; top: 8px; }
/* Плашки – углы как у карточек сессий. */
.pr-chip { border-radius: 3px; }

/* Строки сводки месяца раскрываются: расшифровка цифр и совет. */
.tilt-month-list li.tilt-month-item { display: block; padding: 0; }
.tilt-month-item > details > summary {
  display: grid; grid-template-columns: 22px minmax(0, 1fr) auto auto; gap: 10px; align-items: center;
  padding: 7px 10px; cursor: pointer; list-style: none;
}
.tilt-month-item > details > summary::-webkit-details-marker { display: none; }
.tilt-month-item > details > summary:hover { background: rgba(255, 255, 255, .03); }
.tilt-month-item .tilt-month-title { min-width: 0; }
.tilt-month-more { padding: 0 10px 10px 42px; font-size: 13px; color: var(--text-dim); line-height: 1.45; }
.tilt-month-more p { margin: 0 0 6px; }
.tilt-month-more b { color: var(--text); }
.tilt-month-advice { color: var(--text); font-weight: 600; }
@media (max-width: 560px) {
  .tilt-month-item > details > summary { grid-template-columns: 16px minmax(0, 1fr) auto; gap: 8px; padding: 6px 8px; }
  .tilt-month-more { padding: 0 8px 8px 32px; font-size: 12px; }
}