/* stylelint-disable -- declaration-colon-newline-after value-list-comma-newline-after value-list-comma-space-after */

@font-face {
  src: url("/fonts/muller/MullerRegular.woff2") format("woff2"),
         url("/fonts/muller/MullerRegular.woff") format("woff");
  font-family: Muller;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  src: url("/fonts/muller/MullerMedium.woff2") format("woff2"),
         url("/fonts/muller/MullerMedium.woff") format("woff");
  font-family: Muller;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  src: url("/fonts/muller/MullerBold.woff2") format("woff2"),
         url("/fonts/muller/MullerBold.woff") format("woff");
  font-family: Muller;
  font-style: normal;
  font-weight: 700;
}


/* stylelint-enable */

.battle-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  padding: 0 0 40px;
  background-color: #202328;
}

@media screen and (min-width: 48em) {
  .battle-wrap {
    padding: 0 0 80px;
  }
}

.battle-head {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1306px;
  margin: 0 0 35px;
  padding: 48px 24px 56px;
  background-color: #303641;
  background-image: url(/img/bb-pattern.svg);
}

@media screen and (min-width: 48em) {
  .battle-head {
    padding: 64px 24px 70px;
  }
}

.battle-head--inner {
  gap: 32px 80px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1128px;
}

@media screen and (min-width: 48em) {
  .battle-head--inner {
    gap: 40px 80px;
  }
}

@media screen and (min-width: 64em) {
  .battle-head--inner {
    flex-direction: row;
  }
}

.battle-head--logo {
  gap: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 48em) {
  .battle-head--logo {
    gap: 30px 0;
  }
}

@media screen and (min-width: 64em) {
  .battle-head--logo {
    gap: 50px 0;
  }
}

.battle-head--image {
  width: 220px;
  height: 120px;
}

@media screen and (min-width: 48em) {
  .battle-head--image {
    width: 360px;
    height: 188px;
  }
}

.battle-head--sponsor {
  gap: 0 8px;
  display: flex;
  position: relative;
  align-items: center;
  padding: 8px 20px;
  border: 1px solid #44d487;
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-transform: uppercase;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .battle-head--sponsor {
    padding: 8px 24px;
  }
}

.battle-head--sponsor span {
  z-index: 1;
}

.battle-head--sponsor img {
  z-index: 1;
  flex-shrink: 0;
  width: 120px;
  height: 28px;
}

@media screen and (min-width: 48em) {
  .battle-head--sponsor img {
    width: 148px;
    height: 32px;
  }
}

.battle-head--sponsor::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background-color: #44d487;
  content: '';
  filter: blur(21px);
}

.battle-head--content {
  gap: 32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 48em) {
  .battle-head--content {
    gap: 40px 0;
  }
}

@media screen and (min-width: 64em) {
  .battle-head--content {
    align-items: flex-start;
    padding: 24px 0 0;
  }
}

.battle-head--heading {
  margin: 0;
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .battle-head--heading {
    font-size: 44px;
    line-height: 50px;
  }
}

@media screen and (min-width: 64em) {
  .battle-head--heading {
    text-align: left;
  }
}

.battle-head--heading span {
  font-weight: 700;
}

.battle-head--list {
  gap: 16px;
  display: flex;
  max-width: 544px;
  margin: 0;
}

@media screen and (min-width: 48em) {
  .battle-head--list {
    gap: 16px 32px;
  }
}

.battle-head--list li {
  position: relative;
  padding: 0 0 0 32px;
  color: #aaa;
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 48em) {
  .battle-head--list li {
    font-size: 18px;
    line-height: 24px;
  }
}

.battle-head--list li span {
  color: #f4f4f4;
  font-family: "PT Serif", serif;
  font-size: 18px;
  font-weight: 700;
}

@media screen and (min-width: 48em) {
  .battle-head--list li span {
    font-size: 20px;
  }
}

