/* Slot Rating: clean stylesheet candidate    Shared foundation, site chrome, and index.html */  :root {   --sr-page: #f4f7f9;   --sr-surface: #ffffff;   --sr-surface-muted: #eaf1f5;   --sr-text: #10212f;   --sr-muted: #526979;   --sr-link: #00739b;   --sr-accent: #078273;   --sr-accent-strong: #05695d;   --sr-border: #d6e1e7;   --sr-radius: 6px;   --sr-content: 1120px; }  * { box-sizing: border-box; }  html { min-width: 320px; }  body {   min-width: 320px;   margin: 0;   overflow-x: clip;   background: var(--sr-page);   color: var(--sr-text);   font-family: Arial, Helvetica, sans-serif;   font-size: 16px;   line-height: 1.55; }  img { display: block; max-width: 100%; height: auto; }  a { color: var(--sr-link); text-decoration: none; } a:hover, a:focus-visible { color: var(--sr-accent-strong); text-decoration: underline; }  h1, h2, h3, p, ul, ol, figure { margin-top: 0; } h1, h2, h3 { color: var(--sr-text); line-height: 1.22; }  .page-container, .site-header__inner {   width: min(var(--sr-content), calc(100% - 36px));   margin: 0 auto; }  .button {   display: inline-flex;   align-items: center;   justify-content: center;   min-height: 40px;   padding: 9px 16px;   border: 0;   border-radius: 4px;   color: #fff;   font: inherit;   font-weight: 700;   line-height: 1.2;   text-decoration: none; }  .button:hover, .button:focus-visible { color: #fff; text-decoration: none; } .button--primary { background: var(--sr-accent); } .button--primary:hover, .button--primary:focus-visible { background: var(--sr-accent-strong); } .button--secondary { background: #e7eff3; color: var(--sr-text); } .button--secondary:hover, .button--secondary:focus-visible { background: #d7e4eb; color: var(--sr-text); } .button--small { min-height: 32px; padding: 6px 10px; font-size: 13px; }  /* Shared header */ .site-header {   background: var(--sr-surface);   border-bottom: 1px solid var(--sr-border); }  .site-header__inner {   display: flex;   align-items: center;   justify-content: space-between;   min-height: 64px;   gap: 24px; }  .site-header__brand { display: block; flex: 0 0 auto; } .site-header__brand img { width: auto; max-height: 44px; }  .site-header__nav { min-width: 0; }  .site-nav__list {   display: flex;   flex-wrap: wrap;   align-items: center;   justify-content: flex-end;   gap: 4px;   margin: 0;   padding: 0;   list-style: none; }  .site-nav__list a {   display: block;   padding: 8px 11px;   border-radius: 4px;   color: #30485b;   font-size: 14px;   font-weight: 700;   line-height: 1.2; }  .site-nav__list .active a, .site-nav__list .is-active a, .site-nav__list a:hover, .site-nav__list a:focus-visible {   background: var(--sr-accent);   color: #fff;   text-decoration: none; }  /* Shared footer */ .site-footer {   background: #12212a;   color: #cfdae0; }  .site-footer > .page-container {   display: grid;   grid-template-columns: minmax(190px, 1fr) minmax(360px, 1.6fr) minmax(220px, 1fr);   gap: 36px;   padding: 42px 0; }  .site-footer h3 {   margin: 0 0 10px;   color: #fff;   font-size: 16px; }  .site-footer p { margin: 0; color: #b6c5cd; font-size: 14px; } .site-footer__brand img { width: auto; max-height: 48px; margin-bottom: 12px; }  .site-footer__nav {   display: grid;   grid-template-columns: repeat(3, minmax(0, 1fr));   gap: 24px; }  .site-footer__nav a { display: block; margin: 0 0 7px; color: #d6e4ea; font-size: 14px; } .site-footer__nav a:hover, .site-footer__nav a:focus-visible { color: #fff; }  .site-footer__trust { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .site-footer__trust span { padding: 4px 7px; border: 1px solid #4a6675; border-radius: 3px; color: #e1eaed; font-size: 12px; font-weight: 700; }  /* Shared data tables */ .data-table { width: 100%; border-collapse: collapse; background: transparent; } .data-table th, .data-table td { padding: 12px 10px; border-bottom: 1px solid var(--sr-border); vertical-align: middle; } .data-table th { color: var(--sr-text); font-size: 14px; text-align: center; } .data-table td:first-child { width: 84px; text-align: center; } .data-table td:nth-child(2) { text-align: left; } .data-table td:nth-child(n + 3) { text-align: center; } .data-table img { margin: 0 auto; }  /* index.html */ body.index-page { background: var(--sr-page); }  .home-hero {   min-height: 300px;   max-height: 300px;   padding: 22px 0;   overflow: hidden;   background: #121b22;   color: #f8fafc; }  .home-hero__inner {   display: grid;   grid-template-columns: minmax(0, 1fr) minmax(330px, 385px);   align-items: center;   gap: 62px;   width: min(var(--sr-content), calc(100% - 36px));   height: 256px;   margin: 0 auto; }  .home-hero__content { max-width: 650px; }  .home-hero h1 {   max-width: 650px;   margin: 0 0 18px;   color: #f8fafc;   font-size: 42px;   font-weight: 700; }  .home-hero p {   max-width: 610px;   margin: 0;   color: #e2e8f0;   font-size: 17px;   font-weight: 600;   line-height: 1.7; }  .home-hero__media {   position: relative;   height: 236px;   overflow: hidden;   background: #070b0e; }  .home-hero__media img { width: 100%; height: 100%; object-fit: cover; }  .home-hero__button {   position: absolute;   right: 14px;   bottom: 16px;   left: 14px;   min-height: 40px;   border-radius: 2px;   background: #39c747;   font-size: 17px;   font-weight: 800; }  .home-hero__button:hover, .home-hero__button:focus-visible { background: #2dae3b; }  .home-casino-strip, .home-rating, .home-jackpot, .home-payout { width: 100%; }  .home-casino-strip { padding: 44px 0; background: #fff; } .home-casino-strip__header, .home-casino-list, .home-rating__inner, .home-jackpot__header, .home-jackpot__grid, .home-payout__header, .home-payout__content {   width: min(var(--sr-content), calc(100% - 36px));   margin-right: auto;   margin-left: auto; }  .home-casino-strip__header {   display: grid;   grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);   align-items: end;   gap: 32px;   margin-bottom: 22px; }  .home-casino-strip h2, .home-rating__header h2, .home-jackpot__header h2, .home-payout__header h2, .home-payout__content > h2 {   margin: 0;   font-size: 28px; }  .home-casino-strip__header p { margin: 0; color: var(--sr-muted); }  .home-casino-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }  .home-casino-card {   display: flex;   flex-direction: column;   min-width: 0;   padding: 14px;   background: var(--sr-surface-muted); }  .home-casino-card .button { width: 100%; margin-bottom: 10px; } .home-casino-card img { width: 100%; height: 76px; object-fit: contain; background: #fff; } .home-casino-card h3 { margin: 14px 0 5px; font-size: 17px; } .home-casino-card p { margin: 0; color: var(--sr-muted); font-size: 14px; }  .home-rating { padding: 44px 0; background: #e8f0f4; } .home-rating__header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }  .tabs__list {   display: flex;   flex-wrap: wrap;   gap: 4px;   margin: 0 !important;   padding: 0;   list-style: none; }  .tabs__list li { margin: 0; } .tabs__list a {   display: block;   padding: 7px 12px !important;   border-radius: 3px;   color: var(--sr-link);   font-size: 14px; }  .tabs__list .active a, .tabs__list .is-active a, .tabs__list a:hover, .tabs__list a:focus-visible { background: var(--sr-accent); color: #fff; text-decoration: none; }  .tabs__panel { display: none; overflow-x: auto; } .tabs__panel.active, .tabs__panel.is-active { display: block; }  .home-jackpot { padding: 44px 0; background: #fff; } .home-jackpot__header { margin-bottom: 28px; } .home-jackpot__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 28px 22px; }  .slot-card { min-width: 0; } .slot-card__media { position: relative; overflow: hidden; aspect-ratio: 1.62 / 1; background: #d8e3e9; } .slot-card__image, .slot-card__image img { display: block; width: 100%; height: 100%; } .slot-card__image img { object-fit: cover; }  .game-demo-link {   position: absolute;   top: 50%;   left: 50%;   z-index: 1;   display: flex;   align-items: center;   justify-content: center;   width: max-content;   min-width: 124px;   max-width: calc(100% - 12px);   min-height: 36px;   padding: 7px 12px;   border-radius: 18px;   background: rgba(255, 255, 255, 0.96);   color: #075a77;   font-size: 14px;   font-weight: 700;   line-height: 1.15;   text-align: center;   transform: translate(-50%, -50%);   opacity: 0;   transition: opacity 160ms ease; }  .slot-card__media:hover .game-demo-link, .slot-card__media:focus-within .game-demo-link { opacity: 1; } .game-demo-link:hover, .game-demo-link:focus-visible { color: #075a77; text-decoration: none; } .slot-card__footer { padding-top: 8px; } .game-title a { color: #00698e; font-size: 14px; }  .home-payout { padding: 44px 0 58px; background: #e8f0f4; } .home-payout__header { margin-bottom: 28px; } .home-payout__content { max-width: 860px; } .home-payout__content p { margin: 0 0 18px; } .home-payout__content > h2 { margin: 34px 0 16px; }  @media (max-width: 900px) {   .home-hero { min-height: 0; max-height: none; padding: 30px 0; }   .home-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); gap: 28px; height: auto; }   .home-casino-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }   .home-jackpot__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }  @media (max-width: 700px) {   .site-header__inner { align-items: flex-start; flex-direction: column; gap: 10px; padding: 12px 0; }   .site-nav__list { justify-content: flex-start; }   .site-footer > .page-container { grid-template-columns: 1fr; gap: 28px; }   .site-footer__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }   .home-hero__inner { grid-template-columns: 1fr; }   .home-hero h1 { font-size: 32px; }   .home-hero__media { height: auto; aspect-ratio: 1.62 / 1; }   .home-casino-strip__header { grid-template-columns: 1fr; gap: 10px; }   .home-rating__header { align-items: flex-start; flex-direction: column; }   .home-jackpot__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }  @media (max-width: 480px) {   .page-container,   .site-header__inner,   .home-hero__inner,   .home-casino-strip__header,   .home-casino-list,   .home-rating__inner,   .home-jackpot__header,   .home-jackpot__grid,   .home-payout__header,   .home-payout__content { width: min(100% - 24px, var(--sr-content)); }   .site-footer__nav { grid-template-columns: 1fr 1fr; }   .home-casino-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }   .home-jackpot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }   .home-casino-strip h2,   .home-rating__header h2,   .home-jackpot__header h2,   .home-payout__header h2,   .home-payout__content > h2 { font-size: 24px; }   .data-table { min-width: 620px; }   .tabs__panel { width: 100%; } }  /* blog.html */ .page-template { min-height: 1px; }  .blog-page__header, .casino-page__header {   width: min(var(--sr-content), calc(100% - 36px));   margin: 0 auto;   padding: 28px 0 22px; }  .blog-page__header h1, .casino-page__header h1 { margin: 0; font-size: 32px; }  .blog-vitrine { padding: 32px 0 64px; background: #fff; } .blog-vitrine > h2, .blog-posts {   width: min(var(--sr-content), calc(100% - 36px));   margin-right: auto;   margin-left: auto; }  .blog-vitrine > h2 { margin-bottom: 22px; font-size: 28px; } .blog-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }  .blog-post-card { display: flex; flex-direction: column; min-width: 0; background: var(--sr-surface-muted); } .blog-post-card__media { display: block; aspect-ratio: 1.55 / 1; overflow: hidden; background: #dce7ec; } .blog-post-card__media a, .blog-post-card__image { display: block; width: 100%; height: 100%; } .blog-post-card__image { object-fit: cover; } .blog-post-card__content { display: flex; flex: 1; flex-direction: column; padding: 18px; } .blog-post-card__heading, .blog-post-card__title { margin: 0; } .blog-post-card__title { font-size: 18px; } .blog-post-card__title a { color: var(--sr-text); } .blog-post-card__excerpt { margin: 10px 0 18px; color: var(--sr-muted); font-size: 14px; } .blog-post-card__read-more { margin-top: auto; font-size: 14px; font-weight: 700; }  /* casino.html */ .casino-vitrine { padding: 34px 0 44px; background: #fff; } .casino-vitrine__inner, .casino-copy__inner { width: min(var(--sr-content), calc(100% - 36px)); margin: 0 auto; } .casino-vitrine__heading { margin-bottom: 22px; } .casino-vitrine__heading h2, .casino-copy h2 { margin: 0; font-size: 28px; } .casino-list { display: grid; gap: 12px; }  .casino-card {   display: grid;   grid-template-columns: minmax(150px, 210px) minmax(0, 1fr) minmax(180px, 216px);   align-items: stretch;   min-width: 0;   background: #eef3f6; }  .casino-card__logo {   display: flex;   align-items: center;   justify-content: center;   min-height: 142px;   padding: 20px;   background: #fff; }  .casino-card__image { width: 100%; max-width: 126px; max-height: 82px; object-fit: contain; } .casino-card__offer { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 24px; } .casino-card__name { margin: 0 0 12px; font-size: 24px; } .casino-card__bonus { display: block; color: var(--sr-muted); font-size: 16px; font-weight: 700; } .casino-card__rating { display: block; margin-top: 14px; color: var(--sr-text); font-size: 14px; font-weight: 700; } .casino-card__actions { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 22px; } .casino-card__offer-link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 12px; background: #ee5b2a; color: #fff; font-weight: 800; text-align: center; } .casino-card__offer-link:hover, .casino-card__offer-link:focus-visible { background: #d94d20; color: #fff; text-decoration: none; } .casino-card__review { color: var(--sr-text); font-size: 14px; text-decoration: underline; } .casino-copy { padding: 46px 0 62px; background: #e8f0f4; } .casino-copy h2 { margin-bottom: 18px; } .casino-copy p { max-width: 860px; margin: 0 0 18px; }  /* gambling-in-ukraine.html */ .article-content { display: block; background: #e8f0f4; } .article-page__header { width: min(860px, calc(100% - 36px)); margin: 0 auto; padding: 28px 0 22px; } .article-page__header h1 { margin: 0; font-size: 32px; } .article-body { padding: 44px 0; background: #fff; } .article-body__inner { width: min(860px, calc(100% - 36px)); margin: 0 auto; } .article-body__inner p { margin: 0 0 18px; } .article-body__inner h2, .article-body__subheading h2 { margin: 28px 0 12px; font-size: 25px; } .article-body__inner ul, .article-body__inner ol { margin: 0 0 18px; padding-left: 22px; } .article-body__inner li { margin-bottom: 6px; } .article-body__inner blockquote { margin: 20px 0; padding: 12px 16px; border-left: 3px solid var(--sr-accent); background: var(--sr-surface-muted); } .article-body__media { display: flex; justify-content: center; margin: 0 0 18px; } .article-body__media img, .article-body__inner img { max-width: 100%; height: auto; } .article-body__inner table { display: block; max-width: 100%; overflow-x: auto; } .article-page .pluso { margin-top: 18px; }  .article-related { padding: 46px 0 64px; background: #e8f0f4; } .article-related__inner { width: min(var(--sr-content), calc(100% - 36px)); margin: 0 auto; } .article-related__heading h2 { margin: 0 0 22px; font-size: 28px; } .article-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .article-related__card { display: flex; flex-direction: column; min-width: 0; background: #fff; } .article-related__media { display: block; aspect-ratio: 1.55 / 1; overflow: hidden; background: #dce7ec; } .article-related__media img { width: 100%; height: 100%; object-fit: cover; } .article-related__card h3 { margin: 16px 16px 8px; font-size: 17px; } .article-related__card h3 a { color: var(--sr-text); } .article-related__link { margin: auto 16px 16px; font-size: 14px; font-weight: 700; }  /* lucky-haunter.html */ .game-page__header { display: none; } .game-content { display: block; }  .game-stage { padding: 32px 0; background: #133f3b; } .game-stage__shell { width: min(780px, calc(100% - 36px)); margin: 0 auto; background: #fff; } .game-stage__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 18px; background: #10212f; } .game-stage__top h1 { margin: 0; color: #fff; font-size: 23px; line-height: 1.22; } .game-stage__media { background: #0b1115; } .game-stage__media img { width: 100%; max-height: min(68vh, 590px); margin: 0 auto; object-fit: contain; } .game-stage__cta { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 16px; background: #c63831; color: #fff; font-weight: 800; text-align: center; } .game-stage__cta:hover, .game-stage__cta:focus-visible { background: #a82d28; color: #fff; text-decoration: none; }  .game-description { padding: 46px 0; background: #e8f0f4; } .game-description > h2, .game-description > p, .game-description > ul, .game-description > ol, .game-description > blockquote, .game-description > figure, .game-related__header, .game-related__content, .game-page #disqus_thread { width: min(820px, calc(100% - 36px)); margin-right: auto; margin-left: auto; } .game-description > h2 { margin-top: 28px; margin-bottom: 12px; font-size: 24px; } .game-description > h2:first-child { margin-top: 0; font-size: 28px; } .game-description > p { margin-top: 0; margin-bottom: 18px; } .game-description > ul, .game-description > ol { margin-top: 0; margin-bottom: 18px; padding-left: 22px; } .game-description > ul > li, .game-description > ol > li { margin-bottom: 6px; } .game-description > h2:first-child + ul {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));   gap: 8px 28px;   padding: 18px;   background: #d8e8e6;   list-style: none; } .game-description > h2:first-child + ul li { margin: 0; font-size: 14px; } .game-description img { display: block; max-width: 100%; height: auto; } .game-related__header { margin-bottom: 18px; } .game-related__header h2 { margin: 0; font-size: 28px; }  .game-related { padding: 46px 0 64px; background: #fff; } .game-related__content { overflow-x: auto; } .game-related .data-table { min-width: 650px; } .game-related .data-table th, .game-related .data-table td { text-align: center; } .game-related .data-table td:nth-child(2) { text-align: left; } .game-related .visually-hidden {   position: absolute;   width: 1px;   height: 1px;   padding: 0;   margin: -1px;   overflow: hidden;   clip: rect(0, 0, 0, 0);   white-space: nowrap;   border: 0; }  body.game-page #disqus_thread { min-height: 1px; margin-top: 28px; margin-bottom: 28px; }  @media (max-width: 900px) {   .blog-posts,   .article-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }   .casino-card { grid-template-columns: minmax(130px, 170px) minmax(0, 1fr) minmax(165px, 190px); } }  @media (max-width: 700px) {   .blog-posts,   .article-related__grid { grid-template-columns: 1fr; }   .casino-card { grid-template-columns: 1fr; }   .casino-card__logo { min-height: 110px; }   .casino-card__offer { padding: 18px; }   .casino-card__actions { align-items: stretch; padding: 0 18px 18px; }   .casino-card__review { text-align: center; }   .game-stage__top { align-items: flex-start; flex-direction: column; }   .game-stage__top h1 { font-size: 20px; } }  @media (max-width: 480px) {   .blog-page__header,   .casino-page__header,   .blog-vitrine > h2,   .blog-posts,   .casino-vitrine__inner,   .casino-copy__inner,   .article-page__header,   .article-body__inner,   .article-related__inner,   .game-stage__shell,   .game-related__header,   .game-related__content,   .game-page #disqus_thread { width: min(100% - 24px, var(--sr-content)); }   .blog-page__header h1,   .casino-page__header h1,   .article-page__header h1 { font-size: 28px; }   .blog-vitrine > h2,   .casino-vitrine__heading h2,   .casino-copy h2,   .article-related__heading h2,   .game-related__header h2 { font-size: 24px; }   .game-description > h2:first-child + ul { grid-template-columns: 1fr; } }