/* Тема «Кошелёк (B)»: Battle Pass. Разметка — lk-bp__* (battlepass.js), корень .lk-bp.lk-b-bp.
 * Mobile-first: база под 360–430px, @media (min-width) расширяет до макета LK-BattlePass. */

.lk-bp.lk-b-bp {
  --bp-surface: #1d1e23;
  --bp-border: #2c2d33;
  --bp-border-soft: #26272c;
  --bp-text: #ececee;
  --bp-dim: #a6a7ad;
  --bp-accent: #f2b94b;
  --bp-accent-2: #ffd27a;
  --bp-ok: #7fd6a3;
  --bp-reward: 112px;
  --bp-reward-icon: 60px;
  font-family:var(--lk-font, "Onest", system-ui, sans-serif) !important;
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 1180px;
  margin: 0 auto;
  padding:16px 12px 24px !important;
  box-sizing: border-box;
}

/* ---------- Шапка сезона ---------- */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero,
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero.has-status {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding:18px !important;
  border-radius:22px !important;
  border:1px solid #2c2d33 !important;
  background:#1d1e23 !important;
  box-shadow:none !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero-copy { gap: 12px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero-title-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
html.dark.lk-theme-wallet .lk-b-bp-heading { display: flex; flex-direction: column; gap: 2px; }
html.dark.lk-theme-wallet .lk-b-bp-eyebrow { color: #a6a7ad; font-size: 13px; font-weight: 600; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__title,
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero.has-status .lk-bp__title {
  margin: 0;
  font-family:var(--lk-display, "Unbounded", sans-serif) !important;
  font-size:24px !important;
  font-weight:700 !important;
  color:#ececee !important;
  letter-spacing:0 !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__meta { display: flex; flex-wrap: wrap; gap: 6px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__chip {
  padding:5px 11px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#26272c !important;
  color:#ececee !important;
  font-size:13px !important;
  font-weight:600 !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__chip--muted { color: #a6a7ad; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__chip--timer { background: #2a2416; color: #f2b94b; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__chip--timer strong { color: #f2b94b; font-variant-numeric: tabular-nums; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__lead { color: #a6a7ad; font-weight: 500; font-size: 15px; }

/* Статус: персонаж, уровень, прогресс, premium */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__toolbar--hero {
  order: -1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding:14px !important;
  border-radius:16px !important;
  border:0 !important;
  background:#26272c !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__status-line { align-items: center; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__char-locked-label { color: #a6a7ad; font-size: 12px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__char-locked-name { color: #ececee; font-size: 16px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__xp-level {
  font-family:var(--lk-display, "Unbounded", sans-serif) !important;
  font-size:22px !important;
  font-weight:700 !important;
  color:#ececee !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__xp-nums { color: #a6a7ad; font-variant-numeric: tabular-nums; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__bar {
  height: 10px;
  border-radius:999px !important;
  background:#131417 !important;
  border:0 !important;
  overflow: hidden;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__bar > span { border-radius: 999px; background: #f2b94b; box-shadow: none; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__premium { justify-self: stretch; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__premium-buy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__badge {
  display: inline-block;
  padding:6px 12px !important;
  border-radius:999px !important;
  background:#f2b94b !important;
  color:#1a1408 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
}

/* Кнопки */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__btn {
  min-height: 44px;
  padding:10px 16px !important;
  border-radius:12px !important;
  border:0 !important;
  background:#2c2d33 !important;
  color:#ececee !important;
  font: inherit;
  font-weight:700 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__btn--gold {
  background:#f2b94b !important;
  color:#1a1408 !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__btn--gold:hover { background: #ffd27a; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__btn:disabled { background: #26272c; color: #6f7077; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__btn--claim-all em {
  margin-left: 6px;
  padding:1px 7px !important;
  border-radius:999px !important;
  background:#1a1408 !important;
  color:#f2b94b !important;
  font-style: normal;
}

/* Покупка уровней: 2 в ряд на телефоне */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-levels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-pack { margin: 0; min-width: 0; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-pack--custom { grid-column: 1 / -1; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-pack-btn {
  width: 100%;
  min-height: 64px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding:12px !important;
  border-radius:14px !important;
  border:1px solid #2c2d33 !important;
  background:#131417 !important;
  color:#ececee !important;
  text-align: left;
  box-shadow:none !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-pack-btn:hover { border-color: #f2b94b; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-pack-badge {
  padding:3px 9px !important;
  border-radius:999px !important;
  background:#2a2416 !important;
  color:#f2b94b !important;
  font-weight:800 !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-pack-body { flex: 1 1 120px; min-width: 0; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-card-title { display: block; color: #ececee; font-size: 14px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-card-meta { display: block; color: #a6a7ad; font-size: 12px; font-style: normal; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-custom-input {
  width: 64px;
  min-height: 40px;
  border-radius: 10px !important;
  background: #1d1e23 !important;
  border: 1px solid #3a3b42 !important;
  color: #ececee !important;
  text-align: center;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-custom-submit {
  min-height: 44px;
  padding:0 16px !important;
  border-radius:12px !important;
  border:0 !important;
  background:#f2b94b !important;
  color:#1a1408 !important;
  font-weight:700 !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-maxed { color: #7fd6a3; margin: 0; }

/* ---------- Разделы ---------- */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rule { display: none !important; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__section {
  padding:18px !important;
  border-radius:20px !important;
  border:1px solid #2c2d33 !important;
  background:#1d1e23 !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__section-title {
  margin: 0;
  font-family:var(--lk-display, "Unbounded", sans-serif) !important;
  font-size:18px !important;
  color:#ececee !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__section-sub { color: #a6a7ad; font-size: 13px; margin: 2px 0 0; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__inline-link { color: #f2b94b; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-timer {
  padding:6px 12px !important;
  border-radius:999px !important;
  background:#26272c !important;
  color:#a6a7ad !important;
  font-size:13px !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-timer-value { color: #ececee; font-variant-numeric: tabular-nums; }

/* Задания: карточки, одна колонка на телефоне */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quests { grid-template-columns: minmax(0, 1fr); gap: 8px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quests-col { gap: 8px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding:14px !important;
  border-radius:14px !important;
  border:0 !important;
  background:#26272c !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest.is-done { background: #173326; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-top {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-top strong { color: #ececee; font-weight: 600; line-height: 1.35; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__slot { color: #a6a7ad; margin-right: 4px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-meta { display: block; margin-top: 4px; color: #a6a7ad; font-size: 13px; font-weight: 500; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest.is-done .lk-bp__quest-meta { color: #bfe9cf; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; justify-content: space-between; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-xp { color: #f2b94b; font-weight: 700; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__swap-form { margin: 0; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__btn--swap { background: #1d1e23; border: 1px solid #3a3b42; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest .lk-bp__bar { height: 8px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest.is-done .lk-bp__bar > span { background: #7fd6a3; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__pill { border-radius: 999px; padding: 1px 8px; font-size: 11px; }

/* Награды: дорожка прокручивается внутри блока, страница — нет */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__section--rewards { overflow: hidden; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rewards-scroll {
  margin: 0 -18px;
  padding:4px 18px 10px !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  scrollbar-color: #3a3b42 transparent;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rewards-track { padding: 4px 0; gap: 8px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rewards-lane { grid-template-columns: 44px max-content; gap: 6px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__lane-label {
  position: sticky;
  left: 0;
  z-index: 2;
  min-height: var(--bp-reward);
  border-radius:12px !important;
  border:0 !important;
  background:#26272c !important;
  color:#a6a7ad !important;
  font-size:10px !important;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rewards-lane:last-child .lk-bp__lane-label { background: #2a2416; color: #f2b94b; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rewards-row { gap: 6px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__reward-cell { scroll-snap-align: start; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__reward-box {
  border-radius:14px !important;
  border:1px solid #2c2d33 !important;
  background:#26272c !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__reward-cell.is-premium .lk-bp__reward-box {
  background:#201d15 !important;
  border:1px dashed #5a4a20 !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__reward-cell.is-claimable .lk-bp__reward-box {
  background:#2a2416 !important;
  border:1px solid #f2b94b !important;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__reward-cell.is-claimed .lk-bp__reward-box { background: #173326; border-color: #2f5a43; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__btn--grab { min-height: 36px; padding: 6px 10px; font-size: 13px; }

html.dark.lk-theme-wallet .lk-b-bp .lk-bp__empty,
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__bind {
  padding:20px !important;
  border-radius:20px !important;
  border:1px dashed #3a3b42 !important;
  background:#1d1e23 !important;
  color:#a6a7ad !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__empty strong,
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__bind-title { color: #ececee; font-size: 17px; margin: 0; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__bind-form { display: flex; flex-direction: column; gap: 8px; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__select {
  min-height: 46px;
  border-radius: 12px !important;
  background: #131417 !important;
  border: 1px solid #3a3b42 !important;
  color: #ececee !important;
}

/* Подтверждения и выбор награды (рисует battlepass.js) */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__claim-overlay,
.lk-bp__confirm,
.lk-bp__choice {
  border-radius:20px !important;
}
.lk-bp__tip { border-radius: 14px !important; border-color: #3a3b42 !important; background: #1d1e23 !important; }

/* ---------- Планшет и шире ---------- */
@media (min-width: 640px) {
  .lk-bp.lk-b-bp { padding: 24px 20px 32px; --bp-reward: 128px; --bp-reward-icon: 72px; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-levels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quests { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-top { flex-direction: row; justify-content: space-between; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quest-actions { flex-direction: column; align-items: flex-end; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__toolbar--hero { flex-direction: row; align-items: center; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__status-main { flex: 1 1 auto; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__bind-form { flex-direction: row; align-items: center; flex-wrap: wrap; }
}
@media (min-width: 1024px) {
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero,
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero.has-status {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    align-items: start;
    padding:24px !important;
  }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__toolbar--hero { order: 0; flex-direction: column; align-items: stretch; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__title,
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero.has-status .lk-bp__title { font-size: 30px; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-levels { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__buy-pack--custom { grid-column: auto; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__quests { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__section { padding: 22px; }
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rewards-scroll { margin: 0 -22px; padding: 4px 22px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  html.dark.lk-theme-wallet .lk-b-bp .lk-bp__rewards-scroll { scroll-behavior: auto; }
}

/* ---------- Чистовая правка Battle Pass ---------- */
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero:not(.has-status) .lk-bp__hero-title-row { padding-left: 0 !important; margin-left: 0 !important; grid-template-columns: minmax(0, 1fr) !important; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero:not(.has-status) .lk-bp__hero-copy { padding-left: 0 !important; margin-left: 0 !important; }
html.dark.lk-theme-wallet .lk-b-bp .lk-bp__hero-title-row { align-items: flex-start !important; }