*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Arial,sans-serif;background:#1a1a1a;color:#e8e8e8;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}

/* Header */
header{background:#111;border-bottom:3px solid #ffc107;position:relative;z-index:100;}
.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;max-width:1280px;margin:0 auto;flex-wrap:wrap;gap:10px;}
.logo{font-size:26px;font-weight:800;color:#ffc107;letter-spacing:1px;}
.auth-buttons{display:flex;gap:10px;}
.btn{padding:9px 20px;border-radius:6px;font-weight:700;font-size:14px;cursor:pointer;border:none;}
.btn-login{background:#333;color:#ffc107;border:1px solid #ffc107;}
.btn-register{background:linear-gradient(135deg,#ffc107,#ff9800);color:#111;}

nav{background:#222;border-top:1px solid #333;}
.nav-list{display:flex;max-width:1280px;margin:0 auto;list-style:none;overflow-x:auto;}
.nav-list li{flex:1;text-align:center;}
.nav-list a{display:block;padding:14px 10px;color:#ccc;font-weight:600;font-size:14px;border-bottom:3px solid transparent;transition:.2s;white-space:nowrap;}
.nav-list a:hover,.nav-list a.active{color:#ffc107;border-bottom-color:#ffc107;background:#2a2a2a;}

/* Hero Banner */
.hero{position:relative;max-width:1280px;margin:0 auto;background:#000;}
.hero img{width:100%;object-fit:cover;}
.hero-caption{position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,.6);padding:12px 20px;border-radius:8px;border-left:4px solid #ffc107;max-width:90%;}
.hero-caption h1{color:#ffc107;font-size:22px;margin-bottom:5px;}
.hero-caption p{color:#eee;font-size:14px;}

/* Main container */
main{max-width:1280px;margin:0 auto;padding:20px;}

/* Section titles */
.section-title{display:flex;align-items:center;gap:10px;margin:30px 0 15px;padding-bottom:8px;border-bottom:2px solid #333;}
.section-title .bar{width:6px;height:22px;background:#ffc107;border-radius:3px;}
.section-title h2{color:#ffc107;font-size:20px;}

/* Info blocks */
.info-block{background:#242424;border:1px solid #333;border-radius:10px;padding:20px;margin-bottom:20px;}
.info-block h3{color:#ffc107;font-size:17px;margin-bottom:10px;border-left:3px solid #ffc107;padding-left:10px;}
.info-block p{color:#ccc;font-size:14.5px;margin-bottom:10px;}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}

/* Game grid */
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;}
.game-card{background:#242424;border:1px solid #333;border-radius:8px;overflow:hidden;transition:.2s;}
.game-card:hover{border-color:#ffc107;transform:translateY(-3px);}
.game-card img{width:100%;height:170px;object-fit:cover;}
.game-card .name{padding:8px;font-size:13px;text-align:center;color:#ddd;}

/* Small card icons row */
.icon-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;}
.icon-card{background:#2a2a2a;border-radius:8px;padding:10px;text-align:center;border:1px solid #333;}
.icon-card img{width:60px;height:60px;object-fit:cover;margin:0 auto 6px;border-radius:8px;}
.icon-card span{font-size:12px;color:#bbb;}

/* Feature banner strip */
.banner-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;}
.banner-strip img{width:100%;height:auto;border-radius:8px;border:1px solid #333;}

/* Payment logos */
.payment-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.payment-card{background:#242424;border-radius:8px;padding:10px;text-align:center;border:1px solid #333;}
.payment-card img{width:100%;height:90px;object-fit:cover;border-radius:6px;margin-bottom:6px;}
.payment-card span{font-size:12.5px;color:#bbb;}

/* FAQ */
.faq-item{background:#242424;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:12px;}
.faq-item h4{color:#ffc107;font-size:15px;margin-bottom:8px;}
.faq-item p{color:#ccc;font-size:14px;}

/* Review box */
.review-box{background:#2a2a2a;border-left:4px solid #ffc107;border-radius:8px;padding:16px;margin:20px 0;}
.review-box p{color:#ddd;font-size:14px;font-style:italic;}

/* Footer */
footer{background:#111;border-top:3px solid #ffc107;padding:30px 20px 10px;margin-top:30px;}
.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.footer-col h4{color:#ffc107;font-size:15px;margin-bottom:12px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:8px;}
.footer-col ul a{color:#aaa;font-size:13.5px;}
.footer-col ul a:hover{color:#ffc107;}
.footer-col p{color:#aaa;font-size:13.5px;margin-bottom:6px;}
.footer-bottom{text-align:center;padding:15px 0;border-top:1px solid #333;margin-top:20px;color:#777;font-size:12.5px;max-width:1280px;margin-left:auto;margin-right:auto;}

@media(max-width:768px){
  .info-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:repeat(2,1fr);}
  .banner-strip{grid-template-columns:1fr;}
  .nav-list a{font-size:12.5px;padding:12px 6px;}
  .hero-caption h1{font-size:17px;}
  .top-bar{justify-content:center;text-align:center;}
}

/* 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: #000000;
  --xci-theme-footer-bg: #000000;
  --xci-theme-accent: #ff9800;
  --xci-theme-brand: #ff9800;
  --xci-theme-text: #ffffff;
  --xci-theme-muted: #a8a8a8;
  --xci-theme-surface: #ffffff;
  --xci-theme-on-accent: #050f0a;
  --xci-theme-accent-soft: rgba(255, 152, 0, 0.18);
  --xci-theme-line: rgba(255, 152, 0, 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 */