.overlayBg{display:none !important;backdrop-filter:none !important}

@media (max-width:600px){
  body{padding-top:86px!important}
  #header{
    position:fixed!important;
    top:0!important;
    left:50%!important;
    width:min(100%,520px)!important;
    height:56px!important;
    transform:translateX(-50%)!important;
    z-index:60!important;
  }
  #header .logo{
    display:block!important;
    width:auto!important;
    max-width:58%!important;
    height:46px!important;
    margin:5px auto!important;
    object-fit:contain!important;
  }
  #header .partnership{z-index:2!important}
  .openbtn{
    top:0!important;
    left:0!important;
    width:60px!important;
    height:60px!important;
    margin:0!important;
    padding:0!important;
    z-index:61!important;
  }
  .openbtn img{
    display:block!important;
    width:60px!important;
    height:60px!important;
    object-fit:fill!important;
    content:normal!important;
  }
  #marquee{
    position:fixed!important;
    top:56px!important;
    left:50%!important;
    width:min(100%,520px)!important;
    height:24px!important;
    line-height:24px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    transform:translateX(-50%)!important;
    z-index:59!important;
  }
  #floatcontainer,#floatcontainer>#floatcontainer{display:block!important}
  .floating-X{
    display:block!important;
    right:8px!important;
    bottom:185px!important;
    width:72px!important;
    z-index:45!important;
  }
  .floating-tips{
    display:block!important;
    right:0!important;
    bottom:170px!important;
    width:40px!important;
    z-index:45!important;
  }
  .floating-Y{
    display:block!important;
    left:8px!important;
    right:auto!important;
    bottom:125px!important;
    width:62px!important;
    z-index:45!important;
  }
  .floating-X img,.floating-tips img,.floating-Y img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  .floating-X1{display:none!important}
}

/* Match the offsite's actual content geometry. */
.koala-main-copy{
  display:block!important;
  margin-top:10px!important;
}
.koala-main-copy>a,
.koala-main-copy>a>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  visibility:visible!important;
}
.koala-main-copy>div{
  display:none!important;
}

#home-balance .links a,
#home-balance .btns .btn{
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-shadow:none!important;
}
body.koala-motion-active #home-balance .links a{
  background-image:url(/_a/assets/img-caae93fc74e561a65bf48-6dee97b17f.gif)!important;
}
body.koala-motion-active #home-balance .links a.register{
  background-image:url(/_a/assets/img-60c8410d74e565aefae5a-5ee933e3ad.gif)!important;
}
#home-balance .btns .btn{height:36px!important}
body.koala-motion-active #home-balance .btns .btn{
  background-image:url(/_a/assets/img-4aa2128c74e5609a4e5cf-CODEX-animated-opt.webp)!important;
}
body.koala-motion-active #home-balance .btns .btn.vc-withdraw{
  background-image:url(/_a/assets/img-ca487a9c74e56ef2ea3b9-CODEX-animated-opt.webp)!important;
}
body.koala-motion-active #home-balance .btns .btn.vc-refresh{
  background-image:url(/_a/assets/img-ef8e119c74e561255aaeb-CODEX-animated-opt.webp)!important;
}
#home-balance .btns .btn i{
  display:none!important;
}
#home-balance .t1,
#home-balance .note p{
  color:#111!important;
}

#home-lucky .wrapper{
  background-image:url(/_a/assets/img-9b7e988a619563d65c4a6-ecdd9aef41.png)!important;
}
#home-lucky .myluckynumber{
  background-image:url(/_a/assets/img-12944b5519556821b6e47-eaa334d5c6-report.webp)!important;
}

#home-game .site-tabs,
#home-game .site-tab{
  height:128px!important;
  max-height:128px!important;
  overflow:hidden!important;
}
#home-game .site-tab img{
  visibility:visible!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:98px!important;
  object-fit:contain!important;
}

#home .game-banners .game-banner{
  height:auto!important;
}
#home .leaderboard-banner{
  height:auto!important;
  visibility:visible!important;
}
#home-jackpot .jackpot{
  background-image:url(/_a/assets/img-e5634f61272664c9be31d-7f6363afcf.gif)!important;
}

#footer a{
  color:transparent!important;
  text-shadow:none!important;
}
#footer a>.material-icons{
  color:transparent!important;
  text-shadow:none!important;
}
#footer a>.badge{
  color:#fff!important;
}
body.C #footer a:nth-child(1){
  background-image:url(/_a/assets/img-32cc53fa27266ac5aabcf-ffd48e0387.png)!important;
}
body.C #footer a:nth-child(2){
  background-image:url(/_a/assets/img-139cd6ea272662a6f32fa-9598d2c29d.png)!important;
}
body.C #footer a:nth-child(3){
  background-image:url(/_a/assets/img-c23192178687631535ebe-7187dc3837-optimized-static.webp)!important;
}
body.C #footer a:nth-child(4){
  background-image:url(/_a/assets/img-372699da2726678b647db-a729c0f234.png)!important;
}
body.C #footer a:nth-child(5){
  background-image:url(/_a/assets/img-388b6aca27266350d6364-5bf31ffe0e.png)!important;
}

