@font-face {     font-family: 'Trebuchet MS';     src: url(/shared/3525/TrebuchetMS.eot);     src: url(/shared/3525/TrebuchetMS.eot) format('embedded-opentype'),         url(/shared/3525/TrebuchetMS.woff2) format('woff2'),         url(/shared/3525/TrebuchetMS.woff) format('woff'),         url(/shared/3525/TrebuchetMS.ttf) format('truetype'),         url(/shared/3525/TrebuchetMS.svg) format('svg');     font-weight: normal;     font-style: normal;     font-display: swap; }   body {     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     color: rgb(202, 195, 195);     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-direction: column;     flex-direction: column;     background: #111;     margin: 0;     font-family: 'Trebuchet MS', Arial, sans-serif;       line-height: 23px; }  * {     -webkit-box-sizing: border-box;     box-sizing: border-box; }  img {     max-width: 100%;     height: auto;     margin: 10px 0; }  h1, h2, h3, h4, h5, h6 {     margin: 10px 0px;     font-family: inherit;     font-weight: bold;     line-height: 20px;     color: inherit;     text-rendering: optimizelegibility; }  h1, h2, h3 {     line-height: 40px; }  h1 {     font-size: 36px;     font-weight: normal;     margin-bottom: 20px; }  h2 {     font-size: 30px;     text-align: center;     margin: 20px 0px; }  h3 {     font-size: 24px; }  p {     font-size: 16px;     margin: 0px 0px 10px; }  a {     color: rgb(0, 136, 204);     text-decoration: none; }  a:hover {     color: rgb(0, 85, 128);     text-decoration: underline; }  .container {     margin: 0 auto;     max-width: 1030px;     padding: 0 10px;     width: 100%; }  .header {     background: linear-gradient(180deg, #111, #1a1a1a);     height: 74px;     -webkit-box-align: center;     -ms-flex-align: center;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     align-items: center;     box-shadow: 0 2px 6px rgba(0, 0, 0, .25);     display: -webkit-box;     display: -ms-flexbox;     display: flex;     justify-content: space-between;     left: 0;     min-height: 60px;     position: sticky;     top: 0;     width: 100%;     z-index: 150; }  .header .container {     display: flex;     justify-content: space-between;     align-items: center;     width: 100%; }  .buttons {     display: flex;     align-items: center;     gap: 20px; }  .btn {     -webkit-box-align: center;     -ms-flex-align: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     align-items: center;     background: radial-gradient(41.13% 88.24% at 50% 69.12%, #ffec00 30.8%, #ffd800 100%);     border-radius: 25px;     -webkit-box-shadow: 0 -1px 1px 0 #fff;     box-shadow: 0 -1px 1px 0 #fff;     color: #111;     cursor: pointer;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     font-family: Roboto-Bold-webfont, sans-serif;     font-family: Roboto-Bold, sans-serif;     font-size: 8px;     font-weight: 700;     height: 24px;     justify-content: center;     line-height: 9px;     min-width: 84px;     text-align: center;     text-decoration: none;     text-transform: uppercase;     -webkit-transition: -webkit-filter .3s ease, -webkit-box-shadow .6s ease;     transition: -webkit-filter .3s ease, -webkit-box-shadow .6s ease;     transition: filter .3s ease, box-shadow .6s ease;     transition: filter .3s ease, box-shadow .6s ease, -webkit-filter .3s ease, -webkit-box-shadow .6s ease;     font-size: 14px;     height: 40px;     min-width: 149px; }  .btn:hover {     -webkit-box-shadow: 0 1px 20px 0 rgba(255, 236, 0, .4), 0 1px 1px 0 #fff;     box-shadow: 0 1px 20px 0 rgba(255, 236, 0, .4), 0 1px 1px 0 #fff;     -webkit-filter: contrast(1.5);     filter: contrast(1.5);     color: #111;     text-decoration: none; }  .green {     background: radial-gradient(46.64% 79.17% at 50% 72.92%, #27a82d 34.62%, #27942d 100%);     color: #fff;     min-width: 100px; }  .green:hover {     -webkit-box-shadow: 0 1px 20px 0 rgba(43, 205, 58, .4), 0 1px 1px 0 #fff;     box-shadow: 0 1px 20px 0 rgba(43, 205, 58, .4), 0 1px 1px 0 #fff;     -webkit-filter: contrast(1.5);     filter: contrast(1.5);     color: #fff;     text-decoration: none; }  .iframe-block {     max-width: 850px;     margin: 0 auto;     width: 100%;     position: relative;     z-index: 0;     margin-bottom: 30px; }  .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px;     width: 100%;     height: 550px; }  .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 100%; }  .iframe__item::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: url('/uploads/3271/pages/35313/35313.png') center center / cover no-repeat;     filter: blur(10px);     z-index: -1; }  #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999;     padding: 10px 20px;     text-transform: uppercase;     cursor: pointer;     transition: all 0.3s ease;     width: 150px;     z-index: 9; }  #loadIframeBtn:after {     content: '';     top: 10px;     z-index: -1;     right: 0;     bottom: 0;     left: 0;     position: absolute;     box-shadow: 0 6px 5px #645c5c00; }  .show-support {     display: inline-block;     margin: 0 auto;     position: static;     margin-bottom: 20px;     transform: translate(0, 0);     text-align: center;     text-decoration: none; }  .button {     text-align: center; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; }  .game-hover-links {     background: radial-gradient(ellipse at bottom,             #ccff99 0%,             rgba(204, 255, 153, 0) 60%),         green;     color: #fff;     font-size: 18px;     padding: 10px 15px;     border-radius: 10px;     border: 1px solid #ccff99; }  .game-hover-links:hover {     color: #fff;     text-decoration: none;     background: radial-gradient(ellipse at top,             #ccff99 0%,             rgba(204, 255, 153, 0) 60%),         green; }  .content__title {     display: flex;     justify-content: space-between;     align-items: center; }  .content__title .btn {     padding: 10px 20px;     background: radial-gradient(25.13% 40.24% at 50% 70.12%, #ffbb00 30.8%, #dd9700 100%);     color: #fff; }  .content__title .btn:hover {     box-shadow: none; }  @media (max-width: 517px) {     .green {         display: none;     } }  table {     width: 100%;     border-collapse: collapse;     border: 1px solid rgb(202, 195, 195);     margin-bottom: 15px; }  table th, table td {     border: 1px solid rgb(202, 195, 195);     padding: 8px;     text-align: left; }  @media (max-width: 390px) {     .logo {         max-width: 150px;     } }  .footer {     background: #1a1a1a;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-direction: column;     flex-direction: column;     padding-bottom: 10px; }  .footer-navigation {     -webkit-box-orient: horizontal;     -webkit-box-direction: normal;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     -ms-flex-direction: row;     flex-direction: row;     justify-content: space-between;     flex-wrap: wrap;     padding-top: 40px;     padding-left: 10px;     padding-right: 10px;     display: -webkit-box;     display: -ms-flexbox;     display: flex; }  .footer-navigation-block {     height: 30px;     margin-top: 10px;     overflow: hidden;     -webkit-transition: all .3s ease;     transition: all .3s ease; }  .footer-navigation-block {     border: none;     height: auto !important;     margin-top: 0;     max-width: 310px;     overflow: unset;     padding: 0;     width: 100%; }  .footer-navigation-block-title {     -webkit-box-pack: justify;     -ms-flex-pack: justify;     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);     background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffd800), to(rgba(255, 216, 0, 0)));     background: linear-gradient(180deg, #ffd800 20%, rgba(255, 216, 0, 0));     cursor: pointer;     font-size: 14px;     font-weight: 400;     height: 28px;     justify-content: space-between;     line-height: 16px;     padding: 1px;     position: relative; }  .footer-navigation-block-title, .footer-navigation-block-title span {     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     border-radius: 16px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     font-weight: 700; }  .footer-navigation-block-title {     background: none;     cursor: default;     font-size: 18px;     line-height: 21px;     margin-bottom: 10px;     pointer-events: none;     text-transform: uppercase;     -webkit-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     user-select: none; }  .footer-navigation-block-title, .footer-navigation-block-title span {     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     border-radius: 16px;     display: -webkit-box;     display: -ms-flexbox;     display: flex; }  .footer-navigation-block-title span {     -webkit-box-pack: start;     -ms-flex-pack: start;     background: #1a1a1a;     height: 100%;     justify-content: flex-start;     padding-left: 10px;     padding-right: 10px;     width: 100%; }  .footer-navigation-block-title span {     background: none;     padding: 0; }  .footer-navigation-block-list {     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-direction: column;     flex-direction: column;     font-weight: 500;     padding-bottom: 12px;     position: relative;     text-transform: uppercase; }  .footer-navigation-block-list {     -webkit-box-align: start;     -ms-flex-align: start;     align-items: flex-start; }  .footer-navigation-block-list:before {     background: #ffd800;     content: "";     height: 1px;     left: 0;     opacity: .2;     position: absolute;     top: 0;     width: 100%; }  .footer-navigation-block-list a {     color: #fff;     cursor: pointer;     font-size: 12px;     line-height: 14px;     margin-top: 12px;     text-decoration: none;     -webkit-transition: all .3s ease;     transition: all .3s ease; }  .footer-navigation-block-list a {     font-size: 14px;     font-weight: 500;     line-height: 16px;     margin-top: 20px; }  .footer-logo {     text-align: center;     margin-bottom: 30px;     margin-top: 30px; }  .footer-logos, .footer-logos-bottom {     -webkit-box-orient: horizontal;     -webkit-box-direction: normal;     -webkit-box-align: center;     -ms-flex-align: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     align-items: center;     border-top: 1px solid #ffd800;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -ms-flex-direction: row;     flex-direction: row;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     justify-content: center;     max-width: 1030px;     padding-bottom: 10px;     padding-top: 10px;     width: 100%; }  .footer-logos {     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between;     padding-bottom: 30px;     padding-top: 30px;     gap: 20px; }  .footer-logos img, .footer-logos-bottom img {     margin: 10px;     width: auto; }  .footer-logos img {     height: 28px;     margin: 0; }  .footer-logos-bottom img {     height: 44px;     margin: 20px 20px 0; }  .footer-copyright {     font-size: 14px;     line-height: 16px;     margin-top: 14px;     color: #aaa;     text-align: center; }  .btn-up {     display: inline-flex;     align-items: center;     gap: 8px;     background-color: #ffd800;     color: black;     font-weight: bold;     border: none;     border-radius: 999px;     padding: 10px 18px;     cursor: pointer;     font-family: sans-serif;     font-size: 14px;     transition: background 0.3s;     position: fixed;     right: 40px;     bottom: 40px; }  .btn-up .icon {     display: flex;     align-items: center;     justify-content: center; }  .btn-up:hover {     background-color: #ffcc00; }  .footer-navigation-block-list a:hover {     color: #ffd800; }  ul, ol {     padding-left: 1.5em;     font-family: sans-serif;     font-size: 16px;     list-style: none; }  li {     margin-bottom: 8px;     position: relative; }  ul li::before {     content: "•";     position: absolute;     left: -1em;     color: #ffd800;     font-size: 20px;     line-height: 1; }  ol {     counter-reset: item; }  ol li::before {     counter-increment: item;     content: counter(item) ".";     position: absolute;     left: -1.5em;     color: #ffd800;     font-weight: bold; }  @media (max-width: 530px) {     .content__title {         flex-direction: column;     }     .content__title .btn {         order: -1;     } }