.cup-wrap {
  -webkit-tap-highlight-color: transparent;
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  padding: 20px 0 70px;
  background-color: #313131;
}

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

.cup-wrap::before {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/nimg/pattern-welcome.svg);
  background-size: 300px;
  content: '';
  opacity: .04;
}

[theme='dark'] .cup-wrap::before {
  opacity: .02;
}

.cup-head {
  display: flex;
  z-index: 1;
  justify-content: center;
  width: 100%;
  max-width: 1306px;
  margin: 0 0 14px;
  padding: 0 15px;
}

@media screen and (min-width: 64em) {
  .cup-head {
    margin: 0 0 24px;
    padding: 0 30px;
  }
}

.cup-subhead {
  gap: 0 16px;
  display: flex;
  z-index: 1;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1306px;
  margin: 0 0 35px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .cup-subhead {
    gap: 0 24px;
    margin: 0 0 48px;
  }
}

@media screen and (min-width: 64em) {
  .cup-subhead {
    padding: 0 30px;
  }
}

.cup-subhead--image {
  display: flex;
  flex-shrink: 0;
  max-width: 82px;
}

@media screen and (min-width: 48em) {
  .cup-subhead--image {
    max-width: 122px;
  }
}

.cup-mid {
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  margin: 0 0 35px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .cup-mid {
    margin: 0 0 48px;
  }
}

@media screen and (min-width: 64em) {
  .cup-mid {
    padding: 0 30px;
  }
}

.cup-mid--heading {
  margin: 0 0 8px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .cup-mid--heading {
    font-size: 40px;
    line-height: 47px;
  }
}

.cup-mid--subheading {
  margin: 0 0 20px;
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .cup-mid--subheading {
    margin: 0 0 32px;
    font-size: 24px;
    line-height: 31px;
  }
}

.cup-mid--spoiler {
  gap: 0 8px;
  display: flex;
  align-items: center;
  padding: 13px 20px 13px 24px;
  border: 1px solid rgba(172, 147, 123, .5);
  border-radius: 6px;
  background-color: #141414;
  color: #ac937b;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
}

.cup-mid--spoiler::before {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Crect width='15' height='15' x='.5' y='.5' stroke='%23AC937B' rx='7.5'/%3E%3Cpath fill='%23AC937B' d='M8.86 5.66 7.763 12H6.11l1.102-6.34zM7.394 4.037a.78.78 0 0 1 .257-.639 1 1 0 0 1 .662-.246q.37-.006.645.223.275.223.275.604a.77.77 0 0 1-.263.638 1 1 0 0 1-.657.246.97.97 0 0 1-.644-.217.76.76 0 0 1-.275-.609'/%3E%3C/svg%3E");
  background-size: 16px;
  content: '';
}

.cup-mid--spoiler::after {
  flex-shrink: 0;
  width: 20px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 20'%3E%3Cpath fill='%23ac937b' d='M18.815 16.929 9.387 7.501l2.357-2.357 8.25 8.25 8.25-8.25 2.357 2.357-9.428 9.428a1.667 1.667 0 0 1-2.356 0z'/%3E%3C/svg%3E");
  background-size: 20px;
  content: '';
}

.cup-mid--spoiler.none {
  display: none;
}

.cup-mid--rules {
  gap: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 720px;
  padding: 16px;
  border: 1px solid rgba(172, 147, 123, .5);
  border-radius: 6px;
  background-color: #141414;
}

@media screen and (min-width: 48em) {
  .cup-mid--rules {
    padding: 24px 32px;
  }
}

.cup-mid--rules.none {
  display: none;
}

.cup-mid--text {
  gap: 18px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .cup-mid--text {
    gap: 20px 0;
  }
}

.cup-mid--text p {
  margin: 0;
  color: #e7e7e7;
  font-size: 14px;
  line-height: 18px;
}

@media screen and (min-width: 48em) {
  .cup-mid--text p {
    font-size: 18px;
    line-height: 24px;
  }
}

.cup-mid--text a {
  color: #e7e7e7;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
}

@media screen and (min-width: 48em) {
  .cup-mid--text a {
    font-size: 18px;
    line-height: 24px;
  }
}

.cup-mid--close {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: #ac937b;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .cup-mid--close {
    font-size: 18px;
    line-height: 21px;
  }
}

.cup-mid--close::after {
  flex-shrink: 0;
  width: 20px;
  height: 10px;
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 20'%3E%3Cpath fill='%23ac937b' d='M18.815 16.929 9.387 7.501l2.357-2.357 8.25 8.25 8.25-8.25 2.357 2.357-9.428 9.428a1.667 1.667 0 0 1-2.356 0z'/%3E%3C/svg%3E");
  background-size: 20px;
  content: '';
}

