.icon-popokgaming:before {
    content: "\e9de"
  }

  .icon-kagaming_slots:before {
    content: "\e9df"
  }

  .icon-jili:before {
    content: "\e9dd"
  }

  .icon-pp-pop:before {
    content: "\e9dc"
  }

  .icon-sboslots:before {
    content: "\e9db"
  }

  .icon-telegram:before {
    content: "\e9da"
  }

  .icon-android-alt:before {
    content: "\e9d9"
  }

  .icon-amigo:before {
    content: "\e9d7"
  }

  .icon-square-plus:before {
    content: "\e9d6"
  }

  .icon-oasis-pay-withdraw:before,
  .icon-oasis-pay:before {
    content: "\e902"
  }

  .icon-shadylady:before {
    content: "\e9d5"
  }

  .icon-ygr_slots:before {
    content: "\e9d3"
  }

  .icon-history-alt:before {
    content: "\e9d4"
  }

  .icon-comboslots:before {
    content: "\e9d2"
  }

  .icon-featured:before {
    content: "\e9d1"
  }

  .icon-vplus:before {
    content: "\e9d0"
  }

  .icon-sexygaming:before {
    content: "\e901"
  }

  .icon-bti:before {
    content: "\e9ce"
  }

  .icon-recent-search:before {
    content: "\e9cc"
  }

  .icon-trend:before {
    content: "\e9cd"
  }

  .icon-idnsns:before {
    content: "\e9cb"
  }

  .icon-filter:before {
    content: "\e9ca"
  }

  .icon-ky_slots:before {
    content: "\e9c9"
  }

  .icon-askmeslot_slot:before {
    content: "\e9c8"
  }

  .icon-ticket-alt:before {
    content: "\e9c7"
  }

  .icon-minigame:before {
    content: "\e9be"
  }

  .icon-ion:before {
    content: "\e9bf"
  }

  .icon-simpleplay:before {
    content: "\e9bd"
  }

  .icon-jdb_slot:before {
    content: "\e9bc"
  }

  .icon-live_22:before {
    content: "\e9bb"
  }

  .icon-penguin_king:before {
    content: "\e9ba"
  }

  .icon-bell:before {
    content: "\e9b9"
  }

  .icon-nsoftcasino:before {
    content: "\e9b7"
  }

  .icon-bigpot:before {
    content: "\e9b8"
  }

  .icon-panda:before {
    content: "\e9b6"
  }

  .icon-cq9:before {
    content: "\e9b5"
  }

  .icon-5g:before {
    content: "\e9b4"
  }

  .icon-spin-royal:before {
    content: "\e9b3"
  }

  .icon-idnarcade:before,
  .icon-oxagg_idn_arcade:before {
    content: "\e9b2"
  }

  .icon-free-spins:before {
    content: "\e9b1"
  }

  .icon-mahjongwins:before {
    content: "\e9b0"
  }

  .icon-apparat:before {
    content: "\e9af"
  }

  .icon-sagaming:before {
    content: "\e9ae"
  }

  .icon-cmd:before {
    content: "\e9ad"
  }

  .icon-nsoft:before {
    content: "\e9ac"
  }

  .icon-reevo:before {
    content: "\e9ab"
  }

  .icon-level-up:before {
    content: "\e9aa"
  }

  .icon-playngo:before {
    content: "\e9a9"
  }

  .icon-mg_live_grand:before {
    content: "\e9a8"
  }

  .icon-copy:before {
    content: "\e9a7"
  }

  .icon-g2fa:before {
    content: "\e9a6"
  }

  .icon-crypto:before {
    content: "\e9a5"
  }

  .icon-idnpoker:before {
    content: "\e9a3"
  }

  .icon-idnlive:before {
    content: "\e9a4"
  }

  .icon-raffle-ticket:before {
    content: "\e9a2"
  }

  .icon-swap:before {
    content: "\e9a1"
  }

  .icon-points:before {
    content: "\e9a0"
  }

  .icon-shield:before {
    content: "\e99f"
  }

  .icon-originals:before {
    content: "\e99e"
  }

  .icon-exclusive:before {
    content: "\e99d"
  }

  .icon-fastspin:before {
    content: "\e99c"
  }

  .icon-spadegaming_slot:before {
    content: "\e99b"
  }

  .icon-sport:before {
    content: "\e998"
  }

  .icon-esport:before {
    content: "\e999"
  }

  .icon-virtual:before {
    content: "\e99a"
  }

  .icon-reelkingdom:before {
    content: "\e997"
  }

  .icon-tfgaming:before {
    content: "\e996"
  }

  .icon-pragmaticplay98:before {
    content: "\e995"
  }

  .icon-playstar:before {
    content: "\e994"
  }

  .icon-promowin-history:before {
    content: "\e993"
  }

  .icon-upg:before {
    content: "\e991"
  }

  .icon-ttg:before {
    content: "\e990"
  }

  .icon-evolution-nlc:before {
    content: "\e900"
  }

  .icon-hand-click:before {
    content: "\e989"
  }

  .icon-leaderboard:before {
    content: "\e98a"
  }

  .icon-slot-machine:before {
    content: "\e98b"
  }

  .icon-search-file:before {
    content: "\e98c"
  }

  .icon-money-bag:before {
    content: "\e98d"
  }

  .icon-podium:before {
    content: "\e98e"
  }

  .icon-og:before {
    content: "\e988"
  }

  .icon-sbobet:before {
    content: "\e987"
  }

  .icon-slot-mania:before,
  .icon-slotmania:before {
    content: "\e986"
  }

  .icon-saba:before,
  .icon-sabasports:before {
    content: "\e985"
  }

  .icon-gear:before {
    content: "\e983"
  }

  .icon-last-amount:before {
    content: "\e984"
  }

  .icon-ebetlive:before {
    content: "\e982"
  }

  .icon-playtech:before,
  .icon-playtech_slot:before {
    content: "\e981"
  }

  .icon-evolution-btg:before {
    content: "\e980"
  }

  .icon-promo:before {
    content: "\e97f"
  }

  .icon-download:before {
    content: "\e97e"
  }

  .icon-gmw:before {
    content: "\e97d"
  }

  .icon-square-check:before {
    content: "\e97b"
  }

  .icon-square:before {
    content: "\e97c"
  }

  .icon-microgaming:before {
    content: "\e97a"
  }

  .icon-cellular-balance:before {
    content: "\e979"
  }

  .icon-complaint:before {
    content: "\e978"
  }

  .icon-check-alt:before {
    content: "\e977"
  }

  .icon-share:before {
    content: "\e976"
  }

  .icon-maintenance:before {
    content: "\e975"
  }

  .icon-table:before {
    content: "\e974"
  }

  .icon-ubo:before {
    content: "\e973"
  }

  .icon-reset:before {
    content: "\e972"
  }

  .icon-link:before {
    content: "\e970"
  }

  .icon-email:before {
    content: "\e971"
  }

  .icon-email-sent:before {
    content: "\e96e"
  }

  .icon-ask:before {
    content: "\e96f"
  }

  .icon-back-top:before {
    content: "\e96d"
  }

  .icon-betgames:before {
    content: "\e968"
  }

  .icon-livegames:before {
    content: "\e969"
  }

  .icon-luckystreak:before {
    content: "\e96a"
  }

  .icon-ezugi-gaming:before {
    content: "\e96b"
  }

  .icon-vivo-gaming:before {
    content: "\e96c"
  }

  .icon-evolution:before {
    content: "\e967"
  }

  .icon-facebook:before {
    content: "\e961"
  }

  .icon-instagram:before {
    content: "\e962"
  }

  .icon-skype:before {
    content: "\e963"
  }

  .icon-twitter:before {
    content: "\e964"
  }

  .icon-whatsapp:before {
    content: "\e965"
  }

  .icon-youtube:before {
    content: "\e966"
  }

  .icon-about-us:before {
    content: "\e95d"
  }

  .icon-privacy-policy:before {
    content: "\e95e"
  }

  .icon-responsible-gaming:before {
    content: "\e95f"
  }

  .icon-referral-terms-and-conditions:before,
  .icon-terms-and-conditions:before {
    content: "\e960"
  }

  .icon-bank-transfer:before,
  .icon-bank:before {
    content: "\e920"
  }

  .icon-e-money:before {
    content: "\e94f"
  }

  .icon-mail:before {
    content: "\e958"
  }

  .icon-qris:before {
    content: "\e959"
  }

  .icon-register:before {
    content: "\e95a"
  }

  .icon-username:before {
    content: "\e95b"
  }

  .icon-virtual-account:before {
    content: "\e95c"
  }

  .icon-ticket:before {
    content: "\e957"
  }

  .icon-mail-open:before {
    content: "\e956"
  }

  .icon-back:before {
    content: "\e955"
  }

  .icon-pen:before {
    content: "\e954"
  }

  .icon-times-outlined:before {
    content: "\e952"
  }

  .icon-check-outlined:before {
    content: "\e953"
  }

  .icon-apple:before {
    content: "\e93e"
  }

  .icon-android:before {
    content: "\e92c"
  }

  .icon-arrow-down:before {
    content: "\e92d"
  }

  .icon-arrow-up:before {
    content: "\e92e"
  }

  .icon-at:before {
    content: "\e92f"
  }

  .icon-building:before {
    content: "\e930"
  }

  .icon-calendar:before {
    content: "\e931"
  }

  .icon-caret-down:before {
    content: "\e932"
  }

  .icon-caret-up:before {
    content: "\e933"
  }

  .icon-check-circle:before {
    content: "\e934"
  }

  .icon-circle:before {
    content: "\e935"
  }

  .icon-clipboard-check:before {
    content: "\e936"
  }

  .icon-coins:before {
    content: "\e937"
  }

  .icon-comment:before {
    content: "\e938"
  }

  .icon-exclamation-triangle:before {
    content: "\e939"
  }

  .icon-expand:before {
    content: "\e93a"
  }

  .icon-eye-slash:before {
    content: "\e93b"
  }

  .icon-eye:before {
    content: "\e93c"
  }

  .icon-globe:before {
    content: "\e93d"
  }

  .icon-id-card:before {
    content: "\e93f"
  }

  .icon-key:before {
    content: "\e940"
  }

  .icon-location-arrow:before {
    content: "\e941"
  }

  .icon-lock:before {
    content: "\e942"
  }

  .icon-mobile:before {
    content: "\e943"
  }

  .icon-money-check:before {
    content: "\e944"
  }

  .icon-paper-plane:before {
    content: "\e945"
  }

  .icon-pause-circle:before {
    content: "\e946"
  }

  .icon-play-circle:before {
    content: "\e947"
  }

  .icon-play:before {
    content: "\e948"
  }

  .icon-search:before {
    content: "\e949"
  }

  .icon-sort-down:before {
    content: "\e94a"
  }

  .icon-sort-up:before {
    content: "\e94b"
  }

  .icon-star:before {
    content: "\e94c"
  }

  .icon-sync:before {
    content: "\e94d"
  }

  .icon-times-circle:before {
    content: "\e94e"
  }

  .icon-user-check:before {
    content: "\e950"
  }

  .icon-user-ninja:before {
    content: "\e951"
  }

  .icon-arrow-right:before {
    content: "\e92a"
  }

  .icon-arrow-left:before {
    content: "\e92b"
  }

  .icon-arrow-shape:before {
    content: "\e929"
  }

  .icon-volume:before {
    content: "\e928"
  }

  .icon-bars:before {
    content: "\e927"
  }

  .icon-betsoft:before {
    content: "\e9d8"
  }

  .icon-bgaming:before {
    content: "\e911"
  }

  .icon-booming_games:before {
    content: "\e903"
  }

  .icon-bng:before {
    content: "\e904"
  }

  .icon-buy-bonus:before {
    content: "\e905"
  }

  .icon-felix:before {
    content: "\e906"
  }

  .icon-gameart-ttg:before {
    content: "\e907"
  }

  .icon-habanero:before {
    content: "\e912"
  }

  .icon-hot:before {
    content: "\e908"
  }

  .icon-idnslot:before,
  .icon-idnslotdirect:before,
  .icon-oxagg_idn_slot:before {
    content: "\e909"
  }

  .icon-isoftbet:before {
    content: "\e90a"
  }

  .icon-megaways:before {
    content: "\e90b"
  }

  .icon-evolution-netent:before {
    content: "\e90c"
  }

  .icon-new:before {
    content: "\e90d"
  }

  .icon-pgsoft:before {
    content: "\e90e"
  }

  .icon-bng_playson:before {
    content: "\e90f"
  }

  .icon-pragmaticplay:before {
    content: "\e910"
  }

  .icon-redrakegaming:before {
    content: "\e913"
  }

  .icon-evolution-redtiger:before {
    content: "\e914"
  }

  .icon-spadegaming:before {
    content: "\e915"
  }

  .icon-spinomenal:before {
    content: "\e916"
  }

  .icon-table-games:before {
    content: "\e917"
  }

  .icon-wearecasino:before {
    content: "\e918"
  }

  .icon-yggdrasil:before {
    content: "\e919"
  }

  .icon-edit:before {
    content: "\e923"
  }

  .icon-history:before {
    content: "\e924"
  }

  .icon-deposit:before {
    content: "\e91a"
  }

  .icon-login:before {
    content: "\e91b"
  }

  .icon-gift:before {
    content: "\e91c"
  }

  .icon-account:before {
    content: "\e91d"
  }

  .icon-withdraw:before {
    content: "\e91e"
  }

  .icon-contact:before {
    content: "\e91f"
  }

  .icon-activity:before {
    content: "\e921"
  }

  .icon-home:before {
    content: "\e922"
  }

  .icon-logout:before {
    content: "\e925"
  }

  .icon-referral:before {
    content: "\e926"
  }

  .icon-info:before {
    content: "\e98f"
  }

  .icon-chat:before {
    content: "\e9cf"
  }

  :root {
    color-scheme: light;
    --bg: #f7f3e8;
    --surface: #fffdfa;
    --surface-light: #efe6d2;
    --brand: #7a5a18;
    --brand-hover: #62460f;
    --accent: #8a6720;
    --accent-hover: #6f5016;
    --accent-secondary: #8e6112;
    --accent-secondary-hover: #714b0c;
    --live: #a43e38;
    --text: #1b1914;
    --text-muted: rgba(27, 25, 20, 0.64);
    --hairline: rgba(122, 90, 24, 0.18);
    --gold-soft: #dcc889;
    --gold-pale: #f3e8c9;
    --on-dark: #ffffff;
    --overlay-dark: rgba(23, 21, 15, 0.78);
    --radius: 5px;
    --gap: 0.5rem;
    --container: 1200px;
    --header-h: 54px
  }

  @font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-35.f136337.woff2) format("woff2");
    font-weight: 300;
    font-display: swap
  }

  @font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-45.f630d8a.woff2) format("woff2");
    font-weight: 400;
    font-display: swap
  }

  @font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-55.1ff38de.woff2) format("woff2");
    font-weight: 500;
    font-display: swap
  }

  @font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-65.575ae43.woff2) format("woff2");
    font-weight: 700;
    font-display: swap
  }

  @font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-85.af8024e.woff2) format("woff2");
    font-weight: 800;
    font-display: swap
  }

  @font-face {
    font-family: Avenir;
    src: url(../fonts/avenir-95.dbad8bb.woff2) format("woff2");
    font-weight: 900;
    font-display: swap
  }

  @font-face {
    font-family: idn;
    src: url(../fonts/idn.woff2) format("woff2");
    font-weight: 400;
    font-display: block
  }

  [class*=" icon-"],
  [class^=icon-] {
    font-family: idn !important;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  *,
  :after,
  :before {
    box-sizing: border-box
  }

  body,
  html {
    height: 100%
  }

  body {
    margin: 0;
    background-color: var(--bg);
    color: var(--text);
    font-family: Avenir, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
  }

  img,
  picture,
  svg {
    display: block;
    max-width: 100%
  }

  ol,
  ul {
    padding: 0;
    list-style: none
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  ol,
  p,
  ul {
    margin: 0
  }

  button {
    font: inherit;
    color: inherit;
    background: none;
    border: 0
  }

  :focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 2px
  }

  .btn--static,
  .card__see-all,
  .footer__group li,
  .footer__partners li,
  .menu__item,
  .quicknav li,
  .rail__item {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
  }

  .layout {
    display: grid;
    min-height: 100%;
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr auto;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
    background-size: cover
  }

  .container {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 1rem
  }

  .container--wide {
    max-width: calc(var(--container) + 2rem)
  }

  .container--main {
    background-color: var(--bg);
    padding: 1rem
  }

  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
  }

  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .8125rem 1rem .6875rem;
    border-radius: var(--radius);
    font-size: .875rem;
    font-weight: 700;
    color: var(--on-dark);
    text-align: center;
    line-height: 1;
    transition: background-color .15s ease
  }

  .btn--brand {
    background-color: var(--brand)
  }

  a.btn--brand:hover {
    background-color: var(--brand-hover)
  }

  .btn--accent {
    background-color: var(--accent)
  }

  a.btn--accent:hover {
    background-color: var(--accent-hover)
  }

  .btn--accent-secondary {
    background-color: var(--accent-secondary)
  }

  .btn--sm {
    padding: .625rem .875rem .5rem;
    font-size: .8125rem
  }

  button.btn:disabled {
    cursor: default
  }

  .header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: var(--bg);
    box-shadow: 0 1px 0 var(--hairline)
  }

  .header__main {
    display: flex;
    align-items: center;
    gap: .75rem;
    height: var(--header-h)
  }

  .header__brand img {
    width: auto;
    max-width: 160px;
    height: calc(var(--header-h) - 1rem);
    object-fit: contain;
    object-position: left center
  }

  .header__widgets {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
    min-width: 0
  }

  .header__extra {
    display: none
  }

  @media (max-width:479px) {
    .header__main {
      gap: .5rem
    }

    .header__brand img {
      max-width: 120px
    }
  }

  .menu {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }

  .menu__inner {
    width: 100%;
    min-width: 0;
    max-width: calc(var(--container) + 2rem);
    margin: 0 auto;
    padding: 0 1rem;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch
  }

  .menu__inner::-webkit-scrollbar {
    display: none
  }

  .menu__list {
    align-items: stretch;
    width: max-content;
    min-width: 100%
  }

  .menu__item,
  .menu__list {
    display: flex;
    justify-content: center
  }

  .menu__item {
    flex: 0 0 auto;
    margin: 0 1rem;
    flex-direction: column;
    align-items: center;
    padding: .75rem 0;
    font-size: .875rem;
    font-weight: 700;
    white-space: nowrap
  }

  .menu__item img {
    width: 40px;
    height: 40px;
    object-fit: contain
  }

  .menu__item span {
    display: block;
    margin-top: .5rem
  }

  @media (max-width:1023px) {
    .menu__list {
      justify-content: flex-start
    }
  }

  @keyframes marquee {
    0% {
      transform: translateX(100%)
    }

    to {
      transform: translateX(-100%)
    }
  }

  .home {
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .home>* {
    grid-column: 1/-1;
    min-width: 0
  }

  @media (min-width:768px) {
    .home__menu {
      order: -2;
      margin-inline: calc(50% - 50vw)
    }
  }

  @media (min-width:1024px) {

    .home__hero,
    .home__teaser {
      grid-column: 1/-1
    }

    .home__wide {
      grid-column: span 4
    }

    .home__half {
      grid-column: span 3
    }

    .home__third {
      grid-column: span 2
    }
  }

  .home>div {
    display: grid
  }

  .home>div>* {
    min-width: 0
  }

  .teaser {
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start
  }

  .teaser .btn {
    width: 100%;
    padding: .9375rem 1rem .8125rem
  }

  .quicknav {
    overflow-x: auto;
    scrollbar-width: none
  }

  .quicknav::-webkit-scrollbar {
    display: none
  }

  .quicknav ul {
    display: flex;
    gap: 1rem;
    padding: .25rem 0;
    font-size: .875rem
  }

  .quicknav li {
    white-space: nowrap;
    color: var(--text-muted)
  }

  .quicknav li.is-active {
    color: var(--brand)
  }

  .card {
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    width: 100%;
    background-color: var(--surface);
    border-radius: var(--radius);
    padding-bottom: 1rem;
    overflow: hidden
  }

  .card__header {
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem
  }

  .card__header,
  .card__title {
    display: flex;
    align-items: center
  }

  .card__title {
    gap: .5rem;
    font-size: .875rem;
    font-weight: 700
  }

  .card__title img {
    width: 40px;
    height: 40px;
    object-fit: contain
  }

  .card__body {
    max-width: 100%;
    padding: 0 1rem;
    overflow: hidden
  }

  .card__cta {
    justify-self: center;
    width: 100%;
    max-width: 20rem;
    padding: .5rem 1rem 0
  }

  .card__cta .btn {
    width: 100%
  }

  .card__image {
    width: 100%;
    height: auto;
    border-radius: var(--radius)
  }

  .card__see-all {
    flex: 0 0 auto;
    padding: .2rem .75rem;
    border-radius: 10px;
    background-color: var(--bg);
    color: var(--text);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap
  }

  .card--inline {
    grid-template-rows: none;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: .25rem 1rem
  }

  .card--inline .card__title {
    padding: 1rem 0
  }

  .card--inline .card__body {
    padding: 0
  }

  @media (max-width:767px) {
    .card--inline {
      grid-template-columns: 1fr auto;
      padding: 0 1rem 1rem
    }

    .card--inline .card__body {
      grid-column: 1/-1;
      grid-row: 2
    }
  }

  .hero {
    width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
    background-color: var(--bg)
  }

  .hero img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1140/400;
    object-fit: cover
  }

  .rail {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    grid-gap: .25rem;
    gap: .25rem
  }

  .rail__control {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    color: var(--text);
    font-size: .75rem;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease
  }

  .rail__control:hover:not(:disabled) {
    color: var(--brand);
    background-color: var(--bg)
  }

  .rail__control--disabled,
  .rail__control:disabled {
    opacity: .25;
    cursor: default
  }

  .rail__viewport {
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none
  }

  .rail__viewport::-webkit-scrollbar {
    display: none
  }

  .rail__list {
    --rail-cols: 4;
    --rail-gap: 0.25rem;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (var(--rail-cols) - 1) * var(--rail-gap)) / var(--rail-cols));
    grid-gap: var(--rail-gap);
    gap: var(--rail-gap);
    padding: .5rem 0
  }

  @media (min-width:640px) {
    .rail__list {
      --rail-cols: 6
    }
  }

  @media (min-width:1024px) {
    .rail__list {
      --rail-cols: 8
    }
  }

  .rail__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .rail__thumb {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    padding: .25rem;
    border-radius: 50%;
    background-color: var(--bg);
    border: 1px solid var(--bg);
    overflow: hidden
  }

  .rail__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain
  }

  .rail__thumb--promo {
    border-color: var(--accent)
  }

  .rail__thumb--live {
    border-color: var(--live)
  }

  .rail__flag {
    position: absolute;
    top: 44px;
    z-index: 2;
    padding: 0 .25rem;
    border-radius: 2px;
    font-size: .5rem;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 1.4
  }

  .rail__flag--promo {
    background-color: var(--accent);
    color: var(--bg)
  }

  .rail__flag--live {
    background-color: var(--live)
  }

  .rail__label {
    width: 100%;
    margin-top: .375rem;
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  @media (prefers-reduced-motion:reduce) {
    .rail__viewport {
      scroll-behavior: auto
    }
  }

  .game-grid {
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  @media (min-width:640px) {
    .game-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  @media (min-width:1024px) {
    .game-grid {
      grid-template-columns: repeat(var(--cols, 6), minmax(0, 1fr))
    }
  }

  .game,
  .game__frame {
    position: relative
  }

  .game__frame {
    height: 0;
    overflow: hidden;
    border-radius: var(--radius);
    background-color: var(--surface-light)
  }

  .game__frame--slot {
    padding-bottom: 67.44186%
  }

  .game__frame--arcade {
    padding-bottom: 61.99525%
  }

  .game__frame--casino {
    padding-bottom: 75%
  }

  .game__frame img.game__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .game__provider {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 0 0 0 30px;
    background-color: rgba(255, 253, 250, .94);
    filter: drop-shadow(.1rem .1rem .1rem var(--bg))
  }

  .game__provider img {
    width: 22px;
    height: 22px;
    object-fit: contain
  }

  .game__name {
    display: block;
    width: 100%;
    padding: .25rem 0;
    font-size: .75rem;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  .game__ribbon {
    position: absolute;
    left: -4px;
    z-index: 3;
    width: 100%;
    height: 1.25rem;
    background: 0/contain no-repeat;
    pointer-events: none;
    filter: drop-shadow(.1rem .1rem .1rem var(--bg))
  }

  .game__ribbon--new,
  .game__ribbon--promo {
    top: .25rem
  }

  .game--promo .game__ribbon--new {
    top: 1.5rem
  }

  .casino-grid {
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  @media (min-width:640px) {
    .casino-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  @media (min-width:1024px) {
    .casino-grid {
      grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr))
    }
  }

  .casino-game__frame {
    position: relative;
    height: 0;
    padding-bottom: 162.03209%;
    border-radius: var(--radius);
    overflow: hidden;
    background-color: var(--surface-light)
  }

  .casino-game__frame img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .casino-game__frame:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border: 2px solid var(--bg);
    border-radius: var(--radius)
  }

  .casino-game--flagged .casino-game__frame:before {
    border-color: var(--accent-secondary)
  }

  .casino-game__frame:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    pointer-events: none;
    background: linear-gradient(0deg, var(--bg), transparent 30%, transparent)
  }

  .casino-game__count {
    position: absolute;
    top: .375rem;
    left: .375rem;
    z-index: 2;
    padding: .125rem .375rem;
    border-radius: 2px;
    font-size: .625rem;
    font-weight: 700;
    background-color: var(--overlay-dark)
  }

  .casino-game__flag {
    right: 0;
    padding: .25rem .5rem;
    border-radius: 2px 0 0 0;
    font-size: .5rem;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: .03em;
    background-color: var(--accent-secondary)
  }

  .casino-game__flag,
  .casino-game__provider {
    position: absolute;
    bottom: 0;
    z-index: 3;
    font-weight: 700
  }

  .casino-game__provider {
    left: 0;
    padding: .25rem .375rem;
    font-size: .675rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
  }

  .sns {
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
    background-color: var(--bg)
  }

  .sns img {
    width: 100%;
    height: auto
  }

  .sns__ribbon {
    position: absolute;
    top: .5rem;
    right: .5rem;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-gap: .25rem;
    gap: .25rem;
    padding: .125rem .375rem;
    border-radius: 2px;
    background-color: var(--live)
  }

  .sns__ribbon>span:last-child {
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .05em
  }

  .pulse {
    position: relative;
    width: 1rem;
    height: 1rem
  }

  .pulse:after {
    content: "";
    width: 50%;
    height: 50%;
    background-color: var(--on-dark);
    z-index: 2;
    transform: translate(-50%, -50%);
    animation: dot-pulse 2s infinite
  }

  .pulse:after,
  .pulse__wave {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%
  }

  .pulse__wave {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .4);
    opacity: 0;
    z-index: 1;
    transform: translate(-50%, -50%) scale(.5);
    animation: ripple 2s infinite
  }

  .pulse__wave:nth-of-type(2) {
    animation-delay: .2s
  }

  .pulse__wave:nth-of-type(3) {
    animation-delay: .4s
  }

  @keyframes ripple {
    0% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(.5)
    }

    to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.6)
    }
  }

  @keyframes dot-pulse {

    0%,
    to {
      transform: translate(-50%, -50%) scale(1)
    }

    50% {
      transform: translate(-50%, -50%) scale(1.3)
    }
  }

  @media (prefers-reduced-motion:reduce) {

    .pulse:after,
    .pulse__wave {
      animation: none
    }
  }

  .logo-grid,
  .promo-grid {
    display: grid;
    grid-gap: var(--gap);
    gap: var(--gap);
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .logo-grid img,
  .promo-grid img {
    width: 100%;
    height: auto;
    aspect-ratio: 19/26;
    object-fit: cover;
    border-radius: var(--radius);
    background-color: var(--surface-light)
  }

  .promo-grid li {
    position: relative
  }

  .promo-grid__title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem .4rem .4rem;
    font-size: .6875rem;
    font-weight: 700;
    line-height: 1.3;
    border-radius: 0 0 var(--radius) var(--radius);
    background: linear-gradient(0deg, rgba(23, 21, 15, .94) 35%, transparent);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: calc(1.3em * 2 + 1.9rem);
    overflow: hidden
  }

  .footer {
    background-color: var(--surface);
    padding: 1.5rem 0 2rem
  }

  .footer__links {
    display: grid;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
    grid-column-gap: 1rem;
    column-gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  @media (min-width:768px) {
    .footer__links {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  }

  .footer__group h2 {
    margin-bottom: .5rem;
    font-size: .875rem;
    font-weight: 900
  }

  .footer__group li {
    margin-bottom: .375rem;
    color: var(--text-muted);
    font-size: .75rem
  }

  .footer__social ul {
    display: flex;
    gap: .75rem
  }

  .footer__social li {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--bg);
    color: var(--text)
  }

  .footer__social i {
    font-size: 1rem
  }

  .collapse {
    position: relative;
    font-size: .75rem
  }

  .collapse__state {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none
  }

  .collapse__body {
    position: relative;
    max-height: 8rem;
    overflow: hidden
  }

  .collapse__body:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    background: linear-gradient(0deg, var(--surface), transparent)
  }

  .collapse__state:checked~.collapse__body {
    max-height: none
  }

  .collapse__state:checked~.collapse__body:after {
    content: none
  }

  .collapse__body :where(h2, h3, h4) {
    margin: 1rem 0 .5rem;
    font-size: .875rem;
    font-weight: 900
  }

  .collapse__body>h2:first-child {
    margin-top: 0;
    font-size: 1rem
  }

  .collapse__body p {
    margin-bottom: .5rem;
    color: var(--text-muted)
  }

  .collapse__body hr {
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid var(--hairline)
  }

  .collapse__toggle {
    display: inline-block;
    padding-top: .5rem;
    color: var(--brand);
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer
  }

  .collapse__toggle:hover {
    color: var(--brand-hover)
  }

  .collapse__state:checked~.collapse__toggle .collapse__more,
  .collapse__state:not(:checked)~.collapse__toggle .collapse__less {
    display: none
  }

  .collapse__state:focus-visible~.collapse__toggle {
    outline: 2px solid var(--brand);
    outline-offset: 2px
  }

  .seo-title {
    margin-bottom: .75rem;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-wrap: balance;
    color: var(--text)
  }

  .footer-intro {
    background-color: var(--surface);
    border-top: 1px solid var(--hairline)
  }

  .footer-intro>.container {
    padding-top: 1rem;
    padding-bottom: 1.25rem
  }

  .footer-intro .collapse {
    border-bottom: 1px solid var(--hairline);
    padding-bottom: 1rem
  }

  @media (min-width:768px) {
    .footer-intro .collapse__body {
      max-height: none
    }

    .footer-intro .collapse__body:after {
      content: none
    }

    .footer-intro .collapse__toggle {
      display: none
    }
  }

  .footer__article,
  .footer__payment {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--hairline)
  }

  .footer__payment h2 {
    margin-bottom: .75rem;
    font-size: .875rem;
    font-weight: 900
  }

  .footer__payment ul {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
  }

  .footer__payment li {
    display: grid;
    place-items: center;
    width: 120px;
    height: 40px;
    padding: .375rem .75rem;
    border-radius: var(--radius);
    background-color: var(--bg)
  }

  .footer__payment img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 28px;
    object-fit: contain
  }

  .footer__partners {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--hairline)
  }

  .footer__partners h2 {
    margin-bottom: .75rem;
    font-size: .875rem;
    font-weight: 900
  }

  .footer__partners ul {
    display: grid;
    grid-gap: .75rem .5rem;
    gap: .75rem .5rem;
    grid-template-columns: repeat(auto-fill, minmax(84px, 1fr))
  }

  .footer__partners li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    color: var(--text-muted);
    text-align: center
  }

  .footer__partner-icon {
    font-size: 2.25rem;
    line-height: 1
  }

  .footer__partners span {
    width: 100%;
    font-size: .625rem;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
  }

  .footer__copyright {
    margin-top: 1.5rem;
    font-size: .75rem;
    color: var(--text-muted)
  }

  .bottombar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-bottom: env(safe-area-inset-bottom);
    background-color: var(--surface);
    border-top: 1px solid var(--hairline)
  }

  .bottombar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    padding: .5rem .25rem;
    color: var(--text-muted);
    font-size: .6875rem;
    font-weight: 700;
    background: none;
    text-align: center
  }

  .bottombar__item i {
    font-size: 1.25rem
  }

  .bottombar__item.is-active {
    color: var(--brand)
  }

  a.bottombar__item {
    color: var(--text)
  }

  a.bottombar__item:hover {
    color: var(--brand)
  }

  button.bottombar__item:disabled {
    cursor: default
  }

  @media (max-width:767px) {
    .header__main {
      height: 56px
    }

    .header__extra {
      display: block;
      border-top: 1px solid var(--hairline)
    }

    .header__brand img {
      max-width: 150px
    }

    .container--main {
      padding: 0;
      background: transparent
    }

    .home {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0
    }

    .home>* {
      grid-column: 1/-1;
      min-width: 0
    }

    .home__hero {
      order: 1
    }

    .home__teaser {
      order: 2;
      padding: .5rem
    }

    .home__menu {
      order: 4
    }

    .home>[data-section=quicknav] {
      display: none
    }

    [data-section=slot-rail] {
      order: 10
    }

    [data-section=sports] {
      order: 11;
      grid-column: span 1
    }

    [data-section=poker] {
      order: 12;
      grid-column: span 1
    }

    [data-section=hot-slots] {
      order: 13
    }

    [data-section=casino] {
      order: 14
    }

    [data-section=promotions] {
      order: 15
    }

    [data-section=lotto] {
      order: 16;
      grid-column: span 1
    }

    [data-section=fishing] {
      order: 17;
      grid-column: span 1
    }

    [data-section=top-tables] {
      order: 18
    }

    [data-section=exclusive] {
      order: 19
    }

    [data-section=arcade-rail] {
      order: 20
    }

    [data-section=arcade-games] {
      order: 21
    }

    [data-section=sns] {
      order: 22
    }

    .home__hero .hero {
      border-radius: 0
    }

    .home__menu .menu {
      background-image: none !important;
      background-color: transparent
    }

    .home__menu .menu__inner {
      padding: 0
    }

    .home__menu .menu__list {
      justify-content: flex-start;
      padding: 0;
      width: auto;
      min-width: 0
    }

    .home__menu .menu__item {
      flex: 0 0 20%;
      margin: 0;
      padding: .75rem .25rem
    }

    .home__menu .menu__item img {
      width: 44px;
      height: 44px
    }

    .home__menu .menu__item span {
      font-size: .8125rem;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .home .card {
      border-radius: var(--radius) var(--radius) 0 0;
      margin-top: -20px;
      padding-bottom: calc(1rem + 20px)
    }

    [data-section=slot-rail] .card {
      margin-top: 0
    }

    [data-section=arcade-rail] .card,
    [data-section=hot-slots] .card,
    [data-section=promotions] .card,
    [data-section=slot-rail] .card,
    [data-section=top-tables] .card {
      background-color: var(--surface-light)
    }

    [data-section=arcade-games],
    [data-section=sns] {
      background-color: var(--surface)
    }

    [data-section=arcade-games] {
      margin-top: -20px;
      padding: calc(20px + .75rem) 0 .75rem
    }

    [data-section=sns] {
      padding: 0 0 1rem
    }

    [data-section=sns] .sns {
      border-radius: 0
    }

    [data-section=casino] .card,
    [data-section=exclusive] .card,
    [data-section=fishing] .card,
    [data-section=lotto] .card,
    [data-section=poker] .card,
    [data-section=sports] .card {
      background-color: var(--surface)
    }

    .rail__list {
      --rail-cols: 5;
      grid-auto-flow: column;
      grid-template-rows: repeat(3, minmax(0, 1fr));
      row-gap: .5rem
    }

    .card--inline {
      grid-template-columns: 1fr auto;
      padding: 0 .75rem .5rem
    }

    .bottombar {
      display: grid
    }

    body {
      padding-bottom: 62px
    }

    .home .card:not(.card--inline) .card__body {
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem
    }
  }

  @media (max-width:767px) {
    .home .card:not(.card--inline) .card__body::-webkit-scrollbar {
      display: none
    }

    .home .showcase {
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      padding: 0 .5rem
    }

    .home .showcase::-webkit-scrollbar {
      display: none
    }

    .home .casino-grid,
    .home .game-grid,
    .home .logo-grid,
    .home .promo-grid {
      grid-auto-flow: column;
      grid-template-columns: none;
      grid-auto-columns: 29%
    }

    [data-section=hot-slots] .game-grid {
      grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    [data-section=top-tables] .casino-grid {
      grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    [data-section=arcade-games] .game-grid,
    [data-section=casino] .casino-grid,
    [data-section=exclusive] .logo-grid,
    [data-section=promotions] .promo-grid {
      grid-template-rows: minmax(0, 1fr)
    }

    [data-section=arcade-rail] .rail__list {
      --rail-cols: 5;
      grid-template-rows: minmax(0, 1fr)
    }

    .promo-grid__title {
      -webkit-line-clamp: 1;
      line-clamp: 1;
      max-height: none;
      padding: 1.25rem .4rem .35rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block;
      overflow: hidden
    }

    [data-section=fishing] .card__see-all,
    [data-section=lotto] .card__see-all,
    [data-section=poker] .card__see-all,
    [data-section=sports] .card__see-all {
      display: none
    }

    .home .card--inline {
      padding: 0 .75rem calc(1rem + 20px);
      row-gap: 0
    }

    .home .card--inline .card__title {
      padding: .75rem 0 0
    }

    .home .card--inline .rail__list {
      padding-top: 1rem
    }
  }

  /* Light Gold Tech Premium theme layer: color treatment only. */
  .layout {
    background-color: var(--gold-soft);
    background-blend-mode: soft-light;
  }

  .btn,
  .rail__flag--live,
  .sns__ribbon,
  .casino-game__count,
  .promo-grid__title {
    color: var(--on-dark);
  }

  .rail__flag--promo {
    color: var(--on-dark);
  }


  @media (min-width: 768px) {
    .home__menu .menu {
      background-image:
        linear-gradient(135deg, rgba(220, 200, 137, .92), rgba(122, 90, 24, .92)),
        url("../images/navbar-KakekSlot.png") !important;
      background-blend-mode: color;
    }
  }

/* Final production interaction + ticker layer. Layout dimensions remain unchanged except the requested ticker row. */
html {
  scroll-behavior: smooth;
}

.home [id],
.footer [id] {
  scroll-margin-top: calc(var(--header-h) + 3rem);
}

.ticker {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-bottom: 1px solid var(--hairline);
  background: linear-gradient(90deg, var(--gold-pale), var(--surface), var(--gold-pale));
  color: var(--text);
}

.ticker__viewport {
  overflow: hidden;
  width: 100%;
}

.ticker__track {
  display: flex;
  width: max-content;
  min-width: 200%;
  align-items: center;
  animation: ticker-scroll 24s linear infinite;
  will-change: transform;
}

.ticker__track span {
  flex: 0 0 50%;
  min-width: 50vw;
  padding: .5rem 2rem;
  color: var(--brand-hover);
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-align: center;
  white-space: nowrap;
}

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.ticker:hover .ticker__track {
  animation-play-state: paused;
}

.menu__link {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.menu__link:hover,
.menu__link:focus-visible,
.quicknav a:hover,
.quicknav a:focus-visible,
.footer__group a:hover,
.footer__group a:focus-visible {
  color: var(--brand);
}

.quicknav a,
.footer__group a {
  color: inherit;
  text-decoration: none;
}

.quicknav a {
  display: block;
  padding: .2rem 0;
  cursor: pointer;
}

.menu__item[aria-disabled="true"] {
  cursor: default;
}

.rail__viewport:focus-visible {
  border-radius: var(--radius);
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .ticker__track span {
    padding: .45rem 1.5rem;
    font-size: .75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ticker__track {
    animation: none;
    transform: none;
  }
}

a.card__see-all {
  color: var(--text);
  text-decoration: none;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

a.card__see-all:hover,
a.card__see-all:focus-visible {
  background-color: var(--gold-pale);
  color: var(--brand-hover);
}