*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Arial,sans-serif;background:#0d2b1f;color:#e9e9d8;line-height:1.7;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1180px;margin:0 auto;padding:0 16px;}

/* Header */
header{background:#0a3324;border-bottom:3px solid #e0b13a;position:relative;z-index:100;}
.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;flex-wrap:wrap;}
.logo{font-size:26px;font-weight:800;color:#f0c94a;letter-spacing:1px;}
.logo span{color:#fff;}
nav.main-nav{background:#123c2b;}
nav.main-nav ul{display:flex;list-style:none;flex-wrap:wrap;justify-content:center;}
nav.main-nav ul li a{display:block;padding:12px 18px;color:#e9e9d8;font-weight:600;font-size:15px;transition:.2s;}
nav.main-nav ul li a:hover, nav.main-nav ul li a.active{background:#e0b13a;color:#0a3324;}
.auth-buttons{display:flex;gap:10px;}
.btn{padding:9px 22px;border-radius:5px;font-weight:700;font-size:14px;}
.btn-login{background:transparent;border:1px solid #e0b13a;color:#e0b13a;}
.btn-register{background:#e0b13a;color:#0a3324;}
.btn-login:hover{background:#e0b13a22;}
.btn-register:hover{background:#f0c94a;}

/* Hero */
.hero{position:relative;}
.hero img{width:100%;height:auto;object-fit:cover;}
.hero-caption{background:linear-gradient(90deg,#0a3324,#123c2bcc);padding:22px 16px;text-align:center;}
.hero-caption h1{color:#f0c94a;font-size:26px;margin-bottom:8px;font-weight:800;}
.hero-caption p{color:#e9e9d8;font-size:15px;max-width:760px;margin:0 auto;}

/* Section */
section{padding:34px 16px;}
.section-title{color:#f0c94a;font-size:22px;font-weight:800;margin-bottom:14px;border-left:5px solid #e0b13a;padding-left:12px;}
.sub-title{color:#f0c94a;font-size:18px;font-weight:700;margin:18px 0 8px;}
p.text-block{margin-bottom:12px;font-size:15px;color:#d7d7c4;}
.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start;}
@media(max-width:768px){.two-col{grid-template-columns:1fr;}}

/* Benefit grid */
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px;}
@media(max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr);}}
.benefit-card{background:#123c2b;border:1px solid #1f5540;border-radius:8px;padding:16px;text-align:center;}
.benefit-card img{width:64px;height:64px;object-fit:cover;margin:0 auto 10px;border-radius:6px;}
.benefit-card h3{color:#f0c94a;font-size:15px;margin-bottom:6px;}
.benefit-card p{font-size:13px;color:#c9c9b8;}

/* Game grid */
.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px;}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.game-grid{grid-template-columns:repeat(2,1fr);}}
.game-card{background:#123c2b;border-radius:8px;overflow:hidden;border:1px solid #1f5540;}
.game-card img{width:100%;height:150px;object-fit:cover;}
.game-card p{padding:8px;font-size:13px;text-align:center;color:#e9e9d8;}

/* Process steps */
.process-list{list-style:none;counter-reset:step;margin-top:10px;}
.process-list li{counter-increment:step;position:relative;padding:10px 0 10px 42px;font-size:15px;color:#d7d7c4;border-bottom:1px dashed #1f5540;}
.process-list li::before{content:counter(step);position:absolute;left:0;top:8px;width:28px;height:28px;background:#e0b13a;color:#0a3324;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}

/* Promo cards */
.promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:14px;}
@media(max-width:768px){.promo-grid{grid-template-columns:1fr;}}
.promo-card{background:#123c2b;border-radius:8px;overflow:hidden;border:1px solid #1f5540;}
.promo-card img{width:100%;height:auto;}
.promo-card .promo-text{padding:14px;}
.promo-card .promo-text h3{color:#f0c94a;font-size:16px;margin-bottom:6px;}
.promo-card .promo-text p{font-size:13px;color:#c9c9b8;}

/* Review box */
.review-box{background:#123c2b;border-left:4px solid #e0b13a;border-radius:6px;padding:16px;margin-top:14px;font-size:14px;color:#d7d7c4;}
.review-box strong{color:#f0c94a;}

/* FAQ */
.faq-item{background:#123c2b;border:1px solid #1f5540;border-radius:8px;padding:14px 18px;margin-bottom:12px;}
.faq-item h4{color:#f0c94a;font-size:16px;margin-bottom:6px;}
.faq-item p{font-size:14px;color:#d7d7c4;}

/* Footer */
footer{background:#08221a;border-top:3px solid #e0b13a;padding:30px 16px 14px;font-size:14px;color:#c9c9b8;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:20px;}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;}}
.footer-col h4{color:#f0c94a;font-size:15px;margin-bottom:10px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:8px;}
.footer-col ul li a:hover{color:#e0b13a;}
.footer-bottom{border-top:1px solid #1f5540;padding-top:14px;text-align:center;font-size:12px;color:#8f8f7d;}
.footer-bottom .age18{display:inline-block;background:#e0b13a;color:#0a3324;font-weight:800;padding:2px 8px;border-radius:4px;margin-right:6px;}

/* XCI_404_PAGE_START */
.xci-404-page {
  background: var(--xci-theme-bg-dark, #0a0a0a);
  color: var(--xci-theme-text, #e8e8e8);
}
.xci-404-page .error-404 {
  min-height: 64vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(48px, 8vw, 96px) 24px;
}
.xci-404-card { width: min(100%, 720px); margin: 0 auto; }
.xci-404-page .error-404 h1 { font-size: clamp(4rem, 18vw, 7rem); color: var(--xci-theme-accent, #e53935); margin: 0; line-height: 1; }
.xci-404-page .error-404 h2 { font-size: clamp(1.5rem, 5vw, 2.2rem); margin: 0.8rem 0 1.5rem; color: var(--xci-theme-brand, #ffd700); }
.xci-404-page .error-404 p { margin-bottom: 2rem; opacity: 0.82; }
.xci-404-page .btn-home { display: inline-block; padding: 0.8rem 2rem; background: var(--xci-theme-accent, #e53935); color: var(--xci-theme-on-accent, #fff); text-decoration: none; border-radius: 4px; font-weight: 700; }
.xci-404-page .btn-home:hover { opacity: 0.9; }
/* XCI_404_PAGE_END */

/* XCI_LICENSE_LAYOUT_START */
.xci-license-page,
.xci-license-page * {
    box-sizing: border-box;
}

.xci-license-page {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    color: var(--xci-theme-text, #f5f7f6);
    background: var(--xci-theme-bg-dark, #07160f);
}

.xci-license-hero,
.xci-license-content {
    width: 100%;
    max-width: 100%;
}

.xci-license-inner {
    width: min(calc(100% - 48px), 980px);
    margin: 0 auto;
}

.xci-license-hero {
    padding: clamp(42px, 6vw, 78px) 0 clamp(28px, 4vw, 44px);
    border-bottom: 1px solid var(--xci-theme-line, rgba(255, 255, 255, .16));
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));
}

.xci-license-hero h1 {
    margin: 0;
    max-width: 900px;
    color: var(--xci-theme-accent, var(--xci-theme-brand, #ffd400));
    font-size: clamp(34px, 4.5vw, 56px);
    line-height: 1.12;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.xci-license-hero p {
    margin: 14px 0 0;
    max-width: 760px;
    color: var(--xci-theme-muted, rgba(245, 247, 246, .78));
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 1.7;
}

.xci-license-content {
    padding: clamp(30px, 5vw, 56px) 0 clamp(46px, 7vw, 78px);
}

.xci-license-panel {
    width: 100%;
    max-width: 100%;
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid var(--xci-theme-line, rgba(255, 255, 255, .14));
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

.xci-license-panel .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.xci-license-panel section {
    margin: 0;
    padding: 0;
    background: transparent;
}

.xci-license-panel section + section,
.xci-license-panel section.trust-enhanced {
    margin-top: clamp(26px, 4vw, 42px);
    padding-top: clamp(22px, 3vw, 32px);
    border-top: 1px solid var(--xci-theme-line, rgba(255, 255, 255, .14));
}

.xci-license-panel h2 {
    margin: 0 0 12px;
    color: var(--xci-theme-accent, var(--xci-theme-brand, #ffd400));
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.25;
    letter-spacing: 0;
    text-align: left;
    overflow-wrap: anywhere;
}

.xci-license-panel h2 + p,
.xci-license-panel h2 + ul,
.xci-license-panel h2 + ol {
    margin-top: 0;
}

.xci-license-panel p,
.xci-license-panel li,
.xci-license-panel address {
    color: var(--xci-theme-text, #f5f7f6);
    font-size: clamp(15px, 1.18vw, 18px);
    line-height: 1.8;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.xci-license-panel p {
    margin: 0 0 16px;
}

.xci-license-panel ul,
.xci-license-panel ol {
    margin: 10px 0 18px;
    padding-left: 1.25rem;
}

.xci-license-panel li + li {
    margin-top: 8px;
}

.xci-license-panel address {
    display: inline;
    font-style: normal;
}

.xci-license-page img,
.xci-license-page picture,
.xci-license-page figure {
    display: none !important;
}

@media (max-width: 760px) {
    .xci-license-inner {
        width: min(calc(100% - 32px), 980px);
    }

    .xci-license-hero {
        padding: 34px 0 24px;
    }

    .xci-license-hero h1 {
        font-size: clamp(28px, 8vw, 36px);
        line-height: 1.15;
    }

    .xci-license-hero p {
        font-size: 15px;
        line-height: 1.65;
    }

    .xci-license-content {
        padding: 26px 0 44px;
    }

    .xci-license-panel {
        padding: 20px 16px;
        border-radius: 8px;
    }

    .xci-license-panel h2 {
        font-size: clamp(20px, 6vw, 26px);
    }

    .xci-license-panel p,
    .xci-license-panel li,
    .xci-license-panel address {
        font-size: 15px;
        line-height: 1.72;
    }
}
/* XCI_LICENSE_LAYOUT_END */

/* XCI_SIDE_REGISTER_START */
.xci-side-register,
.xci-side-register * {
  box-sizing: border-box;
}

.xci-side-register {
  --xci-side-register-card-width: 142px;
  --xci-side-register-tab-width: 28px;
  position: fixed;
  left: 0;
  top: 33.333vh;
  transform: translateY(-50%);
  z-index: 2147482400;
  display: flex;
  align-items: center;
  pointer-events: none;
  transition: transform .24s ease;
  will-change: transform;
}

.xci-side-register.is-collapsed {
  transform: translateX(calc(-1 * var(--xci-side-register-card-width))) translateY(-50%);
}

.xci-side-register-link {
  position: relative;
  width: var(--xci-side-register-card-width);
  min-height: 82px;
  padding: 14px 10px 13px 8px;
  border: 1px solid rgba(255, 195, 126, .58);
  border-left: 0;
  border-radius: 0 15px 15px 0;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  background: linear-gradient(180deg, #ff9b3b 0%, #ff7a26 48%, #ff6412 100%);
  box-shadow:
    15px 16px 30px rgba(255, 88, 0, .28),
    0 7px 0 rgba(124, 38, 0, .58),
    0 0 0 1px rgba(255, 255, 255, .08),
    inset -1px 0 rgba(255, 255, 255, .18),
    inset 0 -7px rgba(139, 43, 0, .18);
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 0;
  text-shadow: 0 1px 2px rgba(100, 29, 0, .44);
  pointer-events: auto;
}

.xci-side-register-link::before,
.xci-side-register-link::after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 72px;
  border-radius: 0 14px 14px 0;
  background: rgba(132, 46, 0, .32);
  transform: translateX(7px);
  z-index: -1;
}

.xci-side-register-link::after {
  width: 15px;
  height: 62px;
  transform: translateX(16px);
  background: rgba(104, 36, 0, .24);
  box-shadow: 9px 8px 18px rgba(255, 91, 0, .16);
}

.xci-side-register-icon {
  position: relative;
  width: 31px;
  height: 31px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .18);
  box-shadow:
    inset 0 0 0 8px rgba(255, 255, 255, .13),
    0 5px 10px rgba(128, 36, 0, .18);
}

.xci-side-register-icon::before {
  content: "";
  width: 10px;
  height: 15px;
  border-radius: 9px 9px 10px 10px;
  background: #fff;
  transform: translateY(1px);
  box-shadow: 0 1px 2px rgba(154, 55, 0, .2);
}

.xci-side-register-text {
  position: relative;
  z-index: 1;
  max-width: 122px;
  overflow-wrap: anywhere;
}

.xci-side-register-link:hover {
  filter: brightness(1.05);
}

.xci-side-register-link:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .86);
  outline-offset: 3px;
}

.xci-side-register-toggle {
  width: var(--xci-side-register-tab-width);
  height: 52px;
  margin-left: -2px;
  border: 0;
  border-radius: 0 10px 10px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, .96);
  background: linear-gradient(180deg, #94400e 0%, #6f2b04 100%);
  box-shadow:
    8px 9px 18px rgba(0, 0, 0, .2),
    inset 1px 0 rgba(255, 255, 255, .12);
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
  pointer-events: auto;
}

.xci-side-register-toggle:hover {
  filter: brightness(1.06);
}

.xci-side-register-toggle:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .86);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .xci-side-register {
    --xci-side-register-card-width: 118px;
    --xci-side-register-tab-width: 24px;
    top: 38vh;
  }

  .xci-side-register-link {
    min-height: 70px;
    padding: 11px 8px 11px 6px;
    border-radius: 0 13px 13px 0;
    gap: 6px;
    font-size: 12px;
  }

  .xci-side-register-link::before {
    height: 62px;
    transform: translateX(6px);
  }

  .xci-side-register-link::after {
    width: 12px;
    height: 52px;
    transform: translateX(13px);
  }

  .xci-side-register-icon {
    width: 25px;
    height: 25px;
  }

  .xci-side-register-icon::before {
    width: 8px;
    height: 12px;
  }

  .xci-side-register-text {
    max-width: 100px;
  }

  .xci-side-register-toggle {
    height: 44px;
    font-size: 16px;
  }
}
/* XCI_SIDE_REGISTER_END */

/* XCI_THEME_COLORS_START */
:root {
  --xci-theme-bg-dark: #08221a;
  --xci-theme-footer-bg: #061b15;
  --xci-theme-accent: #e0b13a;
  --xci-theme-brand: #e0b13a;
  --xci-theme-text: #ffffff;
  --xci-theme-muted: #abb3b1;
  --xci-theme-surface: #ffffff;
  --xci-theme-on-accent: #050f0a;
  --xci-theme-accent-soft: rgba(224, 177, 58, 0.18);
  --xci-theme-line: rgba(224, 177, 58, 0.38);
}
/* XCI_THEME_COLORS_END */

/* XCI_FIXED_NAV_START */
.xci-fixed-header,
.xci-fixed-header * {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.xci-fixed-header {
  width: 100%;
  max-width: 100vw;
  position: relative;
  z-index: 1000;
  background: var(--xci-theme-bg-dark, #052713);
  border-bottom: 2px solid var(--xci-theme-accent, #f4c400);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.22);
}

.xci-fixed-inner {
  width: min(100%, 1280px);
  max-width: 100vw;
  min-height: 72px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.xci-fixed-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-right: auto;
  color: var(--xci-theme-brand, #76ff34);
  text-decoration: none;
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.xci-fixed-logo img {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  border-radius: 10px;
  object-fit: contain;
}

.xci-fixed-logo span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.xci-fixed-menu {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.xci-fixed-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.xci-fixed-menu a {
  display: block;
  padding: 11px 15px;
  border-radius: 10px;
  background: var(--xci-theme-surface, #fff);
  color: var(--xci-theme-bg-dark, #05140a);
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.12);
}

.xci-fixed-menu a.active,
.xci-fixed-menu a[aria-current="page"] {
  background: var(--xci-theme-accent, #f4c400);
  color: var(--xci-theme-on-accent, #05140a);
}

.xci-nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 12px;
  background: var(--xci-theme-accent-soft, rgba(244, 196, 0, 0.18));
  color: var(--xci-theme-accent, #f4c400);
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
}

.xci-nav-toggle span,
.xci-nav-toggle::before,
.xci-nav-toggle::after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
}

.xci-fixed-auth {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}

.xci-fixed-login,
.xci-fixed-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
}

.xci-fixed-login {
  min-width: 90px;
  padding: 0 18px;
  border-radius: 999px;
  background: #c1272d;
  color: #fff;
}

.xci-fixed-register {
  min-width: 102px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--xci-theme-accent, #e92a8b);
  color: var(--xci-theme-on-accent, #fff);
}

@media (max-width: 960px) {
  .xci-fixed-inner {
    padding: 0 18px;
    gap: 12px;
  }

  .xci-fixed-logo {
    font-size: 28px;
  }

  .xci-fixed-menu a {
    padding: 10px 12px;
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  .xci-fixed-inner {
    width: 100%;
    max-width: 100vw;
    min-height: 68px;
    padding: 0 8px;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: visible;
  }

  .xci-fixed-logo {
    flex: 1 1 0;
    order: 1;
    gap: 6px;
    min-width: 0;
    max-width: none;
    margin-right: 0;
    font-size: clamp(15px, 4.7vw, 20px);
  }

  .xci-fixed-logo img {
    width: clamp(32px, 9vw, 38px);
    height: clamp(32px, 9vw, 38px);
  }

  .xci-fixed-logo span {
    min-width: 0;
    max-width: min(34vw, 140px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xci-nav-toggle {
    display: inline-flex;
    flex: 0 0 auto;
    order: 2;
    width: clamp(38px, 11vw, 44px);
    height: clamp(38px, 11vw, 44px);
    border-radius: 11px;
  }

  .xci-nav-toggle span,
  .xci-nav-toggle::before,
  .xci-nav-toggle::after {
    width: 22px;
    height: 3px;
  }

  .xci-fixed-auth {
    flex: 0 0 auto;
    order: 3;
    gap: 4px;
    margin-left: 0;
    min-width: 0;
    max-width: none;
  }

  .xci-fixed-login,
  .xci-fixed-register {
    flex: 0 0 auto;
    min-height: 40px;
    font-size: clamp(11px, 2.8vw, 14px);
    overflow: visible;
    text-overflow: clip;
  }

  .xci-fixed-register {
    min-width: 82px;
    max-width: none;
    padding: 0 10px;
  }

  .xci-fixed-login {
    min-width: 72px;
    max-width: none;
    padding: 0 10px;
  }

  .xci-fixed-menu {
    display: none;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 100%;
    width: auto;
    max-width: calc(100vw - 16px);
    padding: 10px;
    overflow-x: hidden;
    background: var(--xci-theme-bg-dark, #052713);
    border-bottom: 2px solid var(--xci-theme-accent, #f4c400);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.28);
  }

  .xci-fixed-header.is-open .xci-fixed-menu {
    display: block;
  }

  .xci-fixed-menu ul {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  .xci-fixed-menu a {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 14px 12px;
    font-size: clamp(16px, 4.2vw, 18px);
  }

  .hero,
  .page-hero,
  main,
  section {
    max-width: 100%;
    overflow-x: hidden;
  }

  .hero h1,
  .page-hero h1,
  main h1 {
    max-width: 100%;
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .hero p,
  .page-hero p,
  main p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 420px) {
  .xci-fixed-inner {
    padding: 0 6px;
    gap: 4px;
  }

  .xci-fixed-logo {
    font-size: clamp(14px, 4.6vw, 18px);
    gap: 5px;
  }

  .xci-fixed-logo img {
    width: 34px;
    height: 34px;
  }

  .xci-fixed-logo span {
    max-width: 28vw;
  }

  .xci-nav-toggle {
    width: 40px;
    height: 40px;
  }

  .xci-fixed-auth {
    max-width: none;
    gap: 3px;
  }

  .xci-fixed-login {
    min-width: 68px;
    max-width: none;
    padding: 0 8px;
  }

  .xci-fixed-register {
    min-width: 78px;
    max-width: none;
    padding: 0 8px;
  }

  .xci-fixed-menu {
    left: 6px;
    right: 6px;
    max-width: calc(100vw - 12px);
  }
}
/* XCI_FIXED_NAV_END */

/* XCI_IMAGE_LAYOUT_START */
.xci-managed-hero {
  overflow: hidden;
}

body > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner),
main > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner) {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

body > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner) > img,
main > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner) > img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

.xci-hero-layout {
  width: min(100%, 1180px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 44%);
  gap: clamp(22px, 4vw, 54px);
  align-items: center;
}

.xci-hero-copy {
  min-width: 0;
}

.xci-hero-copy :where(.hero-inner, .hero-caption, .hero-overlay, .hero-content, .page-hero-content, .banner-content) {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  overflow: visible !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  text-align: inherit !important;
  text-shadow: none !important;
}

.xci-hero-copy h1 {
  margin-top: 0;
  line-height: 1.15;
}

.xci-hero-copy p {
  max-width: 68ch;
  line-height: 1.72;
}

.xci-hero-copy .xci-hero-cta-link,
.xci-hero-copy > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 20px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
}

.xci-hero-copy > *:last-child {
  margin-bottom: 0;
}

.xci-hero-media {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.xci-hero-media img,
.xci-game-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xci-game-section {
  padding: clamp(34px, 5vw, 64px) 0;
}

.xci-game-section .container,
.xci-game-inner {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: 0 16px;
}

.xci-game-heading {
  margin-bottom: 18px;
}

.xci-game-heading h2 {
  margin: 0 0 8px;
  font-size: clamp(24px, 3vw, 34px);
}

.xci-game-heading p {
  margin: 0;
  opacity: 0.82;
}

.xci-game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 16px;
}

.xci-game-card {
  min-width: 0;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.xci-game-thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}

.xci-game-title {
  margin: 0;
  padding: 12px 12px 4px;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xci-game-card p {
  margin: 0;
  padding: 0 12px 14px;
  font-size: 13px;
  opacity: 0.76;
}

.intro-block.xci-intro-single,
.resp-block.xci-intro-single,
.app-box.xci-intro-single {
  display: block !important;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.intro-block.xci-intro-single > div:first-child,
.resp-block.xci-intro-single > div:first-child,
.app-box.xci-intro-single > div:first-child {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.intro-block.xci-intro-single p,
.resp-block.xci-intro-single p,
.app-box.xci-intro-single p {
  font-size: 16px;
  line-height: 1.75;
}

.intro-img.xci-filled-media,
.app-img.xci-filled-media {
  min-height: 240px;
  aspect-ratio: 16 / 10;
  background: rgba(0, 0, 0, 0.06);
}

.intro-img.xci-filled-media img,
.app-img.xci-filled-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 760px) {
  .xci-hero-layout {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 0 14px;
  }

  .xci-hero-media {
    aspect-ratio: 16 / 10;
    border-radius: 14px;
  }

  .xci-game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .intro-block,
  .resp-block,
  .app-box {
    grid-template-columns: 1fr !important;
  }

  .intro-block p,
  .resp-block p,
  .app-box p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 420px) {
  .xci-game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xci-game-title {
    font-size: 13px;
  }
}
/* XCI_IMAGE_LAYOUT_END */

/* XCI_LAYOUT_GUARD_START */
:root {
  --xci-content-width: 1180px;
  --xci-content-gutter: 48px;
}

main,
main * {
  box-sizing: border-box;
}

main {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

main > section {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

main > section > .container,
main > section > .section-inner,
main > section > .wrapper,
main > section > .inner,
main > section > .content {
  width: min(calc(100% - 48px), 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

main > section > .container > .container,
main > section > .section-inner > .container,
main > section > .wrapper > .container,
main > section > .inner > .container,
main > section > .content > .container {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

main h1,
main h2,
main h3,
main h4,
main p,
main li,
main address {
  max-width: 100%;
  overflow-wrap: anywhere;
}

main address {
  font-style: normal;
}

main img,
main video,
main iframe {
  max-width: 100%;
}

@media (min-width: 761px) {
  main > :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
    width: min(calc(100% - var(--xci-content-gutter)), var(--xci-content-width)) !important;
    max-width: var(--xci-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
    overflow-x: hidden;
  }

  main > :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
    width: min(calc(100% - var(--xci-content-gutter)), var(--xci-content-width)) !important;
    max-width: var(--xci-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
  }

  main > :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) + :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
    margin-top: clamp(34px, 4.5vw, 78px);
  }

  main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) > :where(.container, .section-inner, .wrapper, .inner, .content) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  main .xci-auto-section,
  main .xci-auto-section * {
    min-width: 0 !important;
    max-width: 100%;
  }

  main .xci-auto-section :where(div, section, article, aside, form, ul, ol, table) {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  main .xci-single-column {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  main .xci-media-cleaned {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  main .xci-single-column > :where(div, article, aside, section, figure, ul, ol, table) {
    width: 100% !important;
    max-width: min(100%, 920px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  main .xci-media-cleaned > :where(div, article, aside, section, figure, ul, ol, table) {
    width: 100% !important;
    max-width: min(100%, 920px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  main .xci-single-column > :where(div, article, aside, section, figure, ul, ol, table):empty {
    display: none !important;
  }

  main .xci-media-cleaned > :where(div, article, aside, section, figure, ul, ol, table):empty {
    display: none !important;
  }

  main .xci-section-stacked,
  main .xci-section-stacked > .xci-section-heading,
  main .xci-section-stacked > .xci-section-body {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  main .xci-section-stacked {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  main .xci-section-stacked > .xci-section-heading {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
  }

  main .xci-section-stacked > .xci-section-heading :where(h1, h2, h3, h4, h5, h6) {
    margin-top: 0 !important;
  }

  main .xci-section-stacked > .xci-section-body {
    display: block !important;
    width: 100% !important;
  }

  main .xci-section-stacked > .xci-section-heading > :where(.section-header, .section-title, .heading, .title),
  main .xci-section-stacked > .xci-section-body > :where(.section-body, .content, .body) {
    width: 100% !important;
    max-width: 100% !important;
  }

  main .xci-section-stacked > .xci-section-body :where(.game-grid, .feature-block, .feature-grid, .casino-banner, .showcase, .advantage-list, .process-steps, .contact-grid, .support-grid, .info-grid, .steps-grid, .promo-grid, .content-grid, table, ul, ol, form) {
    width: 100% !important;
    max-width: 100% !important;
  }

  main .xci-section-stacked > .xci-section-body > :where(.faq-item, .game-card, .feature-card, .promo-card, .article-block, .review-box, .stat-box, .content-block) {
    width: 100% !important;
    max-width: 100% !important;
  }

  main form:not(.xci-contact-form):not([data-xci-contact-form="fixed"]) {
    width: 100% !important;
    max-width: 100% !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
  }

  main form:not(.xci-contact-form):not([data-xci-contact-form="fixed"]) > :where(textarea, button, .form-actions, [class*="message"], [class*="detail"], [class*="content"]) {
    grid-column: 1 / -1;
  }

  main :where(input, select, textarea, button) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  main textarea {
    resize: vertical;
  }

  main table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto;
    border-collapse: collapse;
  }

  main :where(.xci-auto-section, .xci-auto-section > div, .xci-auto-section > section) {
    overflow-wrap: anywhere;
  }
}

.xci-managed-hero {
  padding: clamp(44px, 6vw, 88px) 0;
}

.xci-managed-hero .xci-hero-layout {
  width: min(calc(100% - 48px), 1180px);
  max-width: 1180px;
}

.xci-managed-hero .hero-overlay {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  background: transparent !important;
  display: block !important;
  text-align: left !important;
  padding: 0 !important;
}

.xci-managed-hero .hero-overlay p {
  margin-left: 0;
  margin-right: 0;
}

.xci-managed-hero .hero-cta {
  justify-content: flex-start;
}

.contact-grid,
.support-grid,
.info-grid,
.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 20px;
  align-items: start;
}

.contact-card,
.support-card,
.info-card,
.step-card {
  min-width: 0;
  height: 100%;
  padding: 22px;
  border: 1px solid var(--xci-theme-line, rgba(255, 255, 255, 0.18));
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  background: color-mix(in srgb, var(--xci-theme-surface, #ffffff) 8%, transparent);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.contact-card h3,
.support-card h3,
.info-card h3,
.step-card h3 {
  margin: 0 0 12px;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.3;
}

.contact-card p,
.support-card p,
.info-card p,
.step-card p,
.contact-card li,
.support-card li,
.info-card li,
.step-card li,
.contact-card address {
  font-size: 15px;
  line-height: 1.7;
}

.process-list {
  margin: 0;
  padding-left: 1.25rem;
}

.process-list li + li {
  margin-top: 8px;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 18px;
}

.feature-card,
.faq-item,
.article-block,
.review-box,
.stat-box,
.promo-card {
  min-width: 0;
}

.feature-card {
  border-radius: 14px;
}

.faq-item + .faq-item {
  margin-top: 14px;
}

.eeat-contact {
  padding: 48px 0;
}

.eeat-contact > .container {
  width: min(calc(100% - 48px), 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 900px) {
  main > section > .container > .section-title,
  main > section > .container > .section-sub {
    text-align: center;
  }

  main > section > .container > .section-sub {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 760px) {
  main > :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
    width: min(calc(100% - 32px), 1180px);
    margin-left: auto;
    margin-right: auto;
  }

  main > section > .container,
  main > section > .section-inner,
  main > section > .wrapper,
  main > section > .inner,
  main > section > .content,
  .xci-managed-hero .xci-hero-layout,
  .eeat-contact > .container {
    width: min(calc(100% - 32px), 1180px);
  }

  .xci-managed-hero {
    padding: 34px 0;
  }

  .xci-managed-hero .hero-overlay {
    text-align: center !important;
  }

  .xci-managed-hero .hero-cta {
    justify-content: center;
  }

  .contact-grid,
  .support-grid,
  .info-grid,
  .steps-grid,
  .feature-grid {
    grid-template-columns: 1fr;
  }

  .contact-card,
  .support-card,
  .info-card,
  .step-card {
    padding: 18px;
  }
}
/* XCI_LAYOUT_GUARD_END */

/* XCI_FIXED_FOOTER_START */
.xci-fixed-footer {
  background: var(--xci-theme-footer-bg, #020d08);
  color: var(--xci-theme-muted, #9fb0bf);
  border-top: 8px solid var(--xci-theme-accent, #0da64d);
  padding: 58px 0 26px;
  font-family: inherit;
}

.xci-fixed-footer * {
  box-sizing: border-box;
}

.xci-footer-inner {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding: 0 32px;
}

.xci-footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) minmax(140px, 0.9fr) minmax(180px, 1.1fr) minmax(260px, 1.35fr);
  gap: clamp(34px, 5vw, 78px);
  align-items: start;
}

.xci-footer-col {
  min-width: 0;
}

.xci-footer-title {
  margin: 0 0 22px;
  color: var(--xci-theme-brand, #18d767);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
}

.xci-footer-brand {
  color: var(--xci-theme-brand, #18d767);
}

.xci-footer-desc,
.xci-footer-contact p {
  margin: 0;
  color: var(--xci-theme-muted, #9fb0bf);
  font-size: 18px;
  line-height: 1.58;
}

.xci-footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xci-footer-links li + li {
  margin-top: 16px;
}

.xci-footer-links a,
.xci-footer-contact a {
  color: var(--xci-theme-muted, #9fb0bf);
  text-decoration: none;
}

.xci-footer-links a:hover,
.xci-footer-contact a:hover {
  color: var(--xci-theme-brand, #18d767);
}

.xci-footer-contact p + p {
  margin-top: 8px;
}

.xci-footer-bottom {
  margin-top: 58px;
  padding-top: 26px;
  border-top: 1px solid var(--xci-theme-line, rgba(24, 215, 103, 0.38));
  text-align: center;
}

.xci-footer-copy {
  margin: 0;
  color: var(--xci-theme-muted, #738394);
  font-size: 16px;
  line-height: 1.5;
}

.xci-footer-responsible {
  margin: 14px 0 0;
  color: var(--xci-theme-accent, #ffd400);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 900;
}

@media (max-width: 760px) {
  .xci-fixed-footer {
    padding: 44px 0 22px;
    border-top-width: 5px;
  }

  .xci-footer-inner {
    padding: 0 24px;
  }

  .xci-footer-grid {
    display: block;
  }

  .xci-footer-col + .xci-footer-col {
    margin-top: 34px;
  }

  .xci-footer-title {
    margin-bottom: 16px;
    font-size: 17px;
  }

  .xci-footer-desc,
  .xci-footer-contact p,
  .xci-footer-links a {
    font-size: 14px;
    line-height: 1.65;
  }

  .xci-footer-links li + li {
    margin-top: 10px;
  }

  .xci-footer-bottom {
    margin-top: 34px;
    padding-top: 22px;
  }

  .xci-footer-copy {
    font-size: 13px;
  }

  .xci-footer-responsible {
    font-size: 13px;
  }
}
/* XCI_FIXED_FOOTER_END */

/* XCI_CONTACT_FORM_START */
.xci-contact-form-section {
  width: min(calc(100% - 48px), 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(40px, 5vw, 64px) 0 !important;
  background: transparent !important;
  background-image: none !important;
  text-align: left !important;
}

.xci-contact-form-section > .container,
.xci-contact-form-section > .section-inner,
.xci-contact-form-section > .wrapper,
.xci-contact-form-section > .inner,
.xci-contact-form-section > .content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.xci-contact-inner {
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--xci-theme-line, rgba(255, 255, 255, 0.16));
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  background: color-mix(in srgb, var(--xci-theme-surface, #ffffff) 9%, transparent);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.xci-contact-form-section h2,
.xci-contact-form-section p {
  text-align: left !important;
}

.xci-contact-form-section h2 {
  margin-top: 0;
}

.xci-contact-form-section > .container > .review-box,
.xci-contact-inner > .review-box {
  max-width: 100%;
}

.xci-contact-form {
  display: grid;
  gap: 16px;
  width: 100%;
  margin-top: 18px;
}

.xci-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.xci-contact-field {
  min-width: 0;
}

.xci-contact-field label {
  display: block;
  margin: 0 0 7px;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  color: inherit;
}

.xci-contact-form input,
.xci-contact-form select,
.xci-contact-form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 46px;
  padding: 11px 12px;
  border: 1px solid rgba(18, 42, 72, 0.18);
  border-radius: 8px;
  background: #fff;
  color: #172033;
  font: inherit;
  line-height: 1.35;
  outline: none;
  box-shadow: 0 1px 0 rgba(18, 42, 72, 0.04);
}

.xci-contact-form input:focus,
.xci-contact-form select:focus,
.xci-contact-form textarea:focus {
  border-color: var(--xci-theme-accent, #ffd233);
  box-shadow: 0 0 0 3px rgba(255, 210, 51, 0.22);
}

.xci-contact-form textarea {
  min-height: 128px;
  resize: vertical;
}

.xci-contact-full {
  grid-column: 1 / -1;
}

.xci-contact-submit {
  justify-self: start;
  min-height: 46px;
  padding: 12px 24px;
  border: 0;
  border-radius: 8px;
  background: var(--xci-theme-accent, #ffd233);
  color: var(--xci-theme-on-accent, #05140a);
  font: inherit;
  font-weight: 900;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.xci-contact-submit:hover {
  filter: brightness(0.96);
}

@media (max-width: 640px) {
  .xci-contact-form-section {
    width: min(calc(100% - 32px), 1180px) !important;
    padding: 34px 0 !important;
  }

  .xci-contact-inner {
    padding: 20px 16px;
  }

  .xci-contact-grid {
    grid-template-columns: 1fr;
  }

  .xci-contact-submit {
    width: 100%;
    justify-self: stretch;
  }
}
/* XCI_CONTACT_FORM_END */

/* XCI_COMPACT_DENSITY_START */
:root {
  --xci-compact-section-y: clamp(18px, 2.8vw, 34px);
  --xci-compact-section-gap: clamp(12px, 2vw, 24px);
  --xci-compact-inner-gap: clamp(10px, 1.4vw, 16px);
  --xci-compact-text-gap: 7px;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
  padding-top: var(--xci-compact-section-y) !important;
  padding-bottom: var(--xci-compact-section-y) !important;
}

main > :where(section, article, div, aside).xci-auto-section {
  padding-top: var(--xci-compact-section-y) !important;
  padding-bottom: var(--xci-compact-section-y) !important;
}

.xci-managed-hero {
  padding: clamp(24px, 4vw, 48px) 0 !important;
}

.xci-game-section {
  padding: clamp(22px, 3.4vw, 42px) 0 !important;
}

main > :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) + :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
  margin-top: var(--xci-compact-section-gap) !important;
}

main > :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) + :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
  margin-top: clamp(14px, 2vw, 28px) !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(h1, h2, h3, h4, h5, h6),
main > :where(h1, h2, h3, h4, h5, h6):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.24;
}

main :where(.section-title, .section-subtitle, .section-heading, .xci-section-heading, .xci-game-heading, .xci-faq-group-title) {
  margin-top: 0 !important;
  margin-bottom: clamp(8px, 1.4vw, 14px) !important;
}

main .xci-section-stacked > .xci-section-heading {
  margin: 0 0 clamp(8px, 1.4vw, 14px) !important;
}

main .xci-section-stacked > .xci-section-body {
  margin-top: 0 !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(h1, h2, h3, h4, h5, h6) + :where(p, ul, ol, div, table, form),
main > :where(h1, h2, h3, h4, h5, h6):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) + :where(p, ul, ol, div, table, form) {
  margin-top: 0 !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, li, dd, blockquote, address),
main > :where(p, li, dd, blockquote, address):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section),
main :where(.xci-managed-hero, .xci-game-section) :where(p, li, dd, blockquote, address) {
  line-height: 1.56;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, blockquote, address),
main > :where(p, blockquote, address):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
  margin-top: 0;
  margin-bottom: var(--xci-compact-text-gap);
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, blockquote, address):last-child,
main > :where(p, blockquote, address):last-child {
  margin-bottom: 0;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(ul, ol) {
  margin-top: 6px;
  margin-bottom: 8px;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(li + li) {
  margin-top: 4px;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.sec-sub, .section-sub, .subtitle, .lead, .intro, .description) {
  margin-bottom: clamp(8px, 1.4vw, 14px) !important;
  line-height: 1.54;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.contact-card, .support-card, .info-card, .step-card, .feature-card, .promo-card, .faq-item, .review-card, .article-block, .content-block, .review-box, .stat-box) {
  padding: clamp(12px, 1.7vw, 16px) !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.steps, .steps-grid, .feature-grid, .content-grid, .info-grid, .support-grid, .contact-grid, .promo-grid, .process-steps, .advantage-list, .faq-list, .about-flex, .app-flex, .resp-flex, .grid-6, .grid-4, .grid-3, .products-grid, .discover-grid) {
  gap: var(--xci-compact-inner-gap) !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.faq-item + .faq-item) {
  margin-top: 8px !important;
}

main :where(.p-info, .p-body, .d-body, .card-body, .card-content) {
  padding: clamp(10px, 1.5vw, 14px) !important;
}

main :where(p[style], div[style], section[style]) {
  margin-top: min(var(--xci-compact-text-gap), 8px) !important;
  margin-bottom: var(--xci-compact-text-gap) !important;
}

.xci-game-heading {
  margin-bottom: clamp(10px, 1.6vw, 16px) !important;
}

.xci-game-grid {
  gap: clamp(10px, 1.4vw, 16px) !important;
}

.xci-game-card {
  border-radius: 6px !important;
}

.xci-fixed-footer {
  padding-top: clamp(26px, 3.5vw, 38px) !important;
  padding-bottom: 10px !important;
}

.xci-fixed-footer :where(.xci-footer-inner, .footer-grid) {
  gap: clamp(12px, 1.8vw, 18px) !important;
}

.xci-fixed-footer :where(p, li) {
  margin-bottom: 6px !important;
  line-height: 1.5 !important;
}

@media (max-width: 760px) {
  :root {
    --xci-compact-section-y: clamp(16px, 5.8vw, 28px);
    --xci-compact-section-gap: clamp(12px, 4.5vw, 20px);
    --xci-compact-inner-gap: 10px;
    --xci-compact-text-gap: 6px;
  }

  main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, li, dd, blockquote, address),
  main > :where(p, li, dd, blockquote, address):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
    line-height: 1.52;
  }

  main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.contact-card, .support-card, .info-card, .step-card, .feature-card, .promo-card, .faq-item, .review-card, .article-block, .content-block, .review-box, .stat-box) {
    padding: 12px !important;
  }
}
/* XCI_COMPACT_DENSITY_END */