@font-face {     font-family: 'Noto Sans';     src: url(/shared/3692/NotoSans.eot);     src: url(/shared/3692/NotoSans.eot) format('embedded-opentype'),         url(/shared/3692/NotoSans.woff2) format('woff2'),         url(/shared/3692/NotoSans.woff) format('woff'),         url(/shared/3692/NotoSans.ttf) format('truetype'),         url(/shared/3692/NotoSans.svg) format('svg');     font-weight: normal;     font-style: normal;     font-display: swap; }  * {     box-sizing: border-box; } html, body {     overflow-x: hidden; } html {     font-family: sans-serif;     font-size: 10px; }  body {     margin: 0;     padding-top: 70px;     -webkit-tap-highlight-color: transparent;     outline: 0;     position: relative;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     color: #dcd9d5;     background: #13100e;     font-size: 1.4rem; }  a {     background-color: transparent;     -webkit-text-decoration-skip: objects;     color: #fdc061; }  a:hover {     color: #fdc061;     text-decoration: none;     outline: 0; }  img {     max-width: 100%;     height: auto;     margin: 10px 0; }  .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     padding: 15px 0;     background: #13100e;     z-index: 110;     box-shadow: 0 0 20px #13100e;     border-bottom: 2px solid #302d28; }  .header-wrapp {     position: relative; }  .width {     margin: 0 auto;     width: 100%;     max-width: 1280px;     min-width: 320px; }  .header-wrapp>.width>.row {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     align-items: center; }  .logo {     position: relative;     display: block;     background-image: url(/shared/3692/images-list-sa18083d2a6.webp);     background-position: 0 -2054px;     background-repeat: no-repeat;     overflow: hidden;     height: 40px;     width: 255px;     z-index: 215;     cursor: pointer; }  .header-btn-box {     position: relative;     width: 290px;     display: flex;     overflow: hidden;     z-index: 210; }  .btn {     display: inline-block;     position: relative;     margin: 0 -2px 0 0;     padding: 0 15px;     border: none;     background-color: transparent;     color: #000;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     font-weight: 700;     letter-spacing: 2px;     text-transform: uppercase;     text-decoration: none;     text-align: center;     cursor: pointer;     border-radius: 50px;     overflow: hidden;     box-sizing: border-box;     font-size: 1.4rem; }  .btn:hover {     transition: background .1s ease-in-out; }  .btn-green {     border: 1px solid #3daa45;     background: #3daa45;     border-radius: 50px; }  .header-register-btn {     width: 165px;     margin: 0 1.764705882352941% 0 0;     border-radius: 0 50px 50px 0; }  .btn-gold {     border: 1px solid #fdc061;     background: #fdc061; }  .header-auth-btn {     position: relative;     width: 110px;     margin: 0 2px 0 0;     border-radius: 50px 0 0 50px; }  .btn-green:hover {     background: #000;     color: #3daa45;     border: 1px solid #3daa45; }  .btn-gold:hover {     background: #000;     color: #fdc061;     border: 1px solid #fdc061; }  .nav-mobile-icon {     display: none;     position: absolute;     top: 0;     left: 15px;     cursor: pointer;     width: 42px;     height: 42px;     border-radius: 50%;     background: #302d28;     border: 2px solid #13100e;     z-index: 210; }  .nav-mobile-icon-line, .nav-mobile-icon::after, .nav-mobile-icon::before {     position: absolute;     top: 50%;     left: 50%;     width: 20px;     height: 2px;     margin: -1px 0 0 -10px;     background: #fdc061; }  .mobile-sidebar {     display: none;     position: fixed;     top: 0;     left: 0;     width: 100%;     height: auto;     padding: 110px 0 25px 0;     background: #302d28;     z-index: 200; }  .mobile-sidebar .sidebar-inner {     position: relative;     width: 290px;     min-width: 290px;     height: 100%;     margin: 0 auto;     overflow: hidden; }  .mobile-sidebar .sidebar-scroll-wrap {     width: 290px; }  .nav-mobile {     margin: 15px 0 0 0; }  .nav-mobile ul {     width: 96%;     list-style: none;     padding: 0;     margin: 0; }  .nav-mobile ul li {     display: block;     padding: 10px 0;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     font-weight: 700;     letter-spacing: 2px;     color: #fdc061;     text-transform: capitalize;     text-decoration: none;     font-size: 2.4rem;     cursor: pointer;     text-align: center; }  .nav-mobile ul li {     text-align: center;     border-top: 2px solid #13100e; }  .nav-mobile ul li:first-child {     border-top: none;     border-top: none; }  .nav-mobile ul li a {     text-decoration: none;     font-size: 2.4rem;     cursor: pointer;     text-align: center; }  .mobile-sidebar.active {     display: block; }  .nav-mobile-icon::after, .nav-mobile-icon::before {     content: "";     transition: all .2s ease-in-out; }  .nav-mobile-icon::before {     margin: -7px 0 0 -10px; }  .nav-mobile-icon::after {     margin: 5px 0 0 -10px; }  .nav-mobile-icon.close::before {     margin: -1px 0 0 -10px;     transform: rotate(-45deg); }  .nav-mobile-icon.close::after {     margin: -1px 0 0 -10px;     transform: rotate(45deg); }  .nav-mobile-icon.close .nav-mobile-icon-line, .nav-mobile-icon.close .nav-mobile-icon::after, .nav-mobile-icon.close .nav-mobile-icon::before {     display: none; }  .nav-wrapp {     position: relative;     background: #302d28;     z-index: 100; }  .nav-general {     display: flex;     align-items: center;     flex-wrap: wrap;     list-style: none;     padding: 0; }  .nav-general__item {     text-align: center;     border-right: 1px solid #000; }  .nav-general__link {     display: block;     padding: 10px 35px;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     letter-spacing: 2px;     color: #fdc061;     text-transform: uppercase;     text-decoration: none;     transition: background .1s ease-in-out;     font-size: 1.4rem;     cursor: pointer; }  .nav-general__link:hover {     transition: all .1s ease-in-out;     background: rgba(253, 192, 97, .1); }  .breadcrumbs-wrap {     border-top: 1px solid rgba(0, 0, 0, .2);     padding: 8px 0;     z-index: 99; }  .breadcrumbs {     display: flex;     flex-wrap: wrap;     align-items: center;     list-style: none;     margin: 0;     padding: 0;     font-size: 1.3rem; }  .breadcrumbs__item {     display: flex;     align-items: center; }  .breadcrumbs__item:not(:last-child)::after {     content: "/";     margin: 0 8px;     color: #7a756e;     font-weight: 400; }  .breadcrumbs__item a {     color: #fdc061;     text-decoration: none; }  .breadcrumbs__item a:hover {     text-decoration: underline; }  .breadcrumbs__item:last-child span {     color: #dcd9d5; } .iframe-block {     background: url(/shared/3692/bg-default-slots.webp) top center no-repeat;     padding-top: 40px;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     font-size: 1.4rem; } .iframe-box {     position: relative;     overflow: hidden;     max-width: 1274px;     margin: 0px auto 35px; } .main-content {     max-width: 100%; }  .iframe-block h1 {     position: relative;     padding-bottom: .1rem;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     font-weight: 400;     color: #fdc061;     text-align: center;     font-size: 3.2rem; } .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 755px;     overflow: hidden; } .iframe__item::before {     content: "";     position: absolute; top: 0;     left: 0;     bottom: 0;     right: 0;     background: url('/uploads/3604/pages/38123/38123.png') center center / cover no-repeat;     filter: blur(10px); } .i_game_thumb_play.btn-green {     border-radius: 50px; } #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);    z-index: 999; } .iframe__wrapper, .iframe__inner, .iframe__inner iframe {   position: relative;   z-index: 9;   width: 100%;     height: 100%; } .game-iframe {     width: 100%;     height: 100%;     border: 0; } .content-width {     max-width: 980px;     margin: 0 auto;     padding: 0 2%; }  .content {     padding-top: 40px;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     font-size: 1.4rem; }  .content-toggle {     position: relative;     overflow: hidden; }  .content p {     margin: 15px 0 30px 0;     line-height: 1.5; }  .content h2 {     padding: 0 0 20px 0;     font-family: "Noto Sans", Arial, Helvetica, sans-serif;     font-weight: 700;     color: #fdc061;     font-size: 2rem; }  /* Списки в контенте */ .content ul:not(.game-list) {     list-style: none;     margin: 15px 0 30px 0;     padding: 0; }  .content ul:not(.game-list) li {     position: relative;     padding: 6px 0 6px 16px;     line-height: 1.5;     color: #dcd9d5; }  .content ul:not(.game-list) li::before {     content: "";     position: absolute;     left: 0;     top: 15px;     width: 7px;     height: 7px;     background: #fdc061;     border-radius: 2px; }  .content ul:not(.game-list) ul {     margin: 8px 0 8px 0;     padding-left: 20px; }  .content ul:not(.game-list) ul li::before {     background: rgba(253, 192, 97, 0.6);     width: 5px;     height: 5px;     top: 13px; }  .content ol {     list-style: none;     margin: 15px 0 30px 0;     padding: 0;     counter-reset: list-counter; }  .content ol li {     position: relative;     padding: 6px 0 6px 48px;     line-height: 1.5;     color: #dcd9d5;     counter-increment: list-counter; }  .content ol li::before {     content: counter(list-counter);     position: absolute;     left: 0;     top: 4px;     min-width: 24px;     height: 24px;     padding: 0 6px;     background: #fdc061;     color: #13100e;     font-size: 1.2rem;     font-weight: 700;     line-height: 24px;     text-align: center;     border-radius: 4px;     margin-right: 5px; }  .content ol ol {     margin: 8px 0 8px 0;     padding-left: 20px;     counter-reset: list-counter; }  .content ol ol li::before {     background: rgba(253, 192, 97, 0.5);     color: #dcd9d5;     font-size: 1.1rem; }  /* Таблиці в контенте (адаптивність без додаткових тегів: скрол у батька через :has()) */ .content-toggle:has(table) {     width: 100%;     max-width: 100%;     min-width: 0;     overflow-x: auto;     -webkit-overflow-scrolling: touch;     box-sizing: border-box; }  .content-toggle:has(table)::-webkit-scrollbar {     height: 8px; }  .content-toggle:has(table)::-webkit-scrollbar-track {     background: #252320;     border-radius: 4px; }  .content-toggle:has(table)::-webkit-scrollbar-thumb {     background: rgba(253, 192, 97, 0.4);     border-radius: 4px; }  .content-toggle:has(table)::-webkit-scrollbar-thumb:hover {     background: rgba(253, 192, 97, 0.6); }  .content table {     width: 100%;     min-width: 560px;     margin: 15px 0 30px 0;     border-collapse: collapse;     background: #252320;     border-radius: 8px;     overflow: hidden;     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); }  .content table thead {     background: linear-gradient(135deg, #302d28 0%, #252320 100%); }  .content table th {     padding: 14px 16px;     text-align: left;     font-weight: 700;     font-size: 1.3rem;     color: #fdc061;     border-bottom: 2px solid rgba(253, 192, 97, 0.4); }  .content table td {     padding: 12px 16px;     color: #dcd9d5;     border-bottom: 1px solid rgba(255, 255, 255, 0.06);     line-height: 1.5; }  .content table tbody tr:last-child td {     border-bottom: none; }  .content table tbody tr:nth-child(even) {     background: rgba(255, 255, 255, 0.02); }  .content table tbody tr:hover {     background: rgba(253, 192, 97, 0.06); }  .content .game-list {     gap: 0; }  .content .game-list__item {     display: inline-block;     width: 179px;     padding: 5px;     box-sizing: border-box; }  .footer {     position: relative;     padding: 40px 0 20px 0; }  .payment-box {     display: flex;     justify-content: center;     align-items: center;     gap: 10px;     flex-wrap: wrap;     padding: 0;     margin: 0; }  .payment-box__item, .payment-box__link {     display: flex;     justify-content: center;     align-items: center;     width: 165px; }  .payment-box__link {     position: relative;     color: #fff;     text-decoration: none;     font-size: .9rem;     flex-direction: column; }  .payment-box .payment-box__icon {     display: block;     background-image: url(/shared/3692/images-list-sa18083d2a6.webp);     background-size: 255px 3993.5px;     background-repeat: no-repeat;     overflow: hidden; }  .payment-box .visa-icon {     background-position: 0 -3629px;     height: 47px;     width: 49px; }  .payment-box .maestro-icon {     background-position: 0 -2045px;     height: 40px;     width: 67.5px; }  .payment-box .qiwi-icon {     background-position: 0 -2827px;     height: 46.5px;     width: 44px; }  .payment-box .webmoney-icon {     background-position: 0 -3764px;     height: 45px;     width: 45px; }  .payment-box .yandex-wallet-icon {     background-position: 0 -3841px;     height: 43px;     width: 38px; }  .payment-box .skrill-icon {     background-position: 0 -2983px;     height: 26px;     width: 76px; }  .payment-box .neteller-icon {     background-position: 0 -2247px;     height: 19.5px;     width: 107.5px; }  .payment-box__text {     padding: 10px 0 0 0;     color: #302d28;     transition: all .1s ease-in-out;     font-size: 1.3rem; }  .footer__nav-box {     margin: 50px auto 0;     padding: 30px 0;     background: #302d28; }  .footer-nav {     width: 100%;     font-weight: 700;     text-transform: uppercase;     text-align: center;     letter-spacing: 1px;     color: #dcd9d5;     list-style: none;     padding: 0;     margin: 0;     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap;     gap: 10px; }  .footer-nav__link {     color: #fdc061;     text-decoration: none;     transition: all .1s ease-in-out;     font-size: 1.4rem;     text-decoration: none; }  .footer-nav__link:hover {     color: #dcd9d5; }  .content-author {     display: flex;     align-items: flex-end;     justify-content: flex-start;     flex-wrap: wrap;     gap: 14px 20px;     margin-top: 36px;     padding: 20px 24px;     background: linear-gradient(135deg, #252320 0%, #302d28 100%);     border: 1px solid rgba(253, 192, 97, 0.25);     border-left: 4px solid #fdc061;     border-radius: 8px;     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25); }  .content-author__label {     width: 100%;     font-size: 1.1rem;     font-weight: 700;     letter-spacing: 1px;     text-transform: uppercase;     color: #fdc061;     margin-bottom: 2px; }  .content-author__logo {     flex-shrink: 0;     opacity: 0.95; }  .content-author__name {     color: #dcd9d5;     font-size: 1.5rem;     font-weight: 600;     letter-spacing: 0.5px;     margin-bottom: 30px; }  .date-published {     margin-left: auto;     font-size: 1.3rem;     color: #9a958e; }  .provider-list {     padding: 40px 0 0 0;     text-align: center;     list-style: none;     margin: 0;     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     gap: 4px; }  .provider-list__item {     padding: 0 20px 40px 20px;     vertical-align: middle; }  .provider-list__item span {     display: block;     background-image: url(/shared/3692/images-list-2x-se0c84f41aa.webp);     background-size: 255px 3993.5px;     background-repeat: no-repeat;     overflow: hidden; } .icon-quickfire {     background-position: 0 -2875px;     height: 32px;     width: 92px; } .icon-netent {     background-position: 0 -2267px;     height: 32px;     width: 91px; } .icon-yggdrasil {     background-position: 0 -3945px;     height: 32px;     width: 132px; } .icon-quickspin {     background-position: 0 -2908px;     height: 24px;     width: 100px; } .icon-pushgaming {     background-position: 0 -2811px;     height: 15px;     width: 140px; } .icon-betsoft {     background-position: 0 -543px;     height: 32px;     width: 84px; } .icon-relax {     background-position: 0 -2933px;     height: 32px;     width: 103px; } .icon-nolimitcity {     background-position: 0 -2428px;     height: 32px;     width: 119px; } .icon-nextgen {     background-position: 0 -2378px;     height: 32px;     width: 116px; } .icon-elk {     background-position: 0 -1095px;     height: 32px;     width: 81px; } .icon-thunderkick {     background-position: 0 -3366px;     height: 32px;     width: 103px; } .icon-playngo {     background-position: 0 -2665px;     height: 32px;     width: 116px; } .icon-amatic {     background-position: 0 0;     height: 32px;     width: 104px; } .icon-bigtimegaming {     background-position: 0 -576px;     height: 32px;     width: 127px; } .icon-endorphina {     background-position: 0 -1295px;     height: 48px;     width: 105px; } .icon-blueprint {     background-position: 0 -618px;     height: 32px;     width: 137px; } .certificate-list {     text-align: center;     list-style: none;     margin: 0;     display: flex;     justify-content: center;     align-items: center;     flex-wrap: wrap;     gap: 4px; } .certificate-list__item {     padding: 0 15px;     vertical-align: middle; } .certificate-list__item a, .certificate-list__item span {     display: block;     background-image: url(/shared/3692/images-list-2x-se0c84f41aa.webp);     background-size: 255px 3993.5px;     background-repeat: no-repeat;     overflow: hidden; } .icon-itechlabs {     background-position: 0 -1742px;     height: 53px;     width: 53px; } .icon-pagi {     background-position: 0 -2502px;     height: 53px;     width: 53px; } .icon-ssl-certificate {     background: none !important; } .icon-tape-new {     background-image: url(/shared/3692/images-list-2x-se0c84f41aa.webp);     background-size: 255px 3993.5px;     background-position: 0 -2300px;     height: 77px;     width: 77px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {     .logo {         background-image: url(/shared/3692/images-list-2x-se0c84f41aa.webp);         background-size: 255px 3993.5px;         background-position: 0 -2006px;         height: 40px;         width: 255px;     }      .payment-box .visa-icon::before {         background-image: url(/shared/3692/images-list-2x-se0c84f41aa.webp);         background-size: 255px 3993.5px;         background-position: 0 -3632px;         height: 47px;         width: 48.5px;     } }  @media (max-width: 1300px) {     .width {         width: 96%;     }      .game-hover__btn-onmoney {         font-size: 12px;     } }  @media only screen and (max-width: 1150px) {     .header {         box-shadow: 0 0 20px #13100e;         border-bottom: 2px solid #302d28;     }      body {         padding-top: 130px;     }      .header .cols-4,     .header .cols-8 {         float: none;         width: 100%;     }      .header .logo {         margin: 0 auto 15px;         display: block;         background-image: url(/shared/3692/images-list-sa18083d2a6.webp);         background-position: 0 -2015px;         background-repeat: no-repeat;         overflow: hidden;         height: 30px;         width: 265px;     }      .header-btn-box {         justify-content: center;         align-items: center;         margin: 5px auto 0;     }      .nav-mobile-icon {         display: block;     }      .nav-wrapp {         display: none;     } }  @media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 2dppx) {     .header .logo {         background-image: url(/shared/3692/images-list-2x-se0c84f41aa.webp);         background-size: 255px 3993.5px;         background-position: 0 -1967px;         height: 37.5px;         width: 193px;     } }  @media only screen and (max-width: 768px) {     .content table {         min-width: 480px;     }      .content table th,     .content table td {         padding: 10px 12px;         font-size: 1.2rem;     } }  @media only screen and (max-width: 515px) {     .game-list {         gap: 0;     }      .game-list__item,     .content .game-list__item {         width: 50%;     }      .content table {         min-width: 280px;     }      .content table th,     .content table td {         padding: 8px 10px;         font-size: 1.1rem;     } }  /* Мінімальна ширина екрану 320px */ @media only screen and (max-width: 320px) {     .content table {         min-width: 280px;     }      .content table th,     .content table td {         padding: 6px 8px;         font-size: 1rem;     } }  /* Кнопка «Вверх» */ .btn-up {     position: fixed;     right: 24px;     bottom: 24px;     z-index: 250;     width: 48px;     height: 48px;     padding: 0;     border: none;     border-radius: 50%;     background: #fdc061;     color: #13100e;     cursor: pointer;     opacity: 0;     visibility: hidden;     pointer-events: none;     transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }  .btn-up::before {     content: "";     position: absolute;     left: 50%;     top: 50%;     width: 14px;     height: 14px;     margin: -4px 0 0 -7px;     border-left: 2px solid currentColor;     border-top: 2px solid currentColor;     transform: rotate(45deg); }  .btn-up:hover {     background: #fdd07d;     transform: translateY(-2px); }  .btn-up.is-visible {     opacity: 1;     visibility: visible;     pointer-events: auto; }  /* Cookie banner */ .cookie-banner {     position: fixed;     bottom: 0;     left: 0;     right: 0;     z-index: 100;     padding: 16px 0;     background: #1a1714;     border-top: 2px solid #302d28;     box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);     transition: transform 0.3s ease, opacity 0.3s ease; }  .cookie-banner.cookie-banner--hidden {     transform: translateY(100%);     opacity: 0;     pointer-events: none; }  .cookie-banner__inner {     position: relative;     display: flex;     align-items: center;     gap: 20px;     padding-right: 50px; }  .cookie-banner__text {     margin: 0;     font-size: 1.3rem;     line-height: 1.5;     color: #dcd9d5; }  .cookie-banner__close {     position: absolute;     top: 50%;     right: 0;     transform: translateY(-50%);     width: 36px;     height: 36px;     padding: 0;     border: none;     background: transparent;     cursor: pointer;     border-radius: 50%;     flex-shrink: 0;     transition: background 0.2s ease;     color: #dcd9d5; }  .cookie-banner__close:hover {     background: rgba(253, 192, 97, 0.2);     color: #fdc061; }  .cookie-banner__close::before, .cookie-banner__close::after {     content: '';     position: absolute;     top: 50%;     left: 50%;     width: 18px;     height: 2px;     background: currentColor;     transform: translate(-50%, -50%) rotate(45deg); }  .cookie-banner__close::after {     transform: translate(-50%, -50%) rotate(-45deg); }  @media only screen and (max-width: 768px) {     .cookie-banner__inner {         padding-right: 45px;         padding-left: 15px;     }      .cookie-banner__text {         font-size: 1.2rem;     }      .cookie-banner__close {         right: 10px;     } }