.cup-tribune {
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  margin: 0 0 40px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .cup-tribune {
    margin: 0 0 60px;
  }
}

@media screen and (min-width: 64em) {
  .cup-tribune {
    padding: 0 30px;
  }
}

.cup-tribune--heading {
  width: 100%;
  margin: 0 0 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  text-transform: uppercase;
}

@media screen and (min-width: 48em) {
  .cup-tribune--heading {
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
  }
}

.cup-tribune--list {
  gap: 8px 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}

.cup-tribune--item {
  width: 100%;
  padding: 16px;
  border: 1px solid #3f3f3f;
  border-radius: 8px;
  background-color: #2a2a2a;
}

@media screen and (min-width: 48em) {
  .cup-tribune--item {
    padding: 24px;
  }
}

.cup-tribune--head {
  gap: 8px 0;
  display: grid;
  grid-template-columns: 1fr;
}

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

@media screen and (min-width: 64em) {
  .cup-tribune--head {
    grid-template-columns: 1fr auto;
    align-items: start;
  }
}

.cup-tribune--top {
  gap: 0 6px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  order: 1;
  margin: 0 0 4px;
}

@media screen and (min-width: 48em) {
  .cup-tribune--top {
    gap: 0 8px;
    margin: 0 0 8px;
  }
}

@media screen and (min-width: 64em) {
  .cup-tribune--top {
    grid-column: 1;
    justify-content: initial;
    order: 0;
  }
}

.cup-tribune--name {
  gap: 0 8px;
  display: flex;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media screen and (min-width: 48em) {
  .cup-tribune--name {
    font-size: 20px;
    line-height: 23px;
  }
}

.cup-tribune--logo {
  display: flex;
  flex-shrink: 0;
  align-self: flex-start;
  margin: -5px 0;
  overflow: hidden;
  border: 1px solid #424242;
  border-radius: 50%;
}

@media screen and (min-width: 48em) {
  .cup-tribune--logo {
    margin: -17px 0;
  }
}

.cup-tribune--logo img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

@media screen and (min-width: 48em) {
  .cup-tribune--logo img {
    width: 55px;
    height: 55px;
  }
}

.cup-tribune--score {
  gap: 0 6px;
  display: flex;
  align-items: center;
  color: #ac937b;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  white-space: nowrap;
}

@media screen and (min-width: 48em) {
  .cup-tribune--score {
    line-height: 23px;
  }
}

.cup-tribune--score::before {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ac937b;
  content: '';
}

.cup-tribune--cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  order: 4;
  margin: 8px 0 0;
}

@media screen and (min-width: 48em) {
  .cup-tribune--cta {
    margin: 0;
  }
}

@media screen and (min-width: 64em) {
  .cup-tribune--cta {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
    order: 0;
  }
}

.cup-tribune--seat {
  gap: 0 8px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .cup-tribune--seat {
    gap: 0 12px;
    font-size: 16px;
    line-height: 20px;
  }
}

.cup-tribune--seat::after {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #028942;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 12'%3E%3Cpath fill='white' stroke='white' d='M.5 5.842c0-.23.187-.417.417-.417h10.815L7.458 1.222a.417.417 0 1 1 .584-.594l4.996 4.913.01.009a.417.417 0 0 1-.015.598l-4.99 4.908a.418.418 0 0 1-.689-.136.42.42 0 0 1 .104-.458l4.274-4.204H.917A.416.416 0 0 1 .5 5.842Z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  content: '';
}

@media screen and (min-width: 48em) {
  .cup-tribune--seat::after {
    width: 24px;
    height: 24px;
    background-size: 14px;
  }
}

.cup-tribune--seat.none {
  display: none;
}

.cup-tribune--form {
  gap: 8px 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .cup-tribune--form {
    flex-direction: row;
    align-items: center;
  }
}

.cup-tribune--form.none {
  display: none;
}

.cup-tribune--nick {
  display: flex;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .cup-tribune--nick {
    max-width: 282px;
  }
}

.cup-tribune--nick::before {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 28px;
  height: 28px;
  background-image: url(/nimg/pokerdom-icon-mini.png);
  background-size: 28px;
  content: '';
}

.cup-tribune--field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 12px 15px 12px 46px;
  border: 0;
  border-radius: 10px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}

@media screen and (min-width: 48em) {
  .cup-tribune--field {
    max-width: 282px;
  }
}

.cup-tribune--field::-moz-placeholder {
  color: #a8a8a9;
}

.cup-tribune--field::placeholder {
  color: #a8a8a9;
}

.cup-tribune--button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 24px;
  border-radius: 6px;
  background-color: #028942;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .cup-tribune--button {
    padding: 11px 24px;
  }
}

