:root {
  
  --d-green:        #0d7a3e;
  --d-green-dark:   #0a5e30;
  --d-green-light:  #14b067;
  --d-green-glow:   rgba(13,122,62,0.55);
  --d-gold:         #f5c842;
  --d-gold-light:   #ffe082;
  --d-gold-dark:    #c08e1a;
  --d-bg-deep:      #031E28;
  --d-bg-deeper:    #02151c;
  --d-surface:      #122a1d;
  --d-surface-2:    #1a3a28;
  --d-border:       #1f4530;
  --d-border-bright:#2c633f;

  
  --bg:           var(--d-bg-deep);
  --bg-2:         var(--d-bg-deeper);
  --surface:      var(--d-surface);
  --surface-2:    var(--d-surface-2);
  --border:       var(--d-border);
  --border-bright:var(--d-border-bright);
  --gold:         var(--d-gold);
  --gold-light:   var(--d-gold-light);
  --gold-dark:    var(--d-gold-dark);
  --green:        var(--d-green-light);
}

html, body {
  background: var(--d-bg-deep);
}
body {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(245,200,66,0.07), transparent 45%),
    radial-gradient(circle at 88% 92%, rgba(13,122,62,0.18), transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(20,176,103,0.04), transparent 70%);
}
.bs-container {
  background: linear-gradient(180deg, rgba(13,122,62,0.18), transparent 240px);
}


.top-nav {
  background: linear-gradient(180deg, var(--d-bg-deeper) 0%, var(--d-bg-deep) 100%);
  border-bottom: 1px solid rgba(245,200,66,0.18);
}
@keyframes bs-d-marquee-shimmer {
  0%,100% { background-position: 0% 50%; }
  50%     { background-position: 100% 50%; }
}
@keyframes bs-d-marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}


#sec-popular-games .cat-row {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 10px 4px 14px;
  scrollbar-width: none;
}
#sec-popular-games .cat-btn {
  flex: 0 0 auto;
  min-width: 84px;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 8px 9px !important;
  background: linear-gradient(180deg, var(--d-surface-2) 0%, var(--d-surface) 100%) !important;
  border: 1.5px solid var(--d-border) !important;
  border-radius: 14px !important;
  color: #d8e8de !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px;
  position: relative;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
#sec-popular-games .cat-btn::before {
  content: attr(data-d-ico);
  display: block;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 4px;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,0.4));
}
#sec-popular-games .cat-btn.active {
  background: linear-gradient(180deg, var(--d-gold-light) 0%, var(--d-gold) 60%, var(--d-gold-dark) 100%) !important;
  border-color: var(--d-gold) !important;
  color: #0e1b14 !important;
  box-shadow: 0 6px 22px rgba(245,200,66,0.5), inset 0 1px 0 rgba(255,255,255,0.4);
  transform: translateY(-1px);
}
#sec-popular-games .cat-btn.active::before { filter: none; }


.hero-wrap { position: relative; }
.hero-slide {
  position: relative;
}
.hero-slide.active::after {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1.5px rgba(245,200,66,0.35);
}
@keyframes bs-d-mascot-bob {
  0%,100% { transform: translateY(0) rotate(-2deg); }
  50%     { transform: translateY(-6px) rotate(2deg); }
}
@keyframes bs-d-row-flash {
  0%   { background: rgba(20,176,103,0.22); }
  100% { background: transparent; }
}
@keyframes bs-d-today-pulse {
  0%,100% { box-shadow: 0 0 0 3px rgba(245,200,66,0.18), 0 6px 16px rgba(245,200,66,0.3); }
  50%     { box-shadow: 0 0 0 6px rgba(245,200,66,0.32), 0 8px 24px rgba(245,200,66,0.55); }
}


.bottom-nav {
  background: linear-gradient(180deg, rgba(7,18,12,0.95), rgba(7,18,12,1));
  border-top: 1px solid rgba(245,200,66,0.22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.bnav-item.active { color: var(--d-gold-light); }
.bnav-item.active .bnav-ico,
.bnav-item.active span:not(.bnav-badge) { color: var(--d-gold-light); }
.bnav-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%; transform: translateX(-50%);
  width: 28px; height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, var(--d-gold-light), var(--d-gold));
  box-shadow: 0 0 8px var(--d-gold);
}
.bnav-item { position: relative; }
@keyframes bs-d-center-pulse {
  0%,100% { box-shadow: 0 0 0 4px var(--d-bg-deep), 0 6px 20px rgba(245,200,66,0.55); }
  50%     { box-shadow: 0 0 0 4px var(--d-bg-deep), 0 8px 28px rgba(245,200,66,0.85); }
}


.section-title {
  position: relative;
  padding-left: 12px;
}
.section-title::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 18px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--d-gold-light), var(--d-gold-dark));
  box-shadow: 0 0 8px var(--d-gold-glow, rgba(245,200,66,0.4));
}


#bs-trust-strip {
  background: linear-gradient(90deg, rgba(13,122,62,0.18), rgba(245,200,66,0.12)) !important;
  border-bottom: 1px solid rgba(245,200,66,0.25) !important;
}


@media (min-width: 768px) {
  body { padding-bottom: 0; }
}






:root {
  --m-gut: 14px;            
  --m-gut-tab: 18px;
  --m-gut-desk: 24px;
  --m-section-gap: 28px;    
  --m-card-gap: 12px;       
  --m-radius-sm: 8px;
  --m-radius-md: 12px;
  --m-radius-lg: 16px;
  --m-touch: 44px;          
  --m-shadow-1: 0 2px 8px rgba(0,0,0,0.25);
  --m-shadow-2: 0 4px 16px rgba(0,0,0,0.4);
  --m-shadow-3: 0 8px 24px rgba(0,0,0,0.5);
}


.bs-container,
body > main,
.section,
#hot-promo-strip,
#sec-popular-games,
#sec-promo,
#sec-dashboard {
  padding-left: var(--m-gut) !important;
  padding-right: var(--m-gut) !important;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .bs-container, body > main, .section,
  #hot-promo-strip, #sec-popular-games, #sec-promo, #sec-dashboard {
    padding-left: var(--m-gut-tab) !important;
    padding-right: var(--m-gut-tab) !important;
  }
}
@media (min-width: 1280px) {
  .bs-container, body > main, .section,
  #hot-promo-strip, #sec-popular-games, #sec-promo, #sec-dashboard {
    padding-left: var(--m-gut-desk) !important;
    padding-right: var(--m-gut-desk) !important;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}


.section,
#hot-promo-strip,
#sec-popular-games,
#sec-promo,
#sec-dashboard {
  margin-top: 0 !important;
  margin-bottom: var(--m-section-gap) !important;
}


.section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px !important;
  padding-left: 0 !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.92);
}
.section-title::before {
  content: "";
  display: block;
  width: 3px; height: 14px;
  border-radius: 2px;
  background: linear-gradient(180deg, #fbbf24, #f59e0b);
  flex-shrink: 0;
  position: static !important;
  transform: none !important;
  left: auto !important; top: auto !important;
}
.section-title span { color: inherit; }


@media (max-width: 767px) {
  body { font-size: 14px; line-height: 1.5; }
  h1, .h1 { font-size: 22px; line-height: 1.2; font-weight: 800; }
}


button,
.btn-gold, .btn-ghost, .btn-primary, .btn-danger,
.bnav-item,
input[type="submit"], input[type="button"],
a.cta, a[role="button"] {
  min-height: var(--m-touch);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


body {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 768px) {
  body { padding-bottom: 0 !important; }
}


.h-scroll, .promo-grid, .hot-promo-track, .games-grid-scroll, .feat-row,
.cat-row, .hot-promo-track, .vip-tiers {
  scrollbar-width: none;
  -ms-overflow-style: none;
}


img { -webkit-tap-highlight-color: transparent; }


html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}


::selection { background: rgba(251,191,36,0.4); color: #fff; }
.bnav-item {
  min-height: 56px;
  font-size: 10px;
  font-weight: 700;
  gap: 2px;
}


.top-nav, .top-bar, .bs-d-marquee {
  padding-top: env(safe-area-inset-top, 0px);
}


@media (max-width: 600px) {
  .hero-wrap { margin-top: 12px !important; }
  .hero { aspect-ratio: 370/222 !important; border-radius: var(--m-radius-lg) !important; }
  .hero-amount.display { font-size: 28px !important; }
  .hero-eyebrow { font-size: 9.5px !important; letter-spacing: 1.5px; }
  .hero-subtxt { font-size: 11px !important; }
}


@media (max-width: 600px) {
  .games-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: var(--m-card-gap) !important;
  }
  .cat-row {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 4px 2px 12px !important;
    -webkit-overflow-scrolling: touch;
  }
  .cat-btn {
    flex: 0 0 auto;
    padding: 8px 16px !important;
    min-height: 36px !important;
    font-size: 12px !important;
    border-radius: 99px !important;
    white-space: nowrap;
  }
}


@media (max-width: 600px) {
  .faq-q {
    padding: 12px 14px !important;
    font-size: 13px !important;
    min-height: var(--m-touch);
  }
  .faq-a { font-size: 12px !important; padding: 8px 14px 14px !important; }
}


@media (max-width: 600px) {
  .trust-strip, .trust-row {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto;
    padding: 8px 0;
  }
}


* { -webkit-overflow-scrolling: touch; }
img, video, iframe { max-width: 100%; height: auto; }
.section > *, .bs-container > * { max-width: 100%; }
@keyframes m-skeleton { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} }



.marquee { display: none !important; }


.top-nav {
  height: 56px;
  padding: 0 12px !important;
  gap: 10px !important;
  background: linear-gradient(180deg, rgba(10,14,26,0.96) 0%, rgba(10,14,26,0.93) 100%) !important;
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  border-bottom: 1px solid rgba(251,191,36,0.12) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.35);
}


.hamburger {
  width: 36px !important; height: 36px !important;
  border-radius: 10px !important;
  background: rgba(251,191,36,0.08) !important;
  border: 1px solid rgba(251,191,36,0.2) !important;
  color: #fbbf24 !important;
  flex-shrink: 0;
  transition: all .15s ease;
}


.brand-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 1 auto;
  min-width: 0;
}
.brand-logo {
  width: 30px !important; height: 30px !important;
  flex: 0 0 30px !important;
  filter: drop-shadow(0 2px 8px rgba(251,191,36,0.4)) !important;
}


.top-nav > div:last-of-type:not(.hidden),
.top-nav .flex.items-center.gap-2:not(.hidden) {
  margin-left: auto;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0;
}

.top-nav .hidden { display: none !important; }


#topnav-auth-out { gap: 6px !important; }
.topnav-btn-login,
.topnav-btn-register {
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid transparent;
  transition: all .15s ease;
}
.topnav-btn-login {
  background: rgba(251,191,36,0.06) !important;
  border-color: rgba(251,191,36,0.3) !important;
  color: #fbbf24 !important;
}
.topnav-btn-register {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #000 !important;
  box-shadow: 0 3px 10px rgba(251,191,36,0.35);
}


.topnav-balance {
  height: 36px !important;
  padding: 0 12px !important;
  
  border-radius: 9999px !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: #E8EAEF !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap;
  cursor: pointer;
  transition: all .15s ease;
  font-variant-numeric: tabular-nums;
}
.topnav-balance svg { width: 14px !important; height: 14px !important; opacity: 0.85; }
.topnav-balance #topnav-balance-amt { font-size: 13px !important; font-weight: 900 !important; color: #fff; }


.topnav-bell,
.topnav-avatar {
  width: 36px !important; height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #e5e7eb !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .15s ease;
  flex-shrink: 0;
  position: relative;
}
.topnav-bell svg,
.topnav-avatar svg { width: 16px !important; height: 16px !important; }
.topnav-bell-badge {
  position: absolute !important;
  top: -2px !important; right: -2px !important;
  min-width: 16px !important; height: 16px !important;
  padding: 0 4px !important;
  border-radius: 99px !important;
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  color: #fff !important;
  font-size: 9.5px !important; font-weight: 800 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  border: 2px solid rgba(10,14,26,1) !important;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(239,68,68,0.5);
}


.topnav-dropdown {
  background: rgba(15,19,30,0.98) !important;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 0 1px rgba(251,191,36,0.05) !important;
  min-width: 180px !important;
  overflow: hidden;
  margin-top: 8px !important;
  padding: 4px !important;
}


@media (max-width: 768px) {
  .top-nav-extra { display: none !important; }
}


@media (max-width: 600px) {
  .topnav-btn-login, .topnav-btn-register {
    font-size: 12px !important;
    padding: 0 14px !important;
    height: 36px !important;
  }
  .topnav-balance {
    font-size: 12.5px !important;
    padding: 0 12px !important;
    height: 36px !important;
  }
  .topnav-bell, .topnav-avatar {
    width: 36px !important; height: 36px !important;
  }
  .topnav-bell svg, .topnav-avatar svg {
    width: 16px !important; height: 16px !important;
  }
}
@media (max-width: 480px) {
  .topnav-bell, .topnav-avatar { width: 36px !important; height: 36px !important; }
}


.top-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}


@media (max-width: 414px) {
  #topnav-auth-in {
    gap: 5px !important;
  }
  
}



#sec-popular-games .section-title {
  margin-bottom: 14px !important;
}


.cat-row {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 4px 2px 14px !important;
  margin: 0 -2px 12px !important;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8px, #000 calc(100% - 8px), transparent 100%);
}

.cat-btn {
  flex: 0 0 auto !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 99px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.7) !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  scroll-snap-align: start;
  transition: all .15s ease;
}
.cat-btn.active {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  border-color: #fbbf24 !important;
  color: #000 !important;
  font-weight: 800 !important;
  box-shadow: 0 3px 10px rgba(251,191,36,0.35);
}

.cat-btn[data-d-ico]::before {
  content: attr(data-d-ico) !important;
  font-size: 14px !important;
  margin-right: 0 !important;
  filter: saturate(1.2);
}


.games-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  padding: 0 !important;
}
@media (min-width: 480px) {
  .games-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; }
}
@media (min-width: 768px) {
  .games-grid { grid-template-columns: repeat(5, 1fr) !important; gap: 14px !important; }
}
@media (min-width: 1100px) {
  .games-grid { grid-template-columns: repeat(6, 1fr) !important; gap: 14px !important; }
}


.bottom-nav {
  position: fixed !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  z-index: 50 !important;
  height: 64px !important;
  padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
  background: #043642 !important;
  
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.55), 0 -1px 0 rgba(251,191,36,0.06) inset;
}

.bnav-inner {
  max-width: 540px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  height: 64px !important;
  align-items: center !important;
}


.bnav-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  height: 100% !important;
  cursor: pointer;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  color: #FFFEFC !important;
  transition: color .15s ease;
  -webkit-tap-highlight-color: transparent;
  padding: 0 4px !important;
  overflow: visible !important;
}
.bnav-item span {
  color: inherit !important;
  font-size: inherit !important;
}


.bnav-ico {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor;
  transition: transform .15s ease, stroke .15s ease;
}


.bnav-item.active {
  color: #0CC0FF !important;
}
.bnav-item.active .bnav-ico {
  transform: translateY(-1px) scale(1.05);
  filter: drop-shadow(0 2px 6px rgba(12,192,255,0.55));
}
.bnav-item.active::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 28px !important;
  height: 3px !important;
  border-radius: 0 0 3px 3px !important;
  background: linear-gradient(90deg, #0891b2, #0CC0FF, #0891b2) !important;
  box-shadow: 0 0 10px rgba(12,192,255,0.6);
}


.bnav-item[data-nav="live"] {
  position: relative;
}

@keyframes bnav-fab-pulse {
  0%, 100% { box-shadow: 0 8px 22px rgba(251,191,36,0.55), 0 2px 6px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.4); }
  50%      { box-shadow: 0 10px 28px rgba(251,191,36,0.75), 0 2px 6px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.5); }
}
@keyframes bnav-fab-ring {
  0%, 100% { transform: scale(1); opacity: 0.6; }
  50%      { transform: scale(1.18); opacity: 0; }
}


.bnav-item[data-nav="live"] > span {
  position: absolute !important;
  bottom: 6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-size: 9px !important;
  white-space: nowrap;
}  


@media (min-width: 769px) {
  .bottom-nav { display: none !important; }
}


.bnav-item:not(.active) .bnav-ico,
.bnav-item:not(.active) span:not(.bnav-badge) {
  color: inherit !important;
}



.modal-backdrop {
  
  background: rgba(0,0,0,0.8) !important;
  padding: 0 !important;
  align-items: flex-end !important;
}
@keyframes modal-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes modal-slide-up {
  from { transform: translateY(100%); }
  to   { transform: translateY(0); }
}
@media (min-width: 768px) {
  .modal-backdrop { align-items: center !important; padding: 24px !important; }
  @keyframes modal-pop-in {
    from { opacity: 0; transform: scale(0.95) translateY(10px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
  }
}


.drawer {
  background: linear-gradient(180deg, rgba(15,19,33,0.98), rgba(8,11,20,1)) !important;
  border-right: 1px solid rgba(251,191,36,0.15) !important;
  box-shadow: 4px 0 30px rgba(0,0,0,0.6);
  width: 300px !important;
  padding: 18px 14px !important;
}
.drawer-overlay {
  background: rgba(0,0,0,0.65) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


.toast {
  top: 70px !important;
  background: linear-gradient(180deg, rgba(20,24,38,0.98), rgba(13,16,28,0.98)) !important;
  backdrop-filter: blur(14px);
  border: 1px solid rgba(251,191,36,0.4) !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
@keyframes vip-current-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251,191,36,0.4); }
  50%      { box-shadow: 0 0 0 6px rgba(251,191,36,0); }
}
@keyframes livetx-blink {
  0%, 100% { opacity: 1; box-shadow: 0 0 8px #ef4444; }
  50%      { opacity: 0.4; box-shadow: 0 0 4px #ef4444; }
}
@keyframes livetx-flash {
  0%   { background: linear-gradient(90deg, rgba(251,191,36,0.35), transparent); }
  100% { background: linear-gradient(90deg, rgba(251,191,36,0), transparent); }
}


.faq-item {
  background: linear-gradient(180deg, rgba(20,24,38,0.96), rgba(13,16,28,0.98)) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
  transition: border-color .15s ease;
}
.faq-q {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.92) !important;
  cursor: pointer;
  letter-spacing: 0.2px;
  min-height: 48px;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.faq-q::after {
  content: "+";
  font-size: 20px;
  font-weight: 400;
  color: #fbbf24;
  flex-shrink: 0;
  margin-left: 12px;
  transition: transform .25s ease;
  line-height: 1;
}
.faq-a {
  padding: 0 16px 14px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.65) !important;
  display: none;
  font-weight: 500;
}
@keyframes faq-expand {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}


.trust-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}


.footer-copy {
  text-align: center;
  padding: 32px 14px 20px !important;
  border-top: 1px solid rgba(255,255,255,0.04);
  margin-top: 16px;
}


.section [data-i18n="trustBadges"] {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: rgba(251,191,36,0.7) !important;
  text-transform: uppercase;
}



.drawer-overlay {
  background: rgba(0,0,0,0.6) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  z-index: 60 !important;
  transition: opacity .25s ease;
}
.drawer-overlay:not(.show) { opacity: 0; pointer-events: none; }

.drawer {
  width: min(320px, 86vw) !important;
  left: -100vw !important;
  background: linear-gradient(180deg, rgba(15,19,33,0.99) 0%, rgba(8,11,20,1) 100%) !important;
  border-right: 1px solid rgba(251,191,36,0.18) !important;
  box-shadow: 8px 0 40px rgba(0,0,0,0.65), inset -1px 0 0 rgba(251,191,36,0.06) !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 70 !important;
  transition: left .28s cubic-bezier(0.32, 0.72, 0.18, 1.0) !important;
}


.drawer > .flex.justify-between {
  padding: 18px 18px 14px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  background: linear-gradient(180deg, rgba(251,191,36,0.05), transparent) !important;
  flex-shrink: 0;
}
#btn-close-drawer {
  width: 32px !important; height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.7) !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: all .15s ease;
  line-height: 1 !important;
}


.drawer > *:not(.flex):not(#drawer-logout) {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.drawer { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }


.drawer-section {
  margin: 0 14px 14px !important;
  padding: 0 !important;
}
.drawer-title {
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
  color: rgba(251,191,36,0.7) !important;
  margin-bottom: 6px !important;
  padding: 0 4px !important;
}


.drawer-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 12px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.85) !important;
  cursor: pointer;
  transition: all .12s ease;
  -webkit-tap-highlight-color: transparent;
  min-height: 44px;
  background: transparent !important;
}
.drawer-item svg {
  width: 18px !important;
  height: 18px !important;
  color: #fbbf24 !important;
  opacity: 0.85;
  flex-shrink: 0 !important;
}


#drawer-logout {
  margin: auto 14px 18px !important;
  height: 44px !important;
  background: linear-gradient(135deg, rgba(239,68,68,0.1), rgba(239,68,68,0.04)) !important;
  border: 1px solid rgba(239,68,68,0.4) !important;
  color: #fca5a5 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .15s ease;
}
@keyframes float-online-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 8px #10b981; }
  50%      { opacity: 0.5; box-shadow: 0 0 4px #10b981; }
}
@keyframes float-ring-pulse {
  0%, 100% { transform: scale(1); opacity: 0.6; }
  50%      { transform: scale(1.15); opacity: 0; }
}


@media (max-width: 600px) {
  .hero-wrap {
    padding: 12px 14px 0 !important;
    margin-top: 0 !important;
  }
  .hero {
    aspect-ratio: 370/222 !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
  }
  .hero-slide {
    border-radius: 14px !important;
    overflow: hidden;
  }
  .hero-eyebrow {
    font-size: 9.5px !important;
    letter-spacing: 1.6px !important;
    font-weight: 800 !important;
    background: rgba(0,0,0,0.4);
    padding: 3px 10px;
    border-radius: 99px;
    backdrop-filter: blur(6px);
  }
  .hero-amount.display {
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5);
  }
  .hero-subtxt {
    font-size: 11px !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
  }
  .hero-dots {
    bottom: 6px !important;
    gap: 4px !important;
  }
  .hero-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 99px !important;
    background: rgba(255,255,255,0.35) !important;
    transition: all .25s ease;
  }
  .hero-dot.active {
    width: 22px !important;
    background: #fbbf24 !important;
    box-shadow: 0 0 8px rgba(251,191,36,0.6);
  }
}




@media (min-width: 769px) {

  
  .bs-container,
  body > main {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  @media (min-width: 1280px) {
    .bs-container, body > main {
      max-width: 1280px !important;
      padding-left: 32px !important;
      padding-right: 32px !important;
    }
  }

  
  .section { margin-bottom: 40px !important; }

  
  .section-title {
    font-size: 14px !important;
    margin-bottom: 16px !important;
    gap: 12px !important;
  }
  .section-title::before {
    width: 4px !important;
    height: 16px !important;
  }

  
  .hero { aspect-ratio: 21/9 !important; }
  .hero-amount.display { font-size: 48px !important; }
  .hero-eyebrow { font-size: 11px !important; }
  .hero-subtxt { font-size: 13px !important; }

  
  .cat-btn { height: 40px !important; padding: 0 18px !important; font-size: 13px !important; }

  
  .faq-q { padding: 16px 20px !important; font-size: 14px !important; }
  .faq-a { padding: 0 20px 16px !important; font-size: 13px !important; }

  
  .footer-copy { padding: 40px 28px 28px !important; }

  
  .top-nav { height: 64px; padding: 0 24px !important; }

  
  .modal-backdrop { align-items: center !important; padding: 24px !important; }

  
  .drawer { width: 360px !important; }
}
@keyframes skeleton-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}




.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .5s cubic-bezier(0.32,0.72,0.18,1.0),
              transform .5s cubic-bezier(0.32,0.72,0.18,1.0);
}
.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}


@keyframes page-fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-wrap { animation: page-fade-in .5s ease-out both; }
.section:first-of-type { animation: page-fade-in .5s ease-out .1s both; }


.btn-gold, .topnav-btn-register, .drawer-btn-register, .cat-btn,
.bnav-item, .feat-tile, .game-tile, .hot-promo-card,
.deposit-card, .pay-cell, .vip-tier, .mw-action-btn, .float-btn {
  position: relative;
  overflow: hidden;
}
.btn-gold::after, .topnav-btn-register::after, .drawer-btn-register::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(255,255,255,0.35) 0%, transparent 60%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}


@keyframes num-count-up {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
#mw-main, #topnav-balance-amt, #drawer-user-balance,
.hpc-num, .hero-amount {
  display: inline-block;
  animation: num-count-up .4s ease-out;
}


.cat-row, .vip-tiers, .promo-grid, .hot-promo-track {
  scroll-snap-type: x proximity;
  scroll-padding: 0 14px;
}
.cat-row > *, .vip-tiers > *,
.promo-grid > *, .hot-promo-track > * {
  scroll-snap-align: start;
}




.section, #livetx-rows, .games-grid, .feat-grid {
  contain: layout style;
}


@supports (content-visibility: auto) {
  #sec-popular-games,
  .vip-strip,
  .feat-grid,
  #livetx-rows,
  .pay-grid,
  #testimonials-rail,
  .faq-item,
  .trust-row,
  .footer-copy {
    content-visibility: auto;
    contain-intrinsic-size: 1px 400px;
  }
}


.hero-slide,
.bs-d-marquee-track,
.float-btn.live,
.bnav-item.bnav-center .bnav-center,
.livetx-live .dot {
  will-change: transform, opacity;
}


img.lazy-load, img[data-src] {
  background: rgba(255,255,255,0.03);
}
img:not([width]):not([style*="width"]) { max-width: 100%; }
img:not([height]):not([style*="height"]) { height: auto; }


@font-face {
  font-family: "Oswald";
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-display: swap;
}


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


html { background: #0a0e1a; }
body { background: #0a0e1a; min-height: 100vh; }


.top-nav, .bottom-nav, .bnav-item, .cat-btn, .game-badge,
.wallet-mode-badge, .hpc-tag, .vip-tier-lbl, .lang-btn {
  user-select: none;
  -webkit-user-select: none;
}


html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@keyframes ph-claim-pulse {
  0%, 100% { box-shadow: 0 4px 14px rgba(16,185,129,0.4); }
  50%      { box-shadow: 0 6px 20px rgba(16,185,129,0.7), 0 0 24px rgba(16,185,129,0.3); }
}
@keyframes sw-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes sw-pop { from { opacity: 0; transform: scale(0.7); } to { opacity: 1; transform: scale(1); } }
@keyframes chat-typing {
  0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
  30%           { opacity: 1;   transform: translateY(-3px); }
}


html, body { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; }




body .bottom-nav {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


#sec-popular-games .games-grid { scroll-margin-top: 66px; }






.top-nav {
  background: linear-gradient(180deg, #031e28 0%, #032530 100%) !important;
  border-bottom: 1px solid rgba(12, 192, 255, 0.18) !important;
}


.top-nav .brand-wrap {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-right: auto !important;
}
@media (min-width: 640px) {
  .top-nav .brand-logo { height: 44px !important; min-width: 190px !important; max-width: 230px !important; }
}


.topnav-btn-login,
.topnav-btn-register {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  color: transparent !important;
  font-size: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 92px !important;
  height: 38px !important;
  cursor: pointer !important;
  transition: transform 0.12s ease, filter 0.12s ease !important;
  box-shadow: none !important;
  clip-path: none !important;
}

@media (min-width: 640px) {
  .topnav-btn-login, .topnav-btn-register { width: 110px !important; height: 44px !important; }
}


.top-nav .flex.items-center.gap-2 { gap: 6px !important; }


.hero .hero-slide-text,
.hero .hero-side-logo,
.hero .hero-slide .hero-cta-wrap,
.hero .hero-slide .hero-eyebrow,
.hero .hero-slide .hero-title,
.hero .hero-slide .hero-subtxt { display: none !important; }


#fab-cta-register, .fab-floating-cta { display: none !important; }


.hero .hero-slide,
.hero-wrap .hero-slide,
#hero-carousel .hero-slide {
  filter: none !important;
}


#sec-popular-games .cat-row.stanley-game-type-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  padding: 8px 10px 12px !important;
  margin: 0 !important;
  overflow: visible !important;
  flex-wrap: wrap !important;
}

#sec-popular-games .cat-btn.stanley-game-btn,
#sec-popular-games .cat-btn.stanley-game-btn.active {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  gap: 0 !important;
  background: linear-gradient(160deg, #0a3a52 0%, #042a3a 100%) !important;
  border: 2px solid rgba(12, 192, 255, 0.35) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  font-size: 0 !important;
  color: transparent !important;
  letter-spacing: 0 !important;
  transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  position: relative !important;
  cursor: pointer !important;
}
#sec-popular-games .cat-btn.stanley-game-btn::before,
#sec-popular-games .cat-btn.stanley-game-btn::after {
  content: none !important;
  display: none !important;
}
#sec-popular-games .cat-btn.stanley-game-btn img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  filter: brightness(1.08) drop-shadow(0 4px 12px rgba(0,0,0,0.5)) !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sec-popular-games .cat-btn.stanley-game-btn.active {
  border-color: #fbbf24 !important;
  box-shadow: 0 6px 20px rgba(251,191,36,0.4) !important;
}
#sec-popular-games .cat-btn.stanley-game-btn.active img {
  filter: brightness(1.12) saturate(1.15) drop-shadow(0 4px 12px rgba(251,191,36,0.5)) !important;
}