.battle-head--list li::before {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.1665 11L9.6665 13.5L14.6665 8.5' stroke='%2344D587' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5001 20.2853C15.6284 20.2853 19.7858 16.1279 19.7858 10.9996C19.7858 5.87122 15.6284 1.71387 10.5001 1.71387C5.37171 1.71387 1.21436 5.87122 1.21436 10.9996C1.21436 16.1279 5.37171 20.2853 10.5001 20.2853Z' stroke='%2344D587' stroke-width='1.66667'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  content: '';
}

.battle-reward {
  gap: 16px 30px;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1294px;
  padding: 0 24px;
}

@media screen and (min-width: 78.4375em) {
  .battle-reward {
    flex-direction: row;
  }
}

.battle-prize {
  display: flex;
  justify-content: center;
  width: 100%;
}

.battle-prize--inner {
  gap: 24px 60px;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 32px;
  border-radius: 2px;
  background-color: #2b2f36;
}

@media screen and (min-width: 48em) {
  .battle-prize--inner {
    flex-direction: row;
  }
}

.battle-prize--grid {
  display: flex;
  flex-direction: column;
}

.battle-prize--intro {
  margin: 0 0 8px;
  color: #fff;
  font-family: "PT Serif", serif;
  font-size: 24px;
  line-height: 31px;
}

.battle-prize--intro_accent {
  color: #44d487;
}

.battle-prize--note {
  margin: 0 0 24px;
  color: #aaa;
  font-size: 14px;
  line-height: 16px;
}

