/* Home module: live faction power battle. */

.bjs-battle { display: grid; grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr); gap: clamp(44px, 8vw, 120px); align-items: center; padding: clamp(72px, 10vw, 140px) clamp(24px, 7vw, 112px); border-bottom: 1px solid var(--home-line); }
.bjs-battle h2 { font-size: clamp(58px, 7vw, 96px); line-height: .9; }
.bjs-battle__heading > p:last-child { max-width: 460px; font: 400 16px/1.65 Inter, sans-serif; }
.bjs-battle__arena { align-self: start; margin-top: -24px; }
.bjs-battle .ls-pk-bar { height: 76px; border-radius: 4px; }
.bjs-battle .ls-pk-bar__light, .bjs-battle .ls-pk-bar__dark { border-radius: 0; font-family: Inter, sans-serif; }
.bjs-battle__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.bjs-battle .ls-faction-btn { min-height: 54px; border-width: 1px; border-radius: 4px; font: 700 12px/1 Inter, sans-serif; letter-spacing: 0; }

.bjs-battle__rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 22px; border-top: 1px solid var(--home-line); }
.bjs-battle__rules > div { display: grid; min-width: 0; grid-template-columns: 1fr auto; gap: 8px 16px; padding: 20px 18px 0; }
.bjs-battle__rules > div:first-child { padding-left: 0; border-right: 1px solid var(--home-line); }
.bjs-battle__rules > div:last-child { padding-right: 0; }
.bjs-battle__rules span { color: #aeb8c1; font: 700 10px/1.2 Inter, sans-serif; }
.bjs-battle__rules strong { color: var(--home-copy); font: 700 11px/1.2 Inter, sans-serif; text-align: right; }
.bjs-battle__rules small { grid-column: 1 / -1; color: #77838e; font: 400 10px/1.5 Inter, sans-serif; }

@media (max-width: 900px) {
  .bjs-battle { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .bjs-battle__arena { margin-top: 0; }
}

@media (max-width: 620px) {
  .bjs-battle { padding-inline: 18px; }
  .bjs-battle__actions { grid-template-columns: 1fr; }
  .bjs-battle__rules { grid-template-columns: 1fr; }
  .bjs-battle__rules > div { padding: 18px 0; }
  .bjs-battle__rules > div:first-child { border-right: 0; border-bottom: 1px solid var(--home-line); }
}