/* Final mobile interaction layer: panels stay above the header and vertical scrolling stays native. */
@media (max-width:600px){
  .header{overflow:visible!important;z-index:1000!important}
  .notice{z-index:20!important}
  .member-wallet-panel{
    position:fixed!important;
    z-index:1200!important;
    top:max(70px,env(safe-area-inset-top))!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:8px!important;
    width:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .member-guide-carousel,
  .member-guide-extra-carousel,
  .guide-carousel-shell,
  .member-guide-slide,
  .member-guide-extra article,
  .guide-topic{
    touch-action:pan-x pan-y pinch-zoom!important;
    overscroll-behavior-x:auto!important;
  }
}

.member-wallet-panel.is-body-mounted{
  position:fixed!important;
  /* This is a real pop-over, mounted at document level so no banner, image or
     sticky section can clip it.  The same viewport coordinates apply on every page. */
  z-index:2147483000!important;
  top:max(74px,calc(env(safe-area-inset-top) + 64px))!important;
  right:max(8px,calc((100vw - 540px)/2 + 8px))!important;
  left:auto!important;
  bottom:auto!important;
  width:min(330px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 78px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
}
.member-wallet-panel.is-body-mounted .member-wallet-balance-box{justify-content:flex-start!important;gap:20px!important}

/* Keep the jackpot movement light: transforms only, staggered rather than all moving together. */
.jackpot-coin{
  width:7px!important;
  height:7px!important;
  border:0!important;
  border-radius:1px!important;
  background:#ffe368!important;
  clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);
  will-change:transform,opacity;
  backface-visibility:hidden;
  box-shadow:none!important;
  animation:nt77-jackpot-star-drop 1.82s linear infinite!important;
}
.jackpot-coin::before,.jackpot-coin img{display:none!important}
.jackpot-coin:nth-child(n+9){display:none!important}
.jackpot-coin:nth-child(3n+1){animation-delay:-.18s!important}
.jackpot-coin:nth-child(3n+2){animation-delay:-.74s!important}
.jackpot-coin:nth-child(3n){animation-delay:-1.29s!important}
@keyframes nt77-jackpot-star-drop{
  0%{transform:translate3d(-3px,-18px,0) rotate(0deg) scale(.75);opacity:0}
  12%,76%{opacity:.82}
  100%{transform:translate3d(6px,66px,0) rotate(135deg) scale(1.05);opacity:0}
}

html,body{background:#fff!important}

/* Homepage jackpot: a dense, smooth rain of gold coins behind the jackpot information. */
.jackpot-coins{display:block!important;z-index:0!important;overflow:hidden!important}
.jackpot-coin{display:block!important;width:14px!important;height:14px!important;border:1px solid rgba(255,244,179,.92)!important;border-radius:50%!important;background:radial-gradient(circle at 30% 27%,#fffbd5 0 7%,transparent 8%),radial-gradient(circle at 48% 48%,#ffe982 0 23%,#ffcc19 49%,#d48c00 77%,#7a4a00 100%)!important;box-shadow:inset 0 0 0 1px rgba(112,67,0,.23),0 2px 4px rgba(0,0,0,.18)!important;clip-path:none!important;will-change:transform,opacity!important;animation:nt77-jackpot-coin-rain 1.65s linear infinite!important}
.jackpot-coin::before{content:""!important;display:block!important;position:absolute!important;inset:2px!important;border:1px solid rgba(105,62,0,.28)!important;border-radius:50%!important}.jackpot-coin:nth-child(n+26){opacity:.78!important}.jackpot-coin:nth-child(odd){animation-duration:1.48s!important}.jackpot-coin:nth-child(3n){animation-duration:1.83s!important}.jackpot-coin:nth-child(4n){width:17px!important;height:17px!important}
@keyframes nt77-jackpot-coin-rain{0%{transform:translate3d(-4px,-42px,0) rotate(-24deg) scale(.78);opacity:0}8%{opacity:.96}78%{opacity:.92}100%{transform:translate3d(8px,125px,0) rotate(420deg) scale(1.04);opacity:0}}

/* Keep every coin across the full width of the jackpot banner. */
.jackpot-coin:nth-child(n){display:block!important;opacity:.84!important}

/* The old dense coin rain asked mobile browsers to animate dozens of layers at once.
   Keep the jackpot lively with one composited light sweep instead. */
.jackpot-coins,.jackpot-glitter,.jackpot-spark,.jackpot-mini-spark,.jackpot-twinkle{display:none!important}
.jackpot::before{content:""!important;position:absolute!important;z-index:1!important;top:-68%!important;bottom:-68%!important;left:-38%!important;width:26%!important;pointer-events:none!important;background:linear-gradient(90deg,transparent,rgba(255,241,151,.08) 30%,rgba(255,248,197,.36) 50%,rgba(255,241,151,.08) 70%,transparent)!important;transform:translate3d(-220%,0,0) skewX(-18deg)!important;will-change:transform!important;animation:nt77-jackpot-light-sweep 4.6s ease-in-out infinite!important}
.jackpot-content{position:relative;z-index:2}
@keyframes nt77-jackpot-light-sweep{0%,58%{transform:translate3d(-220%,0,0) skewX(-18deg)}82%,100%{transform:translate3d(560%,0,0) skewX(-18deg)}}
@media(prefers-reduced-motion:reduce){.jackpot::before{animation:none!important;opacity:.18}}

/* A repeating 36-coin shower looks unlimited; each particle uses compositor-only transforms. */
.jackpot-coins{display:block!important;z-index:1!important;overflow:hidden!important;contain:paint!important}
.jackpot-coin{display:none!important}
.jackpot-coin:nth-child(-n+36){display:block!important;z-index:1!important;width:9px!important;height:9px!important;border:1px solid rgba(255,246,184,.9)!important;border-radius:50%!important;background:radial-gradient(circle at 30% 28%,#fffbd7 0 9%,#ffe76b 10% 31%,#e8aa00 55%,#9b5d00 100%)!important;box-shadow:inset -1px -1px 1px rgba(88,47,0,.45),0 0 7px rgba(255,213,42,.78)!important;will-change:transform,opacity!important;animation:nt77-jackpot-coin-shower 3.6s linear infinite!important}
.jackpot-coin:nth-child(-n+36)::before{content:""!important;display:block!important;position:absolute!important;inset:1px!important;border:1px solid rgba(105,62,0,.28)!important;border-radius:50%!important}.jackpot-coin:nth-child(-n+36)::after{display:none!important}
.jackpot-coin.c1{left:4%!important;animation-delay:-.15s!important}.jackpot-coin.c2{left:13%!important;animation-delay:-1.18s!important}.jackpot-coin.c3{left:22%!important;animation-delay:-2.55s!important}.jackpot-coin.c4{left:32%!important;animation-delay:-.68s!important}.jackpot-coin.c5{left:41%!important;animation-delay:-3.02s!important}.jackpot-coin.c6{left:50%!important;animation-delay:-1.74s!important}.jackpot-coin.c7{left:60%!important;animation-delay:-.42s!important}.jackpot-coin.c8{left:69%!important;animation-delay:-2.23s!important}.jackpot-coin.c9{left:78%!important;animation-delay:-1.47s!important}.jackpot-coin.c10{left:86%!important;animation-delay:-3.34s!important}.jackpot-coin.c11{left:92%!important;animation-delay:-.94s!important}.jackpot-coin.c12{left:97%!important;animation-delay:-2.83s!important}
.jackpot-coin.c13{left:7%!important;animation-delay:-3.48s!important}.jackpot-coin.c14{left:16%!important;animation-delay:-.51s!important}.jackpot-coin.c15{left:27%!important;animation-delay:-2.86s!important}.jackpot-coin.c16{left:36%!important;animation-delay:-1.04s!important}.jackpot-coin.c17{left:47%!important;animation-delay:-2.12s!important}.jackpot-coin.c18{left:56%!important;animation-delay:-.82s!important}.jackpot-coin.c19{left:65%!important;animation-delay:-3.27s!important}.jackpot-coin.c20{left:74%!important;animation-delay:-1.61s!important}.jackpot-coin.c21{left:83%!important;animation-delay:-2.41s!important}.jackpot-coin.c22{left:95%!important;animation-delay:-.34s!important}.jackpot-coin.c23{left:10%!important;animation-delay:-1.95s!important}.jackpot-coin.c24{left:20%!important;animation-delay:-3.11s!important}.jackpot-coin.c25{left:30%!important;animation-delay:-.97s!important}.jackpot-coin.c26{left:39%!important;animation-delay:-2.67s!important}.jackpot-coin.c27{left:52%!important;animation-delay:-.22s!important}.jackpot-coin.c28{left:62%!important;animation-delay:-1.35s!important}.jackpot-coin.c29{left:71%!important;animation-delay:-3.55s!important}.jackpot-coin.c30{left:80%!important;animation-delay:-2.03s!important}.jackpot-coin.c31{left:89%!important;animation-delay:-.72s!important}.jackpot-coin.c32{left:2%!important;animation-delay:-2.31s!important}.jackpot-coin.c33{left:34%!important;animation-delay:-3.36s!important}.jackpot-coin.c34{left:58%!important;animation-delay:-1.56s!important}.jackpot-coin.c35{left:76%!important;animation-delay:-.43s!important}.jackpot-coin.c36{left:99%!important;animation-delay:-2.74s!important}
.jackpot-coin:nth-child(3n){width:11px!important;height:11px!important;animation-duration:4.05s!important}.jackpot-coin:nth-child(4n){width:7px!important;height:7px!important;animation-duration:3.25s!important}
@keyframes nt77-jackpot-coin-shower{0%{transform:translate3d(-3px,-18px,0) rotate(0deg) scale(.62);opacity:0}10%,79%{opacity:.95}100%{transform:translate3d(5px,86px,0) rotate(330deg) scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.jackpot-coin:nth-child(-n+36){animation:none!important;opacity:.65!important}}

/* Mobile performance: 18 small compositor-only coins feel denser and faster
   without asking a phone GPU to animate all 36 layers. */
@media(max-width:600px){
  .jackpot-coin:nth-child(n+19){display:none!important}
  .jackpot-coin:nth-child(-n+18){width:7px!important;height:7px!important;box-shadow:inset -1px -1px 1px rgba(88,47,0,.32),0 0 3px rgba(255,213,42,.42)!important;animation-duration:3.35s!important}
  .jackpot-coin:nth-child(-n+18)::before{display:none!important}
}