.battle-prize--rules {
  gap: 16px 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (min-width: 64em) {
  .battle-prize--rules {
    flex-wrap: nowrap;
  }
}

.battle-prize--content {
  gap: 12px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media screen and (min-width: 64em) {
  .battle-prize--content {
    flex-wrap: nowrap;
  }
}

.battle-prize--item {
  gap: 0 8px;
  display: flex;
  align-items: center;
  padding: 9px 13px;
  border-radius: 8px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
}

.battle-prize--item_gold {
  border: 1px solid #d9a82a;
  background-image: linear-gradient(156deg, rgba(217, 168, 42, .3) -8.6%, rgba(34, 38, 45, .3) 94.98%);
}

.battle-prize--item_silver {
  border: 1px solid #aaa;
  background-image: linear-gradient(161deg, rgba(170, 170, 170, .5) -19.27%, rgba(34, 38, 45, .5) 97.17%);
}

.battle-prize--medal {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
}

.battle-prize--item_gold .battle-prize--medal {
  background-image: url(/img/bb-medal-gold.svg);
}

.battle-prize--item_silver .battle-prize--medal {
  background-image: url(/img/bb-medal-silver.svg);
}

.battle-prize--ticket {
  display: flex;
  align-items: center;
  padding: 0 2px 0 12px;
  border: 1px solid #3ba56c;
  border-radius: 8px;
}

.battle-prize--label {
  color: #fff;
  font-size: 18px;
  line-height: 1;
  white-space: nowrap;
}

.battle-prize--line {
  width: 2px;
  height: 58px;
  margin: 0 1px 0 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='60' viewBox='0 0 2 60' fill='none'%3E%3Cpath d='M0.613281 0L0.613279 59.6923' stroke='%233BA56C' stroke-width='0.932692' stroke-dasharray='3.73 3.73'/%3E%3C/svg%3E");
}

.battle-prize--num {
  position: relative;
  padding: 12px 10px;
}

.battle-prize--num::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 8px 8px 0;
  background-color: rgba(68, 212, 135, .5);
  content: '';
  filter: blur(10px);
}

.battle-prize--num span {
  z-index: 1;
  position: relative;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
}

.battle-info {
  position: relative;
  width: 100%;
  padding: 32px;
  background-color: #2b2f36;
}

.battle-info--inner {
  color: #f4f4f4;
  font-size: 16px;
  line-height: 24px;
}

.battle-info--accent {
  color: #f4f4f4;
  font-weight: 700;
}

.battle-info--accent::before {
  display: inline-flex;
  width: 22px;
  height: 22px;
  margin: 0 4px 0 0;
  transform: translateY(4px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M11 0C17.0816 0 22 4.91837 22 11C22 17.0816 17.0816 22 11 22C4.91837 22 0 17.0816 0 11C0 4.91837 4.91837 0 11 0Z' fill='%23C0180C'/%3E%3Cpath d='M9.9375 6.85761C9.9375 7.44945 10.4069 7.91884 10.9987 7.91884C11.5906 7.91884 12.0599 7.44945 12.0599 6.85761C12.0599 6.26577 11.5906 5.79639 10.9987 5.79639C10.4069 5.79639 9.9375 6.26577 9.9375 6.85761Z' fill='white'/%3E%3Cpath d='M18.3463 8.57132C17.7341 7.95907 16.9381 7.57132 16.1014 7.44887C16.0402 7.44887 15.9994 7.42846 15.9381 7.42846C15.9177 7.42846 15.8973 7.42846 15.8769 7.42846C15.8361 7.42846 15.7953 7.42846 15.7545 7.42846C15.7341 7.42846 15.7136 7.42846 15.6932 7.42846C15.632 7.42846 15.5708 7.42846 15.5096 7.42846C15.4483 7.42846 15.3871 7.42846 15.3463 7.42846C15.3259 7.42846 15.3055 7.42846 15.2851 7.42846C15.2443 7.42846 15.2239 7.42846 15.183 7.42846C15.1014 7.42846 15.0402 7.44887 14.9585 7.44887C14.1014 7.57132 13.3055 7.95907 12.6932 8.57132L10.9994 10.2652L9.8565 11.4081L8.16263 13.0815C7.69324 13.5509 7.08099 13.7754 6.46875 13.7754C5.85651 13.7754 5.24426 13.5509 4.77487 13.0815C3.8361 12.1427 3.8361 10.6325 4.77487 9.69377C5.24426 9.22438 5.85651 8.99989 6.46875 8.99989C7.08099 8.99989 7.69324 9.22438 8.16263 9.69377L9.1014 10.6325L10.2443 9.48969L9.30548 8.55091C8.38712 7.61214 8.38712 6.10193 9.30548 5.18356C9.77487 4.71418 10.3871 4.48969 10.9994 4.48969C11.6116 4.48969 12.2239 4.71418 12.6932 5.18356C13.1422 5.63254 13.3667 6.22438 13.3871 6.79581C13.8769 6.57132 14.4279 6.40805 14.979 6.34683C14.8769 5.46928 14.4688 4.65295 13.8361 4.0203C13.0606 3.2856 12.0606 2.87744 10.9994 2.87744C9.93814 2.87744 8.91773 3.2856 8.16263 4.06111C7.40753 4.83663 6.97895 5.81622 6.97895 6.89785C6.97895 7.08152 6.99936 7.2652 7.01977 7.44887C6.8361 7.42846 6.65242 7.40805 6.46875 7.40805C5.40753 7.40805 4.38712 7.81622 3.63202 8.59173C2.08099 10.1632 2.08099 12.6938 3.63202 14.2652C4.38712 15.0203 5.38712 15.4489 6.46875 15.4489C7.55038 15.4489 8.55038 15.0407 9.30548 14.2652L10.9994 12.5713L12.6932 14.2652C13.4483 15.0203 14.4483 15.4489 15.53 15.4489C16.6116 15.4489 17.6116 15.0407 18.3667 14.2652C19.9177 12.6734 19.9177 10.1223 18.3463 8.57132ZM17.2034 13.0815C16.7341 13.5509 16.1218 13.7754 15.5096 13.7754C14.8973 13.7754 14.2851 13.5509 13.8157 13.0815L12.1218 11.3876L13.8157 9.69377C14.2851 9.22438 14.8973 8.99989 15.5096 8.99989C16.1218 8.99989 16.7341 9.22438 17.2034 9.69377C18.1422 10.653 18.1422 12.1632 17.2034 13.0815Z' fill='white'/%3E%3Cpath d='M12.6938 16.8165C12.2244 17.2859 11.6122 17.5104 10.9999 17.5104C10.3877 17.5104 9.77543 17.2859 9.30604 16.8165C9.04074 16.5512 8.85706 16.2451 8.73461 15.939C8.24482 16.1839 7.73461 16.3471 7.18359 16.4288C7.38768 17.0002 7.6938 17.5308 8.14278 17.9798C8.89788 18.7349 9.89788 19.1635 10.9795 19.1635C12.0611 19.1635 13.0611 18.7553 13.8162 17.9798C14.2652 17.5308 14.5918 17.0002 14.7754 16.4288C14.2244 16.3471 13.7142 16.1839 13.2244 15.939C13.1224 16.2451 12.9387 16.5512 12.6938 16.8165Z' fill='white'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  content: '';
}

.battle-info--accent::after {
  inset: 0;
  z-index: 1;
  position: absolute;
  content: '';
}

.battle-break {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 10px 0 40px;
  padding: 0 24px;
}

@media screen and (min-width: 48em) {
  .battle-break {
    margin: 10px 0 80px;
  }
}

.battle-break--inner {
  display: flex;
  width: 100%;
  max-width: 1246px;
  padding: 48px 28px;
  border: 4px solid #44d487;
  border-radius: 2px;
  background-color: #3b404a;
}

@media screen and (min-width: 48em) {
  .battle-break--inner {
    justify-content: center;
    padding: 64px 28px;
  }
}

.battle-break--heading {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

@media screen and (min-width: 48em) {
  .battle-break--heading {
    font-size: 44px;
    line-height: 50px;
    text-align: center;
  }
}

.battle-break--heading span {
  color: #44d487;
}

.battle-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  padding: 54px 24px 40px;
}

@media screen and (min-width: 48em) {
  .battle-data {
    padding: 80px 24px;
  }
}

.battle-data--head {
  gap: 20px 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1246px;
}

@media screen and (min-width: 48em) {
  .battle-data--head {
    flex-wrap: nowrap;
  }
}

.battle-data--heading {
  width: 100%;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (min-width: 48em) {
  .battle-data--heading {
    font-size: 30px;
    line-height: 48px;
  }
}

.battle-data--heading span {
  color: #aaa;
  font-weight: 400;
}

.battle-data--note {
  width: 100%;
  max-width: 1246px;
  color: #7d7d7d;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (min-width: 48em) {
  .battle-data--note {
    font-size: 16px;
  }
}

.battle-data--note a {
  color: #bdbdbd;
}

.battle-data--cta {
  flex-shrink: 0;
  padding: 12px 20px;
  border-radius: 5px;
  background-color: #e51e25;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.battle-data--subhead {
  width: 100%;
  max-width: 1246px;
  margin: 12px 0 0;
  color: #e3e3e3;
  font-size: 16px;
  line-height: 1.46;
}

@media screen and (min-width: 48em) {
  .battle-data--subhead {
    margin: 4px 0 0;
    font-size: 18px;
  }
}

.battle-data-grid {
  gap: 20px 0;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1246px;
  padding: 32px 0 12px;
}

@media screen and (min-width: 48em) {
  .battle-data-grid {
    padding: 32px 0 16px;
  }
}

@media screen and (min-width: 64em) {
  .battle-data-grid {
    gap: 0 30px;
    grid-template-columns: repeat(3, minmax(290px, 1fr));
  }
}

.battle-table {
  display: flex;
  flex-direction: column;
  padding: 24px 0 0;
  background-color: #2b2f36;
}

.battle-table_regs {
  --table-accent-color: #44d487;
}

.battle-table_locals {
  --table-accent-color: #d9a82a;
}

.battle-table--head {
  gap: 0 12px;
  display: flex;
  align-items: flex-end;
  padding: 0 32px 16px;
  border-bottom: 3px solid var(--table-accent-color, #aaa);
}

.battle-table--heading {
  color: var(--table-accent-color, #fff);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.battle-table--subheading {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 19px;
}

.battle-table--inner {
  display: flex;
  flex-direction: column;
}

.battle-item {
  gap: 0 8px;
  display: grid;
  grid-template-columns: 20px 1fr 40px;
  padding: 16px 32px;
}

.battle-item:nth-child(odd) {
  background-color: #22262d;
}

.battle-item:nth-child(1) {
  background-color: #3f4248;
}

.battle-item:nth-child(1) .battle-item--num {
  color: #fff;
  font-size: 18px;
  line-height: 21px;
}

.battle-item:nth-child(1) .battle-item--nick {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

.battle-item:nth-child(1) .battle-item--score {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

.battle-item:nth-child(2) .battle-item--num {
  color: #fff;
  font-size: 18px;
  line-height: 21px;
}

.battle-item:nth-child(2) .battle-item--nick {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

.battle-item:nth-child(2) .battle-item--score {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

.battle-item--num {
  color: #7d7d7d;
  font-size: 16px;
  line-height: 19px;
}

.battle-item--nick {
  gap: 4px 8px;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
}

.battle-item--nick:has(.battle-item--prize) .battle-item--column {
  width: 100%;
}

@media screen and (min-width: 48em) {
  .battle-item--nick:has(.battle-item--prize) .battle-item--column {
    width: initial;
  }
}

.battle-item--column {
  margin: 0 auto 0 0;
}

.battle-item--row {
  gap: 0 8px;
  display: flex;
}

.battle-item--prize {
  padding: 1px 5px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

.battle-item--prize_gold {
  border: 1px solid #d9a82a;
  color: #d9a82a;
}

.battle-item--prize_silver {
  border: 1px solid #95979b;
  color: #95979b;
}

.battle-item--ticket {
  gap: 0 4px;
  display: flex;
  align-items: center;
  padding: 1px 5px;
  border: 1px solid #95979b;
  border-radius: 2px;
  color: #c8c9cb;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

.battle-item--ticket_std {
  --i-color1: #89909c;
  --i-color2: #22262d;
  border-color: #89909c;
  color: #89909c;
}

.battle-item--ticket svg {
  flex-shrink: 0;
  width: 16px;
  height: 17px;
}

.battle-item--score {
  color: #44d487;
  font-size: 16px;
  line-height: 19px;
  text-align: right;
}

.battle-win {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  padding: 0 24px 40px;
}

@media screen and (min-width: 48em) {
  .battle-win {
    padding: 0 24px 80px;
  }
}

.battle-win--heading {
  gap: 4px 12px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1246px;
  margin: 0 0 24px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (min-width: 48em) {
  .battle-win--heading {
    margin: 0 0 32px;
    font-size: 30px;
    line-height: 48px;
  }
}

.battle-win--heading span {
  color: #aaa;
  font-weight: 400;
}

.content_battle {
  background-color: #303641;
  background-image: url(/img/bb-pattern.svg);
}

.bb-page-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
}

@media screen and (min-width: 48em) {
  .bb-page-wrap {
    padding: 60px 24px;
  }
}

.bb-page-heading {
  margin: 0 0 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .bb-page-heading {
    font-size: 24px;
    line-height: 30px;
  }
}

.bb-page-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bb-page-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 420px;
  height: 42px;
  margin: 0 0 40px;
  padding: 0 24px 0 10px;
  border: 1px solid #616161;
  border-radius: 5px;
  background-color: #3d4452;
  background-image: url(/img/search-angle.svg);
  background-origin: content-box;
  background-position: right -14px center;
  background-repeat: no-repeat;
  background-size: 10px;
  color: #e0e0e0;
  font-family: inherit;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
}

.bb-page-button {
  gap: 0 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 30px;
  border: 1px solid #4d5159;
  border-radius: 10px;
  background-color: #303641;
  color: #e51e25;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.battle-week-grid {
  gap: 20px 15px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1246px;
}

@media screen and (min-width: 64em) {
  .battle-week-grid {
    grid-template-columns: repeat(3, minmax(290px, 1fr));
  }
}

@media screen and (min-width: 70.625em) {
  .battle-week-grid {
    gap: 0 30px;
  }
}

.battle-week {
  display: flex;
  flex-direction: column;
  padding: 16px 0 0;
  background-color: #2b2f36;
}

.battle-week_regs {
  --table-accent-color: #44d487;
}

.battle-week_locals {
  --table-accent-color: #d9a82a;
}

.battle-week--head {
  gap: 0 12px;
  display: flex;
  align-items: flex-end;
  padding: 0 24px 10px;
  border-bottom: 3px solid var(--table-accent-color, #aaa);
}

.battle-week--heading {
  color: var(--table-accent-color, #fff);
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}

.battle-week--subheading {
  color: #7d7d7d;
  font-size: 14px;
  line-height: 19px;
}

.battle-week--inner {
  display: flex;
  flex-direction: column;
}

.week-item {
  gap: 8px;
  display: grid;
  grid-template-columns: 23px 1fr 36px;
  padding: 10px 24px;
}

.week-item:nth-child(1) .week-item--num {
  font-size: 18px;
}

.week-item:nth-child(1) .week-item--nick {
  font-size: 18px;
  font-weight: 700;
}

.week-item:nth-child(1) .week-item--score {
  font-size: 18px;
  font-weight: 700;
}

.week-item:nth-child(2) .week-item--num {
  font-size: 18px;
}

.week-item:nth-child(2) .week-item--nick {
  font-size: 18px;
  font-weight: 700;
}

.week-item:nth-child(2) .week-item--score {
  font-size: 18px;
  font-weight: 700;
}

.week-item:nth-child(odd) {
  background-color: #22262d;
}

.week-item--prize {
  padding: 1px 5px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  opacity: .5;
}

.week-item--prize_gold {
  border: 1px solid #d9a82a;
  color: #d9a82a;
}

.week-item--prize_silver {
  border: 1px solid #95979b;
  color: #95979b;
}

.week-item--ticket {
  gap: 0 4px;
  display: flex;
  align-items: center;
  padding: 1px 5px;
  border: 1px solid #95979b;
  border-radius: 2px;
  color: #c8c9cb;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  opacity: .5;
}

.week-item--ticket_std {
  --i-color1: #89909c;
  --i-color2: #22262d;
  border-color: #89909c;
  color: #89909c;
}

.week-item--ticket svg {
  flex-shrink: 0;
  width: 16px;
  height: 17px;
}

.week-item--num {
  display: flex;
  color: #9e9e9e;
  font-size: 16px;
  line-height: 23px;
}

.week-item--column {
  margin: 0 auto 0 0;
}

.week-item--row {
  gap: 0 8px;
  display: flex;
  align-items: center;
}

.week-item--nick {
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #9e9e9e;
  font-size: 16px;
  line-height: 23px;
}

.week-item--nick:has(.week-item--prize) .week-item--column {
  width: 100%;
}

@media screen and (min-width: 48em) {
  .week-item--nick:has(.week-item--prize) .week-item--column {
    width: initial;
  }
}

.week-item--score {
  color: #9e9e9e;
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  text-align: right;
}

.week-item--icon {
  width: 23px;
  height: 23px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 23px;
}

.week-item--icon_bb-locals {
  background-image: url(/img/bb-locals-v3.svg);
}

.week-item--icon_bb-regs {
  background-image: url(/img/bb-regs-v3.svg);
}

.week-item--icon_bb-newbie {
  background-image: url(/img/bb-newbie-v3.svg);
}

.battle-subhead {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1246px;
  margin: 0 0 32px;
}

.battle-subhead--inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 750px;
}

.battle-subhead--inner::after,
.battle-subhead--inner::before {
  flex-grow: 1;
  height: 1px;
  background-color: #7c6529;
  content: '';
}

.battle-subhead--text {
  padding: 0 12px;
  color: #fff;
  font-family: "PT Serif", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

@media screen and (min-width: 48em) {
  .battle-subhead--text {
    padding: 0 24px;
    font-size: 30px;
    line-height: 39px;
  }
}

.battle-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  padding: 0 24px 40px;
}

@media screen and (min-width: 48em) {
  .battle-hero {
    padding: 0 24px 80px;
  }
}

.battle-hero--inner {
  gap: 40px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1246px;
}

@media screen and (min-width: 48em) {
  .battle-hero--inner {
    gap: 60px 0;
  }
}

.battle-hero--head {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.battle-hero--heading {
  margin: 0 0 14px;
  color: #d9a82a;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .battle-hero--heading {
    margin: 0 0 16px;
    font-size: 48px;
  }
}

.battle-hero--subheading {
  gap: 0 8px;
  display: flex;
  align-items: center;
  margin: 0 0 24px;
  color: #aaa;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
}

.battle-hero--subheading a {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  border: 1px solid #7d7d7d;
  border-radius: 50%;
  color: #aaa;
  font-family: "PT Serif", serif;
  font-size: 14px;
  line-height: 19px;
}

.battle-hero--logo {
  position: relative;
  width: 191px;
  height: 162px;
  background-image: url(/img/bb-medal-hero.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 191px;
}

.battle-hero--date {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  white-space: nowrap;
}

.battle-hero--main {
  position: relative;
  padding: 24px 16px;
  border: 1px solid rgba(217, 168, 42, .5);
  border-radius: 2px;
}

@media screen and (min-width: 48em) {
  .battle-hero--main {
    padding: 32px 80px;
  }
}

.battle-hero--label {
  position: absolute;
  top: -17px;
  left: 20px;
  padding: 0 12px;
  background-color: #202328;
  color: #fff;
  font-family: "PT Serif", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .battle-hero--label {
    font-size: 30px;
  }
}

.battle-hero--content {
  gap: 0 16px;
  display: flex;
  align-items: center;
  max-width: 600px;
}

.battle-hero--image {
  display: flex;
  position: relative;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border: 4px solid #202328;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px #d9a82a;
}

@media screen and (min-width: 48em) {
  .battle-hero--image {
    width: 92px;
    height: 92px;
  }
}

.battle-hero--image::before {
  position: absolute;
  bottom: -5px;
  left: -5px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background-image: url(/img/bbpost-hero-v3.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  content: '';
}

.battle-hero--wrap {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
}

.battle-hero--nick {
  gap: 4px 12px;
  display: flex;
  flex-wrap: wrap;
  color: #aaa;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

.battle-hero--prize {
  padding: 1px 5px;
  border: 1px solid #44d487;
  border-radius: 2px;
  color: #44d487;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.battle-hero--theme {
  color: #fff;
  font-family: "PT Serif", serif;
  font-size: 18px;
  line-height: 22px;
}

@media screen and (min-width: 48em) {
  .battle-hero--theme {
    font-size: 24px;
    line-height: 31px;
  }
}

.battle-post {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  padding: 0 24px 40px;
}

@media screen and (min-width: 48em) {
  .battle-post {
    padding: 0 24px 80px;
  }
}

.battle-post--grid {
  gap: 16px;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  max-width: 1246px;
}

@media screen and (min-width: 40em) {
  .battle-post--grid {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(270px, 1fr));
  }
}

@media screen and (min-width: 64em) {
  .battle-post--grid {
    gap: 24px;
    grid-template-columns: repeat(3, minmax(270px, 1fr));
  }
}

@media screen and (min-width: 79.375em) {
  .battle-post--grid {
    grid-template-columns: repeat(4, minmax(270px, 1fr));
  }
}

.battle-post--item {
  display: flex;
  flex-direction: column;
}

.battle-post--head {
  display: flex;
  padding: 16px 24px;
  border-bottom: 1px solid #474a4f;
  background-color: #2b2f36;
}

.battle-post--heading {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
}

.bbpost-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
}

.bbpost-icon_theory {
  background-image: url(/img/bbpost-theory-v3.svg);
}

.bbpost-icon_world {
  background-image: url(/img/bbpost-world-v3.svg);
}

.bbpost-icon_memes {
  background-image: url(/img/bbpost-memes-v3.svg);
}

.bbpost-icon_invest {
  background-image: url(/img/bbpost-invest-v4.svg);
}

.bbpost-icon_motivation {
  background-image: url(/img/bbpost-motivation-v3.svg);
}

.bbpost-icon_offline {
  background-image: url(/img/bbpost-offline-v3.svg);
}

.bbpost-icon_bets {
  background-image: url(/img/bbpost-bets.svg);
}

.bbpost-icon_joker {
  background-image: url(/img/bbpost-joker-red-v3.svg);
}

.bbpost-icon_blackjoker {
  background-image: url(/img/bbpost-joker-black-v3.svg);
}

.battle-post--content {
  gap: 0 12px;
  display: flex;
  position: relative;
  align-items: center;
  padding: 12px 24px;
  background-color: #22262d;
}

@media screen and (min-width: 48em) {
  .battle-post--content {
    padding: 24px;
  }
}

.battle-post--image {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border: 4px solid #22262d;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px #42454b;
}

@media screen and (min-width: 48em) {
  .battle-post--image {
    width: 80px;
    height: 80px;
  }
}

.battle-post--inner {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.battle-post--nick {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

.battle-post--nick::before {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}

.battle-post--prize {
  padding: 1px 5px;
  border: 1px solid #44d487;
  border-radius: 2px;
  color: #44d487;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.battle-archive {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  padding: 0 24px 40px;
}

@media screen and (min-width: 48em) {
  .battle-archive {
    padding: 0 24px 80px;
  }
}

.battle-archive--grid {
  gap: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1246px;
}

@media screen and (min-width: 64em) {
  .battle-archive--grid {
    flex-direction: row;
  }
}

.battle-archive--section {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 608px;
  margin: 0 auto;
}

.battle-archive--head {
  gap: 4px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 24px;
  border-bottom: 3px solid #5b5b5b;
  background-color: #2b2f36;
}

.battle-archive--heading {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}

.battle-archive--selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 220px;
  padding: 7px 15px;
  border: 1px solid #5b5b5b;
  border-radius: 2px;
  background-color: #2b2f36;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%23fff' d='m4.655 8.545 1.178-1.179 4.411 4.34 4.411-4.34 1.179 1.179-5.59 5.589-5.589-5.59Z'/%3E%3C/svg%3E%0A");
  background-origin: content-box;
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 20px;
  color: #f4f4f4;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
}

.battle-archive--selector_short {
  width: 120px;
}

.bb-archive {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  background-color: #2b2f36;
}

.bb-archive li:nth-child(odd) {
  background-color: #22262d;
}

.bb-archive--link {
  gap: 0 12px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
}

@media screen and (min-width: 48em) {
  .bb-archive--link {
    padding: 8px 24px;
  }
}

.bb-archive--inner {
  gap: 4px 8px;
  display: flex;
  align-items: center;
}

.bb-archive_blog .bb-archive--inner {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .bb-archive_blog .bb-archive--inner {
    flex-direction: row;
    text-align: left;
  }
}

.bb-archive--date {
  gap: 2px 0;
  display: flex;
  flex-direction: column;
  width: 64px;
}

.bb-archive--month {
  color: #a0a2a5;
  font-size: 14px;
  line-height: 16px;
}

.bb-archive--year {
  color: #595a5d;
  font-size: 12px;
  line-height: 14px;
}

.bb-archive--image {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border: 4px solid #22262d;
  border-radius: 50%;
  background-image: url(/img/imguser.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 0 1px #42454b;
}

.bb-archive--wrap {
  gap: 2px 0;
  display: flex;
  flex-direction: column;
}

.bb-archive--nick {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

.bb-archive--theme {
  color: #cacbcd;
  font-family: "PT Serif", serif;
  font-size: 16px;
  line-height: 20px;
}

.battle-archive--bottom {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 24px 0 0;
}

.battle-archive--more {
  gap: 0 4px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 9px 19px;
  border: 1px solid #5b5b5b;
  border-radius: 5px;
  color: #aaa;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.battle-archive--more::after {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 21'%3E%3Cpath fill='%23AAA' d='m4.655 8.545 1.178-1.179 4.411 4.34 4.411-4.34 1.179 1.179-5.59 5.589-5.589-5.59Z'/%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  content: '';
}