@media (min-width: 640px) {
  #sec-popular-games .cat-row.stanley-game-type-row {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn { aspect-ratio: 1 / 1 !important; }
}


#sec-popular-games .cat-btn.stanley-game-btn[data-d-ico]::before,
#sec-popular-games .cat-btn.stanley-game-btn[data-d-ico]::after { display: none !important; content: none !important; }


#modal-news.modal-backdrop { display: none !important; }



#sec-popular-games .cat-row.stanley-game-type-row {
  padding: 8px 0 12px !important;
  margin: 0 !important;
}

.bs-container .section,
.bs-container > .hero-wrap,
.bs-container > .footer-copy {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.bs-container .section .section-title,
.bs-container .section .games-grid,
.bs-container .section .vip-strip,
.bs-container .section .feat-grid,
.bs-container .section .trust-row,
.bs-container .section .pay-grid,
.bs-container .section .pay-cat-head,
.bs-container .section .faq-item,
.bs-container .section #testimonials-rail {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.trust-row{grid-template-columns:repeat(4,1fr)!important;overflow-x:hidden!important;gap:6px!important;}

.bottom-nav .bnav-item[data-nav="live"] > span {
  position: static !important; bottom: auto !important; left: auto !important;
  transform: none !important; font-size: inherit !important; white-space: nowrap;
}


@media (max-width: 640px) {
  .hero,
  #hero-carousel {
    aspect-ratio: 1000 / 600 !important;   
    min-height: 0 !important;              
    height: auto !important;
  }
  
  .hero .hero-slide,
  #hero-carousel .hero-slide { padding: 0 !important; }
  .hero .hero-bg-art,
  #hero-carousel .hero-bg-art {
    object-fit: cover !important;          
    opacity: 1 !important;                 
  }
  
  .hero .hero-slide::after,
  #hero-carousel .hero-slide::after { display: none !important; }
}


@media (min-width: 641px) {
  #hero-carousel.hero,
  #hero-carousel,
  .hero-wrap > .hero {
    aspect-ratio: 1000 / 600 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
  #hero-carousel .hero-slide { padding: 0 !important; }
  #hero-carousel .hero-bg-art {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important;   
    object-position: center !important;
    opacity: 1 !important;
  }
  #hero-carousel .hero-slide::after { display: none !important; }  
}


#modal-auth.modal-backdrop {
  background: rgba(2,8,14,0.90) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}



img.brand-logo, .top-nav img.brand-logo { filter: none !important; }

#sec-popular-games .cat-btn.stanley-game-btn,
#sec-popular-games .cat-btn.stanley-game-btn.active {
  border: 1.5px solid rgba(12,192,255,0.28) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}
#sec-popular-games .cat-btn.stanley-game-btn img,
#sec-popular-games .cat-btn.stanley-game-btn.active img { filter: none !important; }

#sec-popular-games .cat-row.stanley-game-type-row,
#sec-popular-games .cat-row.stanley-game-type-row {
  grid-template-columns: repeat(3, 1fr) !important;
  padding-left: 16px !important; padding-right: 16px !important; gap: 10px !important;
}
@media (min-width: 640px) {
  #sec-popular-games .cat-row.stanley-game-type-row { grid-template-columns: repeat(3, 1fr) !important; }
}


img.brand-logo,
img.bnav-ico {
  background: transparent !important;
}


.top-nav{
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 12px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}


.top-nav .brand-wrap{
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}


.top-nav .top-nav-extra{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: center !important;
  display: flex !important;
}
@media (max-width: 768px){
  .top-nav .top-nav-extra{ display: none !important; }
}


.top-nav > .flex.items-center.gap-2,
.top-nav > div:last-child{
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}


.top-nav .topnav-balance,
.top-nav .topnav-bell,
.top-nav .topnav-avatar-wrap,
.top-nav .topnav-btn-login,
.top-nav .topnav-btn-register,
.top-nav #topnav-auth-out,
.top-nav #topnav-auth-in{
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}


@media (max-width: 1024px){
  .top-nav .topnav-balance{ font-size: 12px !important; padding: 5px 10px !important; }
}
@media (max-width: 768px){
  .top-nav{ padding: 10px 14px !important; gap: 8px !important; }
  .top-nav .topnav-balance span{ display: inline !important; }
}



.top-nav{
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 12px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}


.top-nav .brand-wrap{
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}


.top-nav .top-nav-extra{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: center !important;
}
@media (min-width: 769px){
  .top-nav .top-nav-extra{ display: flex !important; }
}
@media (max-width: 768px){
  .top-nav .top-nav-extra{ display: none !important; }
}


.top-nav > .flex.items-center.gap-2,
.top-nav > div:last-child{
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}


.top-nav .topnav-balance,
.top-nav .topnav-bell,
.top-nav .topnav-avatar-wrap,
.top-nav .topnav-btn-login,
.top-nav .topnav-btn-register,
.top-nav #topnav-auth-out,
.top-nav #topnav-auth-in{
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}


@media (max-width: 1024px){
  .top-nav .topnav-balance{ font-size: 12px !important; padding: 5px 10px !important; }
}
@media (max-width: 768px){
  .top-nav{ padding: 10px 14px !important; gap: 8px !important; }
}


body{ overflow-x: hidden !important; }


@media (max-width: 768px){
  
  .top-nav .hamburger{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #cbd5e1 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    margin-right: 4px !important;
  }
  .top-nav .top-nav-extra{ display: none !important; }
  
  .top-nav .brand-logo{
    height: 32px !important;
    min-width: 120px !important;
    max-width: 150px !important;
  }
  
  .top-nav .topnav-balance{
    font-size: 11.5px !important;
    padding: 4px 8px !important;
    gap: 4px !important;
  }
  .top-nav .topnav-bell,
  .top-nav .topnav-avatar{
    width: 32px !important;
    height: 32px !important;
  }
}

@media (min-width: 769px){
  
  .top-nav .hamburger{ display: none !important; }
}


#modal-auth.modal-backdrop{ align-items: flex-end !important; }
@media (min-width: 600px){
  #modal-auth.modal-backdrop{ align-items: center !important; }
}





header.top-nav,
.top-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 8px 0 4px !important;  
  gap: 10px !important;
  min-height: 60px !important;
  overflow: visible !important;
}


.top-nav .hamburger,
.top-nav #btn-open-drawer {
  flex: 0 0 auto !important;
  margin: 0 !important;
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
}


.top-nav .brand-wrap {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  margin-right: auto !important;    
  min-width: 0 !important;
  overflow: hidden !important;
}

.top-nav .brand-wrap .brand-logo {
  height: clamp(28px, 4vw, 40px) !important;
  max-height: 40px !important;
  max-width: clamp(120px, 22vw, 220px) !important;
  width: auto !important;
  min-width: 0 !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
  display: block !important;
}


@media (min-width: 768px) {
  .top-nav .top-nav-extra {
    display: flex !important;
    flex: 0 1 auto !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
  }
  .top-nav .top-nav-extra a {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    padding: 6px 4px !important;
  }
  .top-nav .top-nav-extra a.active,
  .top-nav .top-nav-extra a:hover {
    color: var(--accent, #F5A623) !important;
  }
}
@media (max-width: 767px) {
  .top-nav .top-nav-extra { display: none !important; }
}
.top-nav #topnav-auth-out:not(.hidden),
.top-nav #topnav-auth-in:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}
.top-nav #topnav-auth-out.hidden,
.top-nav #topnav-auth-in.hidden { display: none !important; }


.top-nav .topnav-btn-login,
.top-nav .topnav-btn-register {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 6px 12px !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}


@media (max-width: 480px) {
  header.top-nav,
  .top-nav {
    padding: 0 12px !important;
    gap: 8px !important;
    min-height: 56px !important;
  }
  .top-nav .hamburger,
  .top-nav #btn-open-drawer {
    width: 36px !important;
    height: 36px !important;
  }
  
  .top-nav .topnav-btn-login,
  .top-nav .topnav-btn-register {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
}


.top-nav .topnav-btn-login img.sc-auth-img,
.top-nav .topnav-btn-register img.sc-auth-img {
  height: clamp(22px, 3.5vw, 36px) !important;
  width: auto !important;
  max-width: clamp(70px, 14vw, 140px) !important;
  object-fit: contain !important;
  display: block !important;
}

@media (min-width: 768px) {
  .top-nav .top-nav-extra {
    gap: clamp(8px, 2vw, 24px) !important;
  }
}








#drawer {
  background: #0a0a0f !important;
  color: rgba(255, 255, 255, 0.55) !important;
  width: 280px !important;
  max-width: 280px !important;
  border-right: 0.5px solid rgba(255, 255, 255, 0.06) !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
}


#drawer > .flex.justify-between.items-center,
#drawer > .flex.justify-between.items-center.mb-4 {
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#drawer > .flex.justify-between.items-center img,
#drawer > .flex.justify-between.items-center.mb-4 img {
  height: 32px !important;
  width: auto !important;
  object-fit: contain !important;
}

#drawer #btn-close-drawer {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 0.5px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}


#drawer .drawer-title {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.2) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 16px 14px 6px !important;
  margin: 0 !important;
}


#drawer .drawer-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  border-radius: 0 8px 8px 0 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  cursor: pointer !important;
  border-left: 2px solid transparent !important;
  background: transparent !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  height: auto !important;
  font-size: 13px !important;
  width: auto !important;
}


#drawer .drawer-item i.ti {
  font-size: 16px !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.35) !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#drawer .drawer-item svg,
#drawer .drawer-item > span:first-child:not(.sidebar-badge) img {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  color: rgba(255, 255, 255, 0.35) !important;
  stroke: rgba(255, 255, 255, 0.35) !important;
}
#drawer .drawer-item .sb-emoji {
  font-size: 16px !important;
  line-height: 1 !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

#drawer .drawer-item > span:not(.sidebar-badge):not(.sb-emoji) {
  flex: 1 !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


#drawer .drawer-item.active {
  border-left: 2px solid #f5a623 !important;
  background: linear-gradient(90deg, rgba(245, 166, 35, 0.12), transparent) !important;
  border-radius: 0 8px 8px 0 !important;
}
#drawer .drawer-item.active i.ti,
#drawer .drawer-item.active svg,
#drawer .drawer-item.active > span:first-child:not(.sidebar-badge) img {
  color: #f5a623 !important;
  stroke: #f5a623 !important;
}
#drawer .drawer-item.active > span:not(.sidebar-badge):not(.sb-emoji) {
  color: #f5a623 !important;
  font-weight: 500 !important;
}


#drawer .drawer-item .sidebar-badge {
  background: rgba(245, 166, 35, 0.15) !important;
  color: #f5a623 !important;
  border: 0.5px solid rgba(245, 166, 35, 0.35) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  padding: 2px 7px !important;
  border-radius: 10px !important;
  margin-left: auto !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}


#drawer #drawer-logout,
#drawer .drawer-item.logout {
  background: transparent !important;
  background-color: transparent !important;
  color: #f87171 !important;
  padding: 10px 14px !important;
  border-radius: 0 8px 8px 0 !important;
  border: none !important;
  border-left: 2px solid transparent !important;
  width: auto !important;
  margin: 8px 0 16px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  cursor: pointer !important;
  text-align: left !important;
  box-shadow: none !important;
  transition: background 0.15s ease !important;
}


#drawer .drawer-section {
  padding: 0 !important;
  margin: 0 !important;
}






#drawer .drawer-item,
#drawer div.drawer-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-left: 2px solid transparent;
  grid-template-columns: none !important;
  padding: 9px 14px;
  border-radius: 10px;
  min-height: 0;
}


#drawer div.drawer-item {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  margin-top: 0 !important;
  margin-bottom: 4px !important;   
  height: auto !important;
  box-sizing: border-box !important;
  background: transparent !important;  
}


#drawer .drawer-item > span.sb-svg-icon:not(.sidebar-badge):not(.sb-emoji),
#drawer .drawer-item > .sb-svg-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  flex: 0 0 32px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: 32px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.04);
  grid-column: auto !important;
}

#drawer .drawer-item > .sb-svg-icon > svg {
  width: 16px;
  height: 16px;
}


#drawer .drawer-item > span:not(.sidebar-badge):not(.sb-svg-icon):not(.sb-emoji) {
  flex: 1 1 auto !important;
  font-size: 13px;
  font-weight: 400;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0;
  grid-column: auto !important;
}


#drawer .drawer-item > .sidebar-badge {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  background: rgba(245,166,35,0.15);
  color: #f5a623;
  font-size: 9px;
  font-weight: 500;
  padding: 2px 7px;
  border-radius: 10px;
  border: 0.5px solid rgba(245,166,35,0.3);
  grid-column: auto !important;
}


#drawer .drawer-item[data-feat="home"]        > .sb-svg-icon { background: rgba(245,166,35,0.10) !important; color: #f5a623 !important; }
#drawer .drawer-item[data-feat="deposit"]     > .sb-svg-icon { background: rgba(34,197,94,0.08)  !important; color: #4ade80 !important; }
#drawer .drawer-item[data-feat="withdraw"]    > .sb-svg-icon { background: rgba(251,191,36,0.08) !important; color: #fbbf24 !important; }
#drawer .drawer-item[data-feat="promo"]       > .sb-svg-icon { background: rgba(255,255,255,0.04) !important; color: #f87171 !important; }
#drawer .drawer-item[data-feat="rebate"]      > .sb-svg-icon { background: rgba(251,191,36,0.10) !important; color: #fbbf24 !important; }
#drawer .drawer-item[data-feat="lucky"]       > .sb-svg-icon { background: rgba(255,255,255,0.04) !important; color: rgba(255,255,255,0.55) !important; }
#drawer .drawer-item[data-feat="spin"]        > .sb-svg-icon { background: rgba(255,255,255,0.04) !important; color: rgba(255,255,255,0.55) !important; }
#drawer .drawer-item[data-feat="invite"]      > .sb-svg-icon { background: rgba(34,197,94,0.08)  !important; color: #4ade80 !important; }
#drawer .drawer-item[data-feat="history"]     > .sb-svg-icon { background: rgba(255,255,255,0.04) !important; color: rgba(255,255,255,0.45) !important; }
#drawer .drawer-item[data-feat="livechat"]    > .sb-svg-icon { background: rgba(56,189,248,0.10) !important; color: #38bdf8 !important; }


#drawer div.drawer-item.active {
  background: rgba(245,166,35,0.10) !important;
  border-left-color: #f5a623;
  padding-left: 12px;
}
#drawer .drawer-item.active > .sb-svg-icon {
  background: rgba(245,166,35,0.15);
  color: #f5a623;
}
#drawer .drawer-item.active > span:not(.sidebar-badge):not(.sb-svg-icon) {
  color: #f5a623;
  font-weight: 500;
}


#drawer .drawer-title {
  padding: 12px 18px 4px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
#drawer .drawer-section { padding: 0; margin: 0; }


#drawer #drawer-logout {
  margin: 8px 4px 16px !important;
  padding: 9px 14px;
  border-top: 0.5px solid rgba(255,255,255,0.06);
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  cursor: pointer;
  color: #f87171;
  font-size: 13px;
  font-weight: 500;
  grid-template-columns: none !important;
}





:root {
  
  --bs-cream:        #F4EEE2;   
  --bs-cream-deep:   #EAE0CD;   
  --bs-cream-soft:   #FBF7EE;   
  --bs-paper:        #FFFFFF;   

  
  --bs-ink:          #15110C;   
  --bs-ink-soft:     #44372A;   
  --bs-ink-mute:     #6B5C49;   
  --bs-ink-faint:    rgba(21, 17, 12, 0.18);  

  
  --bs-gold:         #B6924A;   
  --bs-gold-hi:      #E2BE6E;   
  --bs-gold-deep:    #7A5F26;   
  --bs-gold-soft:    rgba(182, 146, 74, 0.10);  
  --bs-gold-glow:    rgba(182, 146, 74, 0.32);  

  
  --bs-leaf:         #1E3A2E;
  --bs-leaf-soft:    rgba(30, 58, 46, 0.08);

  
  --bs-success:      #2E7D5B;
  --bs-success-soft: rgba(46, 125, 91, 0.10);
  --bs-warn:         #B8741C;
  --bs-warn-soft:    rgba(184, 116, 28, 0.10);
  --bs-danger:       #B53A2E;
  --bs-danger-soft:  rgba(181, 58, 46, 0.10);
  --bs-info:         #2D5C8A;
  --bs-info-soft:    rgba(45, 92, 138, 0.10);

  
  --bs-line:         rgba(21, 17, 12, 0.10);
  --bs-line-strong:  rgba(21, 17, 12, 0.18);
  --bs-line-faint:   rgba(21, 17, 12, 0.05);

  
  --bs-font-display: 'Fraunces', 'Cormorant Garamond', ui-serif, Georgia, serif;
  --bs-font-body:    'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --bs-font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  
  --bs-text-xs:      11px;
  --bs-text-sm:      12px;
  --bs-text-base:    14px;
  --bs-text-md:      16px;
  --bs-text-lg:      18px;
  --bs-text-xl:      22px;
  --bs-text-2xl:     28px;
  --bs-text-3xl:     36px;
  --bs-text-4xl:     48px;
  --bs-text-display: 76px;       
  --bs-text-hero:    96px;       

  
  --bs-track-tight:  -0.03em;    
  --bs-track-snug:   -0.01em;    
  --bs-track-normal: 0;
  --bs-track-wide:   0.04em;     
  --bs-track-eyebrow: 0.22em;    

  
  --bs-space-1:  4px;
  --bs-space-2:  6px;
  --bs-space-3:  8px;
  --bs-space-4:  10px;
  --bs-space-5:  12px;
  --bs-space-6:  16px;
  --bs-space-7:  20px;
  --bs-space-8:  24px;
  --bs-space-9:  28px;
  --bs-space-10: 32px;
  --bs-space-12: 40px;
  --bs-space-14: 48px;
  --bs-space-16: 56px;

  
  --bs-r-xs:   6px;
  --bs-r-sm:   8px;
  --bs-r-md:   10px;
  --bs-r-lg:   14px;
  --bs-r-xl:   18px;
  --bs-r-2xl:  22px;
  --bs-r-full: 9999px;

  
  --bs-shadow-sm:
    0 1px 2px rgba(21, 17, 12, 0.06),
    0 0 0 1px var(--bs-line);
  --bs-shadow-md:
    0 4px 12px -2px rgba(21, 17, 12, 0.10),
    0 0 0 1px var(--bs-line);
  --bs-shadow-lg:
    0 12px 28px -8px rgba(21, 17, 12, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 0 0 1px var(--bs-line);
  --bs-shadow-modal:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 0 0 1px rgba(21, 17, 12, 0.06),
    0 30px 80px -20px rgba(0, 0, 0, 0.55),
    0 8px 22px -8px rgba(0, 0, 0, 0.35);
  --bs-shadow-gold:
    0 1px 0 rgba(255, 255, 255, 0.45) inset,
    0 -1px 0 rgba(0, 0, 0, 0.18) inset,
    0 8px 18px -6px var(--bs-gold-glow);
  --bs-shadow-gold-hover:
    0 1px 0 rgba(255, 255, 255, 0.45) inset,
    0 -1px 0 rgba(0, 0, 0, 0.18) inset,
    0 14px 26px -8px rgba(122, 95, 38, 0.7);

  
  --bs-ease-out:    cubic-bezier(.2, .7, .2, 1);
  --bs-ease-in-out: cubic-bezier(.4, .0, .2, 1);
  --bs-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --bs-dur-fast:    140ms;
  --bs-dur-base:    220ms;
  --bs-dur-slow:    420ms;
  --bs-dur-shimmer: 3600ms;

  
  --bs-z-base:    1;
  --bs-z-rise:    10;
  --bs-z-dropdown: 100;
  --bs-z-sticky:  200;
  --bs-z-overlay: 800;
  --bs-z-modal:   900;
  --bs-z-toast:   1000;
}
@keyframes bsd-shimmer { 0%,40% { transform: translateX(-120%); } 60%,100% { transform: translateX(120%); } }
@keyframes bsd-modal-unfold {
  from { opacity: 0; transform: translateY(8px) scale(.97) rotate(-.4deg); }
  to   { opacity: 1; transform: translateY(0)   scale(1)   rotate(0); }
}
@keyframes ann-marquee-roll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes ann-bounce {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-8px); }
}
@keyframes ann-breathe {
  0%,100% { transform: scale(1);   box-shadow: 0 4px 14px rgba(245,166,35,0.4); }
  50%     { transform: scale(1.08); box-shadow: 0 6px 22px rgba(245,166,35,0.65); }
}
@keyframes wvUp { from{ transform:translateY(100%);} to{ transform:translateY(0);} }
@keyframes wvSpin { to{ transform:rotate(360deg);} }
@keyframes wvSh { 0%{background-position:100% 0;} 100%{background-position:0 0;} }


#modal-wallet { align-items: flex-end !important; justify-content: center !important; padding: 0 !important; }




:root{
  --dp-bg:#0b0c10; --dp-surface:#141620; --dp-surface2:#0f1117;
  --dp-border:#1e2028; --dp-border2:#1a1c24;
  --dp-gold:#e8a124; --dp-gold-bg:#1f1a0d;
  --dp-blue:#4a8ee8; --dp-blue-bg:#0d1520;
  --dp-green:#2dc98a; --dp-red:#e84040;
  --dp-text:#eee; --dp-text2:#aaa; --dp-text3:#555; --dp-text4:#3a3e4d;
}


#modal-deposit.dep-v2{
  position:fixed !important; inset:0 !important; background:var(--dp-bg) !important;
  z-index:9000 !important; display:none !important;
  align-items:stretch !important; justify-content:center !important; padding:0 !important; opacity:1 !important;
}
@keyframes dp-rot{ to{ transform:rotate(360deg); } }
@keyframes hs-shim { 0%{background-position:100% 0;} 100%{background-position:0 0;} }


@media (min-width: 980px) {
  html body #modal-history.modal-backdrop {
    position: fixed !important; inset: 64px 0 0 0 !important;
    background: transparent !important; padding: 0 !important;
    align-items: initial !important; justify-content: initial !important;
  }
}
@keyframes ba-spin { to { transform:rotate(360deg); } }





:root, .pm-sov {
  --pm-bg:#0A1822; --pm-surface:#122A33; --pm-surface2:#16333D;
  --pm-border:rgba(255,255,255,.08); --pm-border2:rgba(255,255,255,.14);
  --pm-gold:#F5C842; --pm-gold-bg:rgba(245,200,66,.12); --pm-gold-border:rgba(245,200,66,.45);
  --pm-green:#1ED571; --pm-green-bg:rgba(30,213,113,.12); --pm-green-border:rgba(30,213,113,.3);
  --pm-purple:#9070e8; --pm-purple-bg:#130e22;
  --pm-blue:#29B6E8; --pm-blue-bg:rgba(41,182,232,.12);
  --pm-cyan:#29B6E8; --pm-cyan-deep:#1B7FA8; --pm-cyan-bright:#0CC0FF;
  --pm-red:#E0234B; --pm-red-bright:#FF3D64; --pm-red-deep:#A81234;
  --pm-text:#E8EAEF; --pm-text2:#A6B0BC; --pm-text3:#6E7B88; --pm-text4:#56636F;
}
@keyframes pmSkeletonShimmer{ 0%{background-position:150% 0} 100%{background-position:-150% 0} }


@keyframes fzShimmer{ 0%{ background-position:200% 0 } 100%{ background-position:-200% 0 } }
@keyframes fzTileIn{ 0%{ opacity:0; transform:translateY(10px) } 100%{ opacity:1; transform:translateY(0) } }
@keyframes fzRays{ 0%,100%{ transform:translateX(-6px) skewX(-13deg); opacity:.8 } 50%{ transform:translateX(10px) skewX(-13deg); opacity:1 } }
@keyframes fzBubble{ 0%{ transform:translateY(0) scale(.7); opacity:0 } 12%{ opacity:.85 } 85%{ opacity:.5 } 100%{ transform:translateY(-120px) translateX(10px) scale(1); opacity:0 } }
@keyframes fzDotBreathe{ 0%,100%{ opacity:1 } 50%{ opacity:.4 } }
@keyframes fzFadeIn{ from{ opacity:0 } to{ opacity:1 } }
@keyframes fzSheetIn{ from{ opacity:0; transform:translateY(18px) } to{ opacity:1; transform:none } }
@keyframes fzSheetUp{ from{ transform:translateY(100%) } to{ transform:translateY(0) } }




#modal-notifications.modal-backdrop { z-index: 210 !important; }

@keyframes nfFadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes nfSheetIn { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes nf-sh { 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }




#lobby-hero{
  margin:0 12px 12px;
  border-radius:18px;
  padding:18px 18px 16px;
  background:linear-gradient(155deg,#1a4651 0%,#123640 55%,#0d2630 100%);
  border:1px solid rgba(30,213,113,0.22);
  box-shadow:0 8px 28px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04);
  position:relative;
  overflow:hidden;
}



#sec-popular-games .cat-btn.stanley-game-btn.active,
#sec-popular-games .cat-btn.stanley-game-btn.active.active{
  background:linear-gradient(160deg, rgba(30,213,113,0.20) 0%, rgba(13,38,46,0.92) 100%) !important;
  border-color:rgba(30,213,113,0.55) !important;
  box-shadow:0 4px 14px rgba(30,213,113,0.16), inset 0 0 0 1px rgba(30,213,113,0.14) !important;
}

#sec-popular-games .cat-btn.stanley-game-btn{
  border-color:rgba(30,213,113,0.18) !important;
  transition:border-color .15s ease, box-shadow .15s ease !important;
}

.og-tile.og-tile{
  border-color:rgba(30,213,113,0.16) !important;
  transition:border-color .15s ease, transform .12s ease, box-shadow .15s ease !important;
}

#sec-popular-games .section-title::before{
  content:"";display:inline-block;width:3px;height:13px;border-radius:2px;
  background:linear-gradient(180deg,#1ED571,#16a85a);margin-right:8px;vertical-align:-1px;
}


#lobby-quickplay{ margin:0 12px 14px; }
#lobby-quickplay .qp-head{ display:flex;align-items:center;margin:0 2px 8px; }
#lobby-quickplay .qp-title{
  font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.9);
  display:flex;align-items:center;
}
#lobby-quickplay .qp-title::before{
  content:"";display:inline-block;width:3px;height:13px;border-radius:2px;
  background:linear-gradient(180deg,#1ED571,#16a85a);margin-right:8px;
}
#lobby-quickplay .qp-scroll{
  display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