.jackpot-odometer .odometer-value.koala-digit-tick{
  animation:koala-digit-tick .32s ease-out
}
@keyframes koala-digit-tick{
  0%{transform:translateY(-38%);opacity:.35}
  100%{transform:translateY(0);opacity:1}
}


/* Seamless recommended-games carousel. */
.popular-game-title,
.popular-game-title span{
  color:#000!important;
}
#home .game-banners.koala-loop-ready{
  display:block!important;
  overflow:hidden!important;
  white-space:normal!important;
}
#home .koala-game-track{
  display:flex!important;
  width:max-content!important;
  animation:koala-game-loop 13s linear infinite!important;
  animation-play-state:paused!important;
  will-change:transform;
}
#home .game-banners.koala-loop-running .koala-game-track{
  animation-play-state:running!important;
}
#home .koala-game-set{
  display:flex!important;
  flex:none!important;
  gap:8px!important;
  padding-right:8px!important;
}
#home .game-banners.koala-loop-ready .game-banner{
  display:block!important;
  flex:0 0 var(--koala-card-width)!important;
  width:var(--koala-card-width)!important;
  height:auto!important;
  margin:0!important;
  animation:none!important;
  transform:none!important;
}
@keyframes koala-game-loop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Keep animated first-screen decoration off the critical rendering path. */
#header{background-image:url(/_a/assets/img-f63060168687624adad80-1655efff8f-optimized-static.webp)!important}
body.koala-motion-active #header{background-image:url(/_a/assets/img-f63060168687624adad80-CODEX-animated-q55.webp)!important}
+
/* Lighthouse contrast: dark copy on the pale balance/content panels. */
+#home-balance .pbalance .vc-wallet-name,
+#home-balance .pbalance .t1,
+#home-balance .pbalance .vc-note p,
+#home-balance .pbalance .vc-note var,
+#home-balance .pbalance .vc-note b,
+.popular-game-title,
+.popular-game-title span{color:#111!important}
+
/* Opaque compact backplates guarantee WCAG contrast over the photo background. */
+.pbalance .vc-wallet-name,
+.pbalance .vc-note .note p,
+.pbalance .vc-note .note var,
+.popular-game-title>span{
+  color:#111!important;
+  background:#fff3d6!important;
+  padding:1px 4px!important;
+  border-radius:3px!important;
+}
+
/* Static Recommend Games strip: same card sizing, no carousel motion or clones. */
#home .game-banners.koala-static-games{display:flex!important;overflow:hidden!important;gap:8px!important;align-items:flex-start!important;white-space:normal!important}
#home .game-banners.koala-static-games>img.game-banner{display:block!important;flex:0 0 calc(36% - 3px)!important;width:calc(36% - 3px)!important;height:auto!important;margin:0!important;object-fit:contain!important;animation:none!important;transform:none!important;will-change:auto!important}


/* Compact static Recommend Games grid: all four cards fit in one mobile row. */
#home .game-banners.koala-static-games{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  overflow:hidden!important;
  align-items:start!important;
}
#home .game-banners.koala-static-games>img.game-banner{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  animation:none!important;
  transform:none!important;
  object-fit:contain!important;
  will-change:auto!important;
}

/* Match the compact offsite ticker bar. */
body.C #marquee{
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  line-height:18px!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.C #marquee>span,
body.C #marquee font,
body.C #marquee b{
  line-height:18px!important;
}
body.C #marquee>span{
  position:relative!important;
  top:1px!important;
}

/* Restore the native Splide pagination used by the offsite banner slider. */
#home-banner .splide__pagination{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  bottom:8px!important;
  z-index:5!important;
}
#home-banner .splide__pagination__page{
  display:block!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  margin:3px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#b8b8b8!important;
  opacity:.9!important;
}
#home-banner .splide__pagination__page.is-active{
  background:#fff!important;
  transform:scale(1.35)!important;
}

/* Final measured header stack: 56px header + 18px ticker, with no 12px gap. */
@media (max-width:600px){
  body{padding-top:74px!important}
  #koala-content-bg{
    top:74px!important;
    height:calc(100vh - 124px)!important;
  }
}
body.C #marquee{
  line-height:16px!important;
}
body.C #marquee>span{
  position:static!important;
  top:auto!important;
  display:inline-block!important;
  line-height:16px!important;
  vertical-align:top!important;
}
body.C #marquee font{
  position:relative!important;
  top:3px!important;
  line-height:16px!important;
}
body.C #marquee b{
  line-height:inherit!important;
}