:root {       --bg: #f4f6f8;       --surface: #ffffff;       --surface-soft: #f8fafb;       --text: #1f2933;       --muted: #5f6c7b;       --accent: #d63d2a;       --accent-dark: #b92f1f;       --green: #9dc65a;       --green-dark: #88b046;       --line: #dde4ea;       --line-soft: #e8edf1;       --shadow: 0 10px 25px rgba(31, 41, 51, 0.08);       --shadow-soft: 0 8px 20px rgba(31, 41, 51, 0.06);       --radius: 14px;       --container: 960px;       --header-height: 76px;     }      * {       box-sizing: border-box;     }      html {       scroll-behavior: smooth;     }      body {       margin: 0;       font-family: Arial, Helvetica, sans-serif;       color: var(--text);       background: var(--bg);       line-height: 1.65;       font-size: 16px;     }      img {       max-width: 100%;       height: auto;       display: block;     }      a {       color: inherit;       text-decoration: none;     }      a:hover {       color: var(--accent);     }  /* table {       width: 100%;       border-collapse: collapse;       border-spacing: 0;       margin: 20px 0;       background: #fff;       border: 1px solid var(--line);       border-radius: 12px;       overflow: hidden;       display: block;       overflow-x: auto;     }      table thead,     table tbody,     table tr {       width: 100%;     }      th,     td {       padding: 12px 14px;       border-bottom: 1px solid var(--line);       text-align: left;       vertical-align: top;       font-size: 15px;       white-space: nowrap;     }      th {       background: var(--surface-soft);       font-weight: 700;       color: var(--text);     }      td {       color: #344150;       background: #fff;     }      tr:last-child td {       border-bottom: 0;     }*/      .container {       width: min(calc(100% - 32px), var(--container));       margin: 0 auto;     }      .site-header {       position: sticky;       top: 0;       z-index: 80;       background: rgba(27, 35, 42, 0.96);       backdrop-filter: blur(10px);       box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);     }      .site-header__inner {       display: flex;       align-items: center;       justify-content: space-between;       gap: 20px;       min-height: var(--header-height);     }      .site-brand {       display: inline-flex;       align-items: center;       gap: 12px;     }      .site-brand img {       width: 42px;       height: 42px;       object-fit: contain;       flex: 0 0 42px;     }      .logo {       font-size: 26px;       font-weight: 700;       color: #fff;       white-space: nowrap;     }      .logo span {       color: #8cc152;     }      .nav {       display: flex;       flex-wrap: wrap;       gap: 10px;       align-items: center;     }      .nav > a,     .nav-dropdown__toggle {       color: #f3f5f7;       padding: 10px 14px;       border-radius: 10px;       font-size: 14px;       font-weight: 700;       transition: background 0.2s ease, color 0.2s ease;     }      .nav > a:hover,     .nav-dropdown:hover .nav-dropdown__toggle,     .nav-dropdown:focus-within .nav-dropdown__toggle {       background: rgba(255, 255, 255, 0.1);       color: #fff;     }      .nav-dropdown {       position: relative;       padding-bottom: 12px;       margin-bottom: -12px;     }      .nav-dropdown__toggle {       display: inline-flex;       align-items: center;       gap: 8px;       cursor: pointer;     }      .nav-dropdown__toggle::after {       content: "▾";       font-size: 12px;       opacity: 0.9;     }      .nav-dropdown__menu {       position: absolute;       top: calc(100% + 2px);       left: 0;       min-width: 220px;       padding: 10px;       margin: 0;       list-style: none;       background: #ffffff;       border: 1px solid var(--line);       border-radius: 14px;       box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);       display: none;       z-index: 30;     }      .nav-dropdown:hover .nav-dropdown__menu,     .nav-dropdown:focus-within .nav-dropdown__menu {       display: block;     }      .nav-dropdown__menu::before {       content: "";       position: absolute;       left: 0;       right: 0;       top: -12px;       height: 12px;     }      .nav-dropdown__menu li + li {       margin-top: 6px;     }      .nav-dropdown__menu a {       display: block;       padding: 10px 12px;       border-radius: 10px;       color: #2e3a45;       background: #f7fafc;       font-size: 14px;       font-weight: 700;     }      .nav-dropdown__menu a:hover {       background: #eef3f6;       color: var(--accent);     }      .review-hero {       background: linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%);       border-bottom: 1px solid rgba(0, 0, 0, 0.08);     }      .review-hero__inner {       min-height: 180px;       display: grid;       grid-template-columns: 160px minmax(0, 1fr) auto;       gap: 26px;       align-items: center;       padding: 24px 0;     }      .review-logo {       display: flex;       align-items: center;       justify-content: center;       /*background: #fff;*/       border: 1px solid rgba(0, 0, 0, 0.1);       border-radius: 12px;       padding: 16px;       box-shadow: var(--shadow-soft);       min-height: 120px;     }      .review-logo img {       width: 100%;       max-width: 124px;       aspect-ratio: 4 / 3;       object-fit: contain;     }      .review-headline h1 {       margin: 0;       font-size: clamp(30px, 4.5vw, 42px);       line-height: 1.15;       color: #fff;       text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);     }      .review-headline p {       margin: 12px 0 0;       max-width: 680px;       color: rgba(255, 255, 255, 0.92);       font-size: 17px;     }      .review-actions {       display: flex;       flex-direction: column;       align-items: flex-end;       gap: 14px;     }      .verified-badge {       display: inline-flex;       align-items: center;       gap: 10px;       color: #fff;       font-size: 15px;       font-weight: 700;       white-space: nowrap;     }      .verified-badge svg {       width: 20px;       height: 20px;       flex: 0 0 20px;     }      .btn-play {       display: inline-flex;       align-items: center;       justify-content: center;       min-width: 164px;       min-height: 52px;       padding: 0 24px;       border-radius: 12px;       background: var(--accent);       color: #fff;       font-weight: 700;       font-size: 18px;       transition: background 0.2s ease, transform 0.2s ease;       box-shadow: 0 12px 24px rgba(214, 61, 42, 0.25);     }      .btn-play::after {       content: "›";       margin-left: 12px;       font-size: 22px;       line-height: 1;     }      .btn-play:hover {       color: #fff;       background: var(--accent-dark);       transform: translateY(-1px);     }      .sticky-casino-bar {       position: fixed;       top: var(--header-height);       left: 0;       width: 100%;       z-index: 60;       background: rgba(255, 255, 255, 0.96);       backdrop-filter: blur(10px);       border-bottom: 1px solid var(--line);       box-shadow: 0 8px 22px rgba(31, 41, 51, 0.08);       transform: translateY(-120%);       opacity: 0;       pointer-events: none;       transition: transform 0.3s ease, opacity 0.3s ease;     }      .sticky-casino-bar.is-visible {       transform: translateY(0);       opacity: 1;       pointer-events: auto;     }      .sticky-casino-bar__inner {       display: flex;       align-items: center;       justify-content: space-between;       gap: 20px;       min-height: 76px;       padding: 12px 0;     }      .sticky-brand {       display: flex;       align-items: center;       gap: 14px;       min-width: 0;     }      .sticky-brand__logo {       width: 60px;       height: 60px;       border-radius: 10px;       border: 1px solid var(--line);       background: #fff;       padding: 8px;       display: flex;       align-items: center;       justify-content: center;       flex: 0 0 60px;     }      .sticky-brand__logo img {       width: 100%;       height: 100%;       object-fit: contain;     }      .sticky-brand__text {       min-width: 0;     }      .sticky-brand__text strong {       display: block;       font-size: 18px;       line-height: 1.25;       color: var(--text);       white-space: nowrap;       overflow: hidden;       text-overflow: ellipsis;     }      .sticky-brand__text span {       display: inline-flex;       align-items: center;       gap: 8px;       margin-top: 4px;       color: var(--muted);       font-size: 14px;       font-weight: 700;     }      .sticky-brand__text span::before {       content: "✓";       display: inline-flex;       align-items: center;       justify-content: center;       width: 18px;       height: 18px;       border-radius: 50%;       background: #eef7e8;       color: #3d6c1f;       font-size: 12px;       font-weight: 700;     }      .page-shell {       padding: 28px 0 48px;     }      .breadcrumbs {       margin: 0 0 16px;       color: #677584;       font-size: 13px;       display: flex;       list-style: none;     } .breadcrumbs-list__item{   margin-right: 10px; }      .breadcrumbs a {       color: #677584;     }      .breadcrumbs a:hover {       color: var(--accent);     }      .content-grid {       display: block;     }      .content-section {       background: var(--surface);       border: 1px solid var(--line);       border-radius: var(--radius);       box-shadow: var(--shadow);       overflow: hidden;       max-width: var(--container);       margin: 0 auto;     }      .section-head {       padding: 18px 22px;       border-bottom: 1px solid var(--line);       background: var(--surface-soft);     }      .section-head h2,     .sidebar-card__head h2,     .sidebar-card__head h3 {       margin: 0;       font-size: 22px;       line-height: 1.3;     }      .content-section__body {       padding: 22px;     }      .content-section h2,     .content-section h3,     .content-section h4 {       margin: 0 0 12px;       color: var(--text);       line-height: 1.35;     }      .content-section h2 {       font-size: 28px;     }      .content-section h3 {       font-size: 22px;     }      .content-section h4 {       font-size: 18px;     }      .content-section p {       margin: 0 0 16px;       color: #344150;     }      .content-section p:last-child {       margin-bottom: 0;     }      .content-section a,     .text-link {       color: #1f4f8a;       text-decoration: underline;       text-decoration-thickness: 1px;       text-underline-offset: 2px;       transition: color 0.2s ease, text-decoration-color 0.2s ease;     }      .content-section a:hover,     .text-link:hover {       color: var(--accent);       text-decoration-color: var(--accent);     }      .toc {       margin: 0 0 28px;       padding: 18px;       border: 1px solid var(--line);       border-radius: 14px;       background: linear-gradient(180deg, #fafcfd 0%, #f4f8fa 100%);     }      .toc__title {       margin: 0 0 12px;       font-size: 16px;       font-weight: 700;       color: var(--text);     }      .toc ol {       margin: 0;       padding-left: 20px;       display: grid;       gap: 8px;       color: #344150;     }      .toc a {       text-decoration: none;       color: #415161;       font-weight: 700;     }      .toc a:hover {       color: var(--accent);     }      .content-section ul,     .content-section ol {       margin: 18px 0;       color: #344150;     }      .content-section ul {       list-style: none;       padding-left: 0;       display: grid;       gap: 10px;     }      .content-section ul li {       position: relative;       padding-left: 22px;     }      .content-section ul li::before {       content: "";       position: absolute;       left: 0;       top: 10px;       width: 8px;       height: 8px;       border-radius: 50%;       background: var(--accent);       box-shadow: 0 0 0 4px rgba(214, 61, 42, 0.12);     }      .content-section ol {       counter-reset: item;       list-style: none;       padding-left: 0;       display: grid;       gap: 12px;     }      .content-section ol li {       position: relative;       padding-left: 48px;       min-height: 34px;     }      .content-section ol li::before {       counter-increment: item;       content: counter(item);       position: absolute;       left: 0;       top: -1px;       width: 32px;       height: 32px;       border-radius: 50%;       display: flex;       align-items: center;       justify-content: center;       background: #eef3f6;       color: var(--accent);       font-weight: 700;       font-size: 14px;       border: 1px solid #d8e1e7;     }      .content-section figure {       margin: 20px 0;     }      .content-section figure img {       width: 100%;       border-radius: 14px;       border: 1px solid var(--line);       box-shadow: var(--shadow-soft);     }      .content-section figcaption {       margin-top: 8px;       color: var(--muted);       font-size: 14px;     }      .callout {       margin: 22px 0;       padding: 16px 18px;       border-left: 4px solid var(--accent);       background: #fff7f5;       border-radius: 12px;       color: #4a5663;     }      .info-table {       display: grid;       gap: 0;     }      .info-row {       display: grid;       grid-template-columns: 1fr 1fr;       gap: 16px;       padding: 11px 0;       border-bottom: 1px dashed var(--line);       font-size: 14px;     }      .info-row:last-child {       border-bottom: 0;       padding-bottom: 0;     }      .info-row:first-child {       padding-top: 0;     }      .info-row strong {       color: var(--text);     }      .provider-list {       display: grid;       gap: 6px;       font-size: 14px;       color: #344150;     }      .site-footer {       padding: 28px 0 36px;       background: #202a32;       color: #d7dde3;     }      .site-footer__inner {       display: grid;       grid-template-columns: 1.4fr 1fr 1fr 1fr;       gap: 22px;     }      .footer-brand {       display: inline-flex;       align-items: center;       gap: 12px;       margin-bottom: 12px;     }      .footer-brand img {       width: 38px;       height: 38px;       object-fit: contain;       flex: 0 0 38px;     }      .footer-brand strong {       color: #fff;       font-size: 20px;       line-height: 1.2;     }      .trust-row {       display: flex;       gap: 10px;       margin-top: 18px;       justify-content: space-between;     }      .trust-badge {       display: inline-flex;       align-items: center;       justify-content: center;       min-height: 40px;       padding: 8px 14px;      /* border-radius: 999px;       border: 1px solid rgba(255, 255, 255, 0.12);       background: rgba(255, 255, 255, 0.06);*/       color: #ffffff;       font-size: 13px;       font-weight: 700;     }      .site-footer h3 {       margin: 0 0 12px;       color: #8cc152;       font-size: 16px;     }      .site-footer p,     .site-footer li,     .site-footer a {       color: #d7dde3;       font-size: 14px;       line-height: 1.6;     }      .site-footer ul {       list-style: none;       padding: 0;       margin: 0;       display: grid;       gap: 8px;     }      .site-footer ul a:hover {       color: #ffffff;     }      .up-button {       position: fixed;       right: 18px;       bottom: 18px;       z-index: 40;       width: 48px;       height: 48px;       border-radius: 50%;       display: flex;       align-items: center;       justify-content: center;       background: var(--accent);       color: #fff;       font-size: 18px;       font-weight: 700;       box-shadow: 0 10px 24px rgba(214, 61, 42, 0.35);     }      .up-button:hover {       color: #fff;       background: var(--accent-dark);     }      @media (max-width: 980px) {       .content-grid {         display: block;       }        .site-footer__inner {         grid-template-columns: repeat(4, minmax(0, 1fr));       }     }        .site-footer__inner {         grid-template-columns: repeat(4, minmax(0, 1fr));       }     }      @media (max-width: 760px) {       :root {         --header-height: 118px;       }        .site-header__inner {         flex-direction: column;         align-items: flex-start;         padding: 12px 0;       }        .nav {         width: 100%;       }        .nav > a,       .nav-dropdown {         flex: 1 1 auto;       }        .nav > a,       .nav-dropdown__toggle {         display: flex;         justify-content: center;         text-align: center;       }        .nav-dropdown {         padding-bottom: 0;         margin-bottom: 0;       }        .nav-dropdown__menu {         position: static;         margin-top: 8px;       }        .review-hero__inner {         grid-template-columns: 1fr;         text-align: center;       }        .review-logo {         max-width: 180px;         margin: 0 auto;       }        .review-actions {         align-items: center;       }        .sticky-casino-bar__inner {         flex-direction: column;         align-items: stretch;       }        .sticky-brand {         width: 100%;       }        .sticky-casino-bar .btn-play {         width: 100%;       }        .content-section__body,       .section-head {         padding-left: 16px;         padding-right: 16px;       }        .site-footer__inner {         grid-template-columns: repeat(2, minmax(0, 1fr));       }     }      @media (max-width: 560px) {       table {         font-size: 14px;       }        th,       td {         padding: 10px 12px;       }        body {         font-size: 15px;       }        .container {         width: min(calc(100% - 24px), var(--container));       }        .review-headline h1 {         font-size: 28px;       }        .content-section h2 {         font-size: 24px;       }        .content-section h3,       .section-head h2,       .sidebar-card__head h2,       .sidebar-card__head h3 {         font-size: 20px;       }        .info-row {         grid-template-columns: 1fr;         gap: 6px;       }        .site-footer__inner {         grid-template-columns: 1fr;       }     }  /*Updated table*/ .casino-table {   width: 100%;   border-collapse: collapse;   table-layout: fixed; }  .casino-table th, .casino-table td {   padding: 8px;   border: 1px solid #ddd;   text-align: left;   vertical-align: top;   word-break: break-word; }  .casino-table th {   width: 30%;   font-weight: 600; }  .table-of-contents {     cursor: pointer; } .toc .table-of-contents__list {     display: none; } .table-of-contents.open .table-of-contents__list {     display: grid; }  /*flags*/ .country-links {       display: flex;       flex-wrap: wrap;       gap: 12px;       margin-top: 18px;     }      .country-link {       width: 52px;       height: 52px;       border-radius: 50%;       overflow: hidden;       display: inline-flex;       align-items: center;       justify-content: center;       border: 2px solid rgba(255, 255, 255, 0.14);       box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);       transition: transform 0.2s ease, border-color 0.2s ease;     }      .country-link:hover {       transform: translateY(-2px);       border-color: rgba(255, 255, 255, 0.32);     }      .country-link img {       width: 100%;       height: 100%;       object-fit: cover;     }