#lobby-quickplay .qp-tile{
  flex:0 0 auto;width:72px;background:none;border:none;padding:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:5px;scroll-snap-align:start;
}
#lobby-quickplay .qp-thumb{
  width:72px;height:72px;border-radius:14px;
  background:#0a3a52 center/cover no-repeat;
  border:1px solid rgba(30,213,113,0.22);
  box-shadow:0 4px 12px rgba(0,0,0,0.3);
  transition:transform .12s ease, border-color .15s ease, box-shadow .15s ease;
}
#lobby-quickplay .qp-label{
  font-size:9.5px;font-weight:600;color:rgba(255,255,255,0.72);max-width:72px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;letter-spacing:.2px;
}



nav.bottom-nav .bnav-item.active::before{
  background:linear-gradient(90deg,#1ED571,#16a85a) !important;
  box-shadow:0 0 9px rgba(30,213,113,0.6) !important;
}

.hero-dot.active.active{
  background:#1ED571 !important;
  box-shadow:0 0 8px rgba(30,213,113,0.45) !important;
}




html { overscroll-behavior-y: none; }
body {
  overscroll-behavior-y: none;
  overflow-x: clip !important;   
}


.modal-backdrop, .auth-v3, .pf-v4, #drawer, .drawer, .modal, .modal-sheet,
.bottom-sheet, [data-scroll], .scrollable, .scroll-y, .games-scroll, .hscroll,
.dp-detail, .dp-sheet, .hs-list, #hs-filters, .pm-scroll, .pm-sbody, .pm-sheet,
.pl-grid-wrap, .pl-tools, .nf-scroll, .nf-tabs, .cmp-body, .pi-sh-body, .mb-body,
.lc-msgs, .wd-body, .ba-sh-body, .ba-dd__list, .vip-table-wrap, .hs-sh-body,
#fz-minigames-page {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 980px) {
  #modal-chat.modal-backdrop { background:rgba(4,8,12,.3) !important; }
}
@keyframes lc-bounce { 0%,60%,100%{ transform:translateY(0); opacity:.4; } 30%{ transform:translateY(-4px); opacity:1; } }


#float-live {
  position:fixed; right:16px; bottom:20px; z-index:96;
  width:62px; height:62px; border-radius:50%; border:none; padding:0;
  cursor:pointer; background:none; transition:transform .15s;
}
@media (max-width: 979px) { #float-live { bottom:88px; } }           
@keyframes fzFabPulse { 0% { transform:scale(1); opacity:.55; } 100% { transform:scale(1.75); opacity:0; } }
@keyframes fzFabRing { 0%,45%,100% { transform:rotate(0deg); } 5% { transform:rotate(16deg); } 15% { transform:rotate(-13deg); } 25% { transform:rotate(10deg); } 35% { transform:rotate(-6deg); } }
#float-live .flv-pulse { position:absolute; inset:0; border-radius:50%; border:2px solid #29B6E8;
  animation:fzFabPulse 2.4s ease-out infinite; pointer-events:none; }
#float-live .flv-face { position:absolute; inset:0; border-radius:50%;
  background:radial-gradient(120% 120% at 30% 20%, #0E4D54 0%, #0B3A42 55%, #06121B 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.55), 0 0 22px rgba(41,182,232,.4); overflow:hidden; }
#float-live .flv-img { position:absolute; inset:0; border-radius:50%;
  background-image:url('../img/brand/sharky-fab-sm.jpg'); background-size:280%; background-position:8% 10%; background-repeat:no-repeat; }
#float-live .flv-sheen { position:absolute; inset:0; border-radius:50%;
  background:radial-gradient(100% 100% at 50% 0%, rgba(255,255,255,.18) 0%, transparent 45%); pointer-events:none; }
#float-live .flv-ring { position:absolute; top:-3px; right:-3px; width:24px; height:24px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, #FFE082, #F5C842 55%, #C08E1A);
  border:1.5px solid rgba(255,240,200,.9); color:#14110A;
  box-shadow:0 3px 8px rgba(0,0,0,.5), 0 0 10px rgba(245,200,66,.45);
  animation:fzFabRing 2.6s ease-in-out infinite; transform-origin:50% 60%; }
#float-live .flv-247 { position:absolute; bottom:-3px; left:50%; transform:translateX(-50%);
  font-size:7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  color:#06121B; background:#29B6E8; border-radius:999px; padding:2px 7px;
  box-shadow:0 2px 6px rgba(0,0,0,.45); white-space:nowrap; font-family:Inter,sans-serif; }







@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('/assets/fonts/barlow-semi-condensed-500.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('/assets/fonts/barlow-semi-condensed-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  
  --fz-teal-deep:   #082A30;
  --fz-teal:        #0E4D54;
  --fz-teal-2:      #0B3A42;
  --fz-teal-line:   rgba(41, 182, 232, 0.16);

  
  --fz-navy-deep:   #07080D;
  --fz-navy:        #0A1822;
  --fz-navy-2:      #0E2430;
  --fz-surface:     #122A33;
  --fz-surface-2:   #16333D;
  --fz-surface-3:   #1C414D;

  
  --fz-cyan:        #29B6E8;
  --fz-cyan-bright: #0CC0FF;
  --fz-cyan-deep:   #1B7FA8;
  --fz-cyan-soft:   rgba(41, 182, 232, 0.12);
  --fz-cyan-glow:   rgba(41, 182, 232, 0.42);

  
  --fz-red:         #E0234B;
  --fz-red-bright:  #FF2D55;
  --fz-red-deep:    #A8143A;
  --fz-red-soft:    rgba(224, 35, 75, 0.12);

  
  --fz-gold:        #F5C842;
  --fz-gold-hi:     #FFE082;
  --fz-gold-deep:   #C08E1A;
  --fz-gold-soft:   rgba(245, 200, 66, 0.12);
  --fz-gold-glow:   rgba(245, 200, 66, 0.45);

  
  --fz-green:       #1ED571;
  --fz-green-deep:  #0F7A40;
  --fz-green-soft:  rgba(30, 213, 113, 0.12);

  
  --fz-success:     #1ED571;
  --fz-success-soft:rgba(30, 213, 113, 0.12);
  --fz-warn:        #F5A623;
  --fz-warn-soft:   rgba(245, 166, 35, 0.12);
  --fz-danger:      #E0524D;
  --fz-danger-soft: rgba(224, 82, 77, 0.12);
  --fz-info:        #3A7BD5;
  --fz-info-soft:   rgba(58, 123, 213, 0.12);

  
  --fz-white:       #FFFFFF;
  --fz-text:        #E8EAEF;
  --fz-text-2:      #A6B0BC;
  --fz-text-3:      #6E7B88;
  --fz-text-faint:  rgba(232, 234, 239, 0.34);
  --fz-on-gold:     #14110A;
  --fz-on-cyan:     #04222E;
  --fz-on-green:    #04230F;

  
  --fz-line:        rgba(255, 255, 255, 0.08);
  --fz-line-2:      rgba(255, 255, 255, 0.14);
  --fz-line-faint:  rgba(255, 255, 255, 0.05);

  
  --fz-font-display: 'Oswald', 'Anton', 'Arial Narrow', system-ui, sans-serif;
  --fz-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --fz-font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  
  --font-numeric:    'Barlow Semi Condensed', ui-sans-serif, system-ui, -apple-system, sans-serif;
  
  --font-mono:       var(--font-numeric);

  --fz-text-2xs:  10px; --fz-text-xs: 11px; --fz-text-sm: 12px; --fz-text-base: 14px;
  --fz-text-md:   16px; --fz-text-lg: 18px; --fz-text-xl: 22px; --fz-text-2xl: 28px;
  --fz-text-3xl:  36px; --fz-text-4xl: 48px; --fz-text-5xl: 64px; --fz-text-jackpot: 84px;

  --fz-w-regular: 400; --fz-w-medium: 500; --fz-w-semibold: 600; --fz-w-bold: 700; --fz-w-black: 800;

  --fz-track-tight: -0.02em; --fz-track-snug: -0.01em; --fz-track-normal: 0;
  --fz-track-wide: 0.02em; --fz-track-caps: 0.04em; --fz-track-eyebrow: 0.14em;

  --fz-leading-none: 1; --fz-leading-tight: 1.15; --fz-leading-snug: 1.35; --fz-leading-body: 1.55;

  
  --fz-space-1: 4px;  --fz-space-2: 6px;  --fz-space-3: 8px;  --fz-space-4: 10px;
  --fz-space-5: 12px; --fz-space-6: 16px; --fz-space-7: 20px; --fz-space-8: 24px;
  --fz-space-9: 28px; --fz-space-10: 32px;--fz-space-12: 40px;--fz-space-14: 48px;
  --fz-space-16: 56px;--fz-space-20: 72px;

  
  --fz-r-xs: 6px; --fz-r-sm: 8px; --fz-r-md: 10px; --fz-r-lg: 12px; --fz-r-xl: 14px;
  --fz-r-2xl: 18px; --fz-r-3xl: 22px; --fz-r-full: 9999px;

  
  --fz-shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 0 0 1px var(--fz-line);
  --fz-shadow-md: 0 6px 18px -4px rgba(0,0,0,.5), 0 0 0 1px var(--fz-line);
  --fz-shadow-lg: 0 14px 34px -10px rgba(0,0,0,.6), 0 0 0 1px var(--fz-line);
  --fz-shadow-sheet: 0 -8px 40px -8px rgba(0,0,0,.7);
  --fz-glow-cyan: 0 6px 22px -6px var(--fz-cyan-glow);
  --fz-glow-gold: 0 6px 22px -6px var(--fz-gold-glow), inset 0 1px 0 rgba(255,255,255,.45);
  --fz-glow-gold-hover: 0 10px 30px -6px rgba(245,200,66,.7), inset 0 1px 0 rgba(255,255,255,.5);
  --fz-glow-red: 0 6px 22px -6px rgba(224,35,75,.5);
  --fz-glow-green: 0 6px 20px -6px rgba(30,213,113,.45);

  
  --fz-grad-gold:  linear-gradient(180deg, var(--fz-gold-hi) 0%, var(--fz-gold) 55%, var(--fz-gold-deep) 100%);
  --fz-grad-cyan:  linear-gradient(135deg, var(--fz-cyan-bright) 0%, var(--fz-cyan) 50%, var(--fz-cyan-deep) 100%);
  --fz-grad-green: linear-gradient(135deg, var(--fz-green) 0%, var(--fz-green-deep) 100%);
  --fz-grad-teal:  linear-gradient(180deg, var(--fz-teal) 0%, var(--fz-teal-deep) 100%);
  --fz-grad-surface: linear-gradient(180deg, var(--fz-surface-2) 0%, var(--fz-surface) 100%);

  
  --fz-ease-out: cubic-bezier(.2,.7,.2,1);
  --fz-ease-in-out: cubic-bezier(.4,0,.2,1);
  --fz-ease-spring: cubic-bezier(.2,.8,.3,1.1);
  --fz-dur-fast: 140ms; --fz-dur-base: 220ms; --fz-dur-slow: 380ms; --fz-dur-marquee: 70s;

  
  --fz-z-base: 1; --fz-z-rise: 10; --fz-z-sticky: 200; --fz-z-bottomnav: 300;
  --fz-z-overlay: 800; --fz-z-modal: 900; --fz-z-toast: 1000;
}


:root {
  
  --bg:            var(--fz-navy);
  --bg-2:          var(--fz-navy-2);
  --bg-deep:       var(--fz-navy-deep);
  --surface:       var(--fz-surface);
  --surface-2:     var(--fz-surface-2);
  --border:        var(--fz-line);
  --border-bright: var(--fz-line-2);

  
  --gold:          var(--fz-gold);
  --gold-light:    var(--fz-gold-hi);
  --gold-dark:     var(--fz-gold-deep);
  --gold-bronze:   var(--fz-gold-deep);

  
  --red:           var(--fz-red);
  --red-dark:      var(--fz-red-deep);
  --green:         var(--fz-green);
  --green-light:   var(--fz-green);

  
  --text:          var(--fz-text);
  --text-dim:      var(--fz-text-2);
  --text-mute:     var(--fz-text-3);

  
  --brand:         var(--fz-gold);
  --brand-glow:    var(--fz-gold-glow);
  --accent:        var(--fz-cyan);
  --accent-on:     var(--fz-on-cyan);

  
  --d-green:        var(--fz-green-deep);
  --d-green-dark:   var(--fz-green-deep);
  --d-green-light:  var(--fz-green);
  --d-green-glow:   var(--fz-green-soft);
  --d-gold:         var(--fz-gold);
  --d-gold-light:   var(--fz-gold-hi);
  --d-gold-dark:    var(--fz-gold-deep);
  --d-bg-deep:      var(--fz-navy);
  --d-bg-deeper:    var(--fz-navy-deep);
  --d-surface:      var(--fz-surface);
  --d-surface-2:    var(--fz-surface-2);
  --d-border:       var(--fz-line);
  --d-border-bright:var(--fz-line-2);
}


.amount {
  font-family: var(--font-numeric);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.2px;
}
.amount-currency {
  font-family: var(--font-numeric);
  font-weight: 500;
  color: #A6B0BC;
}







header.top-nav {
  background: linear-gradient(180deg, var(--fz-teal-deep) 0%, var(--fz-navy) 100%) !important;
  border-bottom: 1px solid var(--fz-teal-line) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 6px 18px -12px rgba(0, 0, 0, 0.8);
}


header.top-nav .hamburger,
header.top-nav #btn-open-drawer {
  background: linear-gradient(135deg, var(--fz-surface-2), var(--fz-surface));
  border: 1px solid var(--fz-line-2);
  color: var(--fz-cyan);
  border-radius: var(--fz-r-md);
  min-width: 44px;   
  min-height: 44px;
}


.topnav-btn-login,
.topnav-btn-register {
  font-family: var(--fz-font-body);
  font-weight: var(--fz-w-bold);
  border-radius: var(--fz-r-full);          
  letter-spacing: var(--fz-track-wide);
  padding: 7px 16px;
  transition: transform var(--fz-dur-fast) var(--fz-ease-out),
              box-shadow var(--fz-dur-fast) var(--fz-ease-out),
              background var(--fz-dur-fast) var(--fz-ease-out);
}
.topnav-btn-login {
  background: transparent;
  color: var(--fz-gold);
  border: 1px solid var(--fz-gold-deep);
}

.topnav-btn-register {
  background: var(--fz-grad-gold);
  color: var(--fz-on-gold);
  border: none;
  box-shadow: var(--fz-glow-gold);
}


.topnav-balance {
  background: var(--fz-grad-surface);
  border: 1px solid var(--fz-line-2);
  border-radius: var(--fz-r-full);
  color: var(--fz-text);
  padding: 6px 12px;
  gap: 7px;
  box-shadow: var(--fz-shadow-sm);
}
.topnav-balance > svg { color: var(--fz-gold); }         
#topnav-balance-amt {
  font-family: var(--fz-font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: var(--fz-w-semibold);
  letter-spacing: var(--fz-track-tight);
  color: var(--fz-text);
}
.topnav-balance-unit {
  color: var(--fz-text-3);
  font-weight: var(--fz-w-semibold);
  letter-spacing: var(--fz-track-eyebrow);
}


.topnav-bell {
  background: var(--fz-surface);
  border: 1px solid var(--fz-line);
  color: var(--fz-text-2);
  border-radius: var(--fz-r-full);
}
.topnav-avatar {
  background: linear-gradient(135deg, var(--fz-cyan) 0%, var(--fz-cyan-deep) 100%);
  color: var(--fz-on-cyan);
  border: 1px solid var(--fz-cyan-deep);
  box-shadow: var(--fz-glow-cyan);
}


nav.bottom-nav .bnav-item:not(.active) {
  color: var(--fz-text-3) !important;   
}


header.top-nav {
  background: rgba(7, 8, 13, 0.82) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(41, 182, 232, 0.14) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}


.top-nav .brand-wrap { min-width: 158px !important; }

.top-nav .top-nav-extra {
  justify-content: flex-start !important;
  gap: 10px !important;
  overflow-x: auto;
  scrollbar-width: none;
  min-width: 0;
}


.top-nav .top-nav-extra a {
  font-family: var(--fz-font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fz-text-2) !important;
  padding: 8px 12px !important;
  border-radius: 8px;
  cursor: pointer;
}
.top-nav .top-nav-extra a.active {
  color: var(--fz-cyan) !important;
  background: none;
}

#fz-topnav-download {
  display: inline-flex; align-items: center; gap: 6px;
  height: 34px; padding: 0 13px; border-radius: 999px;
  cursor: pointer; flex-shrink: 0; white-space: nowrap;
  font-family: var(--fz-font-body); font-size: 12px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.05em;
  color: var(--fz-cyan); background: var(--fz-cyan-soft);
  border: 1px solid rgba(41, 182, 232, 0.4);
  box-shadow: 0 0 12px rgba(41, 182, 232, 0.15);
}
#fz-topnav-download svg { width: 14px; height: 14px; }

#fz-topnav-deposit {
  height: 34px; padding: 0 16px; border: none; border-radius: 10px; cursor: pointer;
  font-family: var(--fz-font-body); font-size: 12px; font-weight: 800;
  background: var(--fz-grad-gold); color: var(--fz-on-gold);
  box-shadow: var(--fz-glow-gold); white-space: nowrap; flex-shrink: 0;
}
@media (max-width: 979px) { #fz-topnav-invite, #fz-topnav-deposit { display: none; } }


@media (min-width: 980px) {
  header.top-nav { gap: 6px !important; }
  .top-nav .top-nav-extra { gap: 2px !important; }
  .top-nav .top-nav-extra a { padding: 8px 12px !important; font-size: 12px !important; letter-spacing: 0.06em; }
  #fz-topnav-deposit { padding: 0 14px; font-size: 12px; }
}


@media (min-width: 980px) {
  
  header.top-nav .hamburger,
  header.top-nav #btn-open-drawer { display: none !important; }
  .topnav-bell, .topnav-avatar { width: 34px !important; height: 34px !important; }
  .topnav-balance { height: 34px !important; padding: 0 12px !important; gap: 7px; }
  #fz-topnav-deposit { height: 34px; padding: 0 14px; }
}






.hero {
  border-radius: 20px;
  border: 1px solid var(--fz-teal-line);
  background: var(--fz-teal-2);
  box-shadow: var(--fz-shadow-md);
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 55%);
  z-index: 1;
}

.hero-dots .hero-dot.active,
.hero-dots .dot.active { background: var(--fz-cyan); box-shadow: 0 0 8px var(--fz-cyan-glow); }


#sec-popular-games .cat-btn.stanley-game-btn.active,
#sec-popular-games .cat-btn.stanley-game-btn.active.active {
  background: linear-gradient(160deg, var(--fz-cyan-soft) 0%, rgba(7, 8, 13, 0.92) 100%) !important;
  border-color: var(--fz-cyan) !important;
  box-shadow: 0 4px 14px var(--fz-cyan-glow), inset 0 0 0 1px var(--fz-cyan-soft) !important;
}
#sec-popular-games .cat-btn.stanley-game-btn {
  border-color: var(--fz-teal-line) !important;
}


.og-tile.og-tile { border-color: var(--fz-teal-line) !important; }


#sec-popular-games .section-title::before {
  background: linear-gradient(180deg, var(--fz-cyan-bright), var(--fz-cyan-deep)) !important;
}





#sec-popular-games .cat-btn.stanley-game-btn {
  display: inline-flex !important; align-items: center; justify-content: center;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  background: rgba(18, 42, 51, 0.6) !important;
  border: 1px solid var(--fz-line) !important;
  color: var(--fz-text-2) !important;          
  font-family: var(--fz-font-body) !important;
  font-size: 13px !important;                  
  font-weight: 800;
  cursor: pointer; white-space: nowrap;
  box-shadow: none !important;
  width: auto !important;                      
  aspect-ratio: auto !important;               
  height: auto !important; min-height: 38px;
  flex: 0 0 auto !important;
  overflow: visible !important;
}


#sec-popular-games .cat-btn.stanley-game-btn::after {
  content: attr(aria-label) !important;
  display: inline !important;
  color: inherit; font: inherit;
} 
#sec-popular-games .cat-btn.stanley-game-btn img { display: none !important; } 
#sec-popular-games .cat-btn.stanley-game-btn.active,
#sec-popular-games .cat-btn.stanley-game-btn.active.active {
  background: linear-gradient(180deg, var(--fz-cyan-bright), var(--fz-cyan-deep)) !important;
  border-color: var(--fz-cyan) !important;
  color: var(--fz-on-cyan) !important;
  box-shadow: 0 0 14px rgba(41, 182, 232, 0.4) !important;
  
  width: auto !important;
  aspect-ratio: auto !important;
  height: auto !important;
  font-size: 13px !important;
  border-radius: 999px !important;
  padding: 9px 18px !important;
  flex: 0 0 auto !important;
}
#sec-popular-games .cat-row.stanley-game-type-row {
  display: flex !important; gap: 8px !important; overflow-x: auto; padding-bottom: 2px;
  grid-template-columns: none !important;
}


@media (min-width: 700px) {
  .games-grid,
  #sec-popular-games .games-grid[data-og] {
    grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)) !important;
    gap: 12px !important;
  }
  
  #sec-popular-games .games-grid { min-height: 560px !important; }
}


.faq-item {
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface));
  border: 1px solid var(--fz-line);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  margin-bottom: 8px;
}
.faq-q { font-family: var(--fz-font-body); font-size: 13px; font-weight: 700; color: var(--fz-white); }
.faq-q::after { color: var(--fz-text-3); }
.faq-a { color: var(--fz-text-2); border-top: 1px solid var(--fz-line-faint); padding-top: 11px; line-height: 1.55; }


#hero-dots { top: 14px; right: 16px; bottom: auto; left: auto; display: flex; gap: 6px; position: absolute; z-index: 3; }
#hero-dots .hero-dot {
  width: 8px; height: 6px; border-radius: 3px;
  background: rgba(255, 255, 255, 0.35);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  transition: all 0.25s; cursor: pointer;
}
#hero-dots .hero-dot.active { width: 18px; background: var(--fz-cyan); box-shadow: 0 0 8px var(--fz-cyan-glow); }


.fz-ocean { position: fixed; inset: 0; overflow: hidden; z-index: -1; pointer-events: none; }
@keyframes fzRays { 0%, 100% { transform: translateX(-6px) skewX(-12deg); opacity: .8; } 50% { transform: translateX(10px) skewX(-12deg); opacity: 1; } }
@keyframes fzBubble { 0% { transform: translateY(0) scale(.7); opacity: 0; } 12% { opacity: .85; } 85% { opacity: .5; } 100% { transform: translateY(-190px) translateX(10px) scale(1); opacity: 0; } }
@keyframes fzBubbleRise { 0% { transform: translateY(0) scale(.65); opacity: 0; } 6% { opacity: .55; } 50% { transform: translateY(-52vh) translateX(14px) scale(.9); } 94% { opacity: .35; } 100% { transform: translateY(-104vh) translateX(-8px) scale(1.15); opacity: 0; } }
@keyframes fzSharkCross { 0% { transform: translateX(-20vw); } 100% { transform: translateX(120vw); } }
@keyframes fzSharkBob { 0%, 100% { transform: translateY(0) rotate(.6deg); } 50% { transform: translateY(-10px) rotate(-1.2deg); } }
@keyframes fzSwim { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(26px); } }


@keyframes fzCoinSpin { 0% { transform: rotateY(0deg); } 55% { transform: rotateY(360deg); } 100% { transform: rotateY(360deg); } }
@keyframes fzTwinkle { 0%, 100% { opacity: 0; transform: scale(0.35) rotate(0deg); } 50% { opacity: 1; transform: scale(1) rotate(25deg); } }
@keyframes fzTextShine { 0% { background-position: 250% 0; } 100% { background-position: -250% 0; } }
@keyframes fzCardSweep { 0% { transform: translateX(-160%) rotate(16deg); } 45%, 100% { transform: translateX(320%) rotate(16deg); } }
@keyframes fzBreathe { 0%, 100% { opacity: 0.35; } 50% { opacity: 0.75; } }

#sc-footer-links { border-top: 1px solid var(--fz-teal-line); }
#sc-footer-links a { color: var(--fz-text-2); transition: color var(--fz-dur-fast) var(--fz-ease-out); }
.footer-copy { color: var(--fz-text-3); border-top: 1px solid var(--fz-line-faint); }






@media (min-width: 980px) {
  
  
  .hero-wrap {
    aspect-ratio: 1000 / 600 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible;
  }
  #hero-carousel.hero, .hero-wrap .hero {
    aspect-ratio: 1000 / 600 !important;
    height: 100% !important;
    max-height: none !important;
    width: 100%;
  }
}



#hero-dots .hero-dot.active {
  background: var(--fz-gold) !important;
  box-shadow: 0 0 8px rgba(245, 200, 66, 0.55) !important;
}

#sec-popular-games .cat-btn.stanley-game-btn.active,
#sec-popular-games .cat-btn.stanley-game-btn.active.active {
  background: rgba(41, 182, 232, 0.12) !important;
  border-color: rgba(41, 182, 232, 0.45) !important;
  color: var(--fz-cyan) !important;
  box-shadow: none !important;
}

.og-tile { position: relative; }
.og-tile .og-name {
  position: absolute; bottom: 7px; left: 50px; right: 6px;
  font-size: 10px; font-weight: 700; color: var(--fz-text);
  text-shadow: 0 1px 3px rgba(0,0,0,.8);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-align: left; pointer-events: none; text-transform: capitalize;
}


.section-title::before, #sec-popular-games .section-title::before {
  background: linear-gradient(180deg, #FFE082, #C08E1A) !important;
}
#lobby-quickplay .qp-head { margin: 18px 0 10px; }
#lobby-quickplay .qp-tile {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 14px 9px 9px;
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface));
  border: 1px solid var(--fz-line); border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  cursor: pointer; flex-shrink: 0;
}
#lobby-quickplay .qp-thumb {
  width: 40px; height: 40px; border-radius: 9px; flex-shrink: 0; display: block;
  background-color: var(--fz-navy);
  background-size: 32px 32px !important; background-repeat: no-repeat; background-position: center;
}
#lobby-quickplay .qp-mid { display: flex; flex-direction: column; gap: 2px; text-align: left; }
#lobby-quickplay .qp-label { font-size: 12px; font-weight: 700; color: var(--fz-white); white-space: nowrap; text-transform: capitalize; }
#lobby-quickplay .qp-continue {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 10px; color: var(--fz-cyan); font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.06em;
}

#lobby-quickplay .qp-tile { flex-direction: row !important; align-items: center !important; }

#lobby-quickplay .qp-tile {
  width: auto !important;
  padding: 9px 14px 9px 9px !important;
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface)) !important;
  border: 1px solid var(--fz-line) !important;
  gap: 10px !important;
}
#lobby-quickplay .qp-thumb {
  width: 40px !important; height: 40px !important; border-radius: 9px !important;
  border: none !important;
  background-color: var(--fz-navy) !important;
}
#lobby-quickplay .qp-label { max-width: none !important; font-size: 12px !important; color: var(--fz-white) !important; }


.hero-slide:has(> img.hero-bg-art) { padding: 0 !important; }
#hero-carousel .hero-slide > img.hero-bg-art {
  position: absolute; inset: 0; width: 100%; height: 100%;
  
  object-fit: cover !important;
  object-position: center top !important; 
}
.hero-slide:has(> img.hero-bg-art) .hero-eyebrow,
.hero-slide:has(> img.hero-bg-art) .hero-amount,
.hero-slide:has(> img.hero-bg-art) .hero-subtxt,
.hero-slide:has(> img.hero-bg-art) .hero-cta,
.hero-slide:has(> img.hero-bg-art) .hero-coin-shower { display: none !important; }




#lobby-hero { display: none !important; }




