@font-face {     font-family: 'Fester-Bold';     src: url(/shared/3197/Fester-Bold.eot);     src: url(/shared/3197/Fester-Bold.eot) format('embedded-opentype'),     url(/shared/3197/Fester-Bold.woff2) format('woff2'),     url(/shared/3197/Fester-Bold.woff) format('woff'),     url(/shared/empty.gif) format('svg');     font-weight: bold;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Fester-Regular';     src: url(/shared/3197/Fester-Regular.eot);     src: url(/shared/3197/Fester-Regular.eot) format('embedded-opentype'),     url(/shared/3197/Fester-Regular.woff2) format('woff2'),     url(/shared/3197/Fester-Regular.woff) format('woff'),     url(/shared/empty.gif) format('svg');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Fester-SemiBold';     src: url(/shared/3197/Fester-SemiBold.eot);     src: url(/shared/3197/Fester-SemiBold.eot) format('embedded-opentype'),     url(/shared/3197/Fester-SemiBold.woff2) format('woff2'),     url(/shared/3197/Fester-SemiBold.woff) format('woff'),     url(/shared/empty.gif) format('svg');     font-weight: 600;     font-style: normal;     font-display: swap; }  img {     max-width: 100%;     height: auto; } body, html {     overflow-x: hidden; } body {     font-family: 'Fester-Regular', sans-serif;     height: 100%;     width: 100%;     margin: 0;     background: #131313;  }  * {     box-sizing: border-box; } .container {     max-width: 1144px;     margin: 0 auto;     padding: 0 10px; } .header {     position: relative;     z-index: 3; } .header__wrapper {     align-items: normal;     background: linear-gradient(180deg, #1d1010 0.3%, #201414 8%, #2d2222 38%, #2c2020 70%, #281d1d 80%, #261c1c);     display: flex;     flex-direction: column;     height: 100vh;     justify-content: space-between;     padding: 0 0 16px;     position: relative;     width: 208px;     z-index: 100; } .logo {     align-items: center;     background: #0000;     display: flex;     flex-direction: row;     height: 82px;     justify-content: center;     margin: 92px auto 68px; } .button {     align-items: normal;     display: flex;     flex-direction: column; } .btn {     margin: 0 16px 16px;     align-items: center;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%);     cursor: pointer;     display: inline-flex;     justify-content: center;     mix-blend-mode: normal;     text-align: center;     text-decoration: none;     transition: all .2s;     border-radius: 44px;     font-size: 14px;     font-family: 'Fester-Bold',sans-serif;     letter-spacing: .5;     line-height: 16px;     text-transform: uppercase;     min-width: 144px;     color: #fff;     padding-top: 15px;     padding-bottom: 15px; }  .btn:hover {     background: linear-gradient(160deg, #ff6a6a, #b20101); }  .white {     color: #000;     text-shadow: 0 0 0 #0000;     box-shadow: 0 2px 8px 0 #27272733;     background: linear-gradient(177deg,#f4f4f4 2%,#dcdcdc);     min-width: 96px; } .white:hover {     background: linear-gradient(177deg, #fff 2%, #ebebeb); } .main {     background: linear-gradient(180deg,#212121,#0000);     color: #ffffff;     padding: 10px 12px; }  table {     border-collapse: collapse;     border-spacing: 0;     margin: 32px 0;     width: 100%; } table tr {     height: 48px; } table tbody > tr {     position: relative; } table th {     font-family: 'Fester-Bold';     color: #ffffff;     font-size: 14px;     line-height: 18px;     text-align: left;     border-bottom: 1px solid #ffffff1a; } table th:first-child {     border-radius: 44px 0 0 44px; }  table td {     border-bottom: 1px solid #ffffff1a;     color: #fffc;     font-size: 14px;     line-height: 18px; }  .content ul {     color: #ffffff;     margin: 16px 0;     list-style: none;     padding: 0; } .content p a {     color: #4272b7;     text-decoration: none; } .content p a:hover {     color: #8cb5eb;     text-decoration: underline; } .content ul li {     list-style: none;     margin-bottom: 8px;     padding-left: 44px;     position: relative; }  .content ul li:before {     background: #ffffff26;     border-radius: 4px;     bottom: auto;     content: "";     height: 16px;     left: 16px;     position: absolute;     right: auto;     top: 4px;     width: 16px;     z-index: 0; } .content ul li:after {     background-color: #fff;     border-radius: 50%;     bottom: auto;     content: "";     height: 4px;     left: 22px;     position: absolute;     right: auto;     top: 10px;     width: 4px;     z-index: 0; }  .content .btn {     width: 100%; }  .footer {     background: #151515;     padding-top: 40px; }  .payments, .crypto {     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0; }  .payments__item {     height: 32px;     margin: 0 8px 16px;     opacity: .7; }  .payments__item img {     height: inherit;     object-fit: contain;     width: inherit; }  .crypto__item {     border-radius: 44px;     height: 40px;     margin: 0 25px 4px 0;     position: relative;     width: 98px; }  .crypto__item:nth-child(odd) {     background: linear-gradient(180deg, #d752354d, #9d9d9d14); }  .crypto__icon {     bottom: auto;     height: 24px;     left: -12px;     position: absolute;     right: auto;     top: 8px;     width: 24px;     z-index: 0; }  .crypto__icon img {     width: 100%;     height: 100%; }  .crypto__text {     display: flex;     flex-direction: column;     padding: 4px 8px 4px 20px; } .crypto__name {     color: #ffffff;     font-size: 12px;     font-weight: 600;     line-height: 14px; } .crypto__rate {     color: #fff9;     font-size: 14px;     font-weight: 600;     line-height: 18px; } .crypto__item:nth-child(2n) {     background: linear-gradient(180deg, #8b8b8b4d, #9d9d9d14); } .footer__wrapper {     display: flex;     justify-content: space-between;     align-items: flex-end;     gap: 30px;     flex-wrap: wrap; } .footer__menu {     display: flex;     flex-wrap: wrap;     gap: 16px; } .footer__menu__list {     display: block;     padding: 0 8px 0 0;     list-style: none;     width: 176px;     margin-bottom: 0; } .footer__menu__item {     line-height: 1;     margin-bottom: 8px; } .footer__menu__link {     color: #fffc;     display: inline-block;     font-size: 14px;     line-height: 18px;     text-decoration: none; }  .footer__menu__link:hover {     text-decoration: underline;     color: #fff; }  .footer__social {     display: flex;     flex-direction: row;     align-items: center;     gap: 8px;     max-width: 280px;     margin-top: 22px; } .footer__social a {     text-decoration: none;     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     background: rgba(255, 255, 255, 0.12);     border-radius: 50%;     height: 40px;     width: 40px; } .footer__social a:hover {     background: rgba(255, 255, 255, 0.18); } .footer__social a img {     height: 24px;     object-fit: contain;     object-position: center;     width: 24px; } .footer__bottom {     align-items: center;     flex-wrap: wrap;     padding: 32px 0; }  .support__email {     display: flex;     gap: 8px;     align-items: center;     color: #fffc;     text-decoration: none; } .support__email:hover {     text-decoration: underline; } .support__email svg {     display: block;     height: 12px;     width: 12px; } .copy p {     margin: 0;     color: #fffc;     font-size: 14px;     line-height: 18px;     text-decoration: none;     text-align: center; } .footer__img {     display: flex;     align-items: center; } .img__link {     display: inline-block;     height: 40px;     margin-right: 24px;     width: 80px; } .img__link img {     height: 100%;     object-fit: contain;     width: 100%; }  @media (max-width: 415px) {     .crypto__item {         width: 110px;     }     .footer__bottom {         flex-direction: column;     } } @media (max-width: 390px) {     .crypto__item {         width: 99px;     } } .game__background {     background: #000;     bottom: 0;     left: 0;     position: absolute;     right: 0;     top: 0;     z-index: 0;     background-position: 50%;     background-repeat: no-repeat;     background-size: cover;     filter: blur(10px); } .game__inner {     display: flex; } .game__background:after {     background: #000c;     content: "";     bottom: 0;     left: 0;     position: absolute;     right: 0;     top: 0;     z-index: 0; } .iframe * {     overflow: hidden; } .iframe {     width: 100%;     display: flex;     align-items: center;     flex-direction: row;     justify-content: center;       position: relative; } .iframe .container {     padding: 0 16px;     overflow: hidden;     width: 100%;     max-width: 100%; } iframe {     border-radius: 10px;     box-shadow: 0 8px 16px 0 #0009;     height: 100%;     width: 100%;   position: relative; }  .iframe__inner {     height: 80vh;     position: relative;     transition: .2s ease;     width: 100%; } .iframe__inner::before {   content: "";   position: absolute;   top: 0; left: 0; right: 0; bottom: 0;   background: url('/uploads/2891/pages/33302/33302.jpeg') center center / cover no-repeat;   filter: blur(10px);   z-index: 0; } #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999; } @media (max-width: 768px) {     .game__inner {         flex-direction: column;     }     .header__wrapper {         height: auto;         width: auto;     }     .logo {         height: 55px;         margin: 0 auto 0;     }     .btn {         min-height: 35px;         margin: 0 16px 5px;     } }