.cup-tribune--spoiler {
  gap: 0 4px;
  display: flex;
  align-items: center;
  order: 2;
  color: #d4d4d4;
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .cup-tribune--spoiler {
    font-size: 16px;
    line-height: 19px;
  }
}

@media screen and (min-width: 64em) {
  .cup-tribune--spoiler {
    order: 0;
  }
}

.cup-tribune--spoiler::after {
  flex-shrink: 0;
  width: 16px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 20'%3E%3Cpath fill='%23d4d4d4' d='M18.815 16.929 9.387 7.501l2.357-2.357 8.25 8.25 8.25-8.25 2.357 2.357-9.428 9.428a1.667 1.667 0 0 1-2.356 0z'/%3E%3C/svg%3E");
  background-size: 16px;
  content: '';
}

.cup-tribune--spoiler.active::after {
  transform: rotate(180deg);
}

.cup-tribune--spoiler.empty {
  cursor: default;
}

.cup-tribune--spoiler.empty::after {
  display: none;
}

.cup-tribune--wrap {
  display: none;
  flex-direction: column;
  order: 3;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .cup-tribune--wrap {
    grid-column: 1 / -1;
    order: 0;
  }
}

.cup-tribune--wrap.active {
  display: flex;
}

.cup-tribune--inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .cup-tribune--inner {
    gap: 0 8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.cup-tribune--inner.none {
  display: none;
}

.cup-tribune--sublist {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}

.cup-tribune--player {
  gap: 0 8px;
  display: grid;
  grid-template-columns: 26px 1fr 32px;
  padding: 8px;
}

.cup-tribune--player:nth-child(odd) {
  background-color: #222;
}

.cup-tribune--place {
  color: #eaeaea;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}

.cup-tribune--nickname {
  overflow: hidden;
  color: #e9e9e9;
  font-size: 16px;
  line-height: 19px;
}

.cup-tribune--points {
  color: #bdbdbd;
  font-size: 16px;
  line-height: 19px;
}

.accent .cup-tribune--points {
  color: #ac937b;
}

.cup-tribune--more {
  gap: 0 4px;
  display: flex;
  align-items: center;
  padding: 8px;
  color: #d4d4d4;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}

@media screen and (min-width: 48em) {
  .cup-tribune--more {
    font-size: 16px;
    line-height: 19px;
  }
}

.cup-tribune--more::after {
  flex-shrink: 0;
  width: 16px;
  height: 8px;
  transform: rotate(270deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 20'%3E%3Cpath fill='%23d4d4d4' d='M18.815 16.929 9.387 7.501l2.357-2.357 8.25 8.25 8.25-8.25 2.357 2.357-9.428 9.428a1.667 1.667 0 0 1-2.356 0z'/%3E%3C/svg%3E");
  background-size: 16px;
  content: '';
}

.cup-contest {
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  margin: 0 0 40px;
  padding: 0 15px;
}

@media screen and (min-width: 48em) {
  .cup-contest {
    margin: 0 0 48px;
  }
}

@media screen and (min-width: 64em) {
  .cup-contest {
    padding: 0 30px;
  }
}

.cup-contest--grid {
  gap: 8px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (min-width: 64em) {
  .cup-contest--grid {
    flex-wrap: nowrap;
  }
}

.cup-contest--item {
  gap: 20px 0;
  display: flex;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  max-width: 395px;
  padding: 16px;
  border-radius: 10px;
  background-color: #202020;
}

@media screen and (min-width: 48em) {
  .cup-contest--item {
    padding: 24px;
  }
}

.cup-contest--item_locked {
  pointer-events: none;
}

.cup-contest--image {
  display: flex;
  position: relative;
  align-items: flex-start;
}

.cup-contest--image img {
  border-radius: 10px;
}

.cup-contest--item_locked .cup-contest--image img {
  opacity: .3;
}

.cup-contest--bottom {
  gap: 6px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.cup-contest--label {
  padding: 4px 6px;
  border-radius: 4px;
  background-color: #414d55;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
}

.cup-contest--link {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.cup-contest--link::after {
  inset: 0;
  position: absolute;
  content: '';
}

.cup-bottom {
  gap: 40px 52px;
  display: flex;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1306px;
  padding: 20px 15px;
}

@media screen and (min-width: 48em) {
  .cup-bottom {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (min-width: 64em) {
  .cup-bottom {
    padding: 20px 30px;
  }
}

.cup-bottom--image {
  display: flex;
  flex-shrink: 0;
}

@media screen and (min-width: 48em) {
  .cup-bottom--image_ropl {
    margin: -14px 0 0;
  }
}