header.top-nav {
  position: sticky !important;
  top: 0 !important;
  
  z-index: 40 !important;
  height: var(--fz-header-h, 64px) !important;
  min-height: 0 !important;
  align-items: center;
}
:root { --fz-header-h: 64px; }
body { padding-top: 0 !important; }
@media (max-width: 979px) { :root { --fz-header-h: 60px; } }


.bs-container { background: none !important; box-shadow: none !important; }





#sec-popular-games .cat-btn.stanley-game-btn,
.cat-btn.stanley-game-btn {
  background: rgba(8, 24, 32, 0.86) !important;
  border: 1px solid rgba(130, 195, 215, 0.32) !important;
  color: #EAF6FA !important;
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
#sec-popular-games .cat-btn.stanley-game-btn.active,
#sec-popular-games .cat-btn.stanley-game-btn.active.active,
.cat-btn.stanley-game-btn.active {
  background: linear-gradient(180deg, #3fc6f0 0%, #1487c0 100%) !important;
  border: 1px solid var(--fz-cyan, #29b6e8) !important;
  color: #062028 !important;
  text-shadow: none !important;
  box-shadow: 0 3px 14px rgba(41,182,232,0.40) !important;
}






:root {
  --dp-bg:       var(--fz-navy-deep);   
  --dp-surface:  var(--fz-surface);
  --dp-surface2: var(--fz-surface-2);
  --dp-border:   var(--fz-line);
  --dp-border2:  var(--fz-line-faint);
  --dp-gold:     var(--fz-gold);
  --dp-gold-bg:  var(--fz-gold-soft);
  --dp-blue:     var(--fz-cyan);        
  --dp-blue-bg:  var(--fz-cyan-soft);
  --dp-green:    var(--fz-green);
  --dp-red:      var(--fz-danger);
  --dp-text:     var(--fz-text);
  --dp-text2:    var(--fz-text-2);
  --dp-text3:    var(--fz-text-3);
  --dp-text4:    var(--fz-line-2);
}
@keyframes fz-dep-bubbles {
  0%   { transform: translateY(6px);  opacity: 0; }
  30%  { opacity: 1; }
  100% { transform: translateY(-14px); opacity: 0; }
}


@media (min-width: 980px) {
  #modal-deposit.dep-v2 {
    align-items: center !important;            
    justify-content: center !important;
    background: rgba(4, 8, 12, 0.74) !important; 
    -webkit-backdrop-filter: blur(4px) !important;
    backdrop-filter: blur(4px) !important;
    padding: 16px !important;                  
  }
}
@keyframes fzw-bubbles { 0% { transform: translateY(8px); opacity: 0; } 35% { opacity: 1; } 100% { transform: translateY(-18px); opacity: 0; } }


@media (min-width: 980px) {
  html body #modal-wallet.modal-backdrop {
    position: fixed !important;
    inset: 64px 0 0 0 !important;
    background: transparent !important;      
    padding: 0 !important;
    align-items: initial !important;         
    justify-content: initial !important;
  }
  
}


@media (max-width: 979px) {
  html body #modal-wallet.modal-backdrop {
    position: fixed !important;
    inset: var(--fz-screen-top, 64px) 0 0 0 !important;  
    background: transparent !important;       
    padding: 0 !important;
    align-items: initial !important;          
    justify-content: initial !important;
  }
}
@keyframes ba-spin { to { transform: rotate(360deg); } }


@media (min-width: 980px) {
  
  html body #modal-profile.modal-backdrop {
    position: fixed !important;
    inset: 64px 0 0 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }
}
@keyframes fzProfileFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes pf3RcFade { from { opacity: 0 } to { opacity: 1 } }
@keyframes pf3RcPop { from { transform: scale(.92); opacity: 0 } to { transform: scale(1); opacity: 1 } }


@media (min-width: 980px) {
  html body #modal-vip.modal-backdrop {
    position: fixed !important; inset: 64px 0 0 0 !important;
    background: transparent !important; padding: 0 !important;
    align-items: initial !important; justify-content: initial !important;
  }
}


@media (max-width: 979.98px) {
  html body #modal-vip.modal-backdrop {
    position: fixed !important; inset: 0 !important; padding: 0 !important;
    align-items: initial !important; justify-content: initial !important;
    background: linear-gradient(180deg, rgba(9,38,50,0.94) 0%, rgba(4,14,22,0.98) 100%)!important;
  }
}






html body #modal-auth#modal-auth.modal-backdrop {
  background: rgba(4, 8, 12, 0.74) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


@media (max-width: 600px){
  html body #modal-auth#modal-auth.modal-backdrop{
    z-index: 200 !important;
    align-items: stretch !important;
    padding: 0 !important;
  }
}






html body #modal-lucky.modal-backdrop {
  background: rgba(4, 8, 12, .8) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  z-index: 210 !important;
}
@media (max-width: 979px) {
  html body #modal-lucky.modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
}
@media (min-width: 980px) {
  html body #modal-lucky.modal-backdrop { align-items: center !important; padding: 24px !important; }
}
@keyframes ld-bulb {
  0%, 100% { opacity: 1; box-shadow: 0 0 6px 2px rgba(255, 210, 74, .75), 0 0 14px 4px rgba(255, 210, 74, .3); }
  50% { opacity: .38; box-shadow: 0 0 3px 1px rgba(255, 210, 74, .35), 0 0 6px 2px rgba(255, 210, 74, .12); }
}
@keyframes ld-rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ld-ov-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ld-card-in { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
@keyframes ld-sheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@keyframes sc3Breathe { 0%, 100% { opacity: .35; } 50% { opacity: .8; } }
@keyframes sc3Shimmer { 0% { background-position: 160% 0; } 100% { background-position: -160% 0; } }
@keyframes fzCoinFlip {
  0% { transform: rotateY(90deg) scale(.8); opacity: 0; }
  100% { transform: rotateY(0) scale(1); opacity: 1; }
}
@keyframes fzWinPulse {
  0%, 100% { box-shadow: 0 0 18px rgba(30, 213, 113, .45), inset 0 3px 8px rgba(0, 0, 0, .5); }
  50% { box-shadow: 0 0 30px rgba(30, 213, 113, .8), inset 0 3px 8px rgba(0, 0, 0, .5); }
}
@keyframes sc3Rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes sc3OvIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes sc3CardIn { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
@keyframes sc3Sheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@keyframes ge3Breathe { 0%, 100% { opacity: .35; } 50% { opacity: .8; } }
@keyframes fzTwinkle { 0%, 100% { opacity: .15; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes fzShimmer { 0% { background-position: 160% 0; } 100% { background-position: -160% 0; } }
@keyframes fzEggTeeter {
  0%, 64%, 100% { transform: rotate(0); }
  70% { transform: rotate(-4deg); }
  76% { transform: rotate(3.5deg); }
  82% { transform: rotate(-2.5deg); }
  88% { transform: rotate(1.5deg); }
  94% { transform: rotate(0); }
}
@keyframes fzEggShake {
  0%, 100% { transform: rotate(0) translateX(0); }
  12% { transform: rotate(-9deg) translateX(-3px); }
  26% { transform: rotate(8deg) translateX(3px); }
  40% { transform: rotate(-7deg); }
  54% { transform: rotate(6deg); }
  68% { transform: rotate(-4deg); }
  82% { transform: rotate(3deg); }
}
@keyframes fzShellPop { to { transform: translateY(-30px) rotate(-22deg); opacity: 0; } }
@keyframes fzPrizeRise { from { transform: translateY(12px) scale(.6); opacity: 0; } }
@keyframes fzBurstFlash { from { opacity: .9; transform: scale(.2); } to { opacity: 0; transform: scale(2.1); } }
@keyframes fzRaysSpin { to { transform: rotate(360deg); } }
@keyframes ge3Rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes ge3OvIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ge3CardIn { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
@keyframes ge3Sheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@keyframes ck3PulseGold {
  0%, 100% { box-shadow: inset 0 2px 3px rgba(255, 255, 255, .6), inset 0 -3px 5px rgba(90, 58, 6, .5), 0 0 10px rgba(245, 200, 66, .45); }
  50% { box-shadow: inset 0 2px 3px rgba(255, 255, 255, .6), inset 0 -3px 5px rgba(90, 58, 6, .5), 0 0 20px rgba(245, 200, 66, .85); }
}
@keyframes ck3Rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }





html body #fz-minigames-card {
  position: relative; overflow: hidden; width: 100%; cursor: pointer; text-align: left;
  display: flex; align-items: center; gap: 15px;
  border-radius: 16px; padding: 18px;
  border: 1px solid rgba(245, 200, 66, 0.5);
  background:
    
    linear-gradient(100deg, rgba(5, 20, 30, 0.92) 0%, rgba(8, 30, 44, 0.80) 40%, rgba(10, 36, 52, 0.44) 72%, rgba(10, 34, 50, 0.30) 100%),
    url("/assets/img/bg/underwater-modal.jpg") center / cover no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 26px rgba(0, 0, 0, 0.45), 0 0 18px rgba(245, 200, 66, 0.12);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  font-family: var(--fz-font-body, 'Inter', sans-serif);
}


#fz-minigames-card .mg3-warm {         
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: radial-gradient(80% 140% at 8% 50%, rgba(245, 200, 66, 0.16), transparent 55%);
}
#fz-minigames-card .mg3-topline {      
  position: absolute; top: 0; left: 8%; right: 8%; height: 1px; pointer-events: none; z-index: 1;
  background: linear-gradient(90deg, transparent, rgba(255, 233, 168, 0.55), transparent);
}
#fz-minigames-card .mg3-shimmer {      
  position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.1) 50%, transparent 60%);
  background-size: 220% 100%;
  animation: fzShimmer 3.6s linear infinite;
}
#fz-minigames-card .mg3-beam {         
  position: absolute; top: -40%; left: 30%; width: 46px; height: 180%; pointer-events: none; z-index: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 75%);
  transform: skewX(-13deg); filter: blur(6px);
  animation: fzBreathe 8s ease-in-out infinite;
}
#fz-minigames-card .mg3-spark { position: absolute; color: rgba(255, 224, 130, 0.85); line-height: 0; pointer-events: none; z-index: 1; }
#fz-minigames-card .mg3-spark1 { left: 46%; top: 16%; animation: fzTwinkle 2.4s ease-in-out infinite; }
#fz-minigames-card .mg3-spark2 { right: 20%; bottom: 18%; animation: fzTwinkle 3.1s ease-in-out .9s infinite; }


#fz-minigames-card .mg3-medal { position: relative; width: 58px; height: 58px; flex: 0 0 auto; z-index: 2; }
#fz-minigames-card .mg3-medal::before {   
  content: ""; position: absolute; inset: -6px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 200, 66, 0.5), rgba(245, 200, 66, 0.1) 60%, transparent 75%);
  filter: blur(8px);
}
#fz-minigames-card .mg3-ring {            
  position: absolute; inset: -4px; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(255, 214, 74, 0), rgba(255, 240, 184, .8), rgba(255, 214, 74, 0) 55%);
  filter: blur(3px);
  animation: fzSpinRing 3.6s linear infinite;
}
@keyframes fzSpinRing { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#fz-minigames-card .mg3-rim {             
  position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from 210deg, #8A6410, #FFE9A8 14%, #C79517 30%, #8A6410 46%, #FFF3C4 60%, #B8860B 76%, #8A6410);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
#fz-minigames-card .mg3-face {            
  position: absolute; inset: 3px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 32% 26%, #FFF3C4, #F5C842 42%, #C79517 72%, #9A7112);
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, 0.7), inset 0 -4px 7px rgba(90, 58, 6, 0.55);
  color: #7A5308;
}
#fz-minigames-card .mg3-face svg { filter: drop-shadow(0 1px 0 rgba(255, 243, 196, 0.8)); }
#fz-minigames-card .mg3-count {           
  position: absolute; top: -4px; right: -6px; z-index: 3;
  min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 10px; font-weight: 800; color: #04230F;
  background: linear-gradient(180deg, #4EF09A, #1ED571 55%, #0F7A40);
  border: 1.5px solid #07080d;
  box-shadow: 0 0 10px rgba(30, 213, 113, 0.6);
}
#fz-minigames-card .mg3-titlerow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#fz-minigames-card .mg3-title {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 18px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; line-height: 1;
  background: linear-gradient(180deg, #FFFFFF 20%, #FFE9A8 70%, #F5C842);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 1px 8px rgba(245, 200, 66, 0.35));
}
#fz-minigames-card .mg3-free {
  font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  padding: 3px 7px; border-radius: 999px; color: #04230F;
  background: linear-gradient(180deg, #4EF09A, #1ED571 55%, #0F7A40);
  box-shadow: 0 0 10px rgba(30, 213, 113, 0.5);
}
#fz-minigames-card .mg3-sub {
  font-size: 11px; color: var(--fz-text-2, #A6B0BC);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#fz-minigames-card .mg3-sub b {
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-weight: 800; color: var(--fz-gold, #F5C842);
}
#fz-minigames-card .mg3-inside {
  font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--fz-text-3, #6E7B88); white-space: nowrap;
}


#fz-minigames-card .mg3-cta {
  position: relative; z-index: 2; flex: 0 0 auto;
  height: 38px; padding: 0 18px; border-radius: 999px;
  display: flex; align-items: center; gap: 4px;
  font-size: 12.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--fz-on-gold, #14110A);
  background: linear-gradient(180deg, #FFE082 0%, #F5C842 45%, #C08E1A 100%);
  animation: fzCtaPulse 2.4s ease-in-out infinite;
}
@keyframes fzCtaPulse {
  0%, 100% { box-shadow: 0 0 16px rgba(245, 200, 66, .35), inset 0 1px 0 rgba(255, 255, 255, .4); }
  50% { box-shadow: 0 0 30px rgba(245, 200, 66, .65), inset 0 1px 0 rgba(255, 255, 255, .4); }
}
#fz-minigames-card .mg3-cta-short { display: none; }


@media (max-width: 979px) {
  html body #fz-minigames-card { gap: 12px; padding: 14px; min-height: 64px; }
  #fz-minigames-card .mg3-medal { width: 48px; height: 48px; }
  #fz-minigames-card .mg3-title { font-size: 16px; }
  #fz-minigames-card .mg3-cta { height: 34px; padding: 0 14px; }
  #fz-minigames-card .mg3-cta-full { display: none; }
  #fz-minigames-card .mg3-cta-short { display: inline; }
}



#fz-minigames-card .mg3-tix {
  display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0;
  margin-left: auto; padding: 5px 11px; border-radius: 999px;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff; font-size: 10px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .05em; line-height: 1;
  box-shadow: 0 2px 8px rgba(0,0,0,.35);
}
#fz-minigames-card .mg3-tix[hidden] { display: none; }
#fz-minigames-card .mg3-tix b {
  font-family: var(--fz-font-mono,monospace); font-size: 14px; font-weight: 800;
  font-variant-numeric: tabular-nums;
}
#fz-minigames-card .mg3-tix.is-zero {
  color: rgba(255,255,255,.72);
}
@media (max-width: 979px) {
  
  #fz-minigames-card .mg3-tix { padding: 4px 9px; gap: 5px; }
  #fz-minigames-card .mg3-tix .mg3-tix-lbl { display: none; }
}

html body #fz-minigames-card.mg4 {
  display: flex; align-items: center; gap: 18px;
  padding: 16px 18px;
}

#fz-minigames-card.mg4 { animation: mg4Edge 3.6s ease-in-out infinite; }
@keyframes mg4Edge {
  0%, 100% { box-shadow: 0 0 0 1px rgba(245,200,66,.25), 0 8px 30px rgba(0,0,0,.35); }
  50%      { box-shadow: 0 0 18px 2px rgba(245,200,66,.4), 0 8px 30px rgba(0,0,0,.35); }
}
.mg4-brand { display: flex; align-items: center; gap: 14px; flex-shrink: 0; min-width: 0; }
.mg4-titles { display: flex; flex-direction: column; gap: 4px; text-align: left; min-width: 0; }
#fz-minigames-card.mg4 .mg3-sub { max-width: 210px; white-space: normal; line-height: 1.35; }
#fz-minigames-card.mg4 .mg3-inside { margin-top: 2px; }

.mg4-shelf { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 12px; min-width: 0; }
.mg4-game {
  position: relative; flex: 0 1 168px; min-width: 96px; aspect-ratio: 2 / 1;
  border-radius: 12px; overflow: hidden;
  border: 1px solid var(--bd, rgba(245,200,66,.3));
  box-shadow: 0 4px 14px rgba(0,0,0,.4);
  transition: transform .18s ease, box-shadow .18s ease;
}
.mg4-game img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mg4-game::after {           
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.14), transparent 38%);
  pointer-events: none;
}
.mg4-new {
  position: absolute; top: 6px; right: 6px; font-style: normal;
  font-size: 8px; font-weight: 800; letter-spacing: .06em; color: #14110A;
  background: linear-gradient(180deg,#FFE082,#F5C842); border-radius: 4px; padding: 2px 5px;
}

.mg4-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; flex-shrink: 0; }
#fz-minigames-card.mg4 .mg3-tix { margin-left: 0; }
.mg4-cta { position: static; }

@media (max-width: 979px) {
  html body #fz-minigames-card.mg4 { flex-wrap: wrap; gap: 10px 12px; padding: 14px; min-height: 0; }
  .mg4-brand { flex: 1 1 auto; order: 1; }
  #fz-minigames-card.mg4 .mg3-sub { display: none; }             
  #fz-minigames-card.mg4 .mg3-inside { display: none; }
  .mg4-actions { order: 2; flex-direction: column; align-items: flex-end; gap: 6px; }
  .mg4-shelf { order: 3; flex: 1 1 100%; gap: 8px; }
  .mg4-game { flex: 1 1 0; min-width: 0; }
}


@media (max-width: 979px) {
  #fz-minigames-card .mg3-tix {
    padding: 6px 12px; gap: 7px;
    font-size: 11px; letter-spacing: .06em;
    background: rgba(0,0,0,.62);
    border: 1px solid rgba(245,200,66,.6);
    box-shadow: 0 2px 10px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.35);
  }
  #fz-minigames-card .mg3-tix svg { width: 15px; height: 15px; color: #F5C842; }
  #fz-minigames-card .mg3-tix b { font-size: 16px; color: #F5C842; }
  #fz-minigames-card .mg3-tix .mg3-tix-lbl { display: inline; }
  #fz-minigames-card .mg3-tix.is-zero b { color: rgba(245,200,66,.6); }
}






.bs-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}


#fz-home-root {
  display: block;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  padding-inline: 16px;
  box-sizing: border-box;
  background: none;
}


#fz-home-root > *,
#fz-home-root > .section,
#fz-home-root > #sec-popular-games,
#fz-home-root > #sec-promo,
#fz-home-root > #sec-dashboard,
#fz-home-root > #hot-promo-strip,
#fz-home-root > #sc-footer-banners,
#fz-home-root > #sc-footer-seo,
#fz-home-root > #sc-footer-links,
#fz-home-root > #lobby-quickplay,
#fz-home-root > #lobby-hero {
  max-width: none !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: none;
  box-sizing: border-box;
}


#fz-home-root .hero-wrap { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }


#fz-home-root #sec-popular-games .games-grid {
  margin-left: 0 !important; margin-right: 0 !important;
  padding-left: 0 !important; padding-right: 0 !important;
  width: 100% !important;
}


#fz-home-root > .marquee,
#fz-home-root > #bs-trust-strip { margin-left: 0 !important; margin-right: 0 !important; }


#fz-home-root > .footer-copy { max-width: none !important; width: auto !important; margin-inline: 0 !important; }


@media (min-width: 980px) {
  header.top-nav { padding-left: 0 !important; padding-right: 0 !important; }
  header.top-nav .top-nav-inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1080px;
    margin-inline: auto;
    padding-inline: 16px;
    box-sizing: border-box;
  }
  
  header.top-nav .top-nav-inner .brand-wrap { margin-left: 0 !important; }
}

@media (max-width: 979px) {
  header.top-nav .top-nav-inner { display: contents; }
}



@media (min-width: 980px) {
  header.top-nav,
  header.top-nav.top-nav,
  #apk-banner,
  #apk-banner.apk-banner {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
  
  header.top-nav .top-nav-inner {
    max-width: 1080px !important;
    padding-inline: 16px !important;
    width: 100%;
    margin-inline: auto;
  }
}

@media (max-width: 979px) {
  header.top-nav, #apk-banner {
    width: 100% !important; max-width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
    border-radius: 0 !important;
  }
}


@media (max-width: 979px) {
  header.top-nav .top-nav-extra { display: none !important; }
  header.top-nav .hamburger,
  header.top-nav #btn-open-drawer { display: inline-flex !important; }
}


#fz-home-root .section-title span,
#fz-home-root .section-title {
  font-family: 'Oswald', 'Anton', 'Arial Narrow', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0.88px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
}

#fz-home-root::after {
  content: "\00a0"; position: absolute; width: 0; height: 0; overflow: hidden;
  opacity: 0; pointer-events: none;
  font-family: 'Oswald'; font-weight: 700;
}


@media (min-width: 980px) {
  header.top-nav .top-nav-inner {
    justify-content: flex-start !important;
    gap: 14px !important;
  }
  header.top-nav .top-nav-inner .top-nav-extra {
    margin: 0 !important;
    justify-content: flex-start !important;
    gap: 2px !important;              
    flex: 0 0 auto !important;
  }
  
  header.top-nav .top-nav-inner > .flex.items-center.gap-2 {
    margin-left: auto !important;
  }
}

#fz-home-root #hero-carousel.hero,
#fz-home-root .hero-wrap .hero { border-radius: 16px !important; }


@media (min-width: 980px) {
  header.top-nav .top-nav-inner .brand-wrap { min-width: 0 !important; margin: 0 !important; gap: 0 !important; }
  header.top-nav .top-nav-inner .brand-wrap img.brand-logo {
    min-width: 0 !important;
    max-width: 118px !important;
    height: 30px !important;
  }
}


#fz-home-root .faq-item {
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface)) !important;
  border: 1px solid var(--fz-line) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
  margin-top: 8px !important;
  padding: 0 !important;
}
#fz-home-root .faq-q {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 13px 15px !important;
  font-size: 13px !important; font-weight: 700 !important; color: var(--fz-white) !important;
  cursor: pointer;
}
#fz-home-root .faq-q::after {
  content: ""; width: 8px; height: 8px; flex-shrink: 0;
  border-right: 2px solid var(--fz-text-3); border-bottom: 2px solid var(--fz-text-3);
  transform: rotate(45deg); transition: transform .2s; margin-top: -4px;
}
#fz-home-root .faq-a {
  padding: 0 15px 13px !important;
  font-size: 13px !important; line-height: 1.55 !important; color: var(--fz-text-2) !important;
  border-top: 1px solid var(--fz-line-faint) !important;
  padding-top: 11px !important;
}


#fz-home-root #sc-footer-links {
  border-top: 1px solid var(--fz-line) !important;
  padding-top: 22px !important;
  margin-top: 34px !important;
  gap: 16px !important;
}
#fz-home-root #sc-footer-links > div > div:first-child {
  font-size: 10px !important; font-weight: 800 !important;
  letter-spacing: var(--fz-track-eyebrow) !important;
  text-transform: uppercase; color: var(--fz-gold) !important;
  margin-bottom: 7px !important;
}
#fz-home-root #sc-footer-links a {
  font-size: 12px !important; color: var(--fz-text-2) !important;
}
#fz-home-root #sc-footer-links ul { line-height: 2.1 !important; font-size: 12px !important; }


#fz-home-root .og-tile { border-radius: 12px !important; }

#fz-home-root .og-tile .og-name {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  background: none !important;
}


@media (min-width: 980px) {   
  #fz-topnav-deposit { text-transform: uppercase !important; letter-spacing: 0.04em; }
  
  #topnav-avatar { position: relative; }
  #topnav-avatar svg { display: none !important; }
  #topnav-avatar::after {
    content: attr(data-initials);
    font-size: 12px; font-weight: 800; color: var(--fz-cyan);
    letter-spacing: 0.02em;
  }
}


#fz-home-root #sec-popular-games .cat-row { min-height: 144px; }
#fz-home-root #fz-minigames-card { min-height: 154px; box-sizing: border-box; }
@media (min-width: 480px) {
  #fz-home-root #sec-popular-games .cat-row { min-height: 100px; }
  #fz-home-root #fz-minigames-card { min-height: 101px; }
}
@media (min-width: 768px) {
  #fz-home-root #sec-popular-games .cat-row { min-height: 79px; }
  #fz-home-root #fz-minigames-card { min-height: 72px; }
}


#fz-home-root #lobby-quickplay .qp-head { margin-top: 28px !important; margin-bottom: 14px !important; }






html body header.top-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;   
  overflow: visible !important;              
  border-bottom: none !important;            
  background:
    radial-gradient(70% 140% at 50% 0%, rgba(41,182,232,.16), transparent 62%),
    linear-gradient(180deg, rgba(14,46,61,.94) 0%, rgba(6,14,22,.95) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(170,230,252,.18), 0 12px 34px rgba(2,8,14,.5) !important;
}

html body header.top-nav .topnav-fx {
  position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; border-radius: inherit;
  backdrop-filter: blur(20px) saturate(1.45);
  -webkit-backdrop-filter: blur(20px) saturate(1.45);
}
html body header.top-nav .top-nav-inner { position: relative; z-index: 1; }

html body header.top-nav .tnfx-line {
  position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent 2%, rgba(41,182,232,.55) 30%, rgba(150,235,255,.75) 50%, rgba(41,182,232,.55) 70%, transparent 98%);
}

html body header.top-nav .tnfx-beam {
  position: absolute; top: -30px;
  background: linear-gradient(180deg, rgba(190,235,255,.16), transparent 78%);
  transform: skewX(-14deg); filter: blur(7px);
}
html body header.top-nav .tnfx-beam-1 { left: 16%; width: 52px; height: 120px; animation: tnfxBeam 7s ease-in-out infinite; }
html body header.top-nav .tnfx-beam-2 { left: 55%; width: 32px; height: 100px; animation: tnfxBeam 9s ease-in-out infinite; }
@keyframes tnfxBeam { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }



