:root {     --main-bg: rgb(247, 244, 244);     --main-text: rgb(34, 36, 41);     --header-color: rgb(0, 1, 1);     --footer-color: rgb(233, 232, 230);     --login-btn: rgb(255, 143, 156);     --reg-btn: rgb(159, 229, 255);     --banner-color: rgb(255, 254, 255);     --text-btns: rgb(2, 1, 1);     --header-bg: rgb(231, 229, 230);     --footer-bg: rgb(3, 16, 30);     --nav-acc-head-game-text: ;     --nav-acc-head-game-bg: rgb(214, 213, 215);     --acc-text-body: ;     --acc-bg-body: ;     --table-color: rgb(34, 37, 41);     --table-even-bg: rgb(215, 216, 215);     --table-odd-bg: rgb(198, 197, 199);     --table-border: rgb(253, 255, 253) }  *, ::after, ::before {     padding: 0;     margin: 0;     border: 0;     -webkit-box-sizing: border-box;     box-sizing: border-box }  ::after, ::before, a {     display: inline-block }  a {     text-decoration: none }  li {     list-style: none }  img {     vertical-align: top }  h1, h4, h5, h6 {     font-weight: inherit }  h1, h2, h4, h5, h6 {     font-size: inherit }  html {     line-height: 1 }  body, html {     height: 100% }  button, input, textarea {     font-family: inherit;     font-size: inherit;     line-height: inherit }  a, button {     color: inherit }  button, option, select {     cursor: pointer }  input[type=email], input[type=tel], input[type=text], textarea {     -webkit-appearance: none;     -moz-appearance: none;     appearance: none }  button, mark {     background-color: transparent }  .lb1270b90 {     position: sticky;     width: 100%;     top: 0;     left: 0;     z-index: 50 }  .cd983 h1, section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1 {     color: var(--main-text);     font-family: "Verdana", sans-serif;     font-weight: 600 }  @media (min-width:73.125em) {      .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         font-size: 2.125rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         /* Основной вариант — используется функция clamp() для адаптивного размера шрифта            Минимум — 1.75rem, максимум — 2.125rem,             а среднее значение зависит от ширины экрана (.7059vw) */         font-size: clamp(1.75rem, 1.6088rem + 0.7059vw, 2.125rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         font-size: calc(1.75rem + 0.375 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {      .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         font-size: 1.75rem     } }  @media (min-width:73.125em) {      .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         line-height: 2.125rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         /* Основной вариант — используется функция clamp() для адаптивной высоты строки            Минимум — 1.75rem, максимум — 2.125rem,             а среднее значение зависит от ширины экрана (.7059vw) */         line-height: clamp(1.75rem, 1.6088rem + 0.7059vw, 2.125rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         line-height: calc(1.75rem + 0.375 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {      .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         line-height: 1.75rem     } }  @media (min-width:73.125em) {      .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         margin-bottom: 1.5625rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         /* Основной вариант — используется функция clamp() для адаптивного отступа снизу            Минимум — 0.9375rem, максимум — 1.5625rem,             а среднее значение зависит от ширины экрана (1.1765vw) */         margin-bottom: clamp(0.9375rem, 0.7022rem + 1.1765vw, 1.5625rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         margin-bottom: calc(0.9375rem + 0.625 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {      .cd983 h1,     section>h1,     section>section>div>h1,     section>section>div__container>h1,     section__container>h1 {         margin-bottom: .9375rem     } }  section>h2 {     color: var(--main-text);     font-family: "Verdana", sans-serif }  @media (min-width:73.125em) {      section>h2,     section>section>div>h2,     section>section>div__container>h2,     section__container>h2 {         font-size: 1.875rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     section>h2,     section>section>div>h2,     section>section>div__container>h2,     section__container>h2 {         /* Основной вариант — используется функция clamp() для адаптивного размера шрифта            Минимум — 1.625rem, максимум — 1.875rem,             а среднее значение зависит от ширины экрана (.4706vw) */         font-size: clamp(1.625rem, 1.5309rem + 0.4706vw, 1.875rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         font-size: calc(1.625rem + 0.25 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {      section>h2,     section>section>div>h2,     section>section>div__container>h2,     section__container>h2 {         font-size: 1.625rem     } }  @media (min-width:73.125em) {      section>h2,     section>section>div>h2,     section>section>div__container>h2,     section__container>h2 {         line-height: 1.875rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     section>h2,     section>section>div>h2,     section>section>div__container>h2,     section__container>h2 {         /* Основной вариант — используется функция clamp() для адаптивной высоты строки            Минимум — 1.625rem, максимум — 1.875rem,             а среднее значение зависит от ширины экрана (.4706vw) */         line-height: clamp(1.625rem, 1.5309rem + 0.4706vw, 1.875rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         line-height: calc(1.625rem + 0.25 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {      section>h2,     section>section>div>h2,     section>section>div__container>h2,     section__container>h2 {         line-height: 1.625rem     } }  .oficcial-greeting>p, section>p, section>section>div>p, section>section>div__container>p, section__container>p {     color: var(--main-text);     font-family: "Verdana", sans-serif;     font-weight: 400;     word-spacing: .0625rem }  @media (min-width:73.125em) {      .oficcial-greeting>p,     section>p,     section>section>div>p,     section>section>div__container>p,     section__container>p {         font-size: .96rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .oficcial-greeting>p,     section>p,     section>section>div>p,     section>section>div__container>p,     section__container>p {         /* Основной вариант — используется функция clamp() для адаптивного размера шрифта            Минимум — 0.875rem, максимум — 1rem,             а среднее значение зависит от ширины экрана (.2353vw) */         font-size: clamp(0.875rem, 0.8279rem + 0.2353vw, 1rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {      .oficcial-greeting>p,     section>p,     section>section>div>p,     section>section>div__container>p,     section__container>p {         font-size: .875rem     } }  @media (min-width:73.125em) {      .oficcial-greeting>p,     section>p,     section>section>div>p,     section>section>div__container>p,     section__container>p {         line-height: 1.45rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .oficcial-greeting>p,     section>p,     section>section>div>p,     section>section>div__container>p,     section__container>p {         /* Основной вариант — используется функция clamp() для адаптивной высоты строки            Минимум — 1.125rem, максимум — 1.25rem,             а среднее значение зависит от ширины экрана (.2353vw) */         line-height: clamp(1.125rem, 1.0779rem + 0.2353vw, 1.25rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         line-height: calc(1.125rem + 0.125 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {      .oficcial-greeting>p,     section>p,     section>section>div>p,     section>section>div__container>p,     section__container>p {         line-height: 1.125rem     } }  .d8d9e, .q446f6 li a, .ya4d72e4, .e306b751 p, .ydc8189, .za16d a, .za37e39 li a, .k24b2ea, .k274567, .teb15d, .ic748439 {     font-family: "Verdana", sans-serif }  .j36692ec::after {     content: "";     width: 100%;     border-radius: .0625rem }  section>h2::after, section>section>div>h2::after, section>section>div__container>h2::after, section__container>h2::after {     content: "";     width: 100%;     height: .125rem;     border-radius: .0625rem }  .pa15003, .e4040 {     max-width: 77.5rem;     margin: 0 auto }  .e4040 {     padding-left: .9375rem;     padding-right: .9375rem }  .o0f24 {     margin: 0 auto }  .lb1270b90 {     background: var(--header-bg) }  @media (max-width:61.99875em) {     .lb1270b90 {         display: block     } }  .o0f24 {     max-width: 77.5rem;     padding: .6375rem 1.875rem;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between }  @media (max-width:47.99875em) {     .o0f24 {         -ms-flex-wrap: wrap;         flex-wrap: wrap;         -webkit-column-gap: .9375rem;         -moz-column-gap: .9375rem;         column-gap: .9375rem;         row-gap: .625rem;         -webkit-box-pack: center;         -ms-flex-pack: center;         justify-content: center;         padding: .625rem .9375rem     } }  .f8a649 {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-column-gap: 1.25rem;     -moz-column-gap: 1.25rem;     column-gap: 1.25rem;     padding-right: .9375rem }  @media (max-width:47.99875em) {     .f8a649 {         width: 100%     } }  .f8a649 a {     width: 8rem }  @media (min-width:47.99875em) {     .f8a649 a {         -webkit-box-flex: 0;         -ms-flex: 0 1 100%;         flex: 0 1 100%     } }  .f8a649 a img {     width: 100%;     height: 100%;     -o-object-fit: contain;     object-fit: contain;     aspect-ratio: 9.375rem/3.75rem;     max-height: 3.43rem }  @media (max-width:47.99875em) {     .f8a649 {         -webkit-box-flex: 0;         -ms-flex: 0 1 100%;         flex: 0 1 100%     } }  .j957db {     padding: 0 1.25rem;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-column-gap: 1.25rem;     -moz-column-gap: 1.25rem;     column-gap: 1.25rem }  @media (max-width:47.99875em) {     .j957db {         -webkit-box-flex: 0;         -ms-flex: 0 1 100%;         flex: 0 1 100%     } }  .k24b2ea {     font-weight: 600;     font-size: 1rem;     line-height: 1rem;     padding: .75rem 1.25rem;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     text-align: center;     width: 7.5rem;     height: 2.625rem;     -webkit-transition: .3s;     transition: .3s;     border-radius: 2rem;     color: var(--text-btns);     background: var(--login-btn);     position: relative }  @media (max-width:47.99875em) {     .k24b2ea {         width: 100%     } }  .k24b2ea:hover, .k274567:hover {     opacity: .8 }  .v4be8d span, .k274567 {     -webkit-transition: .3s;     transition: .3s }  .k274567 {     font-weight: 600;     font-size: 1rem;     line-height: 1rem;     padding: .75rem 1.25rem;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     text-align: center;     width: 7.5rem;     height: 2.625rem;     border-radius: 2rem;     color: var(--text-btns);     background: var(--reg-btn);     position: relative }  @media (max-width:47.99875em) {     .k274567 {         width: 100%     } }  .n564b {     display: none;     width: 2.5rem;     height: 2.5rem;     position: relative;     border-radius: 40% }  @media (max-width:68.75em) {     .f83a6d2a {         display: block;         width: 2.5rem;         height: 2.5rem     } }  @media (max-width:47.99875em) {     .f83a6d2a {         display: none !important     }      .n564b {         display: -webkit-box;         display: -ms-flexbox;         display: flex;         width: 2.5rem;         height: 2.5rem     } }  .v4be8d, .za37e39 {     display: -webkit-box;     display: -ms-flexbox;     display: flex }  .v4be8d {     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between;     width: 2.2rem;     height: 1.5rem;     cursor: pointer }  .v4be8d span {     display: block;     height: .25rem;     width: 100%;     background-color: var(--header-color);     border-radius: .125rem }  .za37e39 {     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center }  @media (min-width:75em) {     .za37e39 {         -webkit-column-gap: 1.1875rem;         -moz-column-gap: 1.1875rem;         column-gap: 1.1875rem     } }  @media (min-width: 62.5em) and (max-width: 75em) {     .za37e39 {         /* Основной вариант — используется функция clamp() для адаптивного отступа между колонками            Минимум — 1.25rem, максимум — 1.1875rem,             а среднее значение зависит от ширины экрана (7.5vw) */         -webkit-column-gap: clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem);         -moz-column-gap: clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem);         column-gap: clamp(1.25rem, -3.4375rem + 7.5vw, 1.1875rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         -webkit-column-gap: calc(1.25rem + 0.9375 * (100vw - 62.5rem) / 12.5);         -moz-column-gap: calc(1.25rem + 0.9375 * (100vw - 62.5rem) / 12.5);         column-gap: calc(1.25rem + 0.9375 * (100vw - 62.5rem) / 12.5);     } }  @media (max-width:62.5em) {     .za37e39 {         -webkit-column-gap: 1.25rem;         -moz-column-gap: 1.25rem;         column-gap: 1.25rem     } }  @media (max-width:68.75em) {     .za37e39 {         display: none     } }  .za37e39 li a {     color: var(--header-color);     font-size: .98rem;     line-height: 1rem;     font-weight: 500;     width: 100%;     padding: .3125rem .5rem;     border-radius: .375rem }  .za16d a:hover, .za37e39 li a:hover {     opacity: .6 }  .x3d18cc89, .za37e39 li a {     -webkit-transition: .3s;     transition: .3s }  @media (max-width:68.75em) {}  .z1905 li:not(:last-child) {     border-bottom: .0625rem solid var(--main-bg) }  .d8d9e:hover, .ya4d72e4:hover, .z1905 li a:hover {     opacity: .8 }  html {     scroll-behavior: smooth }  .n307ce61 {     display: none;     position: fixed;     top: 0;     left: 0;     z-index: 52;     height: 100%;     background: var(--header-bg);     overflow-y: auto;     padding: 0 .75rem;     width: 100%;     -ms-overflow-style: none;     scrollbar-width: none }  .n307ce61::-webkit-scrollbar {     display: none }  @media (min-width:61.99875em) and (min-width:73.125em) {     .n307ce61 {         max-width: 15.8125rem     } }  @media (min-width: 61.99875em) and (min-width: 48em) and (max-width: 73.125em) {     .n307ce61 {         /* Основной вариант — используется функция clamp() для адаптивной максимальной ширины            Минимум — 13.75rem, максимум — 15.8125rem,             а среднее значение зависит от ширины экрана (8.209vw) */         max-width: clamp(13.75rem, 9.8097rem + 8.209vw, 15.8125rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         max-width: calc(13.75rem + 2.0625 * (100vw - 48rem) / 25.125);     } }  @media (min-width:61.99875em) and (max-width:48em) {     .n307ce61 {         max-width: 13.75rem     } }  @media (max-width:68.75em) {      .n307ce61,     .v87138 {         position: fixed;         z-index: 51;         width: 100%;         height: 100%;         top: 0;         overflow-x: hidden;         -webkit-transition: .3s;         transition: .3s;         padding: 0;         overflow-y: auto     }      .n307ce61 {         display: block;         background: 0 0;         left: -100%;         border: 0     }      .v87138 {         background-color: rgba(0, 0, 0, .6);         left: auto;         -ms-overflow-style: none;         scrollbar-width: none     }      .v87138::-webkit-scrollbar {         display: none     }      .e906fcde2,     .e906fcde2::before {         -webkit-transition: .3s;         transition: .3s;         width: 20rem;         background: var(--header-bg);         border-bottom: none     }      .e906fcde2 {         -webkit-box-shadow: .0625rem 0 .3125rem rgba(50, 50, 50, .9);         box-shadow: .0625rem 0 .3125rem rgba(50, 50, 50, .9);         height: 100%;         position: relative;         padding: .625rem     }      .e906fcde2::before {         content: "";         position: fixed;         top: 0;         left: -624.9375rem;         height: 100% !important;         border-top: none;         z-index: -1     } }  .r39f13c0a, .d8d9e, .i1581a3, .ya4d72e4 {     display: -webkit-box;     display: -ms-flexbox;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center }  .d8d9e, .i1581a3, .ya4d72e4 {     display: flex }  .i1581a3 {     padding: .9375rem 0;     padding-bottom: 0 }  .i1581a3 a {     max-width: 12.5rem;     width: 100% }  .i1581a3 a img {     width: 100%;     height: 100%;     -o-object-fit: contain;     object-fit: contain;     aspect-ratio: 9.375rem/3.75rem;     max-height: 5.625rem }  .r39f13c0a, .d8d9e, .ya4d72e4 {     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     width: 100% }  .r39f13c0a {     display: flex;     padding: .625rem;     gap: .9375rem;     margin-bottom: .9375rem;     margin-top: .9375rem }  .d8d9e, .ya4d72e4 {     font-weight: 600;     font-size: 1rem;     line-height: 1rem;     padding: .75rem 1.25rem;     text-align: center;     height: 2.625rem;     -webkit-transition: .3s;     transition: .3s;     border-radius: 2rem;     color: var(--text-btns);     position: relative }  .d8d9e {     background: var(--login-btn) }  .ya4d72e4 {     background: var(--reg-btn) }  .q446f6 li {     background-color: rgba(255, 255, 255, .1);     border-radius: 2rem }  .q446f6 li:not(:last-child) {     margin-bottom: .5rem }  @media (max-width:47.99875em) {     .q446f6 li:not(:last-child) {         margin-bottom: .5rem     } }  .q446f6 li a {     color: var(--header-color);     font-size: 1rem;     line-height: 1rem;     font-weight: 500;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     gap: .9375rem;     width: 100%;     padding: .75rem 1rem;     position: relative;     -webkit-transition: .3s;     transition: .3s }  .s53e950f9 {     position: absolute;     top: .4375rem;     right: .3125rem;     display: block }  @media (min-width:68.75em) {     .s53e950f9 {         display: none     } }  .z18346 {     width: 1.875rem;     height: 1.875rem;     cursor: pointer;     -webkit-transform: rotate(45deg);     -ms-transform: rotate(45deg);     transform: rotate(45deg);     -webkit-transition: -webkit-transform .3s;     transition: transform .3s;     transition: transform .3s, -webkit-transform .3s }  .z18346::after, .z18346::before {     content: "";     position: absolute;     background-color: var(--header-color);     width: 1.875rem;     height: .25rem;     border-radius: 2px;     top: 50%;     left: 0 }  .z18346::before {     -webkit-transform: translateY(-50%);     -ms-transform: translateY(-50%);     transform: translateY(-50%) }  .z18346::after {     -webkit-transform: translateY(-50%) rotate(90deg);     -ms-transform: translateY(-50%) rotate(90deg);     transform: translateY(-50%) rotate(90deg) }  .z18346:hover {     -webkit-transform: rotate(225deg);     -ms-transform: rotate(225deg);     transform: rotate(225deg) }  body[data-menu-open] {     overflow: hidden }  body[data-menu-open] .n307ce61, body[data-menu-open] .e906fcde2::before {     left: 0 }  .kdfb5e, .z18346 {     position: relative }  .q9d8da16:not(:last-child) {     margin-bottom: 0 !important }  .q9d8da16 li:not(:last-child) {     margin-bottom: 0 !important;     border-bottom: .0625rem var(--main-text) solid;     border-radius: 0 }  .oficcial-greeting>p:not(:last-child) {     margin-bottom: 1.5625rem }  .ga0a867b {     position: relative;     overflow: hidden;     border-radius: 2rem !important;     margin-bottom: 1.25rem;     cursor: pointer }  .ga0a867b:hover .l6c6ddef img {     -webkit-transform: scale(1.02);     -ms-transform: scale(1.02);     transform: scale(1.02) }  @media (max-width:47.99875em) {     .ga0a867b:hover .l6c6ddef img {         -webkit-transform: scale(1.02);         -ms-transform: scale(1.02);         transform: scale(1.02)     } }  .l6c6ddef {     max-width: 74.375rem;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: end;     -ms-flex-align: end;     align-items: flex-end;     position: relative;     overflow: hidden }  .fe4204 {     -webkit-transition: .3s;     transition: .3s;     -o-object-fit: cover;     object-fit: cover;     -o-object-position: center;     object-position: center;     width: 74.375rem;     aspect-ratio: 1200/400;     width: 100% }  @media (min-width:73.125em) {     .fe4204 {         height: 25rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .fe4204 {         /* Основной вариант — используется функция clamp() для адаптивной высоты            Минимум — 12.5rem, максимум — 25rem,             а среднее значение зависит от ширины экрана (23.529vw) */         height: clamp(12.5rem, 7.7941rem + 23.529vw, 25rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         height: calc(12.5rem + 12.5 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .fe4204 {         height: 12.5rem     } }  .e8f29a, .icd686 {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center }  .icd686 {     position: absolute;     top: 0;     left: 0;     text-align: center;     width: 100%;     height: 100%;     display: flex;     align-items: center;     justify-content: center; }  .e8f29a {     max-width: 42.5rem;     padding: .9375rem;     border-radius: 2rem;     background-color: rgba(0, 0, 0, .75) }  .e8f29a p {   color: var(--banner-color);     text-transform: uppercase;     font-weight: 600;   font-size: 24px;     text-shadow: 0 .1875rem rgb(7, 27, 43);     text-align: center;     margin-bottom: .5rem }  @media (max-width:55.625em) {     .e8f29a {         margin-left: 0     } }  .ic748439 {     color: var(--banner-color);     text-transform: uppercase;     font-weight: 600;     text-shadow: 0 .1875rem rgb(7, 27, 43);     text-align: center;     margin-bottom: .5rem }   @media (min-width:73.125em) {     .ic748439 {         font-size: 1.875rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .ic748439 {         /* Основной вариант — используется функция clamp() для адаптивного размера шрифта            Минимум — 1.125rem, максимум — 1.875rem,             а среднее значение зависит от ширины экрана (1.4118vw) */         font-size: clamp(1.125rem, 0.8426rem + 1.4118vw, 1.875rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         font-size: calc(1.125rem + 0.75 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .ic748439 {         font-size: 1.125rem     } }  @media (min-width:73.125em) {     .ic748439 {         line-height: 2rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .ic748439 {         /* Основной вариант — используется функция clamp() для адаптивной высоты строки            Минимум — 1.375rem, максимум — 2rem,             а среднее значение зависит от ширины экрана (1.1765vw) */         line-height: clamp(1.375rem, 1.1397rem + 1.1765vw, 2rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         line-height: calc(1.375rem + 0.625 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .ic748439 {         line-height: 1.375rem     } }  .teb15d, .y3aa7022b {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center }  .teb15d {     margin-top: .5rem;     font-weight: 600;     font-size: 1rem;     line-height: 1rem;     padding: .75rem 1.25rem;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     text-align: center;     -webkit-transition: .3s;     transition: .3s;     border-radius: 2rem;     color: var(--text-btns)!important;     background: var(--reg-btn);     position: relative }  .b47546f3 .s5a12f:hover, .r4ae7 button:hover, .teb15d:hover {     opacity: .8 }  @media (max-width:47.99875em) {}  section>section {     margin-top: 2.1875rem }  .main__container>:last-child, section>:last-child, section>section>div>:last-child {     margin-bottom: 0 }  section>h2, section>section>div>h2 {     margin-bottom: .625rem }  section>p, section>section>div>p {     margin-bottom: 1.25rem }  body {     font-family: "Verdana", sans-serif;     font-style: normal;     font-weight: 400;     color: var(--main-text);     line-height: 1.46;     background: var(--main-bg) }  .d275a2b53, .m388e67d7 {     min-height: 100vh;     overflow: clip }  .z2771e495, .d275a2b53, .m388e67d7 {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column }  @media (min-width:73.125em) {     .z2771e495 {         padding-left: 1.5625rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .z2771e495 {         /* Основной вариант — используется функция clamp() для адаптивного отступа слева            Минимум — 0.4375rem, максимум — 1.5625rem,             а среднее значение зависит от ширины экрана (2.1176vw) */         padding-left: clamp(0.4375rem, 0.014rem + 2.1176vw, 1.5625rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         padding-left: calc(0.4375rem + 1.125 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .z2771e495 {         padding-left: .4375rem     } }  @media (min-width:73.125em) {     .z2771e495 {         padding-right: 1.5625rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .z2771e495 {         /* Основной вариант — используется функция clamp() для адаптивного отступа справа            Минимум — 0.4375rem, максимум — 1.5625rem,             а среднее значение зависит от ширины экрана (2.1176vw) */         padding-right: clamp(0.4375rem, 0.014rem + 2.1176vw, 1.5625rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         padding-right: calc(0.4375rem + 1.125 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .z2771e495 {         padding-right: .4375rem     } }  .e4040 {     width: 100%;     padding-top: 0;     padding-bottom: 2.1875rem;     margin-top: 46px;     margin-bottom: 1rem }  @media (min-width:73.125em) {     .e4040 {         padding-left: 1.5625rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .e4040 {         /* Основной вариант — используется функция clamp() для адаптивного отступа слева            Минимум — 0.625rem, максимум — 1.5625rem,             а среднее значение зависит от ширины экрана (1.7647vw) */         padding-left: clamp(0.625rem, 0.2721rem + 1.7647vw, 1.5625rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         padding-left: calc(0.625rem + 0.9375 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .e4040 {         padding-left: .625rem     } }  @media (min-width:73.125em) {     .e4040 {         padding-right: 1.5625rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .e4040 {         /* Основной вариант — используется функция clamp() для адаптивного отступа справа            Минимум — 0.625rem, максимум — 1.5625rem,             а среднее значение зависит от ширины экрана (1.7647vw) */         padding-right: clamp(0.625rem, 0.2721rem + 1.7647vw, 1.5625rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         padding-right: calc(0.625rem + 0.9375 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .e4040 {         padding-right: .625rem     } }  .main__container>:first-child {     margin-top: 0 }  .e306b751 {     padding-bottom: .625rem;     background: var(--footer-bg);     border-top: .0625rem solid rgba(0, 0, 0, .1) }  .pa15003 {     padding: 1.25rem .9375rem }  .p8fc17f {     padding-top: .9375rem;     padding-bottom: .3125rem;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -ms-flex-wrap: wrap;     flex-wrap: wrap }  .p8fc17f svg path {     fill: var(--footer-color) }  @media (min-width:73.125em) {     .p8fc17f {         gap: 1.25rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .p8fc17f {         /* Основной вариант — используется функция clamp() для адаптивного отступа            Минимум — 0.625rem, максимум — 1.25rem,             а среднее значение зависит от ширины экрана (1.1765vw) */         gap: clamp(0.625rem, 0.3897rem + 1.1765vw, 1.25rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         gap: calc(0.625rem + 0.625 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .p8fc17f {         gap: .625rem     } }  .kf0cd4a59 {     width: 100%;     -webkit-box-flex: 1;     -ms-flex: 1 1 100%;     flex: 1 1 100%;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center }  .ydc8189, .za16d, .kf0cd4a59 {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center }  .ydc8189 {     width: 3.125rem;     height: 3.125rem;     border-radius: 50%;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     font-size: 1.25rem;     font-weight: 500;     line-height: 1.125rem;     color: var(--text-btns);     background: var(--reg-btn) }  .za16d {     gap: 2.1875rem;     row-gap: .3125rem;     -ms-flex-wrap: wrap;     flex-wrap: wrap }  @media (max-width:47.99875em) {     .za16d {         row-gap: .3125rem     } }  .za16d a {     color: var(--footer-color);     font-size: 1rem;     font-weight: 500;     line-height: 1.125rem;     -webkit-transition: .3s;     transition: .3s }  @media (max-width:47.99875em) {     .za16d a {         font-size: .875rem;         line-height: 1rem     } }  p img { max-width: 100%; height: auto; }  .d67ceaf6 {   	color: #fff;     margin-top: .875rem;     display: -webkit-box !important;     display: -ms-flexbox !important;     display: flex !important;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     gap: .9375rem;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center }  .j36692ec::after {     height: .0625rem }  .e306b751 p {     color: var(--footer-color);     font-size: .875rem;     font-weight: 400;     line-height: 1rem;     text-align: center;     opacity: .8 }  .v9b159f1a {     bottom: .9375rem;     position: fixed;     right: -100%;     -webkit-transition: right .5s;     transition: right .5s;     z-index: 50 }  @media (min-width:73.125em) {     .v9b159f1a {         width: 2.5rem     } }  @media (min-width: 20em) and (max-width: 73.125em) {     .v9b159f1a {         /* Основной вариант — используется функция clamp() для адаптивной ширины            Минимум — 2.5rem, максимум — 2.5rem,             а среднее значение зависит от ширины экрана (0vw) */         width: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);          /* Резервный вариант (fallback) для старых браузеров,             которые не поддерживают функцию clamp()            Здесь используется расчёт через calc() с тем же эффектом адаптивности */         width: calc(2.5rem + 0 * (100vw - 20rem) / 53.125);     } }  @media (max-width:20em) {     .v9b159f1a {         width: 2.5rem     } }  .rcdeda, .z364a61 {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center }  .z364a61 {     width: 2.5rem;     height: 2.5rem;     border-radius: 50%;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-transition: .3s;     transition: .3s;     background: var(--login-btn) }  .z364a61:hover {     -webkit-transform: scale(1.1);     -ms-transform: scale(1.1);     transform: scale(1.1) }  #go-top-elem[data-shown=true], .v9b159f1a.v67a750 {     right: .625rem }  .rcdeda {     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     width: 1.25rem }  h1 {     text-transform: uppercase }  @media screen and (max-width:530px) {      .za16d,     .p8fc17f {         flex-direction: column !important;         justify-content: center;         gap: 1rem     }      .za16d li {         text-align: center     }      .j36692ec {         display: none     } }  .main__container>section, section {     margin-top: 0;     margin-bottom: 2rem;     scroll-margin: 100px 0 0 }  .e4040:last-child {     margin-bottom: 0 }  h2::after, section>h2::after {     background: var(--main-text);     opacity: .6 }  h2, section>h2 {     font-weight: 700;     scroll-margin: 100px 0 0 }  h3, ol li, section h3, ul li {     margin-bottom: 1.25rem;     /* Основной вариант — используется функция clamp() для адаптивной высоты строки        Минимум — 1.125rem, максимум — 1.25rem,         а среднее значение зависит от ширины экрана (.2353vw) */     line-height: clamp(1.125rem, 1.0779rem + 0.2353vw, 1.25rem); }  h3, section h3 {     font-size: 24px;     color: var(--main-text);     font-weight: 700 }  ol, ul {     list-style-type: disc;     padding-left: 16px }  ol li, ul li {     list-style: disc }  .q446f6, .b47546f3 .ie1c63 li, .za16d, .za37e39 {     padding: 0;     list-style-type: none }  .q446f6 li, .za16d li, .za37e39 li {     list-style: none;     margin-bottom: 0 }  #nav[data-open=true] .y1cb7d58 {     height: auto;     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0);     margin-top: .5rem }  #nav[data-open=true] .s5a12f .dd34e2b88 {     display: none; } .s5a12f {   display: none; }  #nav[data-open=true] .s5a12f .f6e009 {     display: block }  .b47546f3 .y1cb7d58 {     overflow: hidden;     -webkit-transform: translateY(-20px);     transform: translateY(-20px);     -webkit-transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;     transition: opacity .3s ease 0s, transform .3s ease 0s;     transition: opacity .3s ease 0s, transform .3s ease 0s, -webkit-transform .3s ease 0s }  .b47546f3 button {     width: auto;     height: auto }  .b47546f3 .s5a12f {     background: 0 0;     border: 0;     color: var(--main-text);     font-size: 24px;     font-weight: 700;     transition: all .3s ease }  @media screen and (max-width:768px) {     .b47546f3 .s5a12f {         font-size: 1.5rem     } }  .b47546f3 .dd34e2b88 {     display: block }  .b47546f3 .f6e009 {     display: none }  .b47546f3 .ie1c63 {     border: 2px solid var(--nav-acc-head-game-bg);     background: var(--nav-acc-head-game-bg);     border-radius: 2rem;     padding: 12px;     -webkit-columns: 330px 2;     -moz-columns: 330px 2;     columns: 330px 2 }  .b47546f3 .ie1c63 li {     margin-bottom: .25rem }  .b47546f3 .ie1c63 a {     color: var(--main-text);     text-decoration: none;     display: inline-block;     font-weight: 600;     padding: 5px;     font-size: 18px;     line-height: 22px;     -webkit-transition: color .3s ease 0s;     transition: color .3s ease 0s }  .b47546f3 .ie1c63 a:focus, .b47546f3 .ie1c63 a:hover {     opacity: .8 }  .b47546f3 ul {     padding: 0 }  @media screen and (max-width:768px) {      .main__container>section,     h2,     section,     section>h2 {         scroll-margin: 140px 0 0     } }  .e317f, .vce45092, .zecf85 {     list-style-type: none }  @media screen and (max-width:768px) {}  [data-el=acc] [data-el=acc-inner][data-open=true] [data-el=acc-body] {     height: auto;     opacity: 1;     -webkit-transform: translateY(0);     transform: translateY(0);     border-top: 2px solid rgba(255, 255, 255, .1) }  [data-el=acc] [data-el=acc-inner][data-open=true] [data-el=acc-arrow] {     -webkit-transform: rotate(-90deg);     transform: rotate(-90deg) }  .zecf85 {     display: grid;     grid-template-columns: repeat(6, 1fr);     gap: 12px;     padding: 0;     margin: 0 }  .gecfc {     list-style: none;     border-radius: 2rem;     overflow: hidden;     padding: 0;     margin: 0 }  .df94756c, .z4449 {     position: relative;     height: 100% }  .z4449:hover .r4ae7 {     opacity: 1;     visibility: visible }  .df94756c .b8582f {     height: 100%;     position: relative;     z-index: -1 }  .df94756c .b8582f img {     width: 100%;     height: 100%;     display: block }  .df94756c .n2ca01c9 {     bottom: 0;     width: 100%;     -webkit-box-pack: end;     -ms-flex-pack: end;     justify-content: flex-end;     z-index: 3 }  .df94756c .n2ca01c9 p {     color: var(--main-text);     width: 100%;     padding: 6px 4px;     text-align: center;     background: var(--nav-acc-head-game-bg);     margin: 0;     font-weight: 400;     font-size: 16px;     line-height: 1.5 }  .r4ae7, .r4ae7 button {     -webkit-transition: all .3s ease-in-out;     transition: all .3s ease-in-out }  .df94756c .n2ca01c9, .r4ae7 {     position: absolute;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column }  .r4ae7 {     inset: 0;     background: rgba(0, 0, 0, .6);     z-index: 2;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     gap: 16px;     opacity: 0;     visibility: hidden;     padding-bottom: 2rem }  .r4ae7 .o452f9f, .r4ae7 .xf3e042df {     font-size: 18px;     color: var(--text-btns);     padding: 10px 12px;     border-radius: 2rem }  .r4ae7 .xf3e042df {     background: var(--reg-btn) }  .r4ae7 .o452f9f {     background: var(--login-btn) }  @media screen and (max-width:992px) {     .zecf85 {         grid-template-columns: repeat(3, 1fr)     } }  @media screen and (max-width:500px) {     .zecf85 {         grid-template-columns: repeat(2, 1fr)     } }  .z459f2, .z459f2 article {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center }  .z459f2 {     -webkit-box-align: start;     -ms-flex-align: start;     align-items: flex-start;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     gap: 20px;     margin-bottom: 15px }  .z459f2 article {     -webkit-box-flex: 1;     -ms-flex: 1 1 32%;     flex: 1 1 32%;     min-width: 300px;     max-width: 430px;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center }  .z459f2 p, .v130ff8 p {     margin: 0 }  .g61b2508 {     border-radius: 8px;     padding: 24px;     border: 1px solid rgb(229, 228, 221);     background-color: rgb(253, 253, 254);     height: -webkit-fit-content;     height: -moz-fit-content;     height: fit-content }  .w78d4a31 {     margin-bottom: 16px;     border-bottom: 1px solid rgb(230, 230, 219);     padding-bottom: 16px }  .e4f7b {     width: 44px;     height: 44px;     border-radius: 50%;     overflow: hidden;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center }  .v130ff8 {     margin-left: 8px }  .v130ff8 h3 {     font-style: normal !important;     margin-bottom: 0;     margin-top: 0;     font-size: 16px;     color: rgb(0, 1, 1);     font-weight: 600;     padding: 0 }  .v130ff8 p, .v130ff8 span {     font-size: 14px;     font-weight: 400;     color: #696a6a }  .v130ff8 .e0b7c2a4 {     margin-left: 12px }  .g3296 {     width: 100%;     margin-top: 16px }  .g3296 .mff83b17 {     width: 108px;     height: 20px }  .g3296 .mff83b17 img {     width: 100%;     height: 100%;     -o-object-fit: cover;     object-fit: cover }  .g3296 .gdfff65 p {     color: rgb(107, 107, 107);     font-size: 14px }  .g3296 .t167f74c {     margin-top: 12px }  .g3296 .t167f74c p {     margin: 12px 0;     color: #000 }  .wc90bc51 form button, .fca054c p, section p:last-child {     margin-top: 12px }  .p06013a {     font-size: 14px;     color: #000 !important }  @media screen and (max-width:375px) {     .p06013a {         font-size: 12px     } }  .ke6c35ece {     margin-top: 16px;     border-top: 1px solid rgb(230, 228, 222);     padding-top: 16px }  .w78d4a31 {     width: 100%;     position: relative;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between }  .m9809df2a, .ke6c35ece {     width: 100%;     position: relative;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between }  .r6e43d3, .xc5c4b542, .m9809df2a, .q9312f, .fad28, .ke6c35ece, .uca989 {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center }  .q9312f, .fad28 {     cursor: pointer }  .q9312f svg, .fad28 svg {     margin-top: 9px }  .q9312f p, .fad28 p {     margin-left: 4px;     font-size: 14px;     color: rgb(106, 107, 107);     font-weight: 300 }  .q9312f p span, .fad28 p span {     font-weight: 600;     margin-left: 4px }  .xc5c4b542 div:last-child {     margin-left: 30px }  @media (max-width:600px) {}  .ka49f07ab {     width: 100%;     height: 100%;     border-radius: 50%;     background: rgb(255, 251, 215);     display: flex;     justify-content: center;     align-items: center }  .ka49f07ab span {     color: rgb(1, 1, 0);     font-weight: 700 }  @media screen and (max-width:680px) {     .z459f2 article {         flex: 1 1 100%;         max-width: none;         min-width: none;         width: 100%     }      .z459f2 .g61b2508 {         width: 100%     } }  input, textarea {     all: unset;     display: block;     width: 100%;     box-sizing: border-box;     font: inherit;     color: inherit;     background: transparent;     border: none;     outline: none;     padding: 0;     margin: 0;     resize: none;      &::-webkit-input-placeholder,     &::-moz-placeholder,     &:-ms-input-placeholder,     &::-ms-input-placeholder {         color: inherit;         opacity: 1     }      &::-webkit-inner-spin-button,     &::-webkit-outer-spin-button {         appearance: none;         margin: 0     }      &::-webkit-search-decoration,     &::-webkit-search-cancel-button {         display: none     }      &::-ms-clear,     &::-ms-reveal {         display: none     } }  .s72dd {     padding: 1rem 1.5rem;     max-width: 600px;     margin: 0 auto;     border: 1px solid var(--main-text);     border-radius: 2rem }  .s72dd form {     display: flex;     flex-direction: column;     gap: 1rem;     width: 100% }  .s72dd .v96ce609 {     display: flex;     justify-content: space-between;     align-items: center;     gap: 1rem }  .s72dd .v96ce609 .x500ee115 {     flex: 1 1 auto }  .s72dd input, .s72dd textarea {     border: 1px solid var(--main-text);     border-radius: 1rem;     font-size: 1rem;     padding: 6px 8px;     color: var(--main-text) }  .s72dd .x500ee115 span {     display: block;     margin-bottom: 0.5rem;     font-size: 1rem;     color: var(--main-text) }  .s72dd .rb5da599 {     margin: 0 auto;     width: auto }  .ff91ef51 {     text-align: center }  .ff91ef51 p {     margin: 0 !important;     font-weight: 700;     font-size: 20px }  [data-elem="form"] [data-elem="form-message"] {     display: none }  [data-elem="form"][data-submit="true"] [data-elem="form-message"] {     display: block }  [data-elem="form"][data-submit="true"] [data-elem="form-main"] {     display: none }  [data-elem="form"] {     opacity: 0;     visibility: hidden;     height: 0;     padding: 0;     transition: all 0.3s ease-in-out }  [data-elem="form"][data-active="true"] {     opacity: 1;     visibility: visible;     height: auto;     padding: 1rem 1.5rem;     margin-top: 1rem }  #write-review {     width: auto;     margin: 0 auto }  @media screen and (max-width:768px) {     .s72dd {         width: 100%;         padding: 0.5rem 0.75rem;         max-width: none     }      .s72dd .v96ce609 {         flex-direction: column;         width: 100%     }      .s72dd .v96ce609 .x500ee115 {         width: 100%     }      [data-elem="form"][data-active="true"] {         padding: 0.5rem 0.75rem     } }  table {     border-collapse: collapse;     border-spacing: 0;     margin-bottom: 15px;     width: 100%;     border: 1px solid var(--table-border) }  table tr td, table tr th {     border: 1px solid var(--table-border);     text-align: center;     padding: 5px }  @media (max-width:500px) {     table {         display: block;         overflow-x: auto;         min-width: 100%;         white-space: nowrap     }      td {         white-space: nowrap;         width: 100%     } }  table:has(thead) tbody tr:nth-child(even) {     background: var(--table-odd-bg);     color: var(--table-color);     border: 1px solid var(--table-border) }  table:has(thead) tbody tr:nth-child(odd) {     background: var(--table-even-bg);     color: var(--table-color);     border: 1px solid var(--table-border) }  table:not(:has(thead)) tr:nth-child(odd) {     background: var(--table-odd-bg);     color: var(--table-color);     border: 1px solid var(--table-border) }  table:not(:has(thead)) tr:nth-child(even) {     background: var(--table-even-bg);     color: var(--table-color);     border: 1px solid var(--table-border) }  table:not(:has(thead)) tr td a {     color: var(--table-color) }  table:not(:has(thead)) tr:first-child td {     font-weight: 900 }  [data-item="faq-item"] {     padding: 16px;     border-radius: 2rem;     color: var(--main-text);     background: var(--nav-acc-head-game-bg);     margin-bottom: 16px }  [data-item="faq-item"] h3, [data-item="faq-item"] p {     color: var(--main-text);     line-height: 1.4 }  #nav button span {     position: relative;     padding-left: 27px }  #nav button {     border: 1px solid var(--main-text);     padding: 6px 8px;     border-radius: 2rem;     font-weight: 500;     font-size: 1.1rem }  #nav button svg {     width: 24px;     height: 24px;     position: absolute;     left: 0;     top: 0 }  #nav button svg path {     fill: var(--main-text) }  .e4040 {     margin-top: 30px }  section>h1 {     margin-bottom: 20px }  #go-top-elem svg path {     fill: var(--text-btns) }  @media screen and (max-width:460px) {     .e8f29a {         max-width: none;         width: 100%;         height: 100%;         background: radial-gradient(circle, rgba(0, 0, 0, 0.93) 0%, rgba(0, 0, 0, 0.76) 100%)     } }