.download-promo.battle-pass-promo {
  background: linear-gradient(180deg, #11233355, #0b1b28ed), url('/assets/guides-ai/mounts.webp') center / cover;
}
.bp-board {
  margin-top: 2rem;
  padding: clamp(.7rem, 3vw, 1.4rem);
  color: #f3e7c8;
  background: #132630;
  border: 1px solid #987c47;
}
.bp-board h3 { margin: .15rem 0 .4rem; color: #fae4ad; font: 2rem Georgia, serif; }
.bp-board p { margin: .45rem 0 .9rem; color: #c6d5d7; font-size: .85rem; }
.bp-board .bp-bound-warning { color: #ff8888; font-weight: 700; }
.bp-kicker { color: #e9be72; font-size: .66rem; font-weight: 800; letter-spacing: .17em; }
.bp-board table { width: max-content; border-collapse: separate; border-spacing: 0; }
.bp-board th, .bp-board td { padding: .5rem .25rem; border-bottom: 1px solid #c9b77a2e; text-align: center; }
.bp-board thead th { background: #1e3945; color: #f7d99b; font-size: clamp(.65rem, 2vw, .85rem); }
.bp-board th, .bp-board td { min-width: 6.4rem; }
.bp-board tr > :first-child { position: sticky; left: 0; z-index: 10; min-width: 5rem; background: #1e3945; }
.bp-board tbody th { color: #e0be78; }
.bp-board tbody tr:nth-child(even) { background: #ffffff06; }
.bp-board thead th.bp-milestone { background: #58482b; }
.bp-lock { display: block; margin-top: .15rem; font-size: .65rem; font-weight: 400; color: #e2d6bb; }
.bp-reward { position: relative; display: inline-flex; flex-wrap: wrap; justify-content: center; gap: .14rem; padding: .16rem; border-radius: .2rem; cursor: help; }
.bp-reward img { width: clamp(22px, 4vw, 36px); height: auto; aspect-ratio: 1; border: 1px solid #9a8453; object-fit: contain; }
.bp-reward:focus-visible { outline: 2px solid #f7d99b; }
.bp-quantity { display: block; color: #f6e6bf; font-size: .7rem; }
.bp-tooltip {
  display: none; position: absolute; z-index: 8; bottom: calc(100% + .25rem);
  width: min(10rem, 35vw); padding: .5rem; background: #091419;
  border: 1px solid #b69857; color: #fff1c9; font-size: .72rem; text-align: left;
  box-shadow: 0 .25rem .65rem #0008;
}
.bp-reward:hover .bp-tooltip, .bp-reward:focus .bp-tooltip { display: block; }
.bp-cell-locked .bp-reward img { filter: saturate(.7); }
.bp-cell-locked .bp-quantity::before { content: "🔒 "; }
.bp-reward-entry + .bp-reward-entry { margin-top: .25rem; }
.bp-board progress { width: 100%; accent-color: #d6ac5e; }
.bp-level-summary { padding: .8rem; background: #1e3945; border: 1px solid #a98e58; }
.bp-level-heading, .bp-level-detail { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem .8rem; }
.bp-level-heading strong { font: 1.5rem Georgia, serif; color: #ffe0a1; }
.bp-level-heading span, .bp-level-detail { font-size: .78rem; color: #e4e7dc; }
.bp-level-summary progress { height: 1rem; margin: .35rem 0; }
.bp-level-summary .bp-level-up { margin: .65rem 0 0; padding: .45rem .6rem; border-left: 3px solid #f0c675; background: #443b27; color: #ffdf9a; font-weight: 700; }
.bp-board details { margin: .8rem 0; font-size: .8rem; }
.bp-board details li { margin: .32rem 0; }
.bp-board .bp-buy { margin: .25rem 0; }
.bp-claim { display: grid; gap: .3rem; justify-items: center; margin-top: .3rem; }
.bp-claim select { max-width: 100%; font-size: .7rem; }
.bp-claim button { font-size: .7rem; padding: .3rem .45rem; }
.bp-claim-warning { max-width: 7.5rem; color: #ffd2a6; font-size: .7rem; line-height: 1.35; }
.bp-claim-warning:empty { display: none; }
.bp-board h4 { font: 1.4rem Georgia, serif; margin: .35rem 0; color: #fae4ad; }
.bp-board h5 { margin: .85rem 0 .4rem; color: #e9be72; font-size: .84rem; }
.bp-missions { margin: 1.5rem 0; }
.bp-mission-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%, 12rem),1fr)); gap: .5rem; }
.bp-mission-card { display: flex; flex-direction: column; padding: .65rem; border: 1px solid #9477446b; background: #19313d; }
.bp-mission-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .35rem; }
.bp-mission-heading span { color: #f5cf87; white-space: nowrap; font-size: .72rem; }
.bp-mission-card p { font-size: .75rem; }
.bp-mission-card p:first-of-type { flex: 1; }
.bp-mission-card small { font-size: .64rem; color: #c6d5d7; }
.bp-mission-card button { align-self: flex-start; margin-top: .5rem; font-size: .68rem; padding: .35rem .55rem; }
.bp-mission-card button:disabled { opacity: .55; cursor: default; }
.bp-rewards-scroll { overflow-x: auto; max-width: 100%; border: 1px solid #9477446b; scrollbar-color: #b7975f #132630; }
.bp-view-switch { display: flex; justify-content: space-between; gap: .6rem; margin: 1rem 0 .7rem; border-bottom: 1px solid #9477446b; padding-bottom: .6rem; }
.bp-view-switch .button { padding: .4rem .75rem; background: #1e3945; border: 1px solid #a98e58; color: #fff0cb; }
.bp-view-switch .button[aria-pressed="false"]:hover { background: #2a4a58; }
.bp-view-switch .button[aria-pressed="true"] { background: #e7c582; color: #152b35; border-color: #f0d49c; }
.bp-view-switch .button:focus-visible { outline: 2px solid #ffe0a1; outline-offset: 2px; }