@media (max-width: 979px) {
  html body .bottom-nav {
    position: fixed !important;
    left: 10px !important; right: 10px !important; top: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important; height: auto !important; padding: 0 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(41,182,232,.3) !important;
    background:
      radial-gradient(70% 120% at 50% 0%, rgba(41,182,232,.14), transparent 60%),
      linear-gradient(180deg, rgba(13,42,56,.92), rgba(6,14,22,.97)) !important;
    backdrop-filter: blur(20px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
    box-shadow: inset 0 1px 0 rgba(170,230,252,.2), 0 18px 40px rgba(2,8,14,.65), 0 0 26px rgba(41,182,232,.14) !important;
    overflow: visible !important;   
  }
  html body .bottom-nav .bnav-inner {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: end !important;
    padding: 8px 6px 9px !important;
    gap: 0 !important;
    background: none !important;
  }
  
  html body .bottom-nav .bnav-item {
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: flex-end !important;
    gap: 3px !important; position: relative !important;
    background: none !important; padding: 4px 0 !important;
  }
  
  html body .bottom-nav .bnav-item > span {
    font-size: 10px !important; font-weight: 600 !important;
    white-space: nowrap !important; line-height: 1 !important; overflow: visible !important;
  }
  html body .bottom-nav .bnav-item .bnav-ico,
  html body .bottom-nav .bnav-item > img { width: 20px !important; height: 20px !important; object-fit: contain !important; }
  
  html body .bottom-nav .bnav-item.active:not(:nth-child(3))::before {
    content: ""; position: absolute; bottom: 13px; top: auto; left: 50%; transform: translateX(-50%);
    width: 44px; height: 26px; border-radius: 13px; z-index: 0;
    background: var(--fz-cyan-soft, rgba(41,182,232,.16));
    box-shadow: 0 0 14px rgba(41,182,232,.35), inset 0 1px 0 rgba(255,255,255,.1);
  }
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) > * { position: relative; z-index: 1; }
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) > span {
    color: var(--fz-cyan, #29B6E8) !important; font-weight: 800 !important;
  }
  
  html body .bottom-nav .bnav-item:nth-child(3) {
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: flex-end !important;
    gap: 7px !important; overflow: visible !important;
  }
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img,
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    
    width: 54px !important; height: 54px !important; max-width: none !important; margin-top: -40px !important;
    border-radius: 50% !important; padding: 14.5px !important; box-sizing: border-box !important;
    object-fit: contain !important; overflow: hidden !important;
    background: radial-gradient(circle at 32% 26%, var(--fz-gold-hi), var(--fz-gold, #F5C842) 48%, var(--fz-gold-deep) 100%) !important;
    color: var(--fz-on-gold, #14110A) !important;
    filter: drop-shadow(0 1px 1px rgba(255,255,255,.45)) !important;
    box-shadow: 0 0 0 4px rgba(6,15,23,.95), 0 0 0 5.5px rgba(245,200,66,.4), 0 8px 24px var(--fz-gold-glow), inset 0 2px 4px rgba(255,255,255,.6), inset 0 -3px 5px rgba(0,0,0,.32) !important;
  }
  
  html body .bottom-nav .bnav-item:nth-child(3) > span:last-child {
    margin-top: 0 !important; font-size: 8.5px !important; font-weight: 800 !important;
    text-transform: uppercase !important; letter-spacing: .06em !important;
    position: relative !important; z-index: 1 !important;
    color: var(--fz-gold, #F5C842) !important; text-shadow: 0 0 10px rgba(245,200,66,.5) !important;
  }
  
  html body { padding-bottom: 110px !important; }
}


html body #topnav-auth-out, html body header.top-nav #topnav-auth-out { gap: 8px !important; }
html body #topnav-btn-login,
html body #topnav-btn-register {
  position: relative !important;
  height: 34px !important; width: auto !important; max-width: none !important;
  min-height: 34px !important; max-height: 34px !important; 
  padding: 0 14px !important; border-radius: 10px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-size: 0 !important;                 
  cursor: pointer !important; box-sizing: border-box !important;
}
html body #topnav-btn-login .sc-auth-img,
html body #topnav-btn-register .sc-auth-img,
html body #topnav-btn-login img,
html body #topnav-btn-register img { display: none !important; }
html body #topnav-btn-login::after,
html body #topnav-btn-register::after {
  font-size: 12px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: .04em !important; line-height: 1 !important;
}
html body #topnav-btn-login::after  { content: "Log in"; }
html body #topnav-btn-register::after{ content: "Join now"; }

html body #topnav-btn-login {
  background: transparent !important;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
  color: var(--fz-text, #E8EAEF) !important;
}

html body #topnav-btn-register {
  background: var(--fz-grad-gold, linear-gradient(180deg,#FFE082 0%,#F5C842 55%,#C08E1A 100%)) !important;
  color: var(--fz-on-gold, #14110A) !important; border: none !important;
  box-shadow: var(--fz-glow-gold, 0 6px 22px -6px rgba(245,200,66,.45)) !important;
}

html body #topnav-btn-login::before,
html body #topnav-btn-register::before { content: ""; position: absolute; inset: -5px; }


@media (max-width: 979px) {
  html body .bottom-nav .bnav-item {
    height: 52px !important; gap: 3px !important;
    justify-content: flex-end !important;   
  }
  
  html body .bottom-nav .bnav-item .bnav-ico,
  html body .bottom-nav .bnav-item > img:not(.sc-auth-img) {
    height: 20px !important; width: 20px !important; object-fit: contain !important;
    margin: 3px 0 !important; flex: 0 0 auto !important;
  }
  
  html body .bottom-nav .bnav-item > span:last-child {
    font-size: 10px !important; line-height: 1 !important; white-space: nowrap !important; flex: 0 0 auto !important;
  }
  
  html body .bottom-nav .bnav-item:nth-child(3) {
    height: 52px !important; justify-content: flex-end !important;
  }
  
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    position: static !important; top: auto !important; left: auto !important; transform: none !important;
    
    margin: -40px 0 0 0 !important; align-self: center !important; width: 54px !important; height: 54px !important; max-width: none !important;
    padding: 14.5px !important; box-sizing: border-box !important;
    filter: drop-shadow(0 1px 1px rgba(255,255,255,.45)) !important;
    box-shadow: 0 0 0 4px rgba(6,15,23,.95), 0 0 0 5.5px rgba(245,200,66,.4), 0 8px 24px var(--fz-gold-glow), inset 0 2px 4px rgba(255,255,255,.6), inset 0 -3px 5px rgba(0,0,0,.32) !important;
  }
  html body .bottom-nav .bnav-item:nth-child(3) > span:last-child { margin: 0 0 0 0 !important; }
}


@media (max-width: 979px) {
  html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before {
    content: "" !important; position: absolute !important;
    top: auto !important; bottom: 13px !important; left: 50% !important; transform: translateX(-50%) !important;
    width: 44px !important; height: 26px !important; border-radius: 13px !important; z-index: 0 !important;
    background: var(--fz-cyan-soft, rgba(41,182,232,.16)) !important;
    box-shadow: 0 0 14px rgba(41,182,232,.35), inset 0 1px 0 rgba(255,255,255,.1) !important;
  }
}


html body #topnav-btn-login::after,
html body #topnav-btn-register::after { content: "" !important; }
html body #topnav-btn-login::before,
html body #topnav-btn-register::before {
  position: static !important; inset: auto !important; width: auto !important; height: auto !important;
  font-weight: 800 !important; font-size: 12px !important; line-height: 1 !important;
  text-transform: uppercase !important; letter-spacing: .04em !important;
  display: inline-block !important;
}
html body #topnav-btn-login::before  { content: "Log in" !important; }
html body #topnav-btn-register::before{ content: "Join now" !important; color: var(--fz-on-gold, #14110A) !important; }


@media (max-width: 979px) {
  html body .bottom-nav .bnav-item:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item:not(:nth-child(3)) > img:not(.sc-auth-img) {
    width: 26px !important; height: 26px !important;
    min-width: 26px !important; min-height: 26px !important;
    padding: 3px !important; box-sizing: border-box !important;
    object-fit: contain !important; object-position: center center !important;
    margin: 0 !important; display: block !important; vertical-align: middle !important;
    flex: 0 0 26px !important; transform: none !important; filter: none !important;
  }
  
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) > img:not(.sc-auth-img) {
    transform: none !important; filter: none !important;
  }
  
  html body .bottom-nav .bnav-item {
    height: 56px !important; gap: 3px !important;
    justify-content: flex-end !important; padding: 0 0 6px !important;
  }
  html body .bottom-nav .bnav-item > span:last-child {
    line-height: 1 !important; margin: 0 !important; flex: 0 0 auto !important;
    font-size: 10px !important; white-space: nowrap !important;
  }
  
  html body .bottom-nav .bnav-item:nth-child(3) > span:last-child {
    line-height: 1 !important; margin: 0 !important;
  }
}


@media (max-width: 979px) {
  html body .bottom-nav .bnav-item:not(:nth-child(3)) { position: relative !important; }
  html body .bottom-nav .bnav-item:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item:not(:nth-child(3)) > img:not(.sc-auth-img) {
    position: absolute !important; bottom: 17px !important; left: 50% !important;
    transform: translateX(-50%) !important; margin: 0 !important;
  }
}


@media (max-width: 979px) {
  html body .bottom-nav .bnav-inner {
    height: 68px !important; box-sizing: border-box !important;   
    padding: 6px !important;
    align-items: stretch !important;   
  }
  
  html body .bottom-nav .bnav-item {
    height: 100% !important; min-height: 0 !important;
    padding: 0 !important; gap: 3px !important;
    justify-content: center !important;
  }
  
  html body .bottom-nav .bnav-item:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item:not(:nth-child(3)) > img:not(.sc-auth-img) {
    position: static !important; transform: none !important;
    margin: 0 auto !important; bottom: auto !important; left: auto !important;
  }
  
  html body .bottom-nav .bnav-item:nth-child(3) { justify-content: center !important; }
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    top: -30px !important;   
  }
  html body .bottom-nav .bnav-item:nth-child(3) > span:last-child {
    position: absolute !important; left: 0 !important; right: 0 !important;
    bottom: 4.5px !important; margin: 0 !important; text-align: center !important;   
  }
}


html body #topnav-invite-m { display: none !important; }
@media (max-width: 979px) {
  html body #topnav-invite-m {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    position: relative !important; width: 34px !important; height: 34px !important;
    border-radius: 50% !important; padding: 0 !important; flex-shrink: 0 !important; cursor: pointer !important;
    background: rgba(7,8,13,.35) !important; border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    color: var(--fz-green, #1ED571) !important;
  }
  html body #topnav-invite-m svg { filter: drop-shadow(0 0 6px rgba(30,213,113,.35)) !important; }
  html body #topnav-invite-m::after { content: "" !important; position: absolute !important; inset: -6px !important; }
}


@media (max-width: 979px) {
  
  html body header.top-nav #btn-open-drawer { display: none !important; }
}


@media (max-width: 979px) {
  html body header.top-nav #topnav-invite-m,
  html body header.top-nav #topnav-bell,
  html body header.top-nav #topnav-avatar {
    width: 34px !important; height: 34px !important;
    min-width: 34px !important; max-width: 34px !important;
    min-height: 34px !important; max-height: 34px !important;   
    border-radius: 50% !important;
    padding: 0 !important; flex-shrink: 0 !important; position: relative !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    background: linear-gradient(180deg, var(--fz-surface-2,#16333D), var(--fz-surface,#122A33)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  }
  html body header.top-nav #topnav-invite-m svg,
  html body header.top-nav #topnav-bell svg,
  html body header.top-nav #topnav-avatar svg {
    width: 16px !important; height: 16px !important;
  }
  html body header.top-nav #topnav-invite-m svg {
    color: var(--fz-green,#1ED571) !important; stroke: var(--fz-green,#1ED571) !important;
    filter: drop-shadow(0 0 6px rgba(30,213,113,.35)) !important;
  }
  html body header.top-nav #topnav-bell svg,
  html body header.top-nav #topnav-avatar svg {
    color: #fff !important; stroke: #fff !important;
  }
  
  html body header.top-nav #topnav-invite-m::after,
  html body header.top-nav #topnav-bell::after,
  html body header.top-nav #topnav-avatar::after {
    content: "" !important; position: absolute !important; inset: -5px !important;
  }
  
  html body header.top-nav .topnav-bell-badge {
    top: -3px !important; right: -3px !important; left: auto !important;
    min-width: 17px !important; height: 17px !important; padding: 0 4px !important; border-radius: 999px !important;
    background: linear-gradient(180deg,#FF5C7C,#E0234B) !important; color: #fff !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important; font-size: 10px !important; font-weight: 700 !important;
    line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important;
    border: 1.5px solid var(--fz-surface,#122A33) !important; box-shadow: 0 2px 5px rgba(224,35,75,.45) !important;
  }
}




html body #fz-topnav-download-m { display: none !important; }
@media (max-width: 979px) {
  html body #fz-topnav-download-m {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    position: relative !important; width: 34px !important; height: 34px !important;
    min-width: 34px !important; max-width: 34px !important;
    min-height: 34px !important; max-height: 34px !important;
    border-radius: 50% !important; padding: 0 !important; flex-shrink: 0 !important; cursor: pointer !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    background: linear-gradient(180deg, var(--fz-surface-2,#16333D), var(--fz-surface,#122A33)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
    color: var(--fz-cyan, #29B6E8) !important;
  }
}
@keyframes fz-mq-scroll { to { transform: translateX(-50%); } }


@media (min-width: 980px) {
  html body .bs-container .hero-wrap { margin-top: 20px !important; }
}


@media (max-width: 979px) {
  html body .bs-container .hero-wrap {
    margin: 10px 16px !important;
    width: auto !important; max-width: none !important; box-sizing: border-box !important;
    border-radius: 16px !important; overflow: hidden !important;
  }
  html body .bs-container .hero-wrap #hero-carousel,
  html body .bs-container .hero-wrap .hero,
  html body .bs-container .hero-wrap .hero-slide { border-radius: 16px !important; }
}


@keyframes bs-d-marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


@media (max-width: 979px) {
  html body header.top-nav { padding-left: 0 !important; padding-right: 0 !important; }
  html body header.top-nav .top-nav-inner {
    display: flex !important; align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important; margin: 0 !important;
    padding: 0 16px !important; box-sizing: border-box !important;
    flex: 1 1 auto !important;
  }
  html body header.top-nav .top-nav-inner .brand-wrap { margin: 0 !important; }
}


@media (min-width: 980px) {
  
  html body header.top-nav #topnav-auth-in { display: flex; align-items: center !important; gap: 8px !important; }
  html body header.top-nav #topnav-auth-in.hidden { display: none; }

  
  html body header.top-nav #topnav-bell {
    position: relative !important;
    width: 34px !important; height: 34px !important;
    min-width: 34px !important; max-width: 34px !important;
    min-height: 34px !important; max-height: 34px !important;
    padding: 0 !important; flex-shrink: 0 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    background: linear-gradient(180deg, var(--fz-surface-2,#16333D), var(--fz-surface,#122A33)) !important;
    color: var(--fz-text, #E8EAEF) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
    cursor: pointer;
  }
  html body header.top-nav #topnav-bell svg { width: 16px !important; height: 16px !important; color: var(--fz-text,#E8EAEF) !important; stroke: var(--fz-text,#E8EAEF) !important; }
  
  html body header.top-nav .topnav-bell-badge {
    position: absolute !important;
    top: -3px !important; right: -3px !important; left: auto !important; bottom: auto !important;
    min-width: 17px !important; height: 17px !important; padding: 0 4px !important; box-sizing: border-box !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #ff5b6a, #e0313f) !important;
    border: 1.5px solid #07080d !important;
    color: #fff !important; font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    box-shadow: 0 0 8px rgba(224,49,63,.6) !important;
  }

  
  html body header.top-nav .topnav-balance {
    display: inline-flex !important; align-items: center !important; gap: 7px !important;
    height: 34px !important; box-sizing: border-box !important;
    padding: 7px 12px !important; border-radius: 999px !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    background: linear-gradient(180deg, var(--fz-surface-2,#16333D), var(--fz-surface,#122A33)) !important;
    color: var(--fz-text,#E8EAEF) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
    cursor: pointer;
  }
  html body header.top-nav .topnav-balance > svg { width: 15px !important; height: 15px !important; color: var(--fz-gold,#F5C842) !important; }
  html body header.top-nav #topnav-balance-amt {
    font-family: var(--fz-font-mono,'JetBrains Mono',monospace) !important;
    font-size: 13px !important; font-weight: 700 !important;
    color: var(--fz-white,#fff) !important; font-variant-numeric: tabular-nums !important;
  }
  html body header.top-nav .topnav-balance-unit { display: inline !important; font-size: 10px !important; font-weight: 700 !important; color: var(--fz-text-3,#6E7B88) !important; opacity: 1 !important; }

  
  html body header.top-nav #fz-topnav-deposit { height: 34px !important; min-height: 0 !important; border-radius: 10px !important; box-sizing: border-box !important; }
  html body header.top-nav #fz-topnav-download { height: 34px !important; min-height: 0 !important; box-sizing: border-box !important; }

  
  html body header.top-nav #topnav-avatar {
    width: 34px !important; height: 34px !important;
    min-width: 34px !important; max-width: 34px !important;
    min-height: 34px !important; max-height: 34px !important;
    padding: 0 !important; flex-shrink: 0 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    background: linear-gradient(135deg, var(--fz-teal,#0E4D54), var(--fz-navy-2,#0A1822)) !important;
    color: var(--fz-cyan,#29B6E8) !important;
    box-shadow: none !important;
    cursor: pointer;
  }
}

html body header.top-nav .topnav-bell-badge[style*="display: none"],
html body header.top-nav .topnav-bell-badge[style*="display:none"],
html body .topnav-bell-badge[style*="display: none"],
html body .topnav-bell-badge[style*="display:none"] { display: none !important; }


@media (max-width: 979px) {
  
  html body header.top-nav {
    position: sticky !important; top: 0 !important;
    z-index: 70 !important;
    padding: 13px 12px !important;         
    min-height: 60px !important; box-sizing: border-box !important;
  }
  
  html body header.top-nav .brand-wrap { display: none !important; }
  html body header.top-nav .top-nav-inner > .flex.items-center.gap-2 { margin-left: auto !important; gap: 8px !important; }
  html body header.top-nav #topnav-auth-in { gap: 8px !important; }
  
  html body #fz-topnav-download-m { display: none !important; }
  html body header.top-nav #fz-topnav-download { display: inline-flex !important; }
  
  html body header.top-nav .topnav-balance-unit { display: none !important; }

  
  html body #modal-promo.pm-v2.modal-backdrop,
  html body #modal-complaints.modal-backdrop,
  html body #modal-history.modal-backdrop {
    inset: var(--fz-screen-top, 64px) 0 0 0 !important;
    z-index: 45 !important;
  }

  
  html body #modal-profile.modal-backdrop {
    position: fixed !important;
    inset: var(--fz-screen-top, 64px) 0 0 0 !important;  
    background: transparent !important;
    padding: 0 !important;
    align-items: initial !important;
    justify-content: initial !important;
  }
}


@media (max-width: 979px) {
  html body header.top-nav #fz-topnav-download {
    height: 34px !important; min-height: 34px !important; max-height: 34px !important;
    box-sizing: border-box !important; padding: 0 13px !important;
  }
  html body header.top-nav .topnav-balance {
    height: 34px !important; min-height: 34px !important; max-height: 34px !important;
    box-sizing: border-box !important; padding: 0 12px !important;
    display: inline-flex !important; align-items: center !important;
  }
}


@media (max-width: 979.98px) {
  html body header.top-nav {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background:
      radial-gradient(70% 140% at 50% 0%, rgba(41,182,232,.16), transparent 62%),
      linear-gradient(180deg, rgba(12,40,53,.985) 0%, rgba(5,12,19,.99) 100%) !important;
  }
  html body .bottom-nav {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background:
      radial-gradient(70% 120% at 50% 0%, rgba(41,182,232,.14), transparent 60%),
      linear-gradient(180deg, rgba(11,37,49,.97), rgba(5,12,19,.99)) !important;
  }
}


@media (max-width: 979.98px) {
  
  html body header.top-nav { padding: 9px 12px !important; min-height: 48px !important; }
  
  html body header.top-nav .topnav-fx { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  
  html body header.top-nav :is(#topnav-invite-m, #topnav-bell, #topnav-avatar) {
    width: 30px !important; height: 30px !important;
    min-width: 30px !important; min-height: 30px !important;
    max-width: 30px !important; max-height: 30px !important;
  }
  html body header.top-nav :is(#topnav-invite-m, #topnav-bell, #topnav-avatar) svg { width: 15px !important; height: 15px !important; }
  html body header.top-nav :is(#topnav-invite-m, #topnav-bell, #topnav-avatar)::after { inset: -7px !important; }
  
  html body header.top-nav #fz-topnav-download { height: 30px !important; padding: 0 11px !important; font-size: 11px !important; gap: 5px !important; }
  html body header.top-nav #fz-topnav-download svg { width: 13px !important; height: 13px !important; }
  
  html body header.top-nav .topnav-balance { height: 30px !important; min-height: 30px !important; padding: 0 11px !important; gap: 6px !important; font-size: 11.5px !important; }
  html body header.top-nav .topnav-balance #topnav-balance-amt { font-size: 12px !important; }
  html body header.top-nav .topnav-balance svg { width: 13px !important; height: 13px !important; }
  
  html body header.top-nav :is(#topnav-btn-login, #topnav-btn-register) { height: 30px !important; min-height: 30px !important; }
  html body header.top-nav :is(#topnav-btn-login, #topnav-btn-register)::before { font-size: 11px !important; }
  
  html body header.top-nav .topnav-bell-badge { min-width: 15px !important; height: 15px !important; font-size: 9px !important; }
  
  html body header.top-nav .top-nav-inner > .flex.items-center.gap-2 { gap: 7px !important; }
  html body header.top-nav #topnav-auth-in { gap: 7px !important; }

  
  html body .bottom-nav .bnav-inner { height: 58px !important; padding: 5px !important; }
  html body .bottom-nav .bnav-item { gap: 2px !important; }
  
  html body .bottom-nav .bnav-item:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item:not(:nth-child(3)) img.bnav-ico {
    width: 22px !important; height: 22px !important; padding: 2px !important;
  }
  html body .bottom-nav .bnav-item:not(:nth-child(3)) span { font-size: 9px !important; }
  
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    width: 46px !important; height: 46px !important;
    margin: -30px 0 0 0 !important; padding: 12px !important;
    box-shadow: 0 0 0 3px rgba(6,15,23,.95), 0 0 0 4.5px rgba(245,200,66,.4), 0 8px 20px var(--fz-gold-glow), inset 0 2px 4px rgba(255,255,255,.6), inset 0 -3px 5px rgba(0,0,0,.32) !important;
  }
  html body .bottom-nav .bnav-item:nth-child(3) span:last-child { bottom: 3.5px !important; }
  
  html body { padding-bottom: 96px !important; }
}


@media (max-width: 979.98px) {
  html body header.top-nav { height: 48px !important; }
  html body header.top-nav .top-nav-inner { height: auto !important; min-height: 0 !important; }
  html body header.top-nav #fz-topnav-download { min-height: 30px !important; max-height: 30px !important; }
  html body header.top-nav .topnav-balance { max-height: 30px !important; }
  html body .bottom-nav .bnav-item:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item:not(:nth-child(3)) > img:not(.sc-auth-img) {
    min-width: 22px !important; min-height: 22px !important;
    max-width: 22px !important; max-height: 22px !important;
    flex: 0 0 22px !important;
  }
}


@media (max-width: 979.98px) {
  html body header.top-nav .topnav-avatar-wrap { display: none !important; }
  html body header.top-nav .brand-wrap { display: flex !important; flex: 0 1 auto !important; min-width: 0 !important; gap: 0 !important; overflow: hidden !important; }
  html body header.top-nav .brand-wrap img.brand-logo {
    height: 20px !important; width: auto !important; flex: 0 1 auto !important;
    min-width: 0 !important; max-width: min(30vw, 110px) !important;
    object-fit: contain !important;
  }
}


@media (max-width: 979.98px) {
  html body header.top-nav #fz-topnav-download {
    position: relative !important;
    width: 30px !important; min-width: 30px !important; max-width: 30px !important;
    height: 30px !important; padding: 0 !important; gap: 0 !important;
    border-radius: 50% !important; font-size: 0 !important;
    justify-content: center !important;
    background: linear-gradient(180deg,#16333D,#122A33) !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  }
  html body header.top-nav #fz-topnav-download svg {
    width: 15px !important; height: 15px !important; color: var(--fz-cyan,#29B6E8) !important;
  }
  html body header.top-nav #fz-topnav-download::after {
    content: "" !important; position: absolute !important; inset: -7px !important;
  }
  html body header.top-nav .tnfx-beam { display: none !important; animation: none !important; }
  html body header.top-nav .topnav-balance {
    border-color: rgba(245,200,66,.42) !important;
    background: linear-gradient(180deg, rgba(245,200,66,.12), rgba(245,200,66,.03)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  html body header.top-nav .topnav-balance svg { color: var(--fz-gold,#F5C842) !important; }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) > img:not(.sc-auth-img) {
    filter: drop-shadow(0 0 6px rgba(41,182,232,.55)) !important;
  }
  html body .bottom-nav .bnav-item:nth-child(3) span:last-child { font-size: 9px !important; }
}


html.fz-bnwait .bottom-nav { visibility: hidden !important; }


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item { position: relative !important; }
  html body .bottom-nav .bnav-item[data-nav="promo"]::after {
    content: "" !important; position: absolute !important;
    top: 5px !important; right: 26% !important;
    width: 8px !important; height: 8px !important; border-radius: 50% !important;
    background: linear-gradient(135deg,#ef4444,#dc2626) !important;
    border: 1.5px solid rgba(8,11,20,1) !important;
  }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item:not(:nth-child(3)) { transform: translateY(-3px) !important; }
  html body .bottom-nav .bnav-item:nth-child(3) span:last-child { bottom: 12.5px !important; }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    margin: -33px 0 0 0 !important;
  }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    margin: -47px 0 0 0 !important;  
  }
}


@media (max-width: 979.98px) {
  
  html body nav.bottom-nav {
    position: fixed !important; left: 10px !important; right: 10px !important; top: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important; height: auto !important; padding: 0 !important;
    border-radius: 24px !important;
    background: rgba(6,15,23,.88) !important;
    -webkit-backdrop-filter: blur(14px) !important; backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(41,182,232,.3) !important;
    box-shadow: inset 0 1px 0 rgba(170,230,252,.2), 0 18px 40px rgba(2,8,14,.65), 0 0 26px rgba(41,182,232,.14) !important;
    overflow: visible !important;
  }
  html body .bottom-nav .bnav-inner {
    display: grid !important; grid-template-columns: repeat(5,1fr) !important; gap: 0 !important;
    height: 70px !important; padding: 0 !important; box-sizing: border-box !important;
    max-width: none !important; align-items: stretch !important;
  }
  
  html body .bottom-nav .bnav-item {
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 6px !important; height: 100% !important; min-height: 0 !important;
    padding: 0 !important; margin: 0 !important; position: relative !important;
    transform: none !important;
  }
  
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) .bnav-ico,
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) > svg,
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) > img:not(.sc-auth-img) {
    width: 20px !important; height: 20px !important;
    min-width: 20px !important; min-height: 20px !important;
    max-width: 20px !important; max-height: 20px !important;
    flex: 0 0 20px !important; padding: 0 !important; margin: 0 !important;
    position: relative !important; z-index: 1 !important; filter: none !important;
  }
  
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) span:last-child {
    font-size: 10px !important; font-weight: 800 !important; text-transform: uppercase !important;
    line-height: 1 !important; letter-spacing: .02em !important;
    position: static !important; z-index: 1 !important;
  }
  
  html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before {
    content: "" !important; display: block !important;
    position: absolute !important; left: 50% !important; top: 10px !important;
    transform: translateX(-50%) !important;
    width: 44px !important; height: 26px !important; border-radius: 13px !important;
    background: rgba(41,182,232,.16) !important; z-index: 0 !important;
  }
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]),
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) span:last-child {
    color: var(--fz-cyan,#29B6E8) !important;
  }
  
  html body .bottom-nav .bnav-item[data-nav="promo"]::after {
    content: "" !important; position: absolute !important;
    top: 12px !important; left: calc(50% + 7px) !important; right: auto !important; margin: 0 !important;
    width: 8px !important; height: 8px !important; border-radius: 50% !important;
    background: linear-gradient(135deg,#ef4444,#dc2626) !important;
    border: 1.5px solid rgba(6,15,23,1) !important; z-index: 2 !important;
  }
  
  html body .bottom-nav .bnav-item[data-bnfix-fab] .bnav-ico,
  html body .bottom-nav .bnav-item[data-bnfix-fab] > span:first-child {
    position: absolute !important; top: -19px !important; left: 50% !important;  
    transform: translateX(-50%) !important; margin: 0 !important; padding: 0 !important;
    width: 54px !important; height: 54px !important;
    min-width: 54px !important; max-width: 54px !important; min-height: 54px !important; max-height: 54px !important;
    border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: radial-gradient(circle at 32% 26%, var(--fz-gold-hi,#FFE082), var(--fz-gold,#F5C842) 48%, var(--fz-gold-deep,#C08E1A) 100%) !important;
    box-shadow: 0 0 0 4px rgba(6,15,23,.95), 0 0 0 5.5px rgba(245,200,66,.4), 0 8px 24px var(--fz-gold-glow,rgba(245,200,66,.45)), inset 0 2px 4px rgba(255,255,255,.6), inset 0 -3px 5px rgba(0,0,0,.32) !important;
  }
  html body .bottom-nav .bnav-item[data-bnfix-fab] .bnav-ico svg {
    width: 25px !important; height: 25px !important;
    filter: drop-shadow(0 1px 1px rgba(255,255,255,.45)) !important;
  }
  
  html body .bottom-nav .bnav-item[data-bnfix-fab] span:last-child {
    position: absolute !important; top: auto !important; left: 0 !important; right: 0 !important; bottom: 21px !important;  
    text-align: center !important; margin: 0 !important;
    font-size: 8.5px !important; font-weight: 800 !important; text-transform: uppercase !important;
    letter-spacing: .06em !important; line-height: 1 !important;
    color: var(--fz-gold,#F5C842) !important;
    text-shadow: 0 0 10px rgba(245,200,66,.5) !important;
    z-index: 1 !important;
  }
  
  html body { padding-bottom: 118px !important; }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) .bnav-ico,
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) svg {
    color: var(--fz-cyan,#29B6E8) !important; stroke: var(--fz-cyan,#29B6E8) !important;
  }
  html body .bottom-nav .bnav-item:not(.active):not([data-bnfix-fab]) .bnav-ico,
  html body .bottom-nav .bnav-item:not(.active):not([data-bnfix-fab]) svg {
    color: var(--fz-text-dim,#A6B0BC) !important; stroke: var(--fz-text-dim,#A6B0BC) !important;
  }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] {
    height: 100% !important; min-height: 0 !important; max-height: none !important;
    padding: 0 !important; margin: 0 !important;
  }
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] .bnav-ico {
    top: -20px !important;
  }
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] > span:last-child {
    position: absolute !important; top: auto !important; bottom: 20px !important;
    left: 0 !important; right: 0 !important; text-align: center !important; margin: 0 !important;
  }
}


:is(.bnav-item, .qp-tile,
    #modal-deposit.dep-v2 .dep-quick-amt) {
  transition: transform var(--fz-dur-fast) var(--fz-ease-out),
              border-color var(--fz-dur-fast) var(--fz-ease-out),
              color var(--fz-dur-fast) var(--fz-ease-out),
              background-color var(--fz-dur-fast) var(--fz-ease-out);
}




.section-title::before,
.section-title::after,
#sec-popular-games .section-title::before,
#lobby-quickplay .qp-title::before {
  display: none !important;
}


html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before {
  display: none !important;
  content: none !important;
}


#topnav-auth-out { margin-right: 6px; }


#sec-popular-games .cat-row.stanley-game-type-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  grid-template-columns: none !important;
}
#sec-popular-games .cat-row.stanley-game-type-row .cat-btn {
  flex: 1 1 130px !important;
  max-width: 180px !important;
  justify-content: center !important;
  text-align: center !important;
}


@media (max-width: 979px) {
  #hero-dots {
    top: auto !important;
    bottom: 10px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}


@media (max-width: 639px) {
  #fz-minigames-card { padding: 12px 14px !important; gap: 10px !important; }
}


@media (max-width: 979.98px) {
  #sec-popular-games .cat-row.stanley-game-type-row {
    flex-wrap: nowrap !important; justify-content: flex-start !important;
    overflow-x: auto !important; overflow-y: hidden !important;
    scrollbar-width: none !important;
    gap: 8px !important; padding: 2px 16px 10px !important;
    height: auto !important;
  }
  #fz-home-root #sec-popular-games .stanley-game-type-row { min-height: 44px !important; }
  #sec-popular-games .cat-btn.stanley-game-btn {
    flex: 0 0 auto !important; max-width: none !important; width: auto !important;
    min-height: 32px !important; height: 32px !important;
    padding: 0 13px !important; font-size: 12px !important; font-weight: 800 !important;
    border-radius: 999px !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    box-shadow: 0 2px 10px rgba(41,182,232,.35) !important;
  }
  
  #sec-popular-games .cat-btn.stanley-game-btn::before {
    content: "" !important; display: inline-block !important;
    width: 14px !important; height: 14px !important;
    margin-right: 6px !important; flex: 0 0 auto !important;
    background: currentColor !important;
    -webkit-mask: var(--catico, none) center / contain no-repeat !important;
            mask: var(--catico, none) center / contain no-repeat !important;
  }
  #sec-popular-games .cat-btn[data-cat="slot"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='13' rx='2'/%3E%3Cpath d='M8 9v5M12 9v5M16 9v5M9 21h6'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="live"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="fishing"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12c2-3.5 5.5-5 8.5-5 3 0 5.5 2.2 6.5 5-1 2.8-3.5 5-6.5 5-3 0-6.5-1.5-8.5-5Z'/%3E%3Cpath d='M7 12L2.5 8.5v7L7 12Z'/%3E%3Ccircle cx='16.5' cy='11' r='.5'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="other"],
  #sec-popular-games .cat-btn[data-cat="all"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn:not([data-cat="slot"]):not([data-cat="live"]):not([data-cat="fishing"]):not([data-cat="other"]):not([data-cat="all"])::before { display: none !important; }
}


@media (max-width: 979.98px) {
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    min-height: 32px !important; height: 32px !important; padding: 0 13px !important;
  }
}
@keyframes lcskel{from{background-position:200% 0}to{background-position:-200% 0}}

@media (min-width: 980px) {
  #sec-popular-games .cat-row.stanley-game-type-row {
    flex-wrap: nowrap !important; justify-content: flex-start !important;
    gap: 10px !important; padding: 4px 0 14px !important; height: auto !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn,
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    flex: 0 0 auto !important; max-width: none !important; width: auto !important;
    min-height: 36px !important; height: 36px !important;
    padding: 0 18px !important; font-size: 13px !important; font-weight: 800 !important;
    border-radius: 999px !important;
    display: inline-flex !important; align-items: center !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    box-shadow: 0 2px 12px rgba(41,182,232,.35) !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn::before {
    content: "" !important; display: inline-block !important;
    width: 15px !important; height: 15px !important;
    margin-right: 7px !important; flex: 0 0 auto !important;
    background: currentColor !important;
    -webkit-mask: var(--catico, none) center / contain no-repeat !important;
            mask: var(--catico, none) center / contain no-repeat !important;
  }
  #sec-popular-games .cat-btn[data-cat="slot"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='13' rx='2'/%3E%3Cpath d='M8 9v5M12 9v5M16 9v5M9 21h6'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="live"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="fishing"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12c2-3.5 5.5-5 8.5-5 3 0 5.5 2.2 6.5 5-1 2.8-3.5 5-6.5 5-3 0-6.5-1.5-8.5-5Z'/%3E%3Cpath d='M7 12L2.5 8.5v7L7 12Z'/%3E%3Ccircle cx='16.5' cy='11' r='.5'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="other"],
  #sec-popular-games .cat-btn[data-cat="all"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn:not([data-cat="slot"]):not([data-cat="live"]):not([data-cat="fishing"]):not([data-cat="other"]):not([data-cat="all"])::before { display: none !important; }
}


@media (min-width: 980px) {
  #sec-popular-games .cat-row.stanley-game-type-row .cat-btn.stanley-game-btn {
    flex: 0 0 auto !important; width: auto !important; max-width: none !important;
  }
}


@media (min-width: 980px) {
  #sec-popular-games .cat-row.stanley-game-type-row { -webkit-mask-image: none !important; mask-image: none !important; }
}







@media (max-width: 600px){
  html body #modal-auth#modal-auth.modal-backdrop{
    z-index: 200 !important;
    align-items: stretch !important;
    padding: 0 !important;
  }
}
@keyframes pmSkeletonShimmer{ 0%{background-position:150% 0} 100%{background-position:-150% 0} }


@media (max-width: 979.98px) {
  
  html body header.top-nav { padding: 9px 12px !important; min-height: 48px !important; }
  
  html body header.top-nav .topnav-fx { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  
  html body header.top-nav :is(#topnav-invite-m, #topnav-bell, #topnav-avatar) {
    width: 30px !important; height: 30px !important;
    min-width: 30px !important; min-height: 30px !important;
    max-width: 30px !important; max-height: 30px !important;
  }
  html body header.top-nav :is(#topnav-invite-m, #topnav-bell, #topnav-avatar) svg { width: 15px !important; height: 15px !important; }
  html body header.top-nav :is(#topnav-invite-m, #topnav-bell, #topnav-avatar)::after { inset: -7px !important; }
  
  html body header.top-nav #fz-topnav-download { height: 30px !important; padding: 0 11px !important; font-size: 11px !important; gap: 5px !important; }
  html body header.top-nav #fz-topnav-download svg { width: 13px !important; height: 13px !important; }
  
  html body header.top-nav .topnav-balance { height: 30px !important; min-height: 30px !important; padding: 0 11px !important; gap: 6px !important; font-size: 11.5px !important; }
  html body header.top-nav .topnav-balance #topnav-balance-amt { font-size: 12px !important; }
  html body header.top-nav .topnav-balance svg { width: 13px !important; height: 13px !important; }
  
  html body header.top-nav :is(#topnav-btn-login, #topnav-btn-register) { height: 30px !important; min-height: 30px !important; }
  html body header.top-nav :is(#topnav-btn-login, #topnav-btn-register)::before { font-size: 11px !important; }
  
  html body header.top-nav .topnav-bell-badge { min-width: 15px !important; height: 15px !important; font-size: 9px !important; }
  
  html body header.top-nav .top-nav-inner > .flex.items-center.gap-2 { gap: 7px !important; }
  html body header.top-nav #topnav-auth-in { gap: 7px !important; }

  
  html body .bottom-nav .bnav-inner { height: 58px !important; padding: 5px !important; }
  html body .bottom-nav .bnav-item { gap: 2px !important; }
  
  html body .bottom-nav .bnav-item:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item:not(:nth-child(3)) img.bnav-ico {
    width: 22px !important; height: 22px !important; padding: 2px !important;
  }
  html body .bottom-nav .bnav-item:not(:nth-child(3)) span { font-size: 9px !important; }
  
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    width: 46px !important; height: 46px !important;
    margin: -30px 0 0 0 !important; padding: 12px !important;
    box-shadow: 0 0 0 3px rgba(6,15,23,.95), 0 0 0 4.5px rgba(245,200,66,.4), 0 8px 20px var(--fz-gold-glow), inset 0 2px 4px rgba(255,255,255,.6), inset 0 -3px 5px rgba(0,0,0,.32) !important;
  }
  html body .bottom-nav .bnav-item:nth-child(3) span:last-child { bottom: 3.5px !important; }
  
  html body { padding-bottom: 96px !important; }
}


@media (max-width: 979.98px) {
  html body header.top-nav { height: 48px !important; }
  html body header.top-nav .top-nav-inner { height: auto !important; min-height: 0 !important; }
  html body header.top-nav #fz-topnav-download { min-height: 30px !important; max-height: 30px !important; }
  html body header.top-nav .topnav-balance { max-height: 30px !important; }
  html body .bottom-nav .bnav-item:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item:not(:nth-child(3)) > img:not(.sc-auth-img) {
    min-width: 22px !important; min-height: 22px !important;
    max-width: 22px !important; max-height: 22px !important;
    flex: 0 0 22px !important;
  }
}


@media (max-width: 979.98px) {
  html body header.top-nav .topnav-avatar-wrap { display: none !important; }
  html body header.top-nav .brand-wrap { display: flex !important; flex: 0 1 auto !important; min-width: 0 !important; gap: 0 !important; overflow: hidden !important; }
  html body header.top-nav .brand-wrap img.brand-logo {
    height: 20px !important; width: auto !important; flex: 0 1 auto !important;
    min-width: 0 !important; max-width: min(30vw, 110px) !important;
    object-fit: contain !important;
  }
}


@media (max-width: 979.98px) {
  html body header.top-nav #fz-topnav-download {
    position: relative !important;
    width: 30px !important; min-width: 30px !important; max-width: 30px !important;
    height: 30px !important; padding: 0 !important; gap: 0 !important;
    border-radius: 50% !important; font-size: 0 !important;
    justify-content: center !important;
    background: linear-gradient(180deg,#16333D,#122A33) !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
  }
  html body header.top-nav #fz-topnav-download svg {
    width: 15px !important; height: 15px !important; color: var(--fz-cyan,#29B6E8) !important;
  }
  html body header.top-nav #fz-topnav-download::after {
    content: "" !important; position: absolute !important; inset: -7px !important;
  }
  html body header.top-nav .tnfx-beam { display: none !important; animation: none !important; }
  html body header.top-nav .topnav-balance {
    border-color: rgba(245,200,66,.42) !important;
    background: linear-gradient(180deg, rgba(245,200,66,.12), rgba(245,200,66,.03)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  html body header.top-nav .topnav-balance svg { color: var(--fz-gold,#F5C842) !important; }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) .bnav-ico,
  html body .bottom-nav .bnav-item.active:not(:nth-child(3)) > img:not(.sc-auth-img) {
    filter: drop-shadow(0 0 6px rgba(41,182,232,.55)) !important;
  }
  html body .bottom-nav .bnav-item:nth-child(3) span:last-child { font-size: 9px !important; }
}


html.fz-bnwait .bottom-nav { visibility: hidden !important; }


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item { position: relative !important; }
  html body .bottom-nav .bnav-item[data-nav="promo"]::after {
    content: "" !important; position: absolute !important;
    top: 5px !important; right: 26% !important;
    width: 8px !important; height: 8px !important; border-radius: 50% !important;
    background: linear-gradient(135deg,#ef4444,#dc2626) !important;
    border: 1.5px solid rgba(8,11,20,1) !important;
  }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item:not(:nth-child(3)) { transform: translateY(-3px) !important; }
  html body .bottom-nav .bnav-item:nth-child(3) span:last-child { bottom: 12.5px !important; }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    margin: -33px 0 0 0 !important;
  }
}


@media (max-width: 979.98px) {
  #sec-popular-games .cat-row.stanley-game-type-row {
    flex-wrap: nowrap !important; justify-content: flex-start !important;
    overflow-x: auto !important; overflow-y: hidden !important;
    scrollbar-width: none !important;
    gap: 8px !important; padding: 2px 16px 10px !important;
    height: auto !important;
  }
  #fz-home-root #sec-popular-games .stanley-game-type-row { min-height: 44px !important; }
  #sec-popular-games .cat-btn.stanley-game-btn {
    flex: 0 0 auto !important; max-width: none !important; width: auto !important;
    min-height: 32px !important; height: 32px !important;
    padding: 0 13px !important; font-size: 12px !important; font-weight: 800 !important;
    border-radius: 999px !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    box-shadow: 0 2px 10px rgba(41,182,232,.35) !important;
  }
  
  #sec-popular-games .cat-btn.stanley-game-btn::before {
    content: "" !important; display: inline-block !important;
    width: 14px !important; height: 14px !important;
    margin-right: 6px !important; flex: 0 0 auto !important;
    background: currentColor !important;
    -webkit-mask: var(--catico, none) center / contain no-repeat !important;
            mask: var(--catico, none) center / contain no-repeat !important;
  }
  #sec-popular-games .cat-btn[data-cat="slot"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='13' rx='2'/%3E%3Cpath d='M8 9v5M12 9v5M16 9v5M9 21h6'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="live"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="fishing"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12c2-3.5 5.5-5 8.5-5 3 0 5.5 2.2 6.5 5-1 2.8-3.5 5-6.5 5-3 0-6.5-1.5-8.5-5Z'/%3E%3Cpath d='M7 12L2.5 8.5v7L7 12Z'/%3E%3Ccircle cx='16.5' cy='11' r='.5'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="other"],
  #sec-popular-games .cat-btn[data-cat="all"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn:not([data-cat="slot"]):not([data-cat="live"]):not([data-cat="fishing"]):not([data-cat="other"]):not([data-cat="all"])::before { display: none !important; }
}


@media (max-width: 979.98px) {
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    min-height: 32px !important; height: 32px !important; padding: 0 13px !important;
  }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item:nth-child(3) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3) > img:not(.sc-auth-img),
  html body .bottom-nav .bnav-item:nth-child(3) > span:first-child {
    margin: -47px 0 0 0 !important;  
  }
}


@media (max-width: 979.98px) {
  
  html body nav.bottom-nav {
    position: fixed !important; left: 10px !important; right: 10px !important; top: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important; height: auto !important; padding: 0 !important;
    border-radius: 24px !important;
    background: rgba(6,15,23,.88) !important;
    -webkit-backdrop-filter: blur(14px) !important; backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(41,182,232,.3) !important;
    box-shadow: inset 0 1px 0 rgba(170,230,252,.2), 0 18px 40px rgba(2,8,14,.65), 0 0 26px rgba(41,182,232,.14) !important;
    overflow: visible !important;
  }
  html body .bottom-nav .bnav-inner {
    display: grid !important; grid-template-columns: repeat(5,1fr) !important; gap: 0 !important;
    height: 70px !important; padding: 0 !important; box-sizing: border-box !important;
    max-width: none !important; align-items: stretch !important;
  }
  
  html body .bottom-nav .bnav-item {
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 6px !important; height: 100% !important; min-height: 0 !important;
    padding: 0 !important; margin: 0 !important; position: relative !important;
    transform: none !important;
  }
  
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) .bnav-ico,
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) > svg,
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) > img:not(.sc-auth-img) {
    width: 20px !important; height: 20px !important;
    min-width: 20px !important; min-height: 20px !important;
    max-width: 20px !important; max-height: 20px !important;
    flex: 0 0 20px !important; padding: 0 !important; margin: 0 !important;
    position: relative !important; z-index: 1 !important; filter: none !important;
  }
  
  html body .bottom-nav .bnav-item:not([data-bnfix-fab]) span:last-child {
    font-size: 10px !important; font-weight: 800 !important; text-transform: uppercase !important;
    line-height: 1 !important; letter-spacing: .02em !important;
    position: static !important; z-index: 1 !important;
  }
  
  html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before {
    content: "" !important; display: block !important;
    position: absolute !important; left: 50% !important; top: 10px !important;
    transform: translateX(-50%) !important;
    width: 44px !important; height: 26px !important; border-radius: 13px !important;
    background: rgba(41,182,232,.16) !important; z-index: 0 !important;
  }
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]),
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) span:last-child {
    color: var(--fz-cyan,#29B6E8) !important;
  }
  
  html body .bottom-nav .bnav-item[data-nav="promo"]::after {
    content: "" !important; position: absolute !important;
    top: 12px !important; left: calc(50% + 7px) !important; right: auto !important; margin: 0 !important;
    width: 8px !important; height: 8px !important; border-radius: 50% !important;
    background: linear-gradient(135deg,#ef4444,#dc2626) !important;
    border: 1.5px solid rgba(6,15,23,1) !important; z-index: 2 !important;
  }
  
  html body .bottom-nav .bnav-item[data-bnfix-fab] .bnav-ico,
  html body .bottom-nav .bnav-item[data-bnfix-fab] > span:first-child {
    position: absolute !important; top: -19px !important; left: 50% !important;  
    transform: translateX(-50%) !important; margin: 0 !important; padding: 0 !important;
    width: 54px !important; height: 54px !important;
    min-width: 54px !important; max-width: 54px !important; min-height: 54px !important; max-height: 54px !important;
    border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: radial-gradient(circle at 32% 26%, var(--fz-gold-hi,#FFE082), var(--fz-gold,#F5C842) 48%, var(--fz-gold-deep,#C08E1A) 100%) !important;
    box-shadow: 0 0 0 4px rgba(6,15,23,.95), 0 0 0 5.5px rgba(245,200,66,.4), 0 8px 24px var(--fz-gold-glow,rgba(245,200,66,.45)), inset 0 2px 4px rgba(255,255,255,.6), inset 0 -3px 5px rgba(0,0,0,.32) !important;
  }
  html body .bottom-nav .bnav-item[data-bnfix-fab] .bnav-ico svg {
    width: 25px !important; height: 25px !important;
    filter: drop-shadow(0 1px 1px rgba(255,255,255,.45)) !important;
  }
  
  html body .bottom-nav .bnav-item[data-bnfix-fab] span:last-child {
    position: absolute !important; top: auto !important; left: 0 !important; right: 0 !important; bottom: 21px !important;  
    text-align: center !important; margin: 0 !important;
    font-size: 8.5px !important; font-weight: 800 !important; text-transform: uppercase !important;
    letter-spacing: .06em !important; line-height: 1 !important;
    color: var(--fz-gold,#F5C842) !important;
    text-shadow: 0 0 10px rgba(245,200,66,.5) !important;
    z-index: 1 !important;
  }
  
  html body { padding-bottom: 118px !important; }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) .bnav-ico,
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) svg {
    color: var(--fz-cyan,#29B6E8) !important; stroke: var(--fz-cyan,#29B6E8) !important;
  }
  html body .bottom-nav .bnav-item:not(.active):not([data-bnfix-fab]) .bnav-ico,
  html body .bottom-nav .bnav-item:not(.active):not([data-bnfix-fab]) svg {
    color: var(--fz-text-dim,#A6B0BC) !important; stroke: var(--fz-text-dim,#A6B0BC) !important;
  }
}


@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] {
    height: 100% !important; min-height: 0 !important; max-height: none !important;
    padding: 0 !important; margin: 0 !important;
  }
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] .bnav-ico {
    top: -20px !important;
  }
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] > span:last-child {
    position: absolute !important; top: auto !important; bottom: 20px !important;
    left: 0 !important; right: 0 !important; text-align: center !important; margin: 0 !important;
  }
}
@keyframes lcskel{from{background-position:200% 0}to{background-position:-200% 0}}

@media (min-width: 980px) {
  #sec-popular-games .cat-row.stanley-game-type-row {
    flex-wrap: nowrap !important; justify-content: flex-start !important;
    gap: 10px !important; padding: 4px 0 14px !important; height: auto !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn,
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    flex: 0 0 auto !important; max-width: none !important; width: auto !important;
    min-height: 36px !important; height: 36px !important;
    padding: 0 18px !important; font-size: 13px !important; font-weight: 800 !important;
    border-radius: 999px !important;
    display: inline-flex !important; align-items: center !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn.active.active {
    box-shadow: 0 2px 12px rgba(41,182,232,.35) !important;
  }
  #sec-popular-games .cat-btn.stanley-game-btn::before {
    content: "" !important; display: inline-block !important;
    width: 15px !important; height: 15px !important;
    margin-right: 7px !important; flex: 0 0 auto !important;
    background: currentColor !important;
    -webkit-mask: var(--catico, none) center / contain no-repeat !important;
            mask: var(--catico, none) center / contain no-repeat !important;
  }
  #sec-popular-games .cat-btn[data-cat="slot"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='13' rx='2'/%3E%3Cpath d='M8 9v5M12 9v5M16 9v5M9 21h6'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="live"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="fishing"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 12c2-3.5 5.5-5 8.5-5 3 0 5.5 2.2 6.5 5-1 2.8-3.5 5-6.5 5-3 0-6.5-1.5-8.5-5Z'/%3E%3Cpath d='M7 12L2.5 8.5v7L7 12Z'/%3E%3Ccircle cx='16.5' cy='11' r='.5'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn[data-cat="other"],
  #sec-popular-games .cat-btn[data-cat="all"] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E"); }
  #sec-popular-games .cat-btn:not([data-cat="slot"]):not([data-cat="live"]):not([data-cat="fishing"]):not([data-cat="other"]):not([data-cat="all"])::before { display: none !important; }
}


@media (min-width: 980px) {
  #sec-popular-games .cat-row.stanley-game-type-row .cat-btn.stanley-game-btn {
    flex: 0 0 auto !important; width: auto !important; max-width: none !important;
  }
}


@media (min-width: 980px) {
  #sec-popular-games .cat-row.stanley-game-type-row { -webkit-mask-image: none !important; mask-image: none !important; }
}
html body #pf3-vip-card #pf3-vip-name { font-size: 16px !important; }
html body #pf3-vip-card #pf3-vip-plabel { font-family: var(--font-numeric) !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; font-size: 13px !important; color: var(--fz-text-2,#A6B0BC) !important; white-space: nowrap; }

@media (max-width: 979px) { html body #pf3-vip-card { padding: 16px !important; } }
html body #pf3-vip-card #pf3-vip-deposit { font-size: 15px !important; margin-top: 3px !important; }
html body #pf3-vip-card #pf3-vip-hint { font-size: 13px !important; margin-top: 10px !important; }
html body #pf3-vip-card #pf3-vip-cta { height: 44px !important; font-size: 13px !important; margin-top: 14px !important; }

@media (min-width: 980px) {
  
  html body.is-auth #pf3-vip-card {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 260px;
    grid-template-rows: auto auto auto auto auto;
    column-gap: 32px; row-gap: 0;
    padding: 18px 20px !important;
  }
  html body #pf3-vip-card .vipc-bar  { grid-column: 1; grid-row: 3; }
  html body #pf3-vip-card #pf3-vip-hint { grid-column: 1; grid-row: 5; align-self: end; }
  html body #pf3-vip-card #pf3-vip-deposit { font-size: 24px !important; line-height: 1.05; margin-top: 6px !important; }
  html body #pf3-vip-card #pf3-vip-cta { grid-column: 2; grid-row: 4 / 6; align-self: end; margin-top: 0 !important; margin-left: 24px; width: calc(100% - 24px) !important; height: 42px !important; }
}
html body #pf3-vip-card #pf3-vip-name { font-size: 18px !important; letter-spacing: .06em !important; }

html body #pf3-vip-card .vipc-bar {
  height: 10px !important; border-radius: 999px !important; position: relative;
  background: linear-gradient(180deg,#07121B,#0C1F2B) !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.05) !important;
  overflow: visible !important;
}
html body #pf3-vip-card #pf3-vip-bar {
  position: relative; border-radius: 999px !important; min-width: 14px;
  background: linear-gradient(90deg,#C08E1A,#F5C842 60%,#FFE082) !important;
  box-shadow: 0 0 14px rgba(245,200,66,.55) !important; overflow: visible !important;
}
html body #pf3-vip-card #pf3-vip-bar::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; opacity: .5;
  background: linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  background-size: 220% 100%; animation: fzvipSheen 2.8s linear infinite;
}
html body #pf3-vip-card #pf3-vip-bar::after {
  content: ""; position: absolute; right: -2px; top: 50%; width: 16px; height: 16px;
  transform: translateY(-50%); border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, #FFF6D8, #F5C842 55%, #C08E1A);
  box-shadow: 0 0 10px rgba(245,200,66,.8), 0 0 22px rgba(245,200,66,.35);
}
@keyframes fzvipSheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }

html body #pf3-vip-card #pf3-vip-plabel {
  padding: 3px 10px; border-radius: 999px; background: rgba(245,200,66,.08);
  border: 1px solid rgba(245,200,66,.25); color: #EAD9A0 !important; font-size: 12px !important;
}

@media (min-width: 980px) {
  html body.is-auth #pf3-vip-card { padding: 20px 22px !important; }
  html body #pf3-vip-card #pf3-vip-deposit { font-size: 28px !important; }
  html body #pf3-vip-card #pf3-vip-hint { margin-top: 12px !important; color: var(--fz-text-2,#A6B0BC) !important; }
}


html body.is-auth #pf3-vip-card.vipm, html body #pf3-vip-card.vipm {
  display: block !important; position: relative; overflow: hidden;
  border-radius: 18px; padding: 16px; margin: 14px 0 0;
  background: linear-gradient(150deg, #1B3742 0%, #0E2430 58%, #0A1B26 100%);
  border: 1px solid rgba(245,200,66,.32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 10px 30px rgba(0,0,0,.35);
}

#pf3-vip-card.vipm--bronze  { background: linear-gradient(150deg,#3A2617 0%,#241609 60%,#160D05 100%); border-color: rgba(205,127,50,.5); }

.vipm-brush { position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background: repeating-linear-gradient(115deg, rgba(255,255,255,.028) 0 1px, transparent 1px 3px); }
@keyframes vipmGlint { 0%, 55% { left: -60%; } 85%, 100% { left: 120%; } }
.vipm-eyebrow { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--fz-gold,#F5C842); }
.vipm-gem { width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;
  background: radial-gradient(circle at 32% 28%, #FFE082, var(--fz-gold,#F5C842) 55%, #8A6410);
  display: flex; align-items: center; justify-content: center; color: #5C420C;
  box-shadow: inset 0 0 0 1px rgba(255,224,130,.55), 0 0 0 3px rgba(245,200,66,.12), 0 4px 14px rgba(245,200,66,.35); }
.vipm-tier { font-family: var(--fz-font-display,sans-serif); font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--fz-white,#fff); }
.vipm-pct { margin-left: auto; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 800;
  background: rgba(245,200,66,.08); border: 1px solid rgba(245,200,66,.25); color: #EAD9A0; white-space: nowrap; }

.vipm-track { height: 10px; border-radius: 999px; position: relative;
  background: linear-gradient(180deg,#07121B,#0C1F2B);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.05); overflow: visible; }
.vipm-fill { position: relative; height: 100%; width: 0%; border-radius: 999px; min-width: 14px;
  background: linear-gradient(90deg,#C08E1A,#F5C842 60%,#FFE082);
  box-shadow: 0 0 14px rgba(245,200,66,.55); transition: width .5s ease; }
.vipm-fill::before { content: ""; position: absolute; inset: 0; border-radius: inherit; opacity: .5;
  background: linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  background-size: 220% 100%; animation: vipmSheen 2.8s linear infinite; }
.vipm-fill::after { content: ""; position: absolute; right: -2px; top: 50%; width: 16px; height: 16px;
  transform: translateY(-50%); border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, #FFF6D8, #F5C842 55%, #C08E1A);
  box-shadow: 0 0 10px rgba(245,200,66,.8), 0 0 22px rgba(245,200,66,.35); }
@keyframes vipmSheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@keyframes vipmPulse { 0%,100% { box-shadow: 0 0 6px rgba(245,200,66,.4); } 50% { box-shadow: 0 0 18px rgba(245,200,66,.9); } }

.vipm-caps { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.vipm-art { flex-shrink: 0; width: 118px; border-radius: 10px; transform: rotate(4deg);
  box-shadow: 0 10px 24px rgba(0,0,0,.5), 0 0 16px rgba(245,200,66,.25);
  animation: vipmFloat 4s ease-in-out infinite; }
@keyframes vipmFloat { 0%,100% { transform: rotate(4deg) translateY(0); } 50% { transform: rotate(2.5deg) translateY(-5px); } }
.vipm-actions { position: relative; display: flex; gap: 10px; margin-top: 14px; }
.vipm-btn-gold { flex: 1 1 58%; height: 46px; border: none; border-radius: 999px; cursor: pointer;
  font-weight: 800; font-size: 13.5px; letter-spacing: .04em; text-transform: uppercase;
  background: linear-gradient(180deg,#FFE082 0%,#F5C842 55%,#C08E1A 100%); color: #14110A;
  box-shadow: 0 6px 22px -6px rgba(245,200,66,.45), inset 0 1px 0 rgba(255,255,255,.45); }
.vipm-btn-ghost { flex: 1 1 42%; height: 46px; border-radius: 999px; cursor: pointer;
  font-weight: 800; font-size: 12.5px; letter-spacing: .03em; text-transform: uppercase;
  background: rgba(255,255,255,.05); border: 1px solid rgba(245,200,66,.35); color: var(--fz-gold,#F5C842); }
#pf3-vip-card.vipm--max .vipm-btn-gold { display: none; }
#pf3-vip-card.vipm--max .vipm-btn-ghost { flex: 1 1 100%; }
@media (max-width: 419px) { .vipm-art { display: none; } }
@media (min-width: 980px) {
  html body #pf3-vip-card.vipm { padding: 20px 24px; }
  .vipm-art { width: 158px; }
  .vipm-actions { max-width: 460px; }
}


html body.is-auth #pf3-vip-card.vipm, html body #pf3-vip-card.vipm {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 0 1px rgba(255,255,255,.04),
              inset 0 -30px 50px rgba(0,0,0,.35), 0 10px 30px rgba(0,0,0,.4);
}
.vipm-brush2 { transform: rotate(180deg); opacity: .35;
  background: repeating-linear-gradient(65deg, rgba(0,0,0,.06) 0 1px, transparent 1px 4px); }

.vipm-wm { position: absolute; right: -6px; bottom: 4px; pointer-events: none; user-select: none;
  font-family: var(--fz-font-display,sans-serif); font-weight: 800; font-size: 92px; line-height: 1;
  letter-spacing: .04em; text-transform: uppercase; color: rgba(255,255,255,.045);
  text-shadow: 0 1px 0 rgba(255,255,255,.05), 0 -1px 0 rgba(0,0,0,.35); }

.vipm-ladder { display: flex; align-items: center; gap: 0; margin-top: 12px; }

.vipm-cardrow { position: relative; display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.vipm-chip { flex-shrink: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
.vipm-member { font-family: var(--fz-font-mono,monospace); font-size: 12px; letter-spacing: .14em;
  text-transform: uppercase; color: rgba(255,255,255,.75);
  text-shadow: 0 1px 0 rgba(0,0,0,.6), 0 -1px 0 rgba(255,255,255,.08); }   
.vipm-brandmark { margin-left: auto; font-family: var(--fz-font-display,sans-serif); font-size: 12px;
  font-weight: 800; letter-spacing: .1em; color: rgba(255,255,255,.35); }
.vipm-brandmark b { color: rgba(245,200,66,.6); }
@media (max-width: 419px) { .vipm-ladder { margin-top: 10px; } }


html body.is-auth #pf3-vip-card.vipm, html body #pf3-vip-card.vipm {
  padding: 0; background: none; border: none; box-shadow: none; overflow: visible;
  perspective: 900px;
}
.vipm-tilt {
  position: relative; overflow: hidden; border-radius: 20px; padding: 18px;
  transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  transition: transform .45s cubic-bezier(.22,1,.36,1);
  background: linear-gradient(150deg, #21343E 0%, #101E27 55%, #0A141B 100%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.03),
              inset 0 -34px 60px rgba(0,0,0,.4), 0 14px 38px rgba(0,0,0,.45);
  will-change: transform;
}

#pf3-vip-card.vipm--bronze  .vipm-tilt { background: linear-gradient(150deg,#6B4423 0%,#472A10 45%,#241305 100%); border-color: rgba(226,161,94,.45); }

.vipm .vipm-art {
  position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 58%; height: 100%;
  object-fit: cover; object-position: center right; border-radius: 0; box-shadow: none;
  transform: none; animation: none; opacity: .9; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 48%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 48%);
}

.vipm-gloss { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .3s;
  background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.14), transparent 60%); }
.vipm-wm { font-size: 78px; right: 2px; bottom: 0; }

.vipm-content { position: relative; max-width: 100%; }
.vipm-toprow { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.vipm-idmini { display: inline-flex; align-items: center; gap: 6px; }
.vipm-idmini .vipm-gem { width: 22px; height: 22px; box-shadow: inset 0 0 0 1px rgba(255,224,130,.55), 0 2px 8px rgba(0,0,0,.4); }
.vipm-idmini .vipm-tier { font-size: 12px; letter-spacing: .08em; }
.vipm-toprow .vipm-pct { margin-left: auto; }

.vipm-hero2 { display: flex; align-items: baseline; gap: 12px; margin: 2px 0 2px; }
.vipm-hero-big { font-size: 48px; line-height: 1; font-weight: 800; color: var(--fz-gold,#F5C842);
  text-shadow: 0 0 22px rgba(245,200,66,.35); letter-spacing: -.01em; }
.vipm-hero-to { font-size: 11px; line-height: 1.35; text-transform: uppercase; letter-spacing: .08em;
  color: rgba(255,255,255,.55); font-weight: 700; }
.vipm-hero-to b { color: #fff; font-size: 13px; letter-spacing: .06em; }
.vipm-subline { display: flex; justify-content: flex-end; margin-bottom: 5px; }
.vipm-subline .amount { font-size: 10px; color: rgba(255,255,255,.45); }
.vipm-track { height: 9px; }
.vipm-ladder { margin-top: 10px; max-width: 420px; }
.vipm-caps { margin-top: 10px; }
.vipm-cardrow { margin-top: 14px; max-width: 420px; }
.vipm-member { font-size: 11px; }
.vipm-actions { margin-top: 12px; max-width: 460px; }
.vipm-btn-ghost { background: rgba(0,0,0,.25); border-color: rgba(255,255,255,.22); color: rgba(255,255,255,.75); }
@media (max-width: 419px) {
  .vipm .vipm-art { display: block; opacity: .32; width: 78%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 70%); mask-image: linear-gradient(90deg, transparent 0%, #000 70%); }
  .vipm-hero-big { font-size: 40px; }
}
@media (min-width: 980px) {
  .vipm-tilt { padding: 24px 28px; }
  .vipm-hero-big { font-size: 56px; }
  .vipm-content { max-width: 62%; }
}


.vipm-subline { justify-content: flex-start; margin: 6px 0 0; }
.vipm-subline .amount { color: rgba(255,255,255,.6); text-shadow: 0 1px 3px rgba(0,0,0,.8); }
.vipm-toprow .vipm-pct { background: rgba(0,0,0,.45); border-color: rgba(245,200,66,.35); color: #F5C842;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
@media (max-width: 979px) {
  .vipm .vipm-art { opacity: .8;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 58%); mask-image: linear-gradient(90deg, transparent 0%, #000 58%); }
}


.vipm-tilt { border-radius: 16px; }


html body #pf3-vip-card.vipm { padding: 0 !important; }
@media (max-width: 979px) { html body #pf3-vip-card.vipm { padding: 0 !important; } }



.vipm .vipm-art { width: 44%; object-position: 10% center; opacity: .95;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 34%, #000 88%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 34%, #000 88%, transparent 100%); }
@media (max-width: 979px) { .vipm .vipm-art { opacity: .9; width: 46%; } }
@media (max-width: 419px) { .vipm .vipm-art { opacity: .35; width: 60%; } }

.vipm-toprow .vipm-pct { display: none; }

.vipm-hero2 { margin: 0 0 8px; }
.vipm-hero-to { line-height: 1.2; }

.vipm-subline { margin: 6px 0 0; }
.vipm-ladder { margin-top: 4px; max-width: none; }

.vipm-caps { flex-wrap: nowrap; overflow: hidden; margin-top: 12px; }

.vipm-toprow { margin-bottom: 12px; }
.vipm-cardrow { margin-top: 16px; }
.vipm-actions { margin-top: 12px; }


#pf3-vip-card .vipm-art { height: 100%; }


@media (min-width: 980px) { #pf3-vip-card .vipm-art { width: 30%; object-position: 12% center; } }


.vipm .vipm-art { width: 40%; object-position: center; }
@media (min-width: 980px) { #pf3-vip-card .vipm-art { width: 26%; object-position: center; } }
@media (max-width: 979px) { .vipm .vipm-art { width: 44%; } }
@media (max-width: 419px) { .vipm .vipm-art { width: 58%; opacity: .35; } }


.vipm .vipm-bg { position: absolute; top: -24px; left: -24px; width: calc(100% + 48px); height: calc(100% + 48px);
  object-fit: cover; object-position: center; filter: blur(20px) saturate(1.35) brightness(.72); opacity: 1;
  pointer-events: none; transform: none; animation: none; border-radius: 0; box-shadow: none; mask-image: none; -webkit-mask-image: none; }
#pf3-vip-card .vipm-bg { height: calc(100% + 48px); }   
.vipm .vipm-bg[hidden] { display: none; }
.vipm-scrim { position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, rgba(6,14,20,.72) 0%, rgba(6,14,20,.56) 40%, rgba(6,14,20,.22) 70%, rgba(6,14,20,.06) 100%); }   

@media (min-width: 980px) { #pf3-vip-card .vipm-art { width: 34%; opacity: 1; } }
@media (max-width: 979px) { .vipm .vipm-art { width: 48%; opacity: .95; } }
@media (max-width: 419px) { .vipm .vipm-art { width: 60%; opacity: .4; } }


html body.is-guest #pf3-vip-card.vipm, html body:not(.is-auth) #pf3-vip-card.vipm { display: none !important; }


html body #pf3-vip-card.vipm.vipm-pending { display: none !important; }







html body header.top-nav .topnav-balance {
  height: 28px !important; min-height: 28px !important; max-height: 28px !important;
  padding: 0 10px 0 9px !important; gap: 5px !important; box-sizing: border-box !important;
  display: inline-flex !important; align-items: center !important; line-height: 1 !important;
}

@media (max-width: 979.98px) {
  html body header.top-nav .topnav-balance { margin-left: 6px !important; margin-right: -6px !important; position: relative !important; left: 6px !important; }
}


html body header.top-nav .topnav-balance svg { width: 12px !important; height: 12px !important; flex: 0 0 12px !important; }
html body header.top-nav .topnav-balance #topnav-balance-amt.amount {
  font-family: var(--fz-font-body, Inter, system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.2px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #E8EAEF !important;
}
html body header.top-nav .topnav-balance .topnav-balance-unit.amount-currency {
  display: inline !important;
  font-family: var(--fz-font-body, Inter, system-ui, sans-serif) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  color: #9AA4B2 !important;
  opacity: 1 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  vertical-align: baseline !important;
  margin-left: 3px !important;
}
@media (max-width: 979.98px) {
  html body header.top-nav .topnav-balance #topnav-balance-amt.amount { font-size: 13px !important; }
  html body header.top-nav .topnav-balance .topnav-balance-unit.amount-currency { font-size: 9px !important; }
}


@media (min-width: 980px) {
  html body header.top-nav .topnav-balance {
    height: 34px !important; min-height: 34px !important; max-height: 34px !important;
    padding: 0 12px !important; gap: 6px !important; margin: 0 8px 0 0 !important; left: 0 !important;
  }
  html body header.top-nav .topnav-balance svg { width: 13px !important; height: 13px !important; flex: 0 0 13px !important; }
  html body header.top-nav .topnav-balance #topnav-balance-amt.amount { font-size: 15px !important; }
  html body header.top-nav .topnav-balance .topnav-balance-unit.amount-currency { font-size: 11px !important; }
}


html body .amount, html body input.amount, html body button.amount {
  font-family: var(--font-numeric) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.2px !important;
}
html body .amount-currency {
  font-family: var(--font-numeric) !important;
  font-weight: 500 !important;
}




@media (max-width: 979.98px) {
  html body .bottom-nav .bnav-inner { height: 56px !important; }
  html body .bottom-nav .bnav-item { gap: 4px !important; }
  html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before { top: 5px !important; height: 24px !important; width: 42px !important; border-radius: 12px !important; }
  html body .bottom-nav .bnav-item[data-nav="promo"]::after { top: 7px !important; }
  html body .bottom-nav .bnav-item[data-bnfix-fab] .bnav-ico,
  html body .bottom-nav .bnav-item[data-bnfix-fab] > span:first-child {
    width: 46px !important; height: 46px !important;
    min-width: 46px !important; max-width: 46px !important; min-height: 46px !important; max-height: 46px !important;
    top: -16px !important;
  }
  html body .bottom-nav .bnav-item[data-bnfix-fab] .bnav-ico svg { width: 22px !important; height: 22px !important; }
  html body .bottom-nav .bnav-item[data-bnfix-fab] span:last-child,
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] > span:last-child { bottom: 11px !important; }
  
  html body .bottom-nav .bnav-item[data-nav="live"][data-bnfix-fab] .bnav-ico { top: -16px !important; }
  
  html body { padding-bottom: 96px !important; }
}


@media (max-width: 979.98px) {
  html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before {
    background: var(--fz-gold-soft, rgba(245,200,66,.12)) !important;
    box-shadow: inset 0 0 0 1px rgba(245,200,66,.18) !important;
  }
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]),
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) span:last-child {
    color: var(--fz-gold, #F5C842) !important;
  }
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) .bnav-ico,
  html body .bottom-nav .bnav-item.active:not([data-bnfix-fab]) svg {
    color: var(--fz-gold, #F5C842) !important; stroke: var(--fz-gold, #F5C842) !important;
  }
}


@media (max-width: 979.98px) {
  html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before {
    top: 9px !important; height: 24px !important;
    width: 36px !important; border-radius: 12px !important;
  }
}


@media (max-width: 979.98px) {
  html body nav.bottom-nav .bnav-item.active:not(:nth-child(3))::before {
    box-shadow: none !important;
    background: rgba(245,200,66,.14) !important;
    top: 8px !important; height: 26px !important;
    width: 34px !important; border-radius: 13px !important;
  }
}





#sec-popular-games .cat-btn.cat-btn-free:not(.active) { border-color: rgba(255,204,77,.55) !important; box-shadow: 0 0 0 1px rgba(255,204,77,.15), 0 4px 14px rgba(255,157,46,.12); }
#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free:not(.active)[data-cat="free"][aria-label][data-d-ico]::after { background: none !important; color: #ffcc4d !important; -webkit-text-fill-color: #ffcc4d !important; font-weight: 800; }
#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free:not(.active)[data-cat="free"][aria-label][data-d-ico]::before { background: #ffcc4d !important; }
@keyframes fzFreeChip { 0% { box-shadow: 0 0 0 0 rgba(255,204,77,.55); } 100% { box-shadow: 0 0 0 10px rgba(255,204,77,0); } }


body:not(.fz-free-mode) .og-tile[data-type="free"] { padding-bottom: 20px !important; box-sizing: border-box !important; background-origin: content-box !important; background-clip: content-box !important; }
body:not(.fz-free-mode) .og-tile[data-type="free"]::before { content: "FREE CREDIT ONLY"; position: absolute; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; height: auto !important; width: auto !important; inset: auto 0 0 0 !important; border-radius: 0 0 12px 12px; z-index: 3; height: 20px; line-height: 20px; padding: 0; font-size: 9px; letter-spacing: .08em; font-weight: 800; text-align: center; color: #1b1300; background: linear-gradient(90deg,#ffd76a,#ff9d2e); pointer-events: none; }

#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free[data-cat="free"][aria-label][data-d-ico] { --catico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12M12 8c-2.5 0-4.5-1.3-4.5-3S9 2.5 12 8c3-5.5 4.5-1.7 4.5 0S14.5 8 12 8z'/%3E%3C/svg%3E"); width: auto !important; min-width: 0 !important; }
#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free[data-cat="free"][aria-label][data-d-ico]::before { display: inline-block !important; }
#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free[data-cat="free"][aria-label][data-d-ico]::after { content: attr(aria-label) !important; display: block !important; }






html body #modal-auth#modal-auth.modal-backdrop {
  background: rgba(3, 12, 20, 0.38) !important;
  backdrop-filter: blur(18px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
}
@keyframes fzGlassIn { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes fzAurora { from { transform: translate(-4%, -3%) scale(1); } to { transform: translate(4%, 4%) scale(1.08); } }
@keyframes fzAuthShine { 0%,62% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }


@media (max-width: 979.98px) {
  html body #modal-auth#modal-auth.modal-backdrop { backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
}




body.is-guest .auth-only { display: none !important; }






@keyframes fzcBob        { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }

@keyframes fzcGlowPulse  {
  0%,100% { filter: drop-shadow(0 0 9px rgba(242,193,78,.55)) drop-shadow(0 5px 9px rgba(0,0,0,.5));
            transform: scale(1); }
  40%,60% { filter: drop-shadow(0 0 30px rgba(255,217,119,1)) drop-shadow(0 0 54px rgba(255,190,60,.55))
                    drop-shadow(0 5px 9px rgba(0,0,0,.5));
            transform: scale(1.035); }
}

@keyframes fzcSweep {
  0%   { background-position: -140% 0; opacity: 0; }
  2%   { opacity: .95; }
  14%  { background-position: 240% 0; opacity: 0; }
  100% { background-position: 240% 0; opacity: 0; }
}

@keyframes fzcStar {
  0%, 62%   { transform: scale(0) translateY(0); opacity: 0; }
  68%       { transform: scale(1) translateY(-2px); opacity: 1; }
  100%      { transform: scale(0) translateY(-12px); opacity: 0; }
}
@keyframes fzcSlideUp    { from{transform:translateY(70px);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes fzcFadeIn     { from{opacity:0} to{opacity:1} }
@keyframes fzcPopIn      { 0%{transform:scale(.4);opacity:0} 70%{transform:scale(1.1);opacity:1} 100%{transform:scale(1)} }
@keyframes fzcShake      { 0%,100%{transform:rotate(0deg)} 25%{transform:rotate(-3.5deg) scale(1.02)}
                           50%{transform:rotate(3deg) scale(1.04)} 75%{transform:rotate(-2deg) scale(1.03)} }
@keyframes fzcRingOut    { 0%{transform:scale(.35);opacity:.9} 100%{transform:scale(1.8);opacity:0} }
@keyframes fzcSparkle    { 0%{transform:translateY(8px) scale(.2);opacity:0} 30%{opacity:1}
                           100%{transform:translateY(-30px) scale(1);opacity:0} }
@keyframes fzcToastIn    { from{transform:translate(-50%,-12px);opacity:0} to{transform:translate(-50%,0);opacity:1} }
@keyframes fzcClaimPulse { 0%,100%{box-shadow:0 0 0 0 rgba(242,193,78,.5)} 50%{box-shadow:0 0 0 8px rgba(242,193,78,0)} }
@keyframes fzcSpin       { to{transform:rotate(360deg)} }
@keyframes fzcLidOpen    { from{transform:none} to{transform:rotate(-7deg) translate(-5px,-16px)} }
@keyframes fzcSeamGlow   { 0%,100%{opacity:.5} 50%{opacity:1} }
@keyframes fzcCoinA { 0%{transform:translate(0,8px) scale(.3);opacity:0} 18%{opacity:1} 100%{transform:translate(-48px,-105px) scale(1);opacity:0} }
@keyframes fzcCoinB { 0%{transform:translate(0,8px) scale(.3);opacity:0} 18%{opacity:1} 100%{transform:translate(2px,-135px) scale(1.05);opacity:0} }
@keyframes fzcCoinC { 0%{transform:translate(0,8px) scale(.3);opacity:0} 18%{opacity:1} 100%{transform:translate(50px,-100px) scale(.95);opacity:0} }


@keyframes fzcOrbWobble {
  0%, 100% { scale: 1 1; }
  33%      { scale: 1.025 .98; }
  66%      { scale: .98 1.025; }
}
@keyframes fzcPopIn { from { opacity: 0; transform: translate(-50%,-48%) scale(.97); } to { opacity: 1; transform: translate(-50%,-50%) scale(1); } }






html { background: #0B2233 !important; }
html body { background: transparent !important; background-image: none !important; }
html body::before, html body::after { content: none !important; }

#fz-sea { position: fixed; inset: 0; overflow: hidden; z-index: -1; pointer-events: none; }
#fz-sea > * { pointer-events: none; }
#fz-sea > span { position: absolute; display: block; }


#fz-sea .fzs-base {
  inset: 0;
  background-color: #0B2233;
  background-image:
    radial-gradient(ellipse 46% 22% at 50% -4%, rgba(190,240,255,.55), rgba(90,205,240,.22) 45%, transparent 72%),
    radial-gradient(ellipse 70% 50% at 50% 8%, rgba(60,190,235,.28), transparent 70%),
    radial-gradient(ellipse 50% 45% at 8% 42%, rgba(30,150,200,.16), transparent 65%),
    radial-gradient(ellipse 50% 45% at 92% 60%, rgba(20,120,160,.16), transparent 65%),
    linear-gradient(180deg, #1C6B8C 0%, #14506E 18%, #0E3A52 40%, #0B2A3E 62%, #071C2B 84%, #04121D 100%);
}


#fz-sea .fzs-caustic {
  inset: -20% -20%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20420%20420%27%20fill%3D%27none%27%20stroke%3D%27%23bfefff%27%20stroke-linecap%3D%27round%27%3E%0A%3Cg%20stroke-width%3D%273%27%20stroke-opacity%3D%27.55%27%3E%0A%3Cpath%20d%3D%27M0%2060%20C40%2030%2070%2090%20110%2070%20C150%2050%20170%2010%20210%2040%20C250%2070%20270%2020%20320%2040%20C360%2056%20390%2080%20420%2060%27%2F%3E%0A%3Cpath%20d%3D%27M0%20200%20C50%20170%2060%20230%20120%20210%20C170%20195%20190%20250%20240%20230%20C290%20210%20300%20160%20350%20190%20C380%20208%20400%20220%20420%20200%27%2F%3E%0A%3Cpath%20d%3D%27M0%20340%20C30%20300%2090%20370%20130%20340%20C180%20305%20210%20380%20260%20350%20C300%20325%20330%20300%20380%20330%20C400%20342%20410%20350%20420%20340%27%2F%3E%0A%3Cpath%20d%3D%27M60%200%20C40%2040%2090%2080%2070%20120%20C50%20160%20110%20190%2090%20240%20C70%20290%20120%20320%20100%20370%20C90%20395%2070%20410%2060%20420%27%2F%3E%0A%3Cpath%20d%3D%27M210%200%20C240%2030%20190%2070%20220%20110%20C250%20150%20200%20190%20230%20230%20C260%20270%20210%20310%20240%20350%20C255%20380%20230%20400%20210%20420%27%2F%3E%0A%3Cpath%20d%3D%27M350%200%20C330%2040%20380%2070%20360%20120%20C340%20170%20390%20200%20370%20250%20C350%20300%20400%20330%20380%20380%20C372%20400%20360%20410%20350%20420%27%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20stroke-width%3D%271.5%27%20stroke-opacity%3D%27.35%27%3E%0A%3Cpath%20d%3D%27M0%20120%20C60%20100%2080%20150%20150%20130%20C220%20110%20240%20160%20300%20140%20C360%20120%20390%20130%20420%20120%27%2F%3E%0A%3Cpath%20d%3D%27M0%20280%20C70%20260%2090%20300%20160%20280%20C230%20260%20250%20300%20320%20280%20C370%20265%20395%20275%20420%20280%27%2F%3E%0A%3Cpath%20d%3D%27M140%200%20C120%2060%20170%20110%20150%20170%20C130%20230%20180%20280%20160%20340%20C150%20380%20145%20400%20140%20420%27%2F%3E%0A%3Cpath%20d%3D%27M290%200%20C310%2050%20260%20100%20290%20160%20C320%20220%20270%20280%20300%20340%20C312%20370%20300%20400%20290%20420%27%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 420px 420px;
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.6) 30%, rgba(0,0,0,.18) 58%, transparent 80%);
          mask-image: linear-gradient(180deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.6) 30%, rgba(0,0,0,.18) 58%, transparent 80%);
  will-change: transform;
}
#fz-sea .fzs-caustic-a { opacity: .27; animation: fzsCausticA 38s ease-in-out infinite alternate; }
#fz-sea .fzs-caustic-b { opacity: .16; background-size: 640px 640px; animation: fzsCausticB 47s ease-in-out infinite alternate; }
@keyframes fzsCausticA { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-5%,4%,0) scale(1.06); } }
@keyframes fzsCausticB { from { transform: translate3d(0,0,0) scale(1.04); } to { transform: translate3d(5%,-3%,0) scale(1); } }


#fz-sea .fzs-rays {
  left: -30vw; right: -30vw; top: -60vh; height: 170vh;
  transform-origin: 50% 0;
  background: conic-gradient(from 168deg at 50% 0%,
    transparent 0deg, rgba(180,235,255,.16) 3deg, transparent 6deg,
    transparent 9deg,  rgba(180,235,255,.10) 11deg, transparent 13deg,
    transparent 17deg, rgba(180,235,255,.18) 20deg, transparent 23deg,
    transparent 24deg, transparent 360deg);
  -webkit-mask-image: radial-gradient(ellipse 60% 80% at 50% 0%, #000 20%, rgba(0,0,0,.4) 55%, transparent 78%);
          mask-image: radial-gradient(ellipse 60% 80% at 50% 0%, #000 20%, rgba(0,0,0,.4) 55%, transparent 78%);
  will-change: transform;
}
#fz-sea .fzs-rays-a { animation: fzsRaySway 30s ease-in-out infinite alternate; }
#fz-sea .fzs-rays-b {
  background: conic-gradient(from 164deg at 50% 0%,
    transparent 0deg, transparent 5deg, rgba(180,235,255,.12) 7deg, transparent 9.5deg,
    transparent 14deg, rgba(180,235,255,.14) 16deg, transparent 18deg,
    transparent 26deg, rgba(180,235,255,.09) 28deg, transparent 30deg,
    transparent 31deg, transparent 360deg);
  animation: fzsRaySway 41s ease-in-out infinite alternate-reverse;
}
@keyframes fzsRaySway { from { transform: rotate(-2.5deg); } to { transform: rotate(2.5deg); } }


#fz-sea .fzs-surface {
  left: 0; right: 0; top: 0; height: 22vh;
  background: linear-gradient(180deg, rgba(200,245,255,.20) 0%, rgba(120,215,245,.10) 35%, transparent 100%);
}


#fz-sea .fzs-plankton {
  left: 0; right: 0; top: 0; height: 200vh;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20480%20480%27%3E%3Ccircle%20cx%3D%27235%27%20cy%3D%27447%27%20r%3D%271.9%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.60%27%2F%3E%3Ccircle%20cx%3D%27235%27%20cy%3D%27264%27%20r%3D%271.9%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%2798%27%20cy%3D%27415%27%20r%3D%271.9%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.60%27%2F%3E%3Ccircle%20cx%3D%27326%27%20cy%3D%27318%27%20r%3D%271.0%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.25%27%2F%3E%3Ccircle%20cx%3D%27232%27%20cy%3D%27159%27%20r%3D%271.0%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.25%27%2F%3E%3Ccircle%20cx%3D%27279%27%20cy%3D%27418%27%20r%3D%270.8%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.60%27%2F%3E%3Ccircle%20cx%3D%27235%27%20cy%3D%27338%27%20r%3D%271.9%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%27323%27%20cy%3D%2711%27%20r%3D%271.9%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.25%27%2F%3E%3Ccircle%20cx%3D%2734%27%20cy%3D%2722%27%20r%3D%271.0%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%27311%27%20cy%3D%2719%27%20r%3D%271.5%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.45%27%2F%3E%3Ccircle%20cx%3D%27229%27%20cy%3D%27306%27%20r%3D%271.0%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%27331%27%20cy%3D%27154%27%20r%3D%271.5%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.25%27%2F%3E%3Ccircle%20cx%3D%27343%27%20cy%3D%2747%27%20r%3D%271.5%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.45%27%2F%3E%3Ccircle%20cx%3D%27212%27%20cy%3D%27286%27%20r%3D%270.8%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.45%27%2F%3E%3Ccircle%20cx%3D%27165%27%20cy%3D%27392%27%20r%3D%271.0%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.45%27%2F%3E%3Ccircle%20cx%3D%2719%27%20cy%3D%2739%27%20r%3D%271.9%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.25%27%2F%3E%3Ccircle%20cx%3D%27209%27%20cy%3D%2759%27%20r%3D%271.2%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.60%27%2F%3E%3Ccircle%20cx%3D%2738%27%20cy%3D%2712%27%20r%3D%270.8%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.35%27%2F%3E%3Ccircle%20cx%3D%27111%27%20cy%3D%27470%27%20r%3D%270.8%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.60%27%2F%3E%3Ccircle%20cx%3D%27196%27%20cy%3D%27366%27%20r%3D%271.5%27%20fill%3D%27%23dff6ff%27%20fill-opacity%3D%270.60%27%2F%3E%3C%2Fsvg%3E");
  background-size: 480px 480px;
  will-change: transform;
}
#fz-sea .fzs-plankton-a { opacity: .7; animation: fzsPlanktonRise 90s linear infinite; }
#fz-sea .fzs-plankton-b { opacity: .45; background-size: 720px 720px; background-position: 200px 120px; animation: fzsPlanktonRise 140s linear infinite; }
@keyframes fzsPlanktonRise { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -480px, 0); } }


#fz-sea .fzs-contour {
  inset: -10% 0; display: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20600%20600%27%20fill%3D%27none%27%20stroke%3D%27%239fd8f5%27%20stroke-width%3D%271.1%27%20stroke-opacity%3D%27.9%27%3E%3Cpath%20d%3D%27M345.0%20300.0%20L346.7%20309.9%20L342.1%20318.7%20L335.2%20325.6%20L328.6%20331.8%20L321.2%20336.8%20L312.3%20337.8%20L303.5%20333.8%20L297.0%20328.8%20L290.8%20328.3%20L281.2%20332.5%20L268.0%20335.5%20L256.7%20331.5%20L253.4%20320.8%20L258.1%20308.9%20L265.0%20300.0%20L268.5%20293.3%20L269.0%20286.2%20L270.5%20278.6%20L275.1%20272.3%20L281.2%20267.5%20L287.5%20261.7%20L295.2%20254.2%20L305.3%20249.2%20L315.5%20252.2%20L321.2%20263.2%20L321.6%20276.1%20L321.4%20284.5%20L326.4%20288.2%20L336.4%20292.3%20Z%27%2F%3E%3Cpath%20d%3D%27M370.5%20300.0%20L374.1%20315.7%20L366.4%20329.5%20L351.8%20337.6%20L337.7%20341.9%20L327.0%20346.7%20L317.3%20353.2%20L306.1%20358.3%20L293.8%20359.2%20L281.5%20357.0%20L268.6%20354.4%20L254.2%20350.9%20L240.9%20342.9%20L234.5%20329.2%20L237.7%20313.2%20L246.5%20300.0%20L252.8%20290.0%20L253.1%20279.1%20L251.5%20264.8%20L254.7%20249.7%20L265.0%20239.3%20L279.0%20235.3%20L293.2%20235.0%20L306.7%20235.9%20L319.8%20239.1%20L330.6%20247.0%20L337.2%20258.7%20L341.2%20270.0%20L347.7%20278.7%20L359.0%20287.5%20Z%27%2F%3E%3Cpath%20d%3D%27M390.8%20300.0%20L392.9%20319.7%20L385.1%20337.9%20L368.6%20349.8%20L350.1%20355.6%20L335.1%20360.8%20L322.8%20370.2%20L308.6%20382.2%20L290.6%20389.8%20L271.5%20387.8%20L255.0%20377.9%20L241.7%20364.7%20L230.3%20350.6%20L221.8%20334.8%20L219.1%20317.2%20L222.8%20300.0%20L228.6%20284.8%20L231.6%20269.6%20L232.7%20251.1%20L237.7%20230.8%20L251.1%20215.3%20L270.9%20210.5%20L291.1%20215.2%20L308.1%20222.7%20L323.4%20228.1%20L339.0%20232.4%20L354.1%20239.9%20L366.2%20251.9%20L375.3%20266.5%20L383.4%20282.3%20Z%27%2F%3E%3Cpath%20d%3D%27M408.8%20300.0%20L405.4%20322.4%20L397.9%20343.6%20L384.3%20361.3%20L366.2%20373.5%20L347.6%20382.4%20L330.1%20392.7%20L311.1%20405.5%20L287.9%20415.2%20L262.9%20414.0%20L242.2%20400.1%20L228.7%20379.2%20L219.8%20358.3%20L211.0%20339.6%20L202.1%20320.8%20L196.8%20300.0%20L198.0%20278.3%20L204.2%20257.4%20L212.8%20236.7%20L224.3%20216.0%20L241.6%20198.8%20L264.6%20191.0%20L288.9%20194.6%20L310.1%20204.3%20L328.5%20212.4%20L348.2%20216.5%20L370.6%20221.6%20L391.3%20233.7%20L404.7%20253.4%20L409.4%20276.7%20Z%27%2F%3E%3Cpath%20d%3D%27M427.7%20300.0%20L417.9%20325.1%20L408.9%20348.5%20L398.9%20371.9%20L384.0%20393.3%20L363.3%20409.7%20L339.3%20421.0%20L313.6%20429.5%20L285.9%20434.6%20L257.1%20431.9%20L232.0%20417.7%20L215.0%20394.5%20L204.9%20369.1%20L195.8%20346.4%20L183.7%20324.7%20L171.7%20300.0%20L167.5%20271.8%20L175.0%20244.4%20L191.8%20221.4%20L212.7%20203.0%20L235.3%20188.0%20L260.2%20177.6%20L286.9%20174.9%20L312.6%20180.0%20L336.3%20188.4%20L360.0%20196.0%20L386.3%20204.2%20L412.0%20218.6%20L429.6%20242.3%20L434.1%20271.5%20Z%27%2F%3E%3Cpath%20d%3D%27M448.3%20300.0%20L436.0%20328.9%20L424.4%20355.4%20L414.5%20383.2%20L401.1%20412.2%20L379.0%20436.8%20L349.1%20451.1%20L316.3%20454.7%20L284.1%20451.3%20L253.3%20443.6%20L224.9%20430.2%20L201.4%20409.5%20L184.8%20383.7%20L172.5%20356.7%20L160.4%20329.7%20L148.3%20300.0%20L142.6%20266.5%20L150.3%20233.4%20L171.8%20206.9%20L200.3%20189.3%20L229.0%20177.0%20L256.4%20165.8%20L284.9%20156.3%20L315.5%20153.0%20L346.0%20158.3%20L374.9%20170.3%20L402.1%20186.6%20L427.5%20207.4%20L446.6%20234.7%20L453.8%20267.3%20Z%27%2F%3E%3Cpath%20d%3D%27M469.0%20300.0%20L460.7%20334.1%20L447.8%20365.8%20L433.8%20397.2%20L416.8%20429.7%20L391.7%20458.9%20L357.4%20476.6%20L318.8%20478.8%20L282.2%20469.2%20L249.5%20455.4%20L218.5%20441.1%20L188.5%20423.9%20L162.3%20400.0%20L143.4%20369.7%20L131.6%20335.8%20L125.0%20300.0%20L124.2%20262.6%20L133.5%20225.9%20L155.5%20195.0%20L186.6%20174.1%20L219.7%20161.0%20L251.1%20149.5%20L282.8%20136.7%20L318.2%20127.1%20L355.8%20128.3%20L390.5%20143.2%20L418.7%20168.2%20L440.6%20197.8%20L457.7%20229.8%20L468.1%20264.3%20Z%27%2F%3E%3Cpath%20d%3D%27M488.9%20300.0%20L488.4%20340.0%20L477.1%20378.8%20L457.4%20414.4%20L432.1%20446.7%20L400.9%20474.8%20L363.0%20494.0%20L320.9%20498.8%20L280.1%20489.6%20L243.7%20473.2%20L209.8%20456.3%20L175.0%20438.9%20L140.9%20415.6%20L114.5%20382.6%20L101.3%20342.2%20L100.9%20300.0%20L108.8%20259.4%20L122.6%20221.0%20L143.5%20186.3%20L172.5%20158.4%20L206.9%20138.8%20L243.1%20124.9%20L280.3%20112.9%20L320.6%20103.7%20L363.6%20104.2%20L403.8%20120.2%20L434.6%20150.5%20L454.8%20187.5%20L469.0%20224.8%20L480.9%20261.6%20Z%27%2F%3E%3Cpath%20d%3D%27M509.6%20300.0%20L514.6%20345.6%20L506.0%20391.7%20L482.1%20432.3%20L447.7%20464.1%20L408.5%20488.0%20L366.7%20505.2%20L322.5%20513.9%20L277.8%20511.1%20L235.7%20497.8%20L196.8%20478.7%20L158.9%20456.7%20L121.9%20429.4%20L91.4%20392.9%20L75.7%20347.7%20L77.6%20300.0%20L92.1%20255.8%20L111.4%20216.0%20L132.6%20178.4%20L158.7%20143.0%20L192.5%20113.8%20L233.2%2094.3%20L277.3%2084.2%20L323.0%2081.5%20L369.2%2087.0%20L412.8%20104.6%20L448.0%20135.7%20L471.4%20175.5%20L486.1%20217.2%20L498.2%20257.9%20Z%27%2F%3E%3Cpath%20d%3D%27M533.6%20300.0%20L537.6%20350.5%20L529.0%20402.0%20L503.1%20447.6%20L463.0%20481.1%20L416.9%20502.5%20L370.5%20516.9%20L323.9%20527.6%20L275.6%20532.3%20L226.6%20525.8%20L180.7%20506.7%20L139.8%20477.9%20L104.2%20442.3%20L75.3%20400.1%20L58.2%20351.4%20L57.6%20300.0%20L72.0%20251.5%20L94.1%20208.3%20L118.0%20167.8%20L144.5%20127.3%20L178.9%2090.2%20L223.4%2064.2%20L274.2%2054.3%20L325.3%2058.9%20L373.7%2073.1%20L418.7%2094.4%20L458.4%20124.1%20L489.3%20162.5%20L510.1%20206.5%20L523.8%20252.4%20Z%27%2F%3E%3Cpath%20d%3D%27M561.7%20300.0%20L558.5%20355.0%20L544.9%20409.0%20L517.5%20458.0%20L476.4%20495.9%20L427.2%20520.3%20L376.3%20534.9%20L325.8%20545.9%20L273.3%20553.7%20L218.1%20552.0%20L164.8%20534.1%20L120.0%20499.9%20L86.4%20455.2%20L62.3%20405.8%20L46.7%20353.8%20L41.7%20300.0%20L49.9%20246.8%20L69.8%20197.5%20L96.8%20152.4%20L128.5%20109.5%20L167.2%2069.9%20L215.6%2040.4%20L271.5%2028.8%20L327.7%2036.6%20L378.8%2057.5%20L424.8%2083.8%20L467.9%20113.5%20L507.0%20149.6%20L537.4%20194.3%20L555.3%20245.7%20Z%27%2F%3E%3Cpath%20d%3D%27M590.9%20300.0%20L579.4%20359.4%20L557.4%20414.6%20L527.0%20464.9%20L487.3%20508.0%20L438.7%20540.3%20L384.7%20560.6%20L328.6%20572.1%20L270.8%20577.6%20L210.9%20574.2%20L152.4%20555.7%20L103.0%20518.7%20L68.6%20468.2%20L47.6%20412.4%20L34.7%20356.4%20L26.9%20300.0%20L27.8%20242.1%20L42.1%20185.2%20L70.7%20133.4%20L109.9%2088.9%20L156.7%2051.8%20L210.4%2024.2%20L269.6%2011.2%20L329.8%2016.7%20L385.2%2037.9%20L434.4%2067.2%20L480.4%2099.6%20L524.8%20136.6%20L562.9%20183.0%20L586.3%20239.1%20Z%27%2F%3E%3C%2Fsvg%3E");
  background-size: 600px 600px;
  opacity: .16;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 14%, transparent 24%, transparent 76%, #000 86%, #000 100%);
          mask-image: linear-gradient(90deg, #000 0%, #000 14%, transparent 24%, transparent 76%, #000 86%, #000 100%);
  will-change: transform;
  animation: fzsContourDrift 120s linear infinite;
}
@keyframes fzsContourDrift { from { transform: translate3d(0,0,0); } to { transform: translate3d(0,-600px,0); } }


#fz-sea .fzs-flora {
  bottom: 0; display: none;
  width: clamp(170px, 17vw, 430px); aspect-ratio: 420 / 640;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20420%20640%22%3E%20%3Cpath%20d=%22M0%20640%20C40%20596%20120%20586%20180%20604%20C240%20584%20330%20588%20420%20622%20L420%20640%20Z%22%20fill=%22%23020C10%22%20fill-opacity=%22.92%22/%3E%20%3Cpath%20d=%22M150%20640%20C190%20600%20260%20598%20300%20618%20C330%20606%20370%20608%20400%20622%20L400%20640%20Z%22%20fill=%22%2303141A%22%20fill-opacity=%22.9%22/%3E%20%3Cpath%20d=%22M52%20630%20C92%20510%208%20420%2060%20300%20C102%20204%2044%20140%2076%2030%20L110%2040%20C82%20148%20138%20210%2096%20310%20C52%20424%20128%20512%2092%20630%20Z%22%20fill=%22%2303141C%22%20fill-opacity=%22.92%22/%3E%20%3Cpath%20d=%22M128%20634%20C102%20540%20170%20468%20136%20368%20C110%20292%20150%20234%20128%20140%20L156%20136%20C176%20236%20140%20296%20166%20370%20C200%20472%20126%20544%20160%20634%20Z%22%20fill=%22%2304181F%22%20fill-opacity=%22.92%22/%3E%20%3Cpath%20d=%22M18%20638%20C40%20568%200%20516%2028%20444%20C46%20396%2024%20350%2040%20286%20L66%20292%20C50%20352%2074%20398%2056%20448%20C30%20520%2066%20570%2050%20638%20Z%22%20fill=%22%23020D12%22%20fill-opacity=%22.92%22/%3E%20%3Cg%20transform=%22translate(282,626)%22%3E%20%3Cpath%20d=%22M0%200%20C-96%20-30%20-128%20-128%20-96%20-196%20C-64%20-160%20-40%20-150%20-8%20-158%20C24%20-150%2052%20-158%2084%20-196%20C118%20-124%2084%20-28%200%200%20Z%22%20fill=%22%2304181F%22%20fill-opacity=%22.92%22/%3E%20%3Cg%20stroke=%22%230A2836%22%20stroke-opacity=%22.8%22%20stroke-width=%227%22%20fill=%22none%22%3E%20%3Cpath%20d=%22M-4%20-6%20L-78%20-168%22/%3E%20%3Cpath%20d=%22M-2%20-8%20L-38%20-158%22/%3E%20%3Cpath%20d=%22M0%20-8%20L2%20-164%22/%3E%20%3Cpath%20d=%22M2%20-8%20L40%20-156%22/%3E%20%3Cpath%20d=%22M4%20-6%20L72%20-166%22/%3E%20%3C/g%3E%20%3C/g%3E%20%3Cg%20stroke=%22%2305161E%22%20stroke-linecap=%22round%22%20fill=%22none%22%3E%20%3Cpath%20d=%22M382%20632%20C378%20584%20372%20556%20358%20524%20M358%20524%20C350%20502%20334%20488%20322%20478%20M358%20524%20C364%20496%20378%20480%20390%20470%20M382%20632%20C390%20580%20400%20556%20414%20532%22%20stroke-width=%2217%22%20stroke-opacity=%22.9%22/%3E%20%3Cpath%20d=%22M346%20636%20C340%20600%20330%20580%20314%20560%20M314%20560%20C306%20548%20296%20540%20286%20534%22%20stroke-width=%2212%22%20stroke-opacity=%22.9%22/%3E%20%3C/g%3E%20%3Ccircle%20cx=%22322%22%20cy=%22478%22%20r=%226%22%20fill=%22%23C9A24B%22%20fill-opacity=%22.55%22/%3E%20%3Ccircle%20cx=%22390%22%20cy=%22470%22%20r=%225%22%20fill=%22%23C9A24B%22%20fill-opacity=%22.45%22/%3E%20%3Ccircle%20cx=%22286%22%20cy=%22534%22%20r=%224%22%20fill=%22%23C9A24B%22%20fill-opacity=%22.4%22/%3E%20%3Cpath%20d=%22M76%2030%20L110%2040%22%20stroke=%22%23C9A24B%22%20stroke-width=%224%22%20stroke-opacity=%22.3%22%20stroke-linecap=%22round%22/%3E%20%3Cg%20stroke=%22%238CDCFF%22%20stroke-opacity=%22.28%22%20stroke-width=%223%22%20fill=%22none%22%20stroke-linecap=%22round%22%3E%20%3Cpath%20d=%22M76%2030%20C44%20140%20102%20204%2060%20300%20C8%20420%2092%20510%2052%20630%22/%3E%20%3C/g%3E%20%3C/svg%3E") center bottom / contain no-repeat;
  transform-origin: 50% 100%;
}
#fz-sea .fzs-flora-l { left: -6px; animation: fzsSwayL 16s ease-in-out infinite alternate; }
#fz-sea .fzs-flora-r { right: -6px; animation: fzsSwayR 19s ease-in-out infinite alternate; }
@keyframes fzsSwayL { from { transform: rotate(-.7deg); } to { transform: rotate(.9deg); } }
@keyframes fzsSwayR { from { transform: scaleX(-1) rotate(-.9deg); } to { transform: scaleX(-1) rotate(.7deg); } }


#fz-sea .fzs-shark-big {
  top: 30vh; left: 0; display: none;
  width: min(360px, 24vw); aspect-ratio: 260 / 120;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20260%20120%22%3E%20%3Cpath%20d=%22M10%2058%20C6%2044%2010%2026%204%2012%20C22%2024%2040%2042%2048%2052%20C70%2040%20100%2032%20132%2032%20C140%2020%20152%2010%20166%206%20C163%2016%20161%2026%20162%2034%20C186%2038%20212%2046%20234%2056%20C240%2059%20246%2062%20250%2066%20C230%2076%20202%2084%20172%2087%20C166%2096%20156%20105%20143%20108%20C146%20100%20148%2093%20149%2087%20C112%2088%2066%2080%2034%2066%20C28%2072%2018%2078%208%2080%20C12%2072%2013%2064%2010%2058%20Z%22%20fill=%22%2302090E%22%20fill-opacity=%22.78%22/%3E%20%3Cpath%20d=%22M10%2058%20C6%2044%2010%2026%204%2012%20C22%2024%2040%2042%2048%2052%20C70%2040%20100%2032%20132%2032%20C140%2020%20152%2010%20166%206%20C163%2016%20161%2026%20162%2034%20C186%2038%20212%2046%20234%2056%20C240%2059%20246%2062%20250%2066%20C230%2076%20202%2084%20172%2087%20C166%2096%20156%20105%20143%20108%20C146%20100%20148%2093%20149%2087%20C112%2088%2066%2080%2034%2066%20C28%2072%2018%2078%208%2080%20C12%2072%2013%2064%2010%2058%20Z%22%20fill=%22none%22%20stroke=%22%238CDCFF%22%20stroke-opacity=%22.4%22%20stroke-width=%222.5%22/%3E%20%3Cg%20stroke=%22%238CDCFF%22%20stroke-opacity=%22.32%22%20stroke-width=%222%22%20fill=%22none%22%3E%20%3Cpath%20d=%22M196%2048%20C194%2056%20194%2064%20196%2072%22/%3E%20%3Cpath%20d=%22M204%2050%20C202%2057%20202%2064%20204%2071%22/%3E%20%3Cpath%20d=%22M212%2052%20C210%2058%20210%2064%20212%2070%22/%3E%20%3C/g%3E%20%3C/svg%3E") center / contain no-repeat;
  animation: fzsSharkBigSwim 130s linear -42s infinite;
  will-change: transform;
}
@keyframes fzsSharkBigSwim { from { transform: translate3d(-30vw, 0, 0); } to { transform: translate3d(135vw, 3vh, 0); } }


#fz-sea .fzs-vignette {
  inset: 0;
  background:
    radial-gradient(ellipse 42% 60% at 50% 22%, rgba(80,200,240,.10), transparent 70%),
    radial-gradient(ellipse 90% 90% at 50% 40%, transparent 50%, rgba(2,10,16,.55) 100%),
    linear-gradient(180deg, transparent 70%, rgba(2,10,16,.45) 100%);
}

@media (min-width: 1280px) {
  #fz-sea .fzs-flora, #fz-sea .fzs-shark-big, #fz-sea .fzs-contour { display: block; }
}


@media (max-width: 768px) {
  #fz-sea .fzs-caustic-b, #fz-sea .fzs-plankton-b, #fz-sea .fzs-rays-b { display: none; }
  #fz-sea .fzs-caustic-a { opacity: .24; animation: none; }
  #fz-sea .fzs-rays-a { animation: none; }
  #fz-sea .fzs-plankton-a { animation: none; height: 100vh; }
}






#fz-provider-wall .section-title b { color: var(--fz-gold, #F5C842); }
#fz-provider-wall .fzpw-viewport {
  display: flex; flex-direction: column; gap: 16px;
  overflow: hidden; position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
#fz-provider-wall .fzpw-row { overflow: hidden; }
#fz-provider-wall .fzpw-track {
  display: flex; align-items: center; gap: 26px;
  width: max-content; will-change: transform;
  animation: fzpwScroll 60s linear infinite;
}
#fz-provider-wall .fzpw-b .fzpw-track { animation-duration: 75s; animation-direction: reverse; }
@keyframes fzpwScroll {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
#fz-provider-wall .fzpw-track img {
  height: 44px; width: auto; max-width: 120px; object-fit: contain;
  border-radius: 8px;
  opacity: .72; filter: grayscale(1) brightness(1.55);
  transition: filter .25s, opacity .25s;
}
@media (max-width: 979.98px) {
  #fz-provider-wall .fzpw-track { gap: 18px; }
  #fz-provider-wall .fzpw-track img { height: 34px; max-width: 96px; }
}
@keyframes af-pulse { 0%, 100% { box-shadow: 0 0 0 2px rgba(30,213,113,.2), 0 0 8px rgba(30,213,113,.9); } 50% { box-shadow: 0 0 0 3px rgba(30,213,113,.1), 0 0 3px rgba(30,213,113,.5); } }






#modal-invite.af-v4 {
  --af-gold: var(--fz-gold, #F5C842);
  --af-gold-hi: var(--fz-gold-hi, #FFE082);
  --af-gold-soft: var(--fz-gold-soft, rgba(245,200,66,.12));
  --af-on-gold: var(--fz-on-gold, #14110A);
  --af-cyan: var(--fz-cyan, #29B6E8);
  --af-cyan-soft: var(--fz-cyan-soft, rgba(41,182,232,.12));
  --af-green: var(--fz-green, #1ED571);
  --af-warn: var(--fz-warn, #F5A623);
  --af-danger: var(--fz-danger, #E0524D);
  --af-text: var(--fz-text, #E8EAEF);
  --af-text2: var(--fz-text-2, #A6B0BC);
  --af-text3: var(--fz-text-3, #6E7B88);
  --af-tile: rgba(4,16,24,.48);
  --af-tile2: rgba(4,16,24,.60);
  --af-line: rgba(41,182,232,.14);
  --af-line2: rgba(41,182,232,.26);
  --af-font: var(--fz-font-body, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  --af-display: var(--fz-font-display, Oswald, Inter, sans-serif);
  --af-mono: var(--fz-font-mono, "JetBrains Mono", ui-monospace, monospace);
}
@keyframes afCausticA { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-5%,4%,0) scale(1.06); } }
@keyframes afCausticB { from { transform: translate3d(0,0,0) scale(1.04); } to { transform: translate3d(5%,-3%,0) scale(1); } }
@keyframes afRaySway { from { transform: translateX(-50%) rotate(-2.5deg); } to { transform: translateX(-50%) rotate(2.5deg); } }
@keyframes af-shimmer { 0% { background-position: 150% 0; } 100% { background-position: -150% 0; } }
@keyframes af-pulse { 0%, 100% { box-shadow: 0 0 0 2px rgba(30,213,113,.2), 0 0 8px rgba(30,213,113,.9); } 50% { box-shadow: 0 0 0 3px rgba(30,213,113,.1), 0 0 3px rgba(30,213,113,.5); } }


@media (max-width: 979px) {
  html body #modal-invite.af-v4.modal-backdrop {
    inset: var(--fz-screen-top, 64px) 0 0 0 !important; z-index: 45 !important; padding: 0 !important;
    background: transparent !important; align-items: stretch !important; justify-content: stretch !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
}


@media (min-width: 980px) {
  html body #modal-invite.af-v4.modal-backdrop { background: radial-gradient(ellipse at 50% 20%, rgba(14,77,84,.38), rgba(3,10,16,.80) 70%) !important; backdrop-filter: blur(10px) saturate(1.1); -webkit-backdrop-filter: blur(10px) saturate(1.1); align-items: center !important; justify-content: center !important; padding: 24px !important; }
}


.toast { white-space: normal !important; overflow-wrap: anywhere; max-width: calc(100vw - 32px) !important; box-sizing: border-box; line-height: 1.45; }