: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);
}


.bs-d-marquee {
  position: relative;
  background: #043642;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 8px 0;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  z-index: 36;
}
.bs-d-marquee::before,
.bs-d-marquee::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; width: 50px;
  z-index: 2; pointer-events: none;
}
.bs-d-marquee::before { left: 0; background: linear-gradient(90deg, #043642, transparent); }
.bs-d-marquee::after  { right: 0; background: linear-gradient(-90deg, #043642, transparent); }
@keyframes bs-d-marquee-shimmer {
  0%,100% { background-position: 0% 50%; }
  50%     { background-position: 100% 50%; }
}
.bs-d-marquee-track {
  display: inline-flex;
  align-items: center;
  gap: 38px;
  padding-left: 100%;
  animation: bs-d-marquee-scroll 70s linear infinite;
}
@keyframes bs-d-marquee-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.bs-d-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.4px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.bs-d-marquee-item .pill {
  display: inline-block;
  background: var(--d-gold);
  color: #0e1b14;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.6px;
  box-shadow: 0 2px 6px rgba(245,200,66,0.4);
}
.bs-d-marquee-item .ico {
  font-size: 14px; line-height: 1;
}
.bs-d-marquee-sep { color: var(--d-gold); opacity: 0.6; font-size: 14px; }


#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:hover {
  transform: translateY(-2px);
  border-color: var(--d-gold);
  box-shadow: 0 6px 18px rgba(245,200,66,0.18);
}
#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; }


.game-tile { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.game-tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(245,200,66,0.28),
              0 0 0 1.5px rgba(245,200,66,0.6);
}


.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);
}
.bs-d-hero-mascot {
  position: absolute;
  right: -8px;
  bottom: -6px;
  width: 110px;
  height: auto;
  z-index: 1;
  pointer-events: none;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,0.5));
  animation: bs-d-mascot-bob 3.6s ease-in-out infinite;
}
@keyframes bs-d-mascot-bob {
  0%,100% { transform: translateY(0) rotate(-2deg); }
  50%     { transform: translateY(-6px) rotate(2deg); }
}
.btn-gold {
  background: linear-gradient(180deg, var(--d-gold-light) 0%, var(--d-gold) 50%, var(--d-gold-dark) 100%);
  color: #0e1b14;
  font-weight: 900;
  letter-spacing: 0.6px;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(245,200,66,0.35), inset 0 1px 0 rgba(255,255,255,0.5);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-gold:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(245,200,66,0.55), inset 0 1px 0 rgba(255,255,255,0.5);
  filter: brightness(1.06);
}


.livetx-card {
  border: 1px solid var(--d-border-bright);
  background: linear-gradient(180deg, var(--d-surface) 0%, var(--d-bg-deep) 100%);
}
.livetx-header { background: linear-gradient(90deg, var(--d-green-dark), var(--d-green)); }
.livetx-title  { color: var(--d-gold-light) !important; }
.livetx-live   { color: #fff; }
.livetx-live .dot { background: #34d399; box-shadow: 0 0 8px #34d399; }
.livetx-row    {
  border-bottom: 1px solid rgba(31,69,48,0.6);
  transition: background 0.3s;
}
.livetx-row.bs-d-new {
  animation: bs-d-row-flash 1.6s ease-out;
}
@keyframes bs-d-row-flash {
  0%   { background: rgba(20,176,103,0.22); }
  100% { background: transparent; }
}
.livetx-row .amt-in  { color: var(--d-green-light) !important; }
.livetx-row .amt-out { color: var(--d-gold-light) !important; }


.bs-d-bigwin-strip {
  position: fixed;
  left: 0; right: 0;
  bottom: 60px;          
  z-index: 25;
  pointer-events: none;
  display: flex;
  justify-content: center;
  padding: 0 8px;
}
@media (min-width: 768px) { .bs-d-bigwin-strip { bottom: 12px; } }
.bs-d-bigwin {
  background: linear-gradient(90deg, rgba(13,122,62,0.92), rgba(20,176,103,0.92));
  border: 1px solid var(--d-gold);
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5), 0 0 0 3px rgba(245,200,66,0.12);
  display: inline-flex; align-items: center; gap: 8px;
  max-width: 92vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(80px); opacity: 0;
  transition: transform 0.45s cubic-bezier(.2,.8,.3,1.1), opacity 0.45s;
  pointer-events: auto;
}
.bs-d-bigwin.show { transform: translateY(0); opacity: 1; }
.bs-d-bigwin .ico { font-size: 14px; }
.bs-d-bigwin .amt { color: var(--d-gold-light); font-weight: 900; }


.checkin-day {
  position: relative;
  background: linear-gradient(180deg, var(--d-surface-2), var(--d-surface));
  border: 1.5px solid var(--d-border);
  border-radius: 12px;
  padding: 10px 4px 9px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #b8d0c1;
  transition: transform 0.15s, box-shadow 0.15s;
  overflow: hidden;
}
.checkin-day::before {
  content: "";
  position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 30%, rgba(245,200,66,0.0), transparent);
  transition: background 0.3s;
}
.checkin-day.claimed {
  background: linear-gradient(180deg, var(--d-green-dark), #052817);
  border-color: var(--d-green-light);
  color: var(--d-green-light);
}
.checkin-day.claimed::after {
  content: "✓";
  position: absolute;
  top: 4px; right: 6px;
  color: var(--d-green-light);
  font-size: 12px;
  font-weight: 900;
  text-shadow: 0 0 4px var(--d-green-glow);
}
.checkin-day.today {
  background: linear-gradient(180deg, var(--d-gold-light), var(--d-gold) 65%, var(--d-gold-dark));
  border-color: var(--d-gold);
  color: #0e1b14;
  box-shadow: 0 0 0 3px rgba(245,200,66,0.18), 0 6px 16px rgba(245,200,66,0.3);
  animation: bs-d-today-pulse 2s ease-in-out infinite;
}
@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); }
}


.bs-d-checkin-info {
  background: rgba(13,122,62,0.14);
  border: 1px solid rgba(20,176,103,0.3);
  border-radius: 10px;
  padding: 9px 11px;
  font-size: 11px;
  line-height: 1.5;
  color: #c9e0d2;
  margin-bottom: 12px;
}
.bs-d-checkin-info b { color: var(--d-gold-light); }


.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; }
.bnav-center {
  background: linear-gradient(180deg, var(--d-gold-light) 0%, var(--d-gold) 60%, var(--d-gold-dark) 100%) !important;
  box-shadow: 0 0 0 4px var(--d-bg-deep), 0 6px 20px rgba(245,200,66,0.55);
}
.bnav-item.active .bnav-center {
  animation: bs-d-center-pulse 2.4s ease-in-out infinite;
}
@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); }
}
.bnav-badge {
  background: linear-gradient(180deg, #ef4444, #b91c1c) !important;
  box-shadow: 0 2px 6px rgba(239,68,68,0.5);
}


.promo-card, .hot-promo-card {
  position: relative;
  overflow: hidden;
}
.bs-d-promo-mascot {
  position: absolute;
  right: -10px;
  bottom: -12px;
  width: 78px;
  height: auto;
  opacity: 0.95;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.45));
  pointer-events: none;
  z-index: 0;
}
.hot-promo-card .bs-d-promo-mascot { width: 56px; right: -6px; bottom: -8px; opacity: 0.85; }
.promo-card > *, .hot-promo-card > * { position: relative; z-index: 1; }


.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));
}


.vip-strip {
  background: linear-gradient(135deg, var(--d-surface-2) 0%, var(--d-surface) 60%, var(--d-bg-deep) 100%);
  border: 1px solid var(--d-border-bright);
}
.vip-tier.gold .vip-tier-ico,
.vip-tier.platinum .vip-tier-ico,
.vip-tier.diamond .vip-tier-ico {
  background: linear-gradient(180deg, var(--d-gold-light), var(--d-gold-dark));
  color: #0e1b14;
}


#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;
}


.hero-coin-shower::before,
.hero-coin-shower::after {
  filter: hue-rotate(-10deg) brightness(1.05);
}


@media (min-width: 768px) {
  body { padding-bottom: 0; }
  .bs-d-bigwin-strip { bottom: 16px; }
}



.hot-promo-card .bs-d-promo-mascot { display: none !important; }

.hot-promo-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 18px 18px 14px 22px !important;
  border-radius: 14px !important;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  min-height: 168px !important;
  
  background: linear-gradient(180deg, rgba(20,24,38,0.96) 0%, rgba(13,16,28,0.98) 100%) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-left: 3px solid var(--c) !important;
  box-shadow:
    0 4px 18px rgba(0,0,0,0.45),
    inset 1px 0 0 color-mix(in srgb, var(--c) 22%, transparent) !important;
  overflow: hidden !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.hot-promo-card::before, .hot-promo-card::after { display: none !important; content: none !important; }

.hot-promo-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,255,255,0.12) !important;
  border-left-color: var(--c) !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,0.55),
    0 0 0 1px color-mix(in srgb, var(--c) 18%, transparent),
    inset 1px 0 0 color-mix(in srgb, var(--c) 50%, transparent) !important;
}
.hot-promo-card:active { transform: scale(0.985) translateY(-1px); }
.hot-promo-card > * { position: relative !important; z-index: 1 !important; }


.hot-promo-card .hpc-head {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 10px !important;
  flex: 0 0 auto !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}
.hot-promo-card .hpc-dot {
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: var(--c) !important;
  box-shadow: 0 0 8px var(--c) !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}
.hot-promo-card .hpc-tag {
  color: var(--c) !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
}
.hot-promo-card .hpc-sep {
  color: rgba(255,255,255,0.25) !important;
}
.hot-promo-card .hpc-time {
  color: rgba(255,255,255,0.5) !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
}


.hot-promo-card .hpc-fig {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  margin: 0 0 8px !important;
  letter-spacing: -2px !important;
  flex: 0 0 auto !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  font-family: -apple-system, "SF Pro Display", system-ui, sans-serif !important;
}
.hot-promo-card .hpc-num {
  font-size: 48px !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  background: linear-gradient(135deg, #ffffff 0%, color-mix(in srgb, var(--c) 65%, #ffffff) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  font-family: inherit !important;
}
.hot-promo-card .hpc-unit {
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: var(--c) !important;
  letter-spacing: 0 !important;
  font-family: inherit !important;
}
.hot-promo-card .hpc-fig[data-kind="amount"] .hpc-num { font-size: 38px !important; }
.hot-promo-card .hpc-fig[data-kind="amount"] .hpc-unit { font-size: 16px !important; align-self: flex-start !important; margin-top: 4px !important; }
.hot-promo-card .hpc-fig[data-kind="icon"] .hpc-num {
  font-size: 40px !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
  color: inherit !important;
}
.hot-promo-card .hpc-fig[data-kind="icon"] .hpc-unit { display: none !important; }


.hot-promo-card .hpc-desc {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: rgba(255,255,255,0.78) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
  letter-spacing: 0.1px !important;
  display: block !important;
}


.hot-promo-card .hpc-cta {
  margin-top: auto !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  color: var(--c) !important;
  text-transform: uppercase !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  width: auto !important;
  height: auto !important;
}
.hot-promo-card .hpc-cta::after {
  content: "→" !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--c) !important;
  transition: transform .22s ease;
  background: none !important;
  border: none !important;
  width: auto !important; height: auto !important;
  position: static !important;
  display: inline !important;
}
.hot-promo-card:hover .hpc-cta::after { transform: translateX(4px); }


@media (max-width: 600px) {
  .hot-promo-card { min-height: 154px !important; padding: 16px 16px 12px 20px !important; }
  .hot-promo-card .hpc-num { font-size: 44px !important; }
  .hot-promo-card .hpc-fig[data-kind="amount"] .hpc-num { font-size: 34px !important; }
}
@media (min-width: 1280px) {
  .hot-promo-card { min-height: 176px !important; padding: 20px 20px 16px 24px !important; }
  .hot-promo-card .hpc-num { font-size: 52px !important; }
  .hot-promo-card .hpc-fig[data-kind="amount"] .hpc-num { font-size: 42px !important; }
}


.promo-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  padding: 4px 0 !important;
}
@media (max-width: 1023px) {
  .promo-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
  .promo-grid {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .promo-grid::-webkit-scrollbar { display: none; }
  .promo-grid > .hot-promo-card {
    flex: 0 0 78% !important;
    min-width: 240px !important;
    max-width: 300px !important;
    scroll-snap-align: start;
  }
}


.hot-promo-card .hpc-fig[data-kind="amount"] .hpc-unit { order: -1 !important; }


.promo-card-static .urgency-badge,
.promo-card-static .countdown-badge,
.promo-card-static .promo-icon,
.promo-card-static .promo-text,
.promo-card-static .promo-claim,
.promo-card .bs-d-promo-mascot,
.promo-card-static .bs-d-promo-mascot {
  display: none !important;
}






: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; }
  h2, .h2 { font-size: 18px; line-height: 1.3; font-weight: 700; }
  h3, .h3 { font-size: 15px; line-height: 1.35; font-weight: 700; }
}


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;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="password"],
input[type="number"], select, textarea {
  font-size: 16px !important;     
  min-height: var(--m-touch);
  border-radius: var(--m-radius-sm);
  box-sizing: border-box;
}


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;
}
.h-scroll::-webkit-scrollbar,
.promo-grid::-webkit-scrollbar,
.hot-promo-track::-webkit-scrollbar,
.games-grid-scroll::-webkit-scrollbar,
.feat-row::-webkit-scrollbar,
.cat-row::-webkit-scrollbar,
.vip-tiers::-webkit-scrollbar { display: none; }


.card, .panel-card, .promo-card-static {
  background: linear-gradient(180deg, rgba(20,24,38,0.96), rgba(13,16,28,0.98));
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: var(--m-radius-md);
  box-shadow: var(--m-shadow-1);
}


img { -webkit-tap-highlight-color: transparent; }
img.lazy-load:not([src]) { opacity: 0; }


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


::selection { background: rgba(251,191,36,0.4); color: #fff; }


@media (max-width: 600px) {
  .modal .modal-body, .modal-content {
    border-radius: 16px 16px 0 0 !important;
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
    margin-bottom: 0 !important;
    margin-top: auto !important;
  }
  .modal { align-items: flex-end !important; }
}


.bnav {
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  box-shadow: 0 -2px 16px rgba(0,0,0,0.5);
}
.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; }
  .hero-cta .btn-gold { font-size: 11.5px; padding: 9px 18px; }
}


@media (max-width: 600px) {
  .games-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: var(--m-card-gap) !important;
  }
  .game-tile {
    aspect-ratio: 3/4 !important;
    border-radius: var(--m-radius-md) !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) {
  .feat-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: var(--m-card-gap) !important;
  }
  .feat-tile {
    aspect-ratio: 1/1 !important;
    padding: 8px !important;
    border-radius: var(--m-radius-md) !important;
    min-height: 0 !important;
  }
  .feat-ico-wrap {
    width: 32px !important; height: 32px !important;
    border-radius: 8px !important;
  }
  .feat-lbl { font-size: 10px !important; margin-top: 4px !important; }
}


@media (max-width: 600px) {
  .vip-tiers {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto;
  }
  .vip-tier {
    flex: 0 0 64px !important;
    min-height: 78px !important;
    border-radius: var(--m-radius-md) !important;
  }
  .vip-tier-ico { font-size: 16px !important; }
  .vip-tier-lbl { font-size: 9.5px !important; }
}


@media (max-width: 600px) {
  .livetx-row, .live-tx-row {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
  .live-tx, .livetx-strip {
    border-radius: var(--m-radius-md) !important;
  }
}


@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) {
  footer, .footer {
    padding: 24px var(--m-gut) 32px !important;
    text-align: center;
    font-size: 11.5px;
  }
  .footer-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px;
    text-align: left;
  }
}


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


@media (max-width: 600px) {
  .bs-d-marquee { font-size: 11px !important; }
  .bs-d-marquee-item { padding: 6px 8px !important; gap: 6px !important; }
  .bs-d-marquee-item .ico { font-size: 13px !important; }
  .bs-d-marquee-item .pill { font-size: 9px !important; padding: 2px 7px !important; }
}


* { -webkit-overflow-scrolling: touch; }
img, video, iframe { max-width: 100%; height: auto; }
.section > *, .bs-container > * { max-width: 100%; }


.game-tile:active, .feat-tile:active, .vip-tier:active,
.hot-promo-card:active, .promo-card-static:active {
  transform: scale(0.97) !important;
  transition: transform .1s ease;
}


.is-loading::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.05) 50%,
    rgba(255,255,255,0) 100%);
  background-size: 200% 100%;
  animation: m-skeleton 1.5s linear infinite;
  pointer-events: none;
  border-radius: inherit;
}
@keyframes m-skeleton { 0% {background-position: 200% 0;} 100% {background-position: -200% 0;} }



.marquee { display: none !important; } 
.marquee--legacy-unused {
  height: 24px !important;
  background: #043642 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden;
  padding: 0 !important;
}
.marquee-track {
  font-size: 10.5px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase;
  animation-duration: 35s !important;
}
.marquee-text {
  color: rgba(255,254,252,0.92) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !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);
}
@media (max-width: 374px) {
  .top-nav { padding: 0 10px !important; gap: 6px !important; }
}


.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;
}
.hamburger:active { transform: scale(0.94); background: rgba(251,191,36,0.18) !important; }
.hamburger svg { width: 18px !important; height: 18px !important; }


.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;
}
.brand-text {
  font-size: 17px !important;
  letter-spacing: 1.5px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 800 !important;
}
@media (max-width: 374px) {
  .brand-text { font-size: 14px !important; letter-spacing: 1px !important; }
  .brand-logo { width: 26px !important; height: 26px !important; flex: 0 0 26px !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-login:active { background: rgba(251,191,36,0.18) !important; transform: scale(0.97); }
.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-btn-register:active { transform: scale(0.97); box-shadow: 0 2px 6px rgba(251,191,36,0.5); }
@media (max-width: 374px) {
  .topnav-btn-login, .topnav-btn-register { padding: 0 10px !important; font-size: 11px !important; }
}


.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:active { transform: scale(0.97); background: rgba(251,191,36,0.25) !important; }
.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; }
@media (max-width: 374px) {
  .topnav-balance { padding: 0 9px !important; font-size: 11px !important; }
  .topnav-balance #topnav-balance-amt { font-size: 12px !important; }
}


.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:active,
.topnav-avatar:active { transform: scale(0.92); background: rgba(251,191,36,0.15) !important; border-color: rgba(251,191,36,0.4) !important; color: #fbbf24 !important; }
.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;
}
.topnav-dropdown-item {
  border-radius: 8px !important;
  font-size: 13px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
  transition: background .12s ease;
}
.topnav-dropdown-item:hover { background: rgba(251,191,36,0.08) !important; }
.topnav-dd-logout { border-top: 1px solid rgba(255,255,255,0.06) !important; margin-top: 4px; padding-top: 11px !important; }


.lang-pill {
  height: 30px !important;
  padding: 2px !important;
  border-radius: 99px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex-shrink: 0;
}
.lang-btn {
  height: 26px !important;
  min-width: 28px !important;
  padding: 0 9px !important;
  border-radius: 99px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  color: rgba(255,255,255,0.55) !important;
  background: transparent !important;
  border: none !important;
  transition: all .12s ease;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.lang-btn:active { transform: scale(0.92); }
.lang-btn.active {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #000 !important;
  box-shadow: 0 2px 6px rgba(251,191,36,0.4);
}
@media (max-width: 374px) {
  .lang-pill { display: none !important; } 
}


@media (max-width: 768px) {
  .top-nav-extra { display: none !important; }
  .partnership-btn { 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-row::-webkit-scrollbar { display: none; }

.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 {
  transform: scale(0.94);
  background: rgba(251,191,36,0.12) !important;
}
.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; }
}


.game-tile {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.06) !important;
  background: linear-gradient(135deg, #1e1b4b, #0f172a);
  box-shadow:
    0 4px 14px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.05);
  transition: transform .2s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .2s ease, border-color .2s ease;
  isolation: isolate;
}
.game-tile:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(251,191,36,0.4) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,0.55),
    0 0 0 1px rgba(251,191,36,0.25),
    inset 0 1px 0 rgba(251,191,36,0.15) !important;
}
.game-tile:active {
  transform: scale(0.96) !important;
  transition: transform .1s ease;
}


.game-tile.pgsoft     { background: linear-gradient(135deg, #7c2d12 0%, #ea580c 50%, #7c2d12 100%) !important; }
.game-tile.k918       { background: linear-gradient(135deg, #7f1d1d 0%, #dc2626 50%, #7f1d1d 100%) !important; }
.game-tile.pragmatic  { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #1e3a8a 100%) !important; }
.game-tile.jili       { background: linear-gradient(135deg, #365314 0%, #84cc16 50%, #365314 100%) !important; }
.game-tile.jili100    { background: linear-gradient(135deg, #064e3b 0%, #06b6d4 50%, #064e3b 100%) !important; }
.game-tile.mega       { background: linear-gradient(135deg, #581c87 0%, #a855f7 50%, #581c87 100%) !important; }
.game-tile.pussy      { background: linear-gradient(135deg, #831843 0%, #ec4899 50%, #831843 100%) !important; }
.game-tile.spade      { background: linear-gradient(135deg, #0c4a6e 0%, #06b6d4 50%, #0c4a6e 100%) !important; }
.game-tile.epicwin    { background: linear-gradient(135deg, #422006 0%, #d97706 50%, #422006 100%) !important; }
.game-tile.mega888    { background: linear-gradient(135deg, #4c1d95 0%, #8b5cf6 50%, #4c1d95 100%) !important; }


.game-tile::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 30% 25%, rgba(255,255,255,0.18) 0%, transparent 55%) !important;
  pointer-events: none;
  z-index: 1;
}


.game-bg, .game-bg-logo {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14% 12% !important;
  z-index: 2;
  background: transparent !important;
}
.game-bg-logo img, .game-bg img {
  max-width: 88% !important;
  max-height: 70% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 10px rgba(0,0,0,0.5)) !important;
  transition: transform .3s ease;
}
.game-tile:hover .game-bg-logo img,
.game-tile:hover .game-bg img {
  transform: scale(1.06);
}


.game-badge {
  position: absolute !important;
  top: 6px !important; right: 6px !important;
  padding: 3px 7px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  z-index: 4 !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.35);
  line-height: 1;
}
.game-badge.hot { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: #fff !important; }
.game-badge.new { background: linear-gradient(135deg, #10b981, #059669) !important; color: #fff !important; }
.game-badge.top { background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; color: #000 !important; }


.wallet-mode-badge {
  position: absolute !important;
  bottom: 6px !important; left: 6px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  z-index: 4 !important;
  backdrop-filter: blur(8px);
  line-height: 1.2;
}
.wallet-mode-badge.seamless {
  background: rgba(16,185,129,0.85) !important;
  color: #fff !important;
  box-shadow: 0 2px 4px rgba(16,185,129,0.4);
}
.wallet-mode-badge.transfer {
  background: rgba(59,130,246,0.85) !important;
  color: #fff !important;
  box-shadow: 0 2px 4px rgba(59,130,246,0.4);
}


.game-overlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.92) 100%) !important;
  padding-bottom: 10px !important;
  z-index: 3;
  opacity: 1;
  transition: opacity .2s;
}
.game-play-lbl {
  font-size: 10px !important;
  color: #fbbf24 !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.game-play-lbl::after {
  content: "▶" !important;
  font-size: 8px !important;
  color: #fbbf24 !important;
}


.game-tile.coming-soon::after {
  content: "SOON" !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: rgba(0,0,0,0.78) !important;
  color: #fbbf24 !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  z-index: 5 !important;
  backdrop-filter: blur(10px);
}


@media (max-width: 600px) {
  .game-tile { border-radius: 12px !important; }
  .game-bg-logo img, .game-bg img { max-width: 84% !important; max-height: 64% !important; }
  .game-badge { font-size: 8.5px !important; padding: 2px 6px !important; }
  .wallet-mode-badge { font-size: 7.5px !important; padding: 2px 5px !important; }
  .game-play-lbl { font-size: 9px !important; }
}


@media (max-width: 600px) {
  .games-grid .game-tile {
    aspect-ratio: 1 / 1 !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:active { transform: scale(0.92); transition: transform .08s ease; }
.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-badge {
  position: absolute !important;
  top: 8px !important;
  right: calc(50% - 22px) !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(8,11,20,1) !important;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(239,68,68,0.55);
  z-index: 1;
}


.bnav-item[data-nav="live"] {
  position: relative;
}
.bnav-item .bnav-center,
.bnav-item.bnav-center .bnav-center {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 50%, #f59e0b 100%) !important;
  border: 4px solid rgba(8,11,20,1) !important;
  margin-top: 0 !important;
  transform: translateY(-22px) !important;
  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) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #000 !important;
  animation: bnav-fab-pulse 2.4s ease-in-out infinite;
  position: relative;
  z-index: 2;
}
.bnav-item .bnav-center svg {
  width: 26px !important;
  height: 26px !important;
  stroke: #000 !important;
  stroke-width: 2.4 !important;
}
.bnav-item:active .bnav-center {
  transform: translateY(-22px) scale(0.94) !important;
}


.bnav-item .bnav-center::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251,191,36,0.4) 0%, transparent 70%);
  z-index: -1;
  animation: bnav-fab-ring 2.4s ease-in-out infinite;
}

@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;
}
.bnav-item[data-nav="live"].active > span { color: #fbbf24 !important; }
.bnav-item[data-nav="live"]::before { display: none !important; }  


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


.float-stack {
  bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
}


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



.modal-backdrop {
  
  background: rgba(0,0,0,0.8) !important;
  padding: 0 !important;
  align-items: flex-end !important;
}
.modal-backdrop.show {
  animation: modal-fade-in .22s ease-out;
}
@keyframes modal-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}


.modal-backdrop .modal {
  width: 100% !important;
  max-width: 480px !important;
  max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  margin: 0 auto !important;
  background: linear-gradient(180deg, rgba(20,24,38,0.98) 0%, rgba(13,16,28,1) 100%) !important;
  border: 1px solid rgba(255,255,255,0.06);
  border-bottom: none !important;
  border-radius: 18px 18px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  animation: modal-slide-up .28s cubic-bezier(0.32, 0.72, 0.18, 1.0);
  box-shadow: 0 -8px 40px rgba(0,0,0,0.6), 0 0 0 1px rgba(251,191,36,0.06);
  position: relative !important;
}
@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; }
  .modal-backdrop .modal {
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    margin: auto !important;
    max-height: 86vh !important;
    animation: modal-pop-in .22s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  @keyframes modal-pop-in {
    from { opacity: 0; transform: scale(0.95) translateY(10px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
  }
}


@media (max-width: 767px) {
  .modal-backdrop .modal::before { display: none !important; content: none !important; }
}


.modal-backdrop .modal > * {
  padding-left: 18px;
  padding-right: 18px;
}
.modal-backdrop .modal > h3,
.modal-backdrop .modal > div:first-child {
  padding-top: 4px;
}


.modal-backdrop .modal h3,
.modal-backdrop .modal .modal-title,
.modal-backdrop .modal .text-xl {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  color: #fff !important;
  margin: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}


.modal-backdrop .modal [data-close],
.modal-backdrop .modal button[aria-label="close"] {
  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;
  flex-shrink: 0;
  transition: all .15s ease;
}
.modal-backdrop .modal [data-close]:active,
.modal-backdrop .modal button[aria-label="close"]:active {
  transform: scale(0.92);
  background: rgba(239,68,68,0.18) !important;
  border-color: rgba(239,68,68,0.4) !important;
  color: #fca5a5 !important;
}


.modal-backdrop .mw-back-btn {
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: rgba(251,191,36,0.1) !important;
  border: 1px solid rgba(251,191,36,0.3) !important;
  color: #fbbf24 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-right: 6px !important;
  transition: all .15s ease;
}
.modal-backdrop .mw-back-btn:active {
  transform: scale(0.95);
  background: rgba(251,191,36,0.2) !important;
}


.modal-backdrop input[type="text"],
.modal-backdrop input[type="tel"],
.modal-backdrop input[type="email"],
.modal-backdrop input[type="password"],
.modal-backdrop input[type="number"],
.modal-backdrop select,
.modal-backdrop textarea {
  width: 100%;
  height: 44px;
  padding: 0 12px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  transition: border-color .15s ease;
  box-sizing: border-box;
}
.modal-backdrop textarea { height: auto; min-height: 80px; padding: 10px 12px !important; }
.modal-backdrop input:focus,
.modal-backdrop select:focus,
.modal-backdrop textarea:focus {
  outline: none;
  border-color: rgba(251,191,36,0.5) !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.12);
}


.modal-backdrop .btn-gold,
.modal-backdrop .btn-primary,
.modal-backdrop button[type="submit"]:not([data-close]) {
  height: 48px;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #000 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(251,191,36,0.35);
  transition: all .15s ease;
}
.modal-backdrop .btn-gold:active,
.modal-backdrop .btn-primary:active,
.modal-backdrop button[type="submit"]:active {
  transform: scale(0.98);
  box-shadow: 0 2px 8px rgba(251,191,36,0.5);
}


.deposit-card {
  position: relative;
  padding: 14px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(16,185,129,0.06), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(16,185,129,0.2) !important;
  cursor: pointer;
  transition: all .18s ease;
}
.deposit-card:active {
  transform: scale(0.985);
}
.deposit-card.dc-active {
  border-color: #fbbf24 !important;
  background: linear-gradient(135deg, rgba(251,191,36,0.1), rgba(251,191,36,0.02)) !important;
  box-shadow: 0 0 0 2px rgba(251,191,36,0.4), 0 4px 14px rgba(251,191,36,0.2) !important;
}
.deposit-card.dc-active::after {
  content: "✓";
  position: absolute;
  top: 12px; right: 14px;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: #fbbf24;
  color: #000;
  font-size: 13px;
  font-weight: 900;
  display: flex; align-items: center; justify-content: center;
}

.deposit-card-badges { gap: 5px !important; margin-bottom: 10px !important; }
.dc-badge {
  padding: 3px 8px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.deposit-card-logos { gap: 4px !important; margin-bottom: 10px !important; }
.dc-logo {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.7) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  white-space: nowrap;
  letter-spacing: 0.3px;
}

.deposit-card-title {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 4px !important;
}
.dc-min {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #fbbf24 !important;
  background: rgba(251,191,36,0.1) !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  letter-spacing: 0.4px;
}
.deposit-card-sub {
  font-size: 11px !important;
  color: rgba(255,255,255,0.55) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}


.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;
}
.toast.error { border-color: rgba(239,68,68,0.5) !important; }




.vip-strip {
  background: linear-gradient(135deg, rgba(251,191,36,0.04), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(251,191,36,0.15) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  position: relative;
  overflow: hidden;
}
.vip-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0%, rgba(251,191,36,0.08) 0%, transparent 50%);
  pointer-events: none;
}
.vip-strip > * { position: relative; z-index: 1; }


.vip-tiers {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
.vip-tier {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 4px !important;
  border-radius: 10px !important;
  min-height: 64px !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: transform .15s ease;
}
.vip-tier:active { transform: scale(0.95); }
.vip-tier.bronze  { background: linear-gradient(180deg, rgba(146,64,14,0.18), rgba(146,64,14,0.04)) !important; border-color: rgba(217,119,6,0.4) !important; }
.vip-tier.silver  { background: linear-gradient(180deg, rgba(148,163,184,0.18), rgba(148,163,184,0.04)) !important; border-color: rgba(148,163,184,0.4) !important; }
.vip-tier.gold    { background: linear-gradient(180deg, rgba(251,191,36,0.2), rgba(251,191,36,0.04)) !important; border-color: rgba(251,191,36,0.55) !important; box-shadow: 0 4px 12px rgba(251,191,36,0.15); }
.vip-tier.platinum{ background: linear-gradient(180deg, rgba(228,228,231,0.18), rgba(228,228,231,0.04)) !important; border-color: rgba(228,228,231,0.4) !important; }
.vip-tier.diamond { background: linear-gradient(180deg, rgba(6,182,212,0.2), rgba(6,182,212,0.04)) !important; border-color: rgba(34,211,238,0.5) !important; box-shadow: 0 4px 12px rgba(34,211,238,0.15); }

.vip-tier-ico {
  font-family: "Oswald", "Inter", sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing: 0.5px !important;
  line-height: 1 !important;
}
.vip-tier-lbl {
  font-size: 9px !important;
  font-weight: 800 !important;
  margin-top: 4px !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.65) !important;
}
.vip-tier.bronze .vip-tier-ico   { color: #f59e0b !important; }
.vip-tier.silver .vip-tier-ico   { color: #e2e8f0 !important; }
.vip-tier.gold .vip-tier-ico     { color: #fbbf24 !important; }
.vip-tier.platinum .vip-tier-ico { color: #f1f5f9 !important; }
.vip-tier.diamond .vip-tier-ico  { color: #22d3ee !important; }


.vip-tier.is-current {
  outline: 2px solid #fbbf24 !important;
  outline-offset: -1px;
  animation: vip-current-pulse 2s ease-in-out infinite;
}
@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); }
}


.vip-bar-wrap {
  height: 8px !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 99px !important;
  overflow: hidden !important;
  margin: 8px 0 8px !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
}
.vip-bar {
  height: 100% !important;
  background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 50%, #fcd34d 100%) !important;
  border-radius: 99px !important;
  box-shadow: 0 0 8px rgba(251,191,36,0.5);
  transition: width .4s ease;
  position: relative;
}
.vip-bar::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 24px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5));
  filter: blur(1px);
}


.vip-info {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.7) !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.vip-info span:last-child {
  color: #fbbf24 !important;
  font-weight: 800 !important;
}


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

.feat-tile {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 12px 6px !important;
  aspect-ratio: 1 / 1 !important;
  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: 14px !important;
  cursor: pointer;
  transition: all .18s cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow: hidden;
}
.feat-tile:hover {
  transform: translateY(-2px);
  border-color: rgba(251,191,36,0.4) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.45), 0 0 0 1px rgba(251,191,36,0.15);
}
.feat-tile:active { transform: scale(0.95); transition: transform .08s ease; }

.feat-ico-wrap {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(251,191,36,0.18), rgba(251,191,36,0.06)) !important;
  border: 1px solid rgba(251,191,36,0.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fbbf24 !important;
  flex-shrink: 0;
  transition: all .18s ease;
}
.feat-ico-wrap svg { width: 18px !important; height: 18px !important; }
.feat-tile:hover .feat-ico-wrap {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #000 !important;
  transform: scale(1.05);
}

.feat-lbl {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.85) !important;
  text-align: center !important;
  letter-spacing: 0.3px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width: 374px) {
  .feat-tile { padding: 10px 4px !important; }
  .feat-ico-wrap { width: 32px !important; height: 32px !important; border-radius: 10px !important; }
  .feat-ico-wrap svg { width: 16px !important; height: 16px !important; }
  .feat-lbl { font-size: 9.5px !important; }
}


.feat-tile .feat-badge {
  position: absolute !important;
  top: 4px !important; right: 4px !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  color: #fff !important;
  letter-spacing: 0.5px !important;
  z-index: 2;
}


.livetx-card {
  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: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.35);
}

.livetx-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  background: linear-gradient(90deg, rgba(251,191,36,0.06), rgba(255,255,255,0.0)) !important;
}
.livetx-title {
  color: #fbbf24 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
}
.livetx-live {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 9px !important;
  border-radius: 99px !important;
  background: rgba(239,68,68,0.12) !important;
  border: 1px solid rgba(239,68,68,0.4) !important;
  color: #fca5a5 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
}
.livetx-live .dot {
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
  box-shadow: 0 0 8px #ef4444;
  animation: livetx-blink 1.4s ease-in-out infinite;
}
@keyframes livetx-blink {
  0%, 100% { opacity: 1; box-shadow: 0 0 8px #ef4444; }
  50%      { opacity: 0.4; box-shadow: 0 0 4px #ef4444; }
}

.livetx-subhead {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  background: rgba(0,0,0,0.35) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.livetx-subhead > div {
  padding: 8px 14px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.5) !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase;
  text-align: center;
}
.livetx-subhead > div:first-child {
  color: #34d399 !important;
  border-right: 1px solid rgba(255,255,255,0.05);
}
.livetx-subhead > div:last-child {
  color: #f87171 !important;
}

#livetx-rows {
  max-height: 240px;
  overflow: hidden;
  position: relative;
}

.livetx-row {
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  font-size: 11px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  transition: background .2s ease;
}
.livetx-row:hover { background: rgba(255,255,255,0.02); }
.livetx-row:last-child { border-bottom: none; }
.livetx-row > div { padding: 0 !important; }
.livetx-row .phone {
  color: rgba(255,255,255,0.55) !important;
  font-family: ui-monospace, "SF Mono", monospace !important;
  font-size: 10.5px !important;
  letter-spacing: 0.3px;
}
.livetx-row .amt-in {
  color: #fcd34d !important;
  font-weight: 800 !important;
  font-size: 11.5px !important;
}
.livetx-row .amt-out {
  color: #fca5a5 !important;
  font-weight: 800 !important;
  font-size: 11.5px !important;
}
.livetx-row .game {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.8) !important;
  text-transform: uppercase;
}


.livetx-row.bs-d-new {
  background: linear-gradient(90deg, rgba(251,191,36,0.18), transparent) !important;
  animation: livetx-flash 1.6s ease-out;
}
@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); }
}




.pay-cat-head {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 14px 0 8px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  color: rgba(255,255,255,0.85) !important;
}
.pay-cat-head:first-of-type { margin-top: 0 !important; }
.pay-cat-ico { font-size: 14px !important; line-height: 1; }
.pay-cat-lbl { color: rgba(255,255,255,0.85) !important; }

.pay-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
}
@media (min-width: 480px) { .pay-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; } }
@media (min-width: 768px) { .pay-grid { grid-template-columns: repeat(6, 1fr) !important; gap: 12px !important; } }

.pay-cell {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 10px 6px !important;
  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: 10px !important;
  cursor: default;
  transition: all .18s ease;
  overflow: hidden;
}
.pay-cell::before, .pay-cell::after {
  display: none !important;
  content: none !important;
}
.pay-cell:hover {
  transform: translateY(-1px);
  border-color: rgba(251,191,36,0.3) !important;
  background: linear-gradient(180deg, rgba(28,32,46,0.96), rgba(15,19,32,0.98)) !important;
}

.pay-mono, .pay-mono-logo {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.92) !important;
  border-radius: 8px !important;
  padding: 4px !important;
  margin-bottom: 4px !important;
}
.pay-mono img, .pay-mono-logo img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.pay-name {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.92) !important;
  letter-spacing: 0.2px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.pay-tag {
  font-size: 8.5px !important;
  font-weight: 700 !important;
  color: rgba(251,191,36,0.7) !important;
  letter-spacing: 0.4px;
  text-align: center;
}


#testimonials-rail {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
@media (min-width: 600px) {
  #testimonials-rail { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 1024px) {
  #testimonials-rail { grid-template-columns: repeat(3, 1fr) !important; }
}

.test-card, .testimonial-card {
  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;
  padding: 14px !important;
  position: relative;
}
.test-stars {
  font-size: 12px !important;
  letter-spacing: 2px !important;
  color: #fbbf24 !important;
}
.test-text {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-style: normal !important;
  margin: 8px 0 !important;
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500;
}
.test-author {
  font-size: 11px !important;
  color: rgba(255,255,255,0.55) !important;
  font-weight: 600;
  letter-spacing: 0.3px;
}


.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-item.open {
  border-color: rgba(251,191,36,0.3) !important;
}
.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-item.open .faq-q::after {
  transform: rotate(45deg);
}
.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;
}
.faq-item.open .faq-a {
  display: block;
  animation: faq-expand .25s ease-out;
}
@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;
}
.trust-badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 12px 6px !important;
  background: linear-gradient(180deg, rgba(251,191,36,0.06), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(251,191,36,0.2) !important;
  border-radius: 12px !important;
  min-height: 76px;
  transition: all .18s ease;
}
.trust-badge:hover {
  border-color: rgba(251,191,36,0.4) !important;
  transform: translateY(-1px);
  background: linear-gradient(180deg, rgba(251,191,36,0.1), rgba(255,255,255,0.04)) !important;
}
.trust-ico {
  width: 22px !important;
  height: 22px !important;
  color: #fbbf24 !important;
  filter: drop-shadow(0 1px 4px rgba(251,191,36,0.4));
}
.trust-lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,0.85) !important;
  letter-spacing: 0.4px;
  text-align: center;
  white-space: nowrap;
}


.footer-copy {
  text-align: center;
  padding: 32px 14px 20px !important;
  border-top: 1px solid rgba(255,255,255,0.04);
  margin-top: 16px;
}
.footer-copy p {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.45) !important;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
}
.footer-copy p:first-child {
  color: rgba(251,191,36,0.65) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.4px;
}


.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-overlay.show { opacity: 1; }

.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.show { left: 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;
}
.drawer .brand-text { font-size: 18px !important; letter-spacing: 1.5px !important; }
#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;
}
#btn-close-drawer:active {
  transform: scale(0.92);
  background: rgba(239,68,68,0.18) !important;
  border-color: rgba(239,68,68,0.4) !important;
  color: #fca5a5 !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::-webkit-scrollbar { display: none; }


.drawer-auth-pills {
  display: flex !important;
  gap: 8px !important;
  margin: 14px !important;
}
.drawer-auth-pills > button {
  flex: 1 !important;
  height: 44px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .15s ease !important;
}
.drawer-btn-login {
  background: rgba(251,191,36,0.06) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
}
.drawer-btn-login:active {
  transform: scale(0.97);
  background: rgba(251,191,36,0.18) !important;
}
.drawer-btn-register {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #000 !important;
  border: 1px solid #fbbf24 !important;
  box-shadow: 0 3px 10px rgba(251,191,36,0.3);
}
.drawer-btn-register:active {
  transform: scale(0.97);
  box-shadow: 0 1px 4px rgba(251,191,36,0.5);
}


#drawer-user-block {
  background: linear-gradient(135deg, rgba(251,191,36,0.08), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(251,191,36,0.25) !important;
  border-radius: 12px !important;
  padding: 14px !important;
  margin: 14px !important;
  position: relative;
  overflow: hidden;
}
#drawer-user-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0%, rgba(251,191,36,0.12) 0%, transparent 60%);
  pointer-events: none;
}
#drawer-user-block > * { position: relative; z-index: 1; }
#drawer-user-balance { font-size: 18px !important; }


.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:hover {
  background: rgba(255,255,255,0.04) !important;
  color: #fbbf24 !important;
}
.drawer-item:active {
  transform: scale(0.98);
  background: rgba(251,191,36,0.1) !important;
  color: #fbbf24 !important;
}
.drawer-item svg {
  width: 18px !important;
  height: 18px !important;
  color: #fbbf24 !important;
  opacity: 0.85;
  flex-shrink: 0 !important;
}
.drawer-item:hover svg { opacity: 1; }


#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;
}
#drawer-logout:active {
  transform: scale(0.97);
  background: rgba(239,68,68,0.2) !important;
}


#modal-auth .modal {
  padding-bottom: 18px !important;
}
#modal-auth .auth-card {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#modal-auth h3 {
  text-align: center !important;
  padding: 8px 18px 4px !important;
}


.auth-tab-bar {
  display: flex !important;
  gap: 0 !important;
  background: rgba(255,255,255,0.04) !important;
  border-radius: 12px !important;
  padding: 4px !important;
  margin: 14px 18px 18px !important;
}
[data-auth-tab] {
  flex: 1 !important;
  height: 38px !important;
  border-radius: 8px !important;
  border: none !important;
  background: transparent !important;
  color: rgba(255,255,255,0.55) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  cursor: pointer;
  transition: all .15s ease;
}
[data-auth-tab].active {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #000 !important;
  box-shadow: 0 2px 8px rgba(251,191,36,0.3);
}


#modal-auth label,
#modal-auth .form-label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.6) !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
}


#modal-auth form > div,
#modal-auth .form-row {
  margin-bottom: 14px !important;
}


#modal-auth .auth-switch,
#modal-auth a {
  display: inline-block !important;
  padding: 4px 0 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: rgba(251,191,36,0.85) !important;
  letter-spacing: 0.2px !important;
  text-decoration: none !important;
}
#modal-auth .auth-switch:hover,
#modal-auth a:hover { color: #fbbf24 !important; }


#modal-news .news-modal {
  padding: 0 !important;
  border-radius: 18px 18px 0 0 !important;
}
@media (min-width: 768px) {
  #modal-news .news-modal { border-radius: 18px !important; }
}
#news-modal-cta {
  padding: 10px 22px !important;
  font-size: 12.5px !important;
  height: 44px !important;
  letter-spacing: 1px !important;
}


#modal-promo .modal {
  padding: 0 !important;
}
#modal-promo h3 { padding: 12px 18px 8px !important; }
#promo-list {
  padding: 8px 18px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.promo-card-v2 {
  border-radius: 14px !important;
  padding: 16px !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%) !important;
}


#modal-profile .modal {
  padding: 0 !important;
}
#modal-profile h3 { padding: 12px 18px 8px !important; }




.bs-input {
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #fff !important;
  transition: border-color .15s ease, box-shadow .15s ease;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
  font-family: inherit !important;
}
.bs-input:focus {
  outline: none !important;
  border-color: rgba(251,191,36,0.6) !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.12) !important;
  background: rgba(255,255,255,0.06) !important;
}
.bs-input::placeholder {
  color: rgba(255,255,255,0.35) !important;
  font-weight: 500 !important;
}
.bs-field {
  margin-bottom: 12px !important;
  position: relative;
}
.bs-hint {
  font-size: 10.5px !important;
  color: rgba(255,255,255,0.45) !important;
  margin-top: 5px !important;
  line-height: 1.4;
  font-weight: 500;
  display: block;
}
.bs-hint.warn {
  color: #fbbf24 !important;
  font-weight: 600 !important;
  background: rgba(251,191,36,0.06);
  border-left: 2px solid #fbbf24;
  padding: 6px 10px;
  border-radius: 4px;
  margin-top: 0 !important;
}
.bs-input-group { gap: 6px !important; margin-bottom: 12px !important; }
.bs-input-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.6) !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  margin-bottom: 0 !important;
}


.mw-action-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  height: 64px !important;
  padding: 8px 4px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  cursor: pointer;
  transition: all .15s ease;
}
.mw-action-btn > div {
  font-size: 22px !important;
  line-height: 1 !important;
  color: #fbbf24 !important;
  font-weight: 900;
}
.mw-action-btn:hover {
  background: rgba(251,191,36,0.08) !important;
  border-color: rgba(251,191,36,0.35) !important;
  color: #fbbf24 !important;
}
.mw-action-btn:active {
  transform: scale(0.94);
  background: rgba(251,191,36,0.18) !important;
}


#modal-wallet .modal {
  background: linear-gradient(180deg, #1a1407 0%, #0a0e1a 60%) !important;
  border: 1px solid rgba(251,191,36,0.4) !important;
}


.kissw-tab, .jw-tab, .pussy-tab, [class*="-tab"]:not(.cat-btn):not(.bs-adm-tab):not(.aieo-tab):not(.ann-tab-btn):not(.a3-tab):not(.tab-btn):not([data-tab]) {
  height: 38px !important;
  padding: 0 14px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: rgba(255,255,255,0.5) !important;
  cursor: pointer;
  transition: all .15s ease;
  flex: 1;
}
.kissw-tab.active { border-bottom-color: #ef4444 !important; color: #fff !important; }
.jw-tab.active    { border-bottom-color: #10b981 !important; color: #fff !important; }
.pussy-tab.active { border-bottom-color: #ec4899 !important; color: #fff !important; }


.mw-back-btn {
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
}


#mw-ig-list > div {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-size: 12px !important;
}


.float-stack {
  bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  right: 14px !important;
  gap: 10px !important;
  z-index: 50 !important;
}
.float-btn.live {
  height: 56px !important;
  padding: 0 18px 0 16px !important;
  background: linear-gradient(135deg, #fcd34d 0%, #fbbf24 50%, #f59e0b 100%) !important;
  color: #000 !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  gap: 9px !important;
  border-radius: 99px !important;
  box-shadow:
    0 8px 24px rgba(251,191,36,0.55),
    0 2px 8px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.4) !important;
}
.float-btn.live:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow:
    0 12px 30px rgba(251,191,36,0.7),
    0 2px 8px rgba(0,0,0,0.4),
    inset 0 1px 0 rgba(255,255,255,0.5) !important;
}
.float-btn.live .online-dot {
  width: 8px !important; height: 8px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981;
  animation: float-online-pulse 1.4s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes float-online-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 8px #10b981; }
  50%      { opacity: 0.5; box-shadow: 0 0 4px #10b981; }
}
.float-btn.live .live-pulse {
  position: absolute !important;
  inset: 0;
  border-radius: 99px;
  background: rgba(251,191,36,0.5);
  animation: float-ring-pulse 2.4s ease-in-out infinite;
  z-index: -1;
  pointer-events: none;
}
@keyframes float-ring-pulse {
  0%, 100% { transform: scale(1); opacity: 0.6; }
  50%      { transform: scale(1.15); opacity: 0; }
}
@media (max-width: 374px) {
  .float-btn.live { height: 50px !important; padding: 0 14px !important; font-size: 12.5px !important; }
}


.chat-welcome-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  color: #fff !important;
}
.chat-welcome-sub {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: rgba(255,255,255,0.6) !important;
  font-weight: 500;
}


@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-cta { margin-top: 10px !important; }
  .hero-cta .btn-gold {
    font-size: 11.5px !important;
    padding: 9px 18px !important;
    height: 36px !important;
    border-radius: 99px !important;
    font-weight: 800 !important;
    letter-spacing: 0.6px !important;
  }
  .hero-side-logo {
    height: 22px !important;
    top: 8px !important;
    right: 10px !important;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.4));
  }
  .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 (max-width: 600px) {
  .trust-strip { padding: 8px 14px !important; gap: 6px !important; }
  .trust-strip > * {
    font-size: 10.5px !important;
    padding: 4px 8px !important;
    border-radius: 99px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    color: rgba(255,255,255,0.7) !important;
    font-weight: 600 !important;
    flex-shrink: 0;
    white-space: nowrap;
  }
}


@media (max-width: 600px) {
  .bs-live-now {
    padding: 8px 14px !important;
    font-size: 11px !important;
  }
}


.modal-backdrop[id$="-lobby"] .modal {
  max-width: 980px !important;
  width: 100% !important;
}
@media (max-width: 600px) {
  .modal-backdrop[id$="-lobby"] .modal {
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
    border-radius: 18px 18px 0 0 !important;
  }
}


.modal::-webkit-scrollbar { width: 4px; }
.modal::-webkit-scrollbar-track { background: transparent; }
.modal::-webkit-scrollbar-thumb { background: rgba(251,191,36,0.2); border-radius: 4px; }
.modal::-webkit-scrollbar-thumb:hover { background: rgba(251,191,36,0.35); }




@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; }

  
  .hot-promo-track,
  .promo-grid:not(.h-scroll) {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
  @media (min-width: 1100px) {
    .hot-promo-track,
    .promo-grid:not(.h-scroll) { grid-template-columns: repeat(4, 1fr) !important; }
  }

  
  .game-play-lbl { font-size: 11.5px !important; }

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

  
  .livetx-row { padding: 12px 18px !important; font-size: 12px !important; }

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

  
  .vip-strip { padding: 22px 24px !important; }
  .vip-tier { min-height: 80px !important; }
  .vip-tier-ico { font-size: 22px !important; }
  .vip-tier-lbl { font-size: 10.5px !important; }

  
  .feat-ico-wrap { width: 44px !important; height: 44px !important; }
  .feat-ico-wrap svg { width: 22px !important; height: 22px !important; }
  .feat-lbl { font-size: 12px !important; }

  
  .pay-cell { padding: 14px 8px !important; }
  .pay-mono, .pay-mono-logo { width: 40px !important; height: 40px !important; }
  .pay-name { font-size: 12px !important; }

  
  .footer-copy { padding: 40px 28px 28px !important; }
  .footer-copy p { font-size: 12px !important; }

  
  .top-nav { height: 64px; padding: 0 24px !important; }
  .brand-text { font-size: 22px !important; }

  
  .modal-backdrop { align-items: center !important; padding: 24px !important; }
  .modal-backdrop .modal {
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    max-height: 86vh !important;
    margin: auto !important;
  }
  .modal-backdrop .modal::before { display: none !important; } 

  
  .game-tile:hover,
  .feat-tile:hover,
  .hot-promo-card:hover,
  .vip-tier:hover {
    transition-duration: .25s !important;
  }

  
  .drawer { width: 360px !important; }
}




.skeleton {
  position: relative;
  background: rgba(255,255,255,0.04);
  border-radius: 8px;
  overflow: hidden;
  min-height: 16px;
}
.skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0.06) 50%,
    transparent 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s linear infinite;
}
@keyframes skeleton-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}


.skeleton-text { height: 12px; border-radius: 4px; }
.skeleton-title { height: 18px; border-radius: 6px; width: 60%; }
.skeleton-card { aspect-ratio: 1/1; border-radius: 14px; }
.skeleton-pill { height: 36px; border-radius: 99px; width: 100px; }
.skeleton-row { height: 44px; border-radius: 10px; }
.skeleton-circle { width: 36px; height: 36px; border-radius: 50%; }


.empty-state {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 40px 20px !important;
  text-align: center;
  color: rgba(255,255,255,0.5);
}
.empty-state-icon {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: rgba(255,255,255,0.4);
  margin-bottom: 4px;
}
.empty-state-title {
  font-size: 14px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.2px;
}
.empty-state-desc {
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  line-height: 1.5;
  font-weight: 500;
  max-width: 280px;
}
.empty-state-cta {
  margin-top: 6px;
  height: 40px;
  padding: 0 18px;
  border-radius: 10px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: #000;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.4px;
  border: none;
  cursor: pointer;
}


[id*="Loading"], div:has(> [data-loading]),
.is-loading-text {
  position: relative;
  background: linear-gradient(90deg,
    rgba(251,191,36,0.5) 0%,
    rgba(251,191,36,1) 50%,
    rgba(251,191,36,0.5) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: skeleton-shimmer 1.6s linear infinite;
}




.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);
}


.reveal[data-stagger="1"] { transition-delay: .04s; }
.reveal[data-stagger="2"] { transition-delay: .08s; }
.reveal[data-stagger="3"] { transition-delay: .12s; }
.reveal[data-stagger="4"] { transition-delay: .16s; }
.reveal[data-stagger="5"] { transition-delay: .20s; }
.reveal[data-stagger="6"] { transition-delay: .24s; }


@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;
}
.btn-gold:active::after,
.topnav-btn-register:active::after,
.drawer-btn-register:active::after {
  opacity: 1;
  transition-duration: .05s;
}


@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;
}


.btn-gold {
  position: relative;
  transition: all .2s ease, box-shadow .3s ease;
}
.btn-gold:hover {
  box-shadow: 0 6px 20px rgba(251,191,36,0.5), 0 0 30px rgba(251,191,36,0.15);
}


.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-title.is-stuck {
  background: rgba(10,14,26,0.95);
  backdrop-filter: blur(10px);
  z-index: 10;
}




.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;
  }
  .hot-promo-card:hover,
  .game-tile:hover,
  .feat-tile:hover,
  .vip-tier:hover {
    transform: none !important;
  }
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  img.brand-logo, .game-bg-logo img, .pay-mono img {
    image-rendering: -webkit-optimize-contrast;
  }
}


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;
}




.ph-tabs {
  display: flex !important;
  gap: 4px !important;
  padding: 12px 14px 14px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  position: sticky;
  top: 0;
  background: rgba(10,14,26,0.92);
  backdrop-filter: blur(10px);
  z-index: 5;
}
.ph-tab {
  flex: 1 !important;
  padding: 10px 8px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 10px !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all .15s ease;
}
.ph-tab span:first-child { font-size: 14px; }
.ph-tab:active { transform: scale(0.96); }
.ph-tab.active {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #000 !important;
  border-color: #fbbf24 !important;
  box-shadow: 0 2px 10px rgba(251,191,36,0.4);
}

.ph-body { padding: 14px !important; }


.ph-banner {
  padding: 10px 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  font-size: 11.5px;
  color: rgba(255,255,255,0.7);
  font-weight: 500;
  margin-bottom: 14px;
}
.ph-banner-success {
  background: linear-gradient(135deg, rgba(16,185,129,0.12), rgba(16,185,129,0.04));
  border-color: rgba(16,185,129,0.4);
  color: #6ee7b7;
  font-weight: 700;
}


.ph-mission {
  background: linear-gradient(155deg, color-mix(in srgb, var(--c) 14%, rgba(20,24,38,0.95)), rgba(13,16,28,0.98));
  border: 1px solid color-mix(in srgb, var(--c) 30%, transparent);
  border-left: 3px solid var(--c);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.ph-mission-head {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.ph-mission-icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #000));
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--c) 35%, transparent), inset 0 1px 0 rgba(255,255,255,0.2);
}
.ph-mission-meta { flex: 1; min-width: 0; }
.ph-mission-name {
  font-size: 13.5px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.2px;
  line-height: 1.3;
}
.ph-mission-desc {
  font-size: 10.5px;
  color: rgba(255,255,255,0.55);
  margin-top: 3px;
  line-height: 1.4;
  font-weight: 500;
}
.ph-mission-reward {
  flex: 0 0 auto;
  text-align: right;
}
.ph-mission-reward-amt {
  font-size: 18px;
  font-weight: 900;
  color: var(--c);
  line-height: 1;
  letter-spacing: -0.5px;
  font-family: -apple-system, "SF Pro Display", system-ui, sans-serif;
}
.ph-mission-reward-lbl {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: rgba(255,255,255,0.45);
  margin-top: 3px;
  text-transform: uppercase;
}

.ph-mission-progress-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.ph-mission-bar-wrap {
  flex: 1;
  height: 8px;
  background: rgba(255,255,255,0.06);
  border-radius: 99px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.04);
}
.ph-mission-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 60%, #fff));
  border-radius: 99px;
  transition: width .4s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 0 10px color-mix(in srgb, var(--c) 50%, transparent);
}
.ph-mission-counter {
  font-size: 11.5px;
  font-weight: 800;
  color: rgba(255,255,255,0.85);
  font-variant-numeric: tabular-nums;
  min-width: 40px;
  text-align: right;
  letter-spacing: 0.3px;
}

.ph-mission-claim {
  width: 100%;
  height: 42px;
  border: none;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.6px;
  cursor: pointer;
  text-transform: uppercase;
  transition: all .18s ease;
}
.ph-claim-ready {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  box-shadow: 0 4px 14px rgba(16,185,129,0.4);
  animation: ph-claim-pulse 1.8s ease-in-out infinite;
}
@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); }
}
.ph-claim-ready:hover { transform: translateY(-1px); }
.ph-claim-ready:active { transform: scale(0.97); }

.ph-claim-done {
  background: rgba(16,185,129,0.1);
  color: #6ee7b7;
  border: 1px solid rgba(16,185,129,0.25);
  cursor: default;
}

.ph-mission-hint {
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.55);
  padding: 10px 12px;
  background: rgba(255,255,255,0.03);
  border: 1px dashed rgba(255,255,255,0.08);
  border-radius: 10px;
  letter-spacing: 0.2px;
}


.ph-promo-card {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: linear-gradient(155deg, color-mix(in srgb, var(--c) 14%, rgba(20,24,38,0.95)), rgba(13,16,28,0.98));
  border: 1px solid color-mix(in srgb, var(--c) 25%, transparent);
  border-left: 3px solid var(--c);
  border-radius: 12px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all .15s ease;
}
.ph-promo-card:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--c) 50%, transparent); }
.ph-promo-card:active { transform: scale(0.99); }
.ph-promo-icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #000));
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--c) 35%, transparent);
}
.ph-promo-body { flex: 1; min-width: 0; }
.ph-promo-title {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ph-promo-sub {
  font-size: 11px;
  font-weight: 700;
  color: var(--c);
  margin-top: 2px;
}
.ph-promo-desc {
  font-size: 10.5px;
  color: rgba(255,255,255,0.55);
  line-height: 1.4;
  margin-top: 3px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ph-promo-action { flex-shrink: 0; }
.ph-promo-btn {
  height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--c);
  color: var(--c);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all .15s ease;
}
.ph-promo-btn:hover { background: var(--c); color: #000; }


.ph-saya-summary {
  text-align: center;
  padding: 22px 14px;
  background: linear-gradient(135deg, rgba(251,191,36,0.12), rgba(251,191,36,0.04));
  border: 1px solid rgba(251,191,36,0.3);
  border-radius: 14px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.ph-saya-summary::before {
  content: "";
  position: absolute; right: -20px; top: -20px;
  width: 100px; height: 100px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251,191,36,0.25), transparent 70%);
  pointer-events: none;
}
.ph-saya-summary-amt {
  font-size: 36px;
  font-weight: 900;
  letter-spacing: -1px;
  background: linear-gradient(135deg, #fcd34d, #fbbf24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: -apple-system, "SF Pro Display", system-ui, sans-serif;
  line-height: 1;
}
.ph-saya-summary-lbl {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,0.6);
  margin-top: 6px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.ph-saya-section { margin-bottom: 16px; }
.ph-saya-section-title {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1.4px;
  color: rgba(251,191,36,0.7);
  margin-bottom: 8px;
  padding-left: 4px;
  text-transform: uppercase;
}

.ph-saya-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: linear-gradient(180deg, rgba(20,24,38,0.96), rgba(13,16,28,0.98));
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  margin-bottom: 8px;
}
.ph-saya-good { border-color: rgba(16,185,129,0.3); background: linear-gradient(180deg, rgba(16,185,129,0.06), rgba(13,16,28,0.98)); }
.ph-saya-warn { border-color: rgba(251,191,36,0.4); background: linear-gradient(180deg, rgba(251,191,36,0.08), rgba(13,16,28,0.98)); }
.ph-saya-icon {
  font-size: 22px;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.04);
  border-radius: 10px;
  flex-shrink: 0;
}
.ph-saya-meta { flex: 1; min-width: 0; }
.ph-saya-title {
  font-size: 12.5px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.2px;
}
.ph-saya-desc {
  font-size: 10.5px;
  color: rgba(255,255,255,0.55);
  margin-top: 2px;
  font-weight: 500;
  line-height: 1.4;
}
.ph-saya-status {
  font-size: 16px;
  color: #10b981;
  flex-shrink: 0;
}
.ph-saya-cta {
  height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: #000;
  border: none;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.4px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all .15s ease;
}
.ph-saya-cta:active { transform: scale(0.95); }

.ph-saya-history {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 10px;
}
.ph-saya-hist {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  padding: 6px 0;
  font-size: 11px;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.ph-saya-hist:last-child { border-bottom: none; }
.ph-saya-hist-type { color: rgba(255,255,255,0.85); font-weight: 700; }
.ph-saya-hist-amt { color: #fbbf24; font-weight: 800; font-variant-numeric: tabular-nums; }
.ph-saya-hist-date { color: rgba(255,255,255,0.4); font-size: 10px; font-variant-numeric: tabular-nums; }


.ph-empty {
  text-align: center;
  padding: 40px 20px;
  color: rgba(255,255,255,0.5);
}
.ph-empty-icon { font-size: 36px; margin-bottom: 10px; }
.ph-empty-title { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.85); margin-bottom: 6px; }
.ph-empty-desc { font-size: 12px; line-height: 1.5; max-width: 280px; margin: 0 auto; font-weight: 500; }


@media (max-width: 600px) {
  .ph-tabs { padding: 10px 12px 12px !important; }
  .ph-tab { font-size: 11.5px !important; padding: 9px 6px !important; }
  .ph-mission { padding: 12px; }
  .ph-mission-icon { width: 40px; height: 40px; font-size: 20px; }
  .ph-mission-name { font-size: 13px; }
  .ph-mission-reward-amt { font-size: 16px; }
  .ph-saya-summary-amt { font-size: 32px; }
}



#modal-spin-wheel .sw-modal {
  max-width: 420px !important;
  background: linear-gradient(180deg, #1a0e3a 0%, #0a0e1a 100%) !important;
  border: 1px solid rgba(168,85,247,0.4) !important;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
}
#modal-spin-wheel .sw-modal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top, rgba(168,85,247,0.18), transparent 60%);
  pointer-events: none;
}
.sw-modal-inner {
  padding: 24px 20px 20px;
  position: relative;
  z-index: 1;
  text-align: center;
}
.sw-close {
  position: absolute;
  top: 12px; right: 14px;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.7);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  z-index: 10;
}
.sw-close:active { transform: scale(0.92); background: rgba(239,68,68,0.18); color: #fca5a5; }

.sw-title {
  font-size: 22px;
  font-weight: 900;
  background: linear-gradient(135deg,#fbbf24,#a855f7);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  margin: 0 0 4px;
}
.sw-sub {
  font-size: 11.5px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.4;
}


.sw-stage {
  position: relative;
  width: 280px;
  height: 280px;
  margin: 0 auto 18px;
}
.sw-pointer {
  position: absolute;
  top: -8px; left: 50%;
  transform: translateX(-50%);
  font-size: 28px;
  color: #fbbf24;
  text-shadow: 0 2px 8px rgba(251,191,36,0.6);
  z-index: 10;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}
.sw-wheel {
  position: relative;
  width: 280px; height: 280px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1a0e3a, #0a0e1a);
  border: 4px solid rgba(251,191,36,0.4);
  box-shadow: 0 0 30px rgba(168,85,247,0.4), inset 0 0 30px rgba(0,0,0,0.5);
  overflow: hidden;
  transform: rotate(0deg);
}
.sw-seg {
  position: absolute;
  inset: 0;
  clip-path: polygon(50% 50%,
    calc(50% + 50% * cos(var(--start) - 90deg)) calc(50% + 50% * sin(var(--start) - 90deg)),
    calc(50% + 50% * cos(var(--start) + var(--span) - 90deg)) calc(50% + 50% * sin(var(--start) + var(--span) - 90deg))
  );
  background: linear-gradient(135deg, var(--bg), color-mix(in srgb, var(--bg) 60%, #000));
  border: 1px solid rgba(255,255,255,0.1);
}
.sw-seg-text {
  position: absolute;
  top: 50%; left: 50%;
  transform-origin: 0 0;
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.3px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.6);
  white-space: nowrap;
  pointer-events: none;
}
.sw-center {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 80px; height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  border: 4px solid rgba(255,255,255,0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 5;
  box-shadow: 0 4px 14px rgba(251,191,36,0.5);
}
.sw-center-icon { font-size: 24px; line-height: 1; }
.sw-center-spins {
  font-size: 11px;
  font-weight: 900;
  color: #000;
  margin-top: 2px;
  letter-spacing: 0.5px;
}


.sw-credits {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
}
.sw-credits b { color: #fff; font-size: 14px; font-variant-numeric: tabular-nums; }


.sw-spin-btn {
  width: 100%;
  height: 52px;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  color: #000;
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(251,191,36,0.5);
  transition: all .15s ease;
  text-transform: uppercase;
}
.sw-spin-btn:active:not([disabled]) { transform: scale(0.98); }
.sw-spin-btn[disabled] {
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.4);
  cursor: not-allowed;
  box-shadow: none;
}

.sw-rules {
  margin-top: 16px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 10px;
  text-align: left;
}


.sw-result-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  animation: sw-fade .2s ease-out;
}
@keyframes sw-fade { from { opacity: 0; } to { opacity: 1; } }
.sw-result-card {
  background: linear-gradient(180deg, #1a0e3a, #0a0e1a);
  border: 2px solid rgba(168,85,247,0.5);
  border-radius: 18px;
  padding: 28px 32px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0,0,0,0.6);
  min-width: 240px;
  animation: sw-pop .35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes sw-pop { from { opacity: 0; transform: scale(0.7); } to { opacity: 1; transform: scale(1); } }
.sw-result-card.sw-won {
  border-color: #10b981;
  box-shadow: 0 20px 50px rgba(16,185,129,0.4), 0 0 60px rgba(16,185,129,0.2);
}
.sw-result-close {
  margin-top: 18px;
  height: 44px;
  width: 100%;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: #000;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.6px;
  cursor: pointer;
}


@media (max-width: 480px) {
  .sw-stage { width: 250px; height: 250px; }
  .sw-wheel { width: 250px; height: 250px; }
  .sw-seg-text { transform: rotate(var(--span)) translateY(-100px) !important; font-size: 10px; }
}




.chat-typing-bubble {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px 16px 16px 4px;
  margin: 4px 18px 4px;
  width: fit-content;
}
.chat-typing-bubble span {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: rgba(251,191,36,0.7);
  animation: chat-typing 1.4s infinite ease-in-out;
}
.chat-typing-bubble span:nth-child(2) { animation-delay: 0.2s; }
.chat-typing-bubble span:nth-child(3) { animation-delay: 0.4s; }
@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; }


.modal-backdrop .modal {
  overflow-y: auto !important;
  padding: 18px 18px calc(28px + env(safe-area-inset-bottom, 0px)) !important;
}
@media (min-width: 768px) {
  .modal-backdrop .modal { padding: 22px 22px 26px !important; }
}

#modal-auth #mauth-form-login,
#modal-auth #mauth-form-register {
  padding-bottom: 8px;
}
#modal-auth #mauth-form-login button.btn-gold,
#modal-auth #mauth-form-register button.btn-gold {
  margin-top: 12px !important;
}




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


@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .modal-backdrop { background: rgba(0,0,0,0.9) !important; }
}



body:has(.modal-backdrop.show:not(#modal-chat)) :is(
  #apk-banner, header.top-nav, .marquee, .bs-d-marquee,
  .hero-wrap, #sec-dashboard, #lobby-hero, #lobby-quickplay,
  #sec-popular-games, #hot-promo-strip, .bottom-nav
) *,
body:has(.modal-backdrop.show:not(#modal-chat)) :is(.marquee, .bs-d-marquee, .bottom-nav) {
  animation-play-state: paused !important;
}


@media (prefers-reduced-motion: reduce) {
  .marquee-track,
  .bs-d-marquee-track, .bs-d-marquee,
  .btn-pulse, .btn-gold.btn-pulse, .hero-cta button,
  .hero-mascot-art, .mw-btn-pulse,
  .ann-bubble-btn,
  [class*="shimmer"], [class*="skeleton"], .hs-sk {
    animation: none !important;
  }
}


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






html body:has(.modal-backdrop.show) header.top-nav #topnav-balance-amt#topnav-balance-amt,
html body:has(.modal-backdrop.show) header.top-nav #topnav-balance-amt#topnav-balance-amt * {
  animation-play-state: running !important;
}






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


.lang-dd, .lang-dd-sum, .lang-dd-menu { display: none !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; }


#apk-banner.apk-banner {
  background-image: url("/assets/img/brand/stanley/frenzy96_misc_appdownload.jpg?v=20260521") !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: #0a1828 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1081 / 130 !important;
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
}

#apk-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
  z-index: 1;
}


.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; }


#bs-leaderboard, #bs-leaderboard-rows { display: none !important; }


#wt-pop, .wt-card, .wt-pop, [class*="bs-winner-toast"] { display: none !important; }


.hero .hero-cta, #btn-hero-cta, .hero-cta-pulse { 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-row.stanley-game-type-row::-webkit-scrollbar { display: none; }

#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:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(12, 192, 255, 0.75) !important;
  box-shadow: 0 8px 22px rgba(12, 192, 255, 0.35) !important;
}
#sec-popular-games .cat-btn.stanley-game-btn:hover img {
  filter: brightness(1.15) saturate(1.1) drop-shadow(0 6px 14px rgba(12,192,255,0.4)) !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;
}
#sec-popular-games .cat-btn.stanley-game-btn:active { transform: scale(0.97) !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; }
#modal-news.modal-backdrop.show { display: flex !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;
}


.section-title.section-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}
.section-title.section-title-row .see-all-link {
  margin-left: auto !important;
  font-size: 11px !important;
  color: var(--gold) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
}
.section-title.section-title-row .see-all-link:hover {
  filter: brightness(1.2);
}
@media (min-width: 640px) {
  .top-picks-scroll .game-tile {
    flex: 0 0 140px !important;
  }
}


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



.bottom-nav .bnav-item[data-nav="live"] .bnav-center {
  width: auto !important; height: auto !important; display: contents !important;
  border-radius: 0 !important; background: none !important; border: none !important;
  transform: none !important; box-shadow: none !important; animation: none !important;
  color: inherit !important; margin-top: 0 !important; z-index: auto !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;
}

.bottom-nav .bnav-item[data-nav="live"].active { color: #0CC0FF !important; }


@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;
}
#modal-auth .auth-card {
  background: linear-gradient(180deg,#0f2230 0%,#0a1a26 58%,#08131c 100%) !important;
  border: 1px solid rgba(251,191,36,0.22) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.78), 0 0 0 1px rgba(12,192,255,0.06) !important;
  border-radius: 18px !important;
  padding: 18px 0 !important;
}
#modal-auth .bs-input {
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: #eaf2f5 !important;
}
#modal-auth .bs-input::placeholder { color: rgba(234,242,245,0.45) !important; }
#modal-auth .bs-input:focus {
  border-color: #fbbf24 !important;
  background: rgba(255,255,255,0.08) !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.15) !important;
}

#modal-auth .auth-tab { color: rgba(255,255,255,0.55) !important; font-weight: 800 !important; text-decoration: none !important; }
#modal-auth .auth-tab.active { color: #fbbf24 !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; }
}

.trust-badge { background: #272E30 !important; border: 1px solid #055D6B !important;
  background-image: none !important; }
.trust-lbl { color: #FFFEFC !important; }


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


@media (max-width: 640px) {
  
  #modal-auth .auth-card > div.f96a-brand {
    padding: 4px 0 18px 0 !important;
  }
  
  #modal-auth .auth-tabs {
    display: flex !important;
    background: rgba(255,255,255,0.04) !important;
    border-radius: 12px !important;
    padding: 4px !important;
    margin: 4px 0 18px 0 !important;
    gap: 0 !important;
  }
  #modal-auth .auth-tab {
    flex: 1 !important;
    text-align: center !important;
    padding: 10px 8px !important;
    border-radius: 9px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.6px !important;
    color: rgba(255,255,255,0.5) !important;
    background: transparent !important;
    border: none !important;
    transition: all .15s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }
  #modal-auth .auth-tab.active {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #000 !important;
    box-shadow: 0 3px 12px rgba(251,191,36,0.35) !important;
    text-shadow: none !important;
  }
  
  #modal-auth .bs-input {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;
    padding: 14px 14px !important;
    font-size: 14.5px !important;
    color: #fff !important;
    width: 100% !important;
    transition: border-color .15s, background .15s !important;
  }
  #modal-auth .bs-input:focus {
    border-color: #fbbf24 !important;
    background: rgba(255,255,255,0.06) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(251,191,36,0.15) !important;
  }
  #modal-auth .bs-input::placeholder { color: rgba(255,255,255,0.35) !important; }
  #modal-auth .bs-field { margin-bottom: 12px !important; }
  
  #modal-auth #btn-do-mlogin,
  #modal-auth #btn-do-mregister {
    width: 100% !important;
    padding: 15px 20px !important;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
    color: #1a1300 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.4px !important;
    border: none !important;
    border-radius: 12px !important;
    margin-top: 6px !important;
    box-shadow: 0 6px 18px -4px rgba(251,191,36,0.5) !important;
    cursor: pointer !important;
  }
  #modal-auth #btn-do-mlogin:active,
  #modal-auth #btn-do-mregister:active {
    transform: translateY(1px) !important;
    box-shadow: 0 3px 10px -2px rgba(251,191,36,0.5) !important;
  }
  
  #mlogin-forgot-link {
    text-align: center !important;
    margin-top: 16px !important;
    padding: 8px !important;
    font-size: 13px !important;
    color: rgba(255,255,255,0.55) !important;
    cursor: pointer !important;
    user-select: none !important;
    border-radius: 8px !important;
    transition: color .15s, background .15s !important;
  }
  #mlogin-forgot-link:hover { color: #fbbf24 !important; background: rgba(251,191,36,0.06) !important; }
  
  #modal-auth img[src*="tiger-welcome"] {
    width: 84px !important; height: 84px !important;
  }
  
  #modal-auth .rs-copy-head {
    margin: 4px 0 14px !important;
  }
  
  #mauth-form-login, #mauth-form-register {
    padding: 0 !important;
  }
  
  #modal-auth .bs-field[data-d2-applied="1"] { margin-top: 0 !important; margin-bottom: 12px !important; }
  
  #modal-auth .bs-hint.warn {
    background: rgba(251,191,36,0.08) !important;
    border-left: 3px solid #fbbf24 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 8px 10px !important;
    font-size: 11.5px !important;
    color: #fbbf24 !important;
    margin: -4px 0 12px !important;
  }
}
@media (max-width: 640px) {
  #modal-auth.modal-backdrop .modal.f96-auth {
    border-radius: 22px 22px 0 0 !important;
    max-width: 100% !important;
    padding: 22px 18px 24px !important;
  }
}


#modal-auth .f96a-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 14px !important;
  padding: 4px !important;
  margin: 4px 0 22px 0 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#modal-auth .f96a-tab {
  width: 100% !important;
  min-width: 0 !important;
  text-decoration: none !important;
  padding: 12px 6px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  color: rgba(255,255,255,0.5) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  font-family: inherit !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#modal-auth .f96a-tab:hover { color: rgba(255,255,255,0.75) !important; }
#modal-auth .f96a-tab.active {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #1a1300 !important;
  box-shadow: 0 4px 14px -2px rgba(251,191,36,0.5) !important;
  text-shadow: none !important;
}


.f96-auth .f96a-cta,
#modal-auth .btn-gold.f96a-cta {
  width: 100% !important;
  padding: 15px 20px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #1a1300 !important;
  border: none !important;
  border-radius: 13px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 22px -4px rgba(251,191,36,0.55) !important;
  margin-top: 6px !important;
  text-transform: uppercase !important;
  transition: transform .12s, box-shadow .15s !important;
}


#modal-auth .auth-tabs:not(.f96a-tabs) { display: none !important; }
@media (max-width: 640px) {
  #modal-auth.modal-backdrop .modal.f96-auth {
    max-height: 100dvh !important;
    padding: 22px 16px 0 !important;
    border-radius: 22px 22px 0 0 !important;
  }
}


.f96-auth .f96a-panel {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}


.f96-auth .f96a-footer .f96a-cta { margin-top: 0 !important; }
@supports not (height: 100dvh) {
  #modal-auth.modal-backdrop .modal.f96-auth { max-height: 100vh !important; }
}
@media (max-width: 640px) {
  #modal-auth.modal-backdrop .modal.f96-auth {
    border-radius: 26px 26px 0 0 !important;
    padding: 28px 20px 0 !important;
    background: radial-gradient(ellipse at top center, #0f2737 0%, #07131c 60%) !important;
  }
}


#modal-auth .f96a-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  background: rgba(0,0,0,0.4) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 16px !important;
  padding: 8px !important;
  overflow: hidden !important;
  margin: 0 auto 24px !important;
  max-width: 320px !important;
  width: 100% !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 8px 16px -8px rgba(0,0,0,0.4) !important;
}
#modal-auth .f96a-tab {
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 6px !important;
  text-decoration: none !important;
  text-align: center !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: rgba(255,255,255,0.45) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .12s ease !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  font-family: inherit !important;
  text-transform: uppercase !important;
}
#modal-auth .f96a-tab:hover:not(.active) { color: rgba(255,255,255,0.85) !important; }
#modal-auth .f96a-tab.active {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #1a1100 !important;
  box-shadow: 0 2px 8px -2px rgba(251,191,36,0.55), 0 0 0 1px rgba(255,255,255,0.22) inset !important;
  text-shadow: none !important;
  text-decoration: none !important;
}


.f96-auth .f96a-input {
  width: 100% !important;
  height: 50px !important;
  padding: 0 16px !important;
  background: rgba(255,255,255,0.035) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  color: #fff !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
  transition: border-color .18s, background .18s, box-shadow .18s !important;
}


.f96-auth .f96a-cta,
#modal-auth .btn-gold.f96a-cta {
  width: 100% !important;
  height: 54px !important;
  padding: 0 24px !important;
  font-size: 14.5px !important;
  font-weight: 900 !important;
  letter-spacing: 1.2px !important;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #0f0a00 !important;
  border: none !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  box-shadow:
    0 10px 30px -6px rgba(251,191,36,0.55),
    0 0 0 1px rgba(255,255,255,0.18) inset !important;
  text-transform: uppercase !important;
  transition: transform .12s, box-shadow .18s !important;
  position: relative !important;
}


@media (max-width: 640px) {
  
  #modal-auth.modal-backdrop .modal.f96-auth {
    padding: 18px 18px 0 !important;
  }
  
  .f96-auth .f96a-brand { margin-bottom: 14px !important; padding-top: 0 !important; }
  .f96-auth .f96a-name { font-size: 24px !important; letter-spacing: 3.5px !important; }
  .f96-auth .f96a-tag { font-size: 9.5px !important; letter-spacing: 3.5px !important; margin-top: 5px !important; }
  
  #modal-auth .f96a-tabs { margin: 0 auto 14px !important; padding: 4px !important; }
  #modal-auth .f96a-tab { padding: 9px 6px !important; font-size: 12px !important; }
  
  #mauth-form-register .rs-copy-head { display: none !important; }
  
  #mauth-form-login .rs-copy-head { margin: 0 0 10px !important; }
  #mauth-form-login .rs-copy-head > div:first-child { font-size: 15px !important; margin-bottom: 2px !important; }
  #mauth-form-login .rs-copy-head > div:nth-child(2) { font-size: 11.5px !important; }
  
  .f96-auth .f96a-field { margin-bottom: 9px !important; }
  .f96-auth .f96a-field > label { font-size: 9.5px !important; letter-spacing: 1px !important; margin-bottom: 3px !important; }
  .f96-auth .f96a-input { height: 44px !important; font-size: 14px !important; padding: 0 13px !important; border-radius: 10px !important; }
  .f96-auth .f96a-hint { font-size: 10px !important; margin-top: 3px !important; }
  .f96-auth .f96a-hint-warn { padding: 6px 10px !important; font-size: 10.5px !important; }
  
  .f96-auth .f96a-phone { height: 44px !important; border-radius: 10px !important; }
  .f96-auth .f96a-phone-cc { padding: 0 14px !important; font-size: 14px !important; }
  .f96-auth .f96a-phone-input { height: 44px !important; padding: 0 13px !important; }
  
  .f96-auth .f96a-otp-input,
  .f96-auth .f96a-otp-send { height: 44px !important; }
  
  .f96-auth .f96a-eye { height: 44px !important; bottom: 0 !important; }
  
  .f96-auth .f96a-cta { height: 50px !important; font-size: 14px !important; border-radius: 12px !important; }
  
  .f96-auth .f96a-footer { padding-top: 10px !important; padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; }
  .f96-auth .f96a-forgot { margin-top: 8px !important; padding: 6px !important; font-size: 12px !important; }
  .f96-auth .f96a-switch { margin-top: 8px !important; font-size: 12px !important; }
  
  .f96-auth .f96a-scroll { padding-bottom: 6px !important; }
}


@media (max-width: 640px) {
  
  .f96-auth .rs-copy-head { display: none !important; }
  
  .f96-auth .f96a-name { font-size: 22px !important; letter-spacing: 3px !important; }
  .f96-auth .f96a-tag { font-size: 9px !important; letter-spacing: 3px !important; margin-top: 4px !important; }
  .f96-auth .f96a-brand { margin-bottom: 12px !important; }
  
  #modal-auth .f96a-tab { padding: 8px 6px !important; font-size: 11.5px !important; }
  #modal-auth .f96a-tabs { margin: 0 auto 12px !important; max-width: 280px !important; }
  
  .f96-auth .f96a-field { margin-bottom: 7px !important; }
  .f96-auth .f96a-field > label { font-size: 9px !important; margin-bottom: 2px !important; letter-spacing: 0.8px !important; }
  .f96-auth .f96a-input { height: 42px !important; font-size: 13.5px !important; padding: 0 12px !important; }
  .f96-auth .f96a-phone { height: 42px !important; }
  .f96-auth .f96a-phone-cc { font-size: 13.5px !important; padding: 0 12px !important; }
  .f96-auth .f96a-phone-input { height: 42px !important; padding: 0 12px !important; }
  .f96-auth .f96a-hint { font-size: 9.5px !important; margin-top: 2px !important; line-height: 1.35 !important; }
  .f96-auth .f96a-hint-warn { padding: 4px 8px !important; font-size: 9.5px !important; margin-top: 3px !important; }
  
  .f96-auth .f96a-eye { height: 42px !important; }
  
  .f96-auth .f96a-cta { height: 48px !important; font-size: 13.5px !important; }
  
  .f96-auth .f96a-footer { padding-top: 8px !important; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important; }
  .f96-auth .f96a-forgot { margin-top: 6px !important; padding: 4px !important; font-size: 11.5px !important; }
  .f96-auth .f96a-switch { margin-top: 6px !important; font-size: 11.5px !important; }
  
  .f96-auth .f96a-scroll { scrollbar-width: none !important; padding-bottom: 4px !important; }
  .f96-auth .f96a-scroll::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; }
  
  #modal-auth.modal-backdrop .modal.f96-auth { padding: 16px 18px 0 !important; }
}


#modal-auth .f96a-tabs,
.f96-auth .f96a-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.4)) !important;
  border: 1px solid rgba(251,191,36,0.12) !important;
  border-radius: 18px !important;
  padding: 7px !important;
  overflow: hidden !important;
  margin: 0 auto 22px !important;
  max-width: 320px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04) inset,
    0 0 0 1px rgba(0,0,0,0.5) inset,
    0 8px 24px -12px rgba(0,0,0,0.6) !important;
}
#modal-auth .f96a-tab,
.f96-auth .f96a-tab {
  width: 100% !important;
  min-width: 0 !important;
  padding: 9px 6px !important;
  text-align: center !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  color: rgba(255,255,255,0.5) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 11px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  transition: color .2s, background .2s, transform .12s !important;
  position: relative !important;
}
#modal-auth .f96a-tab:hover:not(.active),
.f96-auth .f96a-tab:hover:not(.active) {
  color: rgba(255,255,255,0.85) !important;
  background: rgba(255,255,255,0.03) !important;
}
#modal-auth .f96a-tab.active,
.f96-auth .f96a-tab.active {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: #1a1100 !important;
  text-decoration: none !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.3) inset,
    0 -2px 0 rgba(0,0,0,0.18) inset !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.15) !important;
}


#modal-auth .f96seg,
.f96-auth .f96seg {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  background: linear-gradient(180deg, #0c1827 0%, #07111c 100%) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 14px !important;
  padding: 6px !important;
  margin: 0 auto 22px !important;
  max-width: 300px !important;
  width: 100% !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04) inset,
    0 2px 0 rgba(0,0,0,0.4) inset,
    0 6px 18px -12px rgba(0,0,0,0.6) !important;
  overflow: hidden !important;
}

#modal-auth .f96seg-pill,
.f96-auth .f96seg-pill {
  position: absolute !important;
  top: 6px !important;
  bottom: 6px !important;
  left: 6px !important;
  width: calc(50% - 6px) !important;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  border-radius: 10px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.22) inset,
    0 -1px 0 rgba(0,0,0,0.14) inset,
    0 4px 12px -6px rgba(251,191,36,0.4) !important;
  transition: transform .35s cubic-bezier(.34,1.32,.56,1) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
#modal-auth .f96seg[data-active="register"] .f96seg-pill,
.f96-auth .f96seg[data-active="register"] .f96seg-pill {
  transform: translateX(100%) !important;
}

#modal-auth .f96seg-opt,
.f96-auth .f96seg-opt {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  border: none !important;
  padding: 10px 6px !important;
  text-align: center !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: rgba(255,255,255,0.48) !important;
  cursor: pointer !important;
  transition: color .25s ease !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  font-family: inherit !important;
  text-shadow: none !important;
}
#modal-auth .f96seg-opt:hover:not(.active),
.f96-auth .f96seg-opt:hover:not(.active) {
  color: rgba(255,255,255,0.85) !important;
}
#modal-auth .f96seg-opt.active,
.f96-auth .f96seg-opt.active {
  color: #1a1100 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.12) !important;
}

@media (max-width: 520px){
  #modal-auth .f96seg, .f96-auth .f96seg { max-width: 280px !important; padding: 5px !important; }
  #modal-auth .f96seg-pill, .f96-auth .f96seg-pill { top: 5px !important; bottom: 5px !important; left: 5px !important; width: calc(50% - 5px) !important; }
  #modal-auth .f96seg-opt, .f96-auth .f96seg-opt { padding: 9px 6px !important; font-size: 12px !important; letter-spacing: 1.2px !important; }
}


#modal-auth .f96seg, .f96-auth .f96seg, #modal-auth div.f96seg {
  padding: 6px !important;
  height: auto !important;
  min-height: 52px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  margin: 0 auto 22px !important;
  max-width: 300px !important;
}
#modal-auth .f96seg-pill, .f96-auth .f96seg-pill {
  position: absolute !important;
  top: 6px !important;
  bottom: 6px !important;
  left: 6px !important;
  width: calc(50% - 6px) !important;
  height: auto !important;
  box-sizing: border-box !important;
}


#modal-profile .pf-v2{
  background: linear-gradient(180deg, #0a1622 0%, #07131c 100%) !important;
  border: 1px solid rgba(251,191,36,0.18) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  display: flex !important;
  flex-direction: column !important;
}


.pf-head{
  padding: 18px 18px 0;
  background: linear-gradient(180deg, rgba(251,191,36,0.04) 0%, transparent 60%);
}
.pf-head-row{ display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.pf-avatar{
  width: 52px; height: 52px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 800;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  color: #0a1622;
  box-shadow: 0 4px 14px -4px rgba(251,191,36,0.5);
  flex-shrink: 0;
}
.pf-head-meta{ flex: 1; min-width: 0; }
.pf-head-name{
  font-size: 17px; font-weight: 800;
  color: #fff;
  letter-spacing: -0.1px;
}
.pf-head-sub{
  font-size: 12px; color: #94a3b8;
  margin-top: 4px;
  display: flex; align-items: center; gap: 6px;
}
.pf-dot{ opacity: 0.4; }
.pf-vip-pill{
  display: inline-flex;
  padding: 2px 8px;
  background: linear-gradient(135deg, rgba(251,191,36,0.18), rgba(251,191,36,0.06));
  border: 1px solid rgba(251,191,36,0.35);
  border-radius: 4px;
  color: #fbbf24;
  font-weight: 800;
  font-size: 10.5px;
  letter-spacing: 0.4px;
}
.pf-close{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  color: #94a3b8;
  width: 34px; height: 34px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  display: flex; align-items: center; justify-content: center;
  transition: all .18s;
  flex-shrink: 0;
}
.pf-close:hover{ background: rgba(239,68,68,0.12); color: #ef4444; border-color: rgba(239,68,68,0.35); }


.pf-tabs{
  display: flex; gap: 4px;
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 4px;
  margin: 0 0 0;
}
.pf-tab{
  flex: 1 1 auto;
  display: inline-flex; align-items: center; justify-content: center;
  gap: 5px;
  padding: 9px 10px;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: rgba(255,255,255,0.55);
  font-size: 12px; font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s ease;
  font-family: inherit;
}
.pf-tab svg{ opacity: 0.75; }
.pf-tab:hover:not(.active){
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.85);
}
.pf-tab.active{
  background: rgba(255,255,255,0.95);
  color: #0a1622;
  font-weight: 800;
  box-shadow: 0 2px 8px -2px rgba(0,0,0,0.4);
}
.pf-tab.active svg{ opacity: 1; }


.pf-body{
  flex: 1;
  overflow-y: auto;
  padding: 16px 18px;
  display: flex; flex-direction: column;
  gap: 10px;
}


.pf-card{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 12px 14px;
}
.pf-card-row{
  display: flex; flex-direction: column; gap: 6px;
}
.pf-label{
  font-size: 10px; font-weight: 800;
  color: #94a3b8;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pf-value{
  font-size: 14px; font-weight: 600;
  color: #fff;
  letter-spacing: 0.1px;
}
.pf-value.mono{ font-family: var(--font-mono); }
.pf-value-readonly{
  color: #cbd5e1;
}
.pf-input-row{
  display: flex; gap: 8px; align-items: stretch;
}
.pf-input{
  flex: 1;
  background: rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  color: #fff !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  height: 40px !important;
}
.pf-input:focus{
  border-color: #fbbf24 !important;
  background: rgba(251,191,36,0.04) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.18) !important;
}
.pf-btn-save{
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #fff;
  border: none;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all .15s;
  letter-spacing: 0.3px;
}
.pf-btn-save:hover{
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  transform: translateY(-1px);
}
.pf-btn-save:disabled{ opacity: 0.5; cursor: not-allowed; }


.pf-bank-card{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex; align-items: center; gap: 12px;
  transition: border-color .18s;
}
.pf-bank-card:hover{ border-color: rgba(251,191,36,0.3); }
.pf-bank-meta{ flex: 1; min-width: 0; }
.pf-bank-name{
  font-size: 14px; font-weight: 800;
  color: #fff;
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.pf-bank-no{
  font-size: 12px; color: #94a3b8;
  margin-top: 3px;
  font-family: var(--font-mono);
  letter-spacing: 0.3px;
}
.pf-bank-act{
  display: flex; gap: 6px;
  flex-shrink: 0;
}
.pf-bank-act-btn{
  background: transparent;
  border: 1px solid rgba(148,163,184,0.4);
  color: #94a3b8;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px; font-weight: 700;
  cursor: pointer;
  transition: all .15s;
}
.pf-bank-act-btn:hover{
  background: rgba(148,163,184,0.08);
  color: #cbd5e1;
}
.pf-bank-act-btn.default{
  background: rgba(251,191,36,0.12);
  border-color: rgba(251,191,36,0.4);
  color: #fbbf24;
}
.pf-bank-act-btn.danger:hover{
  background: rgba(239,68,68,0.12);
  border-color: rgba(239,68,68,0.5);
  color: #ef4444;
}
.pf-default-badge{
  display: inline-block;
  padding: 2px 7px;
  background: linear-gradient(135deg, rgba(251,191,36,0.22), rgba(251,191,36,0.1));
  border: 1px solid rgba(251,191,36,0.45);
  border-radius: 4px;
  color: #fbbf24;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.5px;
}
.pf-sec-head{
  font-size: 11px; font-weight: 800;
  color: #fbbf24;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 8px 0 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(251,191,36,0.18);
  display: flex; align-items: center; gap: 6px;
}


.pf-foot{
  padding: 12px 18px 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
  background: rgba(0,0,0,0.25);
}
.pf-btn-logout{
  width: 100%;
  background: transparent;
  border: 1px solid rgba(239,68,68,0.35);
  color: #ef4444;
  padding: 12px;
  border-radius: 10px;
  font-size: 13px; font-weight: 700;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  gap: 8px;
  transition: all .15s;
  letter-spacing: 0.4px;
}
.pf-btn-logout:hover{
  background: rgba(239,68,68,0.08);
  border-color: rgba(239,68,68,0.6);
  color: #f87171;
}


.pf-empty{
  text-align: center;
  padding: 32px 16px;
  color: #94a3b8;
  font-size: 13px;
}
.pf-empty-icon{
  font-size: 36px;
  margin-bottom: 8px;
  opacity: 0.5;
}


.pf-add-form{
  background: rgba(251,191,36,0.04);
  border: 1px dashed rgba(251,191,36,0.3);
  border-radius: 10px;
  padding: 14px;
  margin-top: 12px;
}
.pf-add-form .pf-card-row + .pf-card-row{ margin-top: 10px; }


.pf-balance-card{
  margin-top: 4px;
  padding: 12px 14px;
  background: linear-gradient(135deg, rgba(251,191,36,0.14) 0%, rgba(251,191,36,0.04) 100%);
  border: 1px solid rgba(251,191,36,0.35);
  border-radius: 12px;
  text-align: center;
}
.pf-bal-label{
  font-size: 10.5px; font-weight: 700;
  color: #fbbf24;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.pf-bal-val{
  font-size: 26px; font-weight: 900;
  font-family: var(--font-mono);
  color: #fff;
  margin-top: 4px;
  letter-spacing: -0.4px;
}
.pf-bal-sub{
  font-size: 11px;
  color: #cbd5e1;
  margin-top: 4px;
}


.pf-stats-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.pf-stat-card{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 10px 12px;
}
.pf-stat-lbl{
  font-size: 10px; font-weight: 700;
  color: #94a3b8;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.pf-stat-val{
  font-size: 16px; font-weight: 800;
  font-family: var(--font-mono);
  color: #fff;
  margin-top: 3px;
  letter-spacing: -0.2px;
}
.pf-stat-val-sm{
  font-size: 14px; font-weight: 800;
  font-family: var(--font-mono);
  color: #fff;
  margin-left: auto;
}
.pf-stat-sub{
  font-size: 10.5px; color: #94a3b8;
  margin-top: 2px;
}


.pf-ref-card{
  background: linear-gradient(135deg, rgba(168,85,247,0.1) 0%, rgba(168,85,247,0.03) 100%);
  border: 1px solid rgba(168,85,247,0.35);
  border-radius: 12px;
  padding: 14px;
}
.pf-ref-row{
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 12px;
}
.pf-ref-info{ flex: 1; min-width: 0; }
.pf-ref-code{
  font-size: 18px; font-weight: 900;
  color: #a855f7;
  margin-top: 4px;
  letter-spacing: 1px;
}
.pf-btn-copy{
  background: rgba(168,85,247,0.18);
  border: 1px solid rgba(168,85,247,0.45);
  color: #c084fc;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 12px; font-weight: 700;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
  flex-shrink: 0;
}
.pf-btn-copy:hover{
  background: rgba(168,85,247,0.3);
  color: #fff;
}
.pf-ref-stats{
  display: flex; gap: 12px;
  padding: 8px 0;
  border-top: 1px dashed rgba(168,85,247,0.2);
  border-bottom: 1px dashed rgba(168,85,247,0.2);
}
.pf-ref-stats > div{
  flex: 1;
  display: flex; flex-direction: column;
  gap: 2px;
}
.pf-ref-hint{
  font-size: 11px;
  color: #94a3b8;
  text-align: center;
  margin-top: 8px;
  line-height: 1.5;
}



#modal-profile .pf-v3{
  background: #0E1621 !important;
  border: 1px solid #1e2e40 !important;
  border-radius: 16px 16px 0 0 !important;
  max-width: 480px !important;
  width: 100% !important;
  max-height: 92dvh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative;
}
@supports not (max-height: 92dvh){
  #modal-profile .pf-v3{ max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; }
}


.pf3-drag-handle{
  width: 36px; height: 4px;
  background: #2c3e52;
  border-radius: 2px;
  margin: 8px auto 0;
  flex-shrink: 0;
}


.pf-v3 .pf3-hero{
  padding: 14px 18px 16px;
  background: linear-gradient(180deg, #0D2137 0%, #0E1621 100%);
  border-bottom: 1px solid #1e2e40;
  flex-shrink: 0;
}
.pf3-hero-top{
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 14px;
}
.pf3-title{
  font-size: 19px; font-weight: 800;
  color: #fff; margin: 0;
  letter-spacing: -0.2px;
}
.pf3-close{
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: #94a3b8;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: all .15s;
}
.pf3-close:hover{
  background: rgba(255,255,255,0.1);
  color: #fff;
}
.pf3-hero-row{
  display: flex; align-items: center; gap: 14px;
}
.pf3-avatar-wrap{ position: relative; flex-shrink: 0; }
.pf3-avatar{
  width: 64px; height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FF8C42 0%, #FF6B1A 100%);
  color: #1a0e00;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: 800;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 16px -4px rgba(255,140,66,0.45);
}
.pf3-avatar-cam{
  position: absolute;
  bottom: -2px; right: -2px;
  width: 22px; height: 22px;
  background: #1e2e40;
  border: 2px solid #0E1621;
  border-radius: 50%;
  color: #cbd5e1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
.pf3-hero-meta{ flex: 1; min-width: 0; }
.pf3-name{
  font-size: 17px; font-weight: 700;
  color: #fff;
  letter-spacing: -0.1px;
}
.pf3-sub{
  font-size: 12px; color: #94a3b8;
  margin-top: 4px;
  display: flex; gap: 6px; align-items: center;
}
.pf3-dot{ opacity: 0.45; }
.pf3-badges{
  display: flex; gap: 6px; margin-top: 8px;
  flex-wrap: wrap;
}
.pf3-badge{
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 10px; font-weight: 700;
  letter-spacing: 0.3px;
}
.pf3-badge-tier{
  background: rgba(255,159,64,0.18);
  color: #FF9F40;
  border: 1px solid rgba(255,159,64,0.3);
}
.pf3-badge-active{
  background: rgba(76,175,80,0.15);
  color: #4CAF50;
  border: 1px solid rgba(76,175,80,0.3);
}
.pf3-badge-since{
  background: rgba(148,163,184,0.12);
  color: #94a3b8;
  border: 1px solid rgba(148,163,184,0.2);
}


.pf3-body{
  flex: 1;
  overflow-y: auto;
  padding: 14px 16px calc(20px + env(safe-area-inset-bottom, 0px));
  display: flex; flex-direction: column;
  gap: 12px;
}
.pf3-card{
  background: #13202E;
  border: 1px solid #1e2e40;
  border-radius: 14px;
  padding: 14px;
}


.pf3-balance{ padding: 14px 16px; }
.pf3-bal-head{
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 6px;
}
.pf3-mini-label{
  font-size: 10px; font-weight: 700;
  color: #94a3b8;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.pf3-eye-btn{
  background: transparent;
  border: none;
  color: #94a3b8;
  width: 28px; height: 28px;
  border-radius: 6px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .15s;
}
.pf3-eye-btn:hover{ background: rgba(255,255,255,0.04); color: #fff; }
.pf3-bal-val{
  font-size: 28px; font-weight: 900;
  font-family: var(--font-mono);
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1;
}
.pf3-bal-val.hidden-amount{ letter-spacing: 2px; }
.pf3-bal-split{
  display: flex; align-items: stretch;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #1e2e40;
}
.pf3-bal-sub{
  flex: 1;
  display: flex; flex-direction: column; gap: 2px;
  text-align: left;
}
.pf3-bal-mono{
  font-size: 13px; font-weight: 700;
  font-family: var(--font-mono);
  color: #cbd5e1;
}
.pf3-bal-divider{
  width: 1px; background: #1e2e40;
  margin: 0 12px;
}


.pf3-quick{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.pf3-qa{
  background: #13202E;
  border: 1px solid #1e2e40;
  border-radius: 12px;
  padding: 10px 6px;
  cursor: pointer;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  color: #94a3b8;
  font-size: 11px; font-weight: 700;
  transition: all .15s;
  font-family: inherit;
}
.pf3-qa:hover{
  background: #1a2a3a;
  color: #cbd5e1;
}
.pf3-qa-icon{
  width: 38px; height: 38px;
  border-radius: 10px;
  background: rgba(148,163,184,0.1);
  display: flex; align-items: center; justify-content: center;
  color: #94a3b8;
  transition: all .15s;
}
.pf3-qa-primary{
  background: rgba(93,202,165,0.12);
  border-color: rgba(93,202,165,0.3);
  color: #5DCAA5;
}
.pf3-qa-primary .pf3-qa-icon{
  background: rgba(93,202,165,0.18);
  color: #5DCAA5;
}
.pf3-qa-primary:hover{
  background: rgba(93,202,165,0.2);
  color: #6FE3BB;
}


.pf3-section-head{
  display: flex; align-items: center; gap: 12px;
  margin: 6px 2px 0;
}
.pf3-section-head span{
  font-size: 10px; font-weight: 800;
  color: #5e6e80;
  letter-spacing: 1.5px;
}
.pf3-section-line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #1e2e40 0%, transparent 100%);
}


.pf3-stats-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.pf3-stat{
  background: #13202E;
  border: 1px solid #1e2e40;
  border-radius: 12px;
  padding: 10px 12px;
}
.pf3-stat-top{
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px;
}
.pf3-stat-lbl{
  font-size: 10px; font-weight: 700;
  color: #94a3b8;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.pf3-stat-dot{
  width: 6px; height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pf3-stat-val{
  font-size: 16px; font-weight: 800;
  font-family: var(--font-mono);
  margin-top: 4px;
  letter-spacing: -0.2px;
}
.pf3-stat-sub{
  font-size: 10px; color: #5e6e80;
  margin-top: 2px;
}


.pf3-refer{ padding: 12px; }
.pf3-ref-row{
  display: flex; align-items: center; gap: 10px;
  background: #0B1622;
  border: 1px solid #1e2e40;
  border-radius: 10px;
  padding: 10px 12px;
}
.pf3-ref-code-wrap{ flex: 1; min-width: 0; }
.pf3-ref-code{
  font-size: 18px; font-weight: 800;
  color: #FF9F40;
  letter-spacing: 2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pf3-ref-copy{
  background: #0D2137;
  border: 1px solid #1e2e40;
  color: #5DCAA5;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 12px; font-weight: 700;
  cursor: pointer;
  transition: all .15s;
  flex-shrink: 0;
}
.pf3-ref-copy:hover{ background: #102a44; color: #6FE3BB; }
.pf3-ref-copy.copied{ background: rgba(76,175,80,0.18); color: #4CAF50; border-color: rgba(76,175,80,0.4); }
.pf3-ref-stats{
  display: flex; align-items: stretch;
  margin-top: 10px;
}
.pf3-ref-stat{
  flex: 1;
  display: flex; flex-direction: column; gap: 4px;
  text-align: center;
}
.pf3-ref-stat-val{
  font-size: 14px; font-weight: 800;
  font-family: var(--font-mono);
  color: #fff;
}
.pf3-ref-divider{
  width: 1px; background: #1e2e40;
  margin: 0 8px;
}


.pf3-menu{ padding: 0; overflow: hidden; }
.pf3-menu-item{
  width: 100%;
  background: transparent;
  border: none;
  padding: 12px 14px;
  display: flex; align-items: center; gap: 12px;
  cursor: pointer;
  color: #fff;
  transition: background .15s;
  text-align: left;
  font-family: inherit;
  border-bottom: 1px solid #1e2e40;
}
.pf3-menu-item:last-child{ border-bottom: none; }
.pf3-menu-item:hover, .pf3-menu-item:active{
  background: rgba(255,255,255,0.03);
}
.pf3-menu-icon{
  width: 32px; height: 32px;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.pf3-icon-blue{ background: rgba(59,130,246,0.15); color: #60a5fa; }
.pf3-icon-green{ background: rgba(93,202,165,0.15); color: #5DCAA5; }
.pf3-icon-orange{ background: rgba(255,159,64,0.15); color: #FF9F40; }
.pf3-icon-purple{ background: rgba(168,85,247,0.15); color: #c084fc; }
.pf3-icon-grey{ background: rgba(148,163,184,0.12); color: #94a3b8; }
.pf3-menu-meta{ flex: 1; min-width: 0; }
.pf3-menu-title{
  font-size: 13px; font-weight: 600;
  color: #fff;
}
.pf3-menu-sub{
  font-size: 11px; color: #94a3b8;
  margin-top: 2px;
}
.pf3-menu-arrow{
  color: #5e6e80;
  flex-shrink: 0;
}
.pf3-menu-badge{
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 10px; font-weight: 800;
  letter-spacing: 0.3px;
  flex-shrink: 0;
}
.pf3-menu-badge-orange{
  background: rgba(255,159,64,0.15);
  color: #FF9F40;
  border: 1px solid rgba(255,159,64,0.3);
}
.pf3-menu-badge-red{
  background: rgba(239,68,68,0.18);
  color: #ef4444;
}


.pf3-btn-logout{
  width: 100%;
  background: transparent;
  border: 1px solid rgba(226,75,74,0.35);
  color: #E24B4A;
  padding: 12px;
  border-radius: 10px;
  font-size: 13px; font-weight: 700;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  gap: 8px;
  transition: all .15s;
  margin-top: 4px;
}
.pf3-btn-logout:hover{
  background: rgba(226,75,74,0.08);
  border-color: rgba(226,75,74,0.6);
}

.pf3-version{
  text-align: center;
  font-size: 10px;
  color: #2a3a4e;
  margin-top: 8px;
  font-family: var(--font-mono);
}


.pf3-subpage{
  position: absolute;
  inset: 0;
  background: #0E1621;
  display: flex; flex-direction: column;
  transform: translateX(100%);
  transition: transform .25s ease-out;
  z-index: 10;
  visibility: hidden;
}
.pf3-subpage.open{
  transform: translateX(0);
  visibility: visible;
}
.pf3-subpage-head{
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #1e2e40;
  flex-shrink: 0;
}
.pf3-back{
  width: 32px; height: 32px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 50%;
  color: #94a3b8;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: all .15s;
}
.pf3-back:hover{ background: rgba(255,255,255,0.1); color: #fff; }
.pf3-subpage-title{
  font-size: 16px; font-weight: 700;
  color: #fff; margin: 0;
}
.pf3-subpage-body{
  flex: 1;
  overflow-y: auto;
  padding: 16px 18px calc(20px + env(safe-area-inset-bottom, 0px));
}




#modal-profile .pf3-avatar-cam{
  width: 18px !important;
  height: 18px !important;
  bottom: -1px !important;
  right: -1px !important;
  border-width: 1.5px !important;
}
#modal-profile .pf3-avatar-cam svg{
  width: 9px !important;
  height: 9px !important;
}


#modal-profile .pf3-badges{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
#modal-profile .pf3-badge{
  height: 20px !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  letter-spacing: 0.2px !important;
  box-sizing: border-box !important;
}


#modal-profile .pf3-quick{
  gap: 8px !important;
}
#modal-profile .pf3-qa{
  padding: 8px 4px !important;
  gap: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
#modal-profile .pf3-qa-icon{
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#modal-profile .pf3-qa-icon svg{
  width: 20px !important;
  height: 20px !important;
}
#modal-profile .pf3-qa > span{
  font-size: 11px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  font-weight: 700 !important;
}


#modal-profile .pf3-stats-grid{
  grid-auto-rows: 1fr !important;
  gap: 8px !important;
}
#modal-profile .pf3-stat{
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 86px !important;
}
#modal-profile .pf3-stat-top{
  margin-bottom: 4px !important;
}
#modal-profile .pf3-stat-lbl{
  font-size: 10px !important;
  line-height: 1.3 !important;
  overflow: visible !important;
  white-space: normal !important;
}
#modal-profile .pf3-stat-val{
  font-size: 16px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#modal-profile .pf3-stat-sub{
  font-size: 10px !important;
  margin-top: 2px !important;
  line-height: 1.3 !important;
}


#modal-profile .pf3-ref-row{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#modal-profile .pf3-ref-code-wrap{
  display: flex !important;
  align-items: center !important;
  min-height: 36px !important;
}
#modal-profile .pf3-ref-code{
  font-size: 17px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#modal-profile .pf3-ref-copy{
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  height: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}


#modal-profile .pf3-body{
  padding-left: 16px !important;
  padding-right: 16px !important;
  gap: 14px !important;
}
#modal-profile .pf3-section-head{
  margin: 0 2px !important;
}

#modal-profile .pf3-menu-title,
#modal-profile .pf3-menu-sub,
#modal-profile .pf3-stat-lbl,
#modal-profile .pf3-stat-sub,
#modal-profile .pf3-mini-label{
  overflow: visible !important;
  white-space: normal !important;
  word-break: break-word !important;
}


#modal-profile .pf3-badges{
  margin-top: 8px !important;
}
#modal-profile .pf3-hero-meta{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
#modal-profile .pf3-name{
  line-height: 1.2 !important;
}
#modal-profile .pf3-sub{
  margin-top: 0 !important;
  line-height: 1.3 !important;
}


#modal-profile .pf3-ref-stats{
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid #1e2e40 !important;
}
#modal-profile .pf3-ref-stat{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
}
#modal-profile .pf3-ref-stat-val{
  font-size: 14px !important;
  line-height: 1.2 !important;
}


#modal-profile .pf3-bal-split{
  align-items: stretch !important;
}
#modal-profile .pf3-bal-sub{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
  text-align: left !important;
}
#modal-profile .pf3-bal-mono{
  line-height: 1.2 !important;
}




#modal-profile .pf3-avatar-wrap{
  position: relative !important;
  width: 64px !important;
  height: 64px !important;
  flex-shrink: 0 !important;
}
#modal-profile .pf3-avatar-cam{
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 1.5px solid #0E1621 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1e2e40 !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
}
#modal-profile .pf3-avatar-cam svg{
  width: 9px !important;
  height: 9px !important;
}


#modal-profile .pf3-quick{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}
#modal-profile .pf3-qa{
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: #13202E !important;  
  border: 1px solid #1e2e40 !important;
  box-sizing: border-box !important;
}
#modal-profile .pf3-qa.pf3-qa-primary{
  background: #13202E !important;  
  border-color: #1e2e40 !important;
}
#modal-profile .pf3-qa-icon{
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  background: rgba(148,163,184,0.1) !important;
  color: #94a3b8 !important;
}

#modal-profile .pf3-qa-primary .pf3-qa-icon{
  background: rgba(93,202,165,0.15) !important;
  color: #5DCAA5 !important;
}
#modal-profile .pf3-qa-primary{ color: #5DCAA5 !important; }
#modal-profile .pf3-qa-icon svg{
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
}
#modal-profile .pf3-qa > span{
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  width: 100% !important;
}


#modal-profile .pf3-stats-grid{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}
#modal-profile .pf3-stat{
  min-width: 0 !important;
  box-sizing: border-box !important;
}


#modal-profile .pf3-badges{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
}
#modal-profile .pf3-badge{
  height: 22px !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}


#modal-profile .pf3-body{
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 14px !important;
  padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}

#modal-profile .pf3-card,
#modal-profile .pf3-quick,
#modal-profile .pf3-stats-grid,
#modal-profile .pf3-refer,
#modal-profile .pf3-menu,
#modal-profile .pf3-btn-logout,
#modal-profile .pf3-version,
#modal-profile .pf3-section-head{
  width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}




#modal-profile .pf3-drag-handle{
  width: 36px !important;
  height: 4px !important;
  margin: 6px auto 0 !important;
  background: #2c3e52 !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}


#modal-profile .pf-v3 .pf3-hero{
  padding: 8px 18px 16px !important;
}


#modal-profile .pf-v3{
  height: 92dvh !important;
  max-height: 92dvh !important;
  min-height: 600px !important;  
}
@supports not (height: 92dvh){
  #modal-profile .pf-v3{
    height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  }
}


#modal-profile .pf3-body{
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  min-height: 0 !important;  
}


#modal-profile .pf-v3 .pf3-hero{
  flex-shrink: 0 !important;
}


#modal-profile .pf3-subpage{
  height: 100% !important;
}
#modal-profile .pf3-subpage-body{
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  min-height: 0 !important;
}


#modal-profile .pf3-avatar-cam{
  min-height: 18px !important;
  min-width: 18px !important;
  max-height: 18px !important;
  max-width: 18px !important;
  line-height: 0 !important;
}


#modal-profile .pf3-drag-handle{
  background: #2c3e52 !important;
  width: 36px !important;
  height: 4px !important;
  margin: 6px auto !important;
}

#modal-profile .pf-v3{
  background: #0D2137 !important;  
}

#modal-profile .pf-v3 .pf3-hero{
  background: linear-gradient(180deg, #0D2137 0%, #0E1621 100%) !important;
}
#modal-profile .pf3-body{
  background: #0E1621 !important;  
}


#modal-profile .pf3-version{
  display: none !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; }


#modal-profile .pf-v3{
  height: auto !important;
  min-height: 0 !important;
  max-height: 92dvh !important;
}
@supports not (max-height: 92dvh){
  #modal-profile .pf-v3{ max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; }
}

#modal-profile .pf3-body{
  flex: 0 1 auto !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  padding-bottom: max(16px, env(safe-area-inset-bottom, 16px)) !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 .hamburger:hover{
    background: rgba(255,255,255,0.08) !important;
    color: #fff !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; }
.auth-v3{
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  background: linear-gradient(180deg, #13202E 0%, #0E1621 100%) !important;
  border: 1px solid #1e2e40 !important;
  border-radius: 22px 22px 0 0 !important;
  padding: 12px 22px calc(env(safe-area-inset-bottom, 0px) + 18px) 22px !important;
  position: relative !important;
  box-shadow: 0 -8px 40px rgba(0,0,0,0.6) !important;
  max-height: calc(100dvh - 80px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 600px){
  .auth-v3{ border-radius: 22px !important; margin: auto !important; }
  #modal-auth.modal-backdrop{ align-items: center !important; }
}
.auth-v3-handle{
  width: 40px; height: 4px;
  background: #475569;
  border-radius: 4px;
  margin: 0 auto 12px;
  opacity: 0.6;
}
.auth-v3-close{
  position: absolute; top: 14px; right: 14px;
  width: 30px; height: 30px;
  background: rgba(148,163,184,0.15);
  border: none; border-radius: 50%;
  color: #cbd5e1; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  z-index: 2;
}
.auth-v3-close:hover{ background: rgba(148,163,184,0.25); }
.auth-v3-brand{ text-align: center; padding: 4px 0 16px; }
.auth-v3-mascot{
  width: 88px; height: 88px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251,191,36,0.25) 0%, transparent 70%);
  display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--gold, #fbbf24);
  box-shadow: 0 4px 24px rgba(251,191,36,0.4);
  overflow: hidden;
}
.auth-v3-mascot img{
  width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
  background: #fff;
}
.auth-v3-title{
  font-size: 26px; font-weight: 900; letter-spacing: 2.5px;
  background: linear-gradient(90deg, #ef4444 0%, #fbbf24 50%, #ef4444 100%);
  background-size: 200% auto;
  animation: bs-gold-flow 3s linear infinite;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  margin-top: 4px;
}
.auth-v3-tag{
  font-size: 11px; letter-spacing: 3px; font-weight: 800;
  color: var(--gold, #fbbf24);
  margin-top: 4px;
}
.auth-v3-tabs{
  display: flex; gap: 0;
  margin-bottom: 16px;
  background: rgba(15,22,33,0.6);
  border: 1px solid #1e2e40;
  border-radius: 10px;
  padding: 4px;
}
.auth-v3-tab{
  flex: 1;
  padding: 9px 12px;
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 13px; font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  letter-spacing: 0.5px;
  transition: background 0.2s ease, color 0.2s ease;
}
.auth-v3-tab:hover{ color: #cbd5e1; }
.auth-v3-tab.active{
  background: #0B1320;
  color: #ffffff;
  box-shadow: inset 0 0 0 1px #1e2e40;
}
.auth-v3-form{ display: flex; flex-direction: column; gap: 12px; }
.auth-v3-form.hidden{ display: none; }
.auth-v3-field{ position: relative; }
.auth-v3-input{
  width: 100%;
  padding: 14px 16px !important;
  font-size: 14px !important;
  background: rgba(15,22,33,0.8) !important;
  border: 1px solid #1e2e40 !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
}
.auth-v3-input::placeholder{ color: #64748b; }
.auth-v3-input:focus{
  border-color: var(--gold, #fbbf24) !important;
  outline: none;
  background: rgba(15,22,33,1) !important;
}
.auth-v3-phone{
  display: flex !important; align-items: stretch !important;
  border: 1px solid #1e2e40 !important;
  border-radius: 10px !important; overflow: hidden !important;
  background: rgba(15,22,33,0.8) !important;
}
.auth-v3-phone-prefix{
  padding: 14px 12px;
  background: rgba(15,22,33,1);
  color: #94a3b8;
  font-size: 14px; font-weight: 700;
  border-right: 1px solid #1e2e40;
}
.auth-v3-phone .auth-v3-input{
  border: none !important; border-radius: 0 !important;
  background: transparent !important;
}
.auth-v3-eye{
  position: absolute; right: 12px; top: 50%;
  transform: translateY(-50%);
  background: transparent; border: 0;
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #94a3b8; cursor: pointer;
}
.auth-v3-eye svg{ width: 18px; height: 18px; }
.auth-v3-otp-btn{
  padding: 0 14px;
  background: rgba(59,130,246,0.18);
  border: 1px solid #3b82f6;
  border-radius: 10px;
  color: #60a5fa;
  font-size: 12px; font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.auth-v3-cta{
  width: 100%;
  padding: 15px 20px;
  background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
  border: none; border-radius: 12px;
  color: #0E1621;
  font-size: 16px; font-weight: 900;
  letter-spacing: 0.3px;
  cursor: pointer;
  margin-top: 8px;
  box-shadow: 0 6px 24px rgba(251,191,36,0.35);
  position: sticky;
  bottom: 0;
  z-index: 3;
}
.auth-v3-form::after{
  content: "";
  position: sticky;
  bottom: -1px;
  display: block;
  height: 1px;
  margin-top: -1px;
}
.auth-v3-cta:hover{ filter: brightness(1.05); }
.auth-v3-cta:active{ transform: translateY(1px); }
.auth-v3-foot{
  text-align: center;
  margin-top: 10px;
  font-size: 12px; color: #94a3b8;
}
.auth-v3-link{
  color: var(--gold, #fbbf24);
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 4px;
}
.auth-v3-hint{
  font-size: 10px; color: #64748b; margin-top: 4px;
}


#modal-auth .auth-v3{
  max-width: 480px !important;
  width: calc(100% - 32px) !important;
  padding: 12px 22px 26px 22px !important;
  background: linear-gradient(180deg, #13202E 0%, #0E1621 100%) !important;
  border: 1px solid #1e2e40 !important;
  border-radius: 22px !important;
  margin: auto !important;
  box-sizing: border-box !important;
}
#modal-auth.modal-backdrop.show{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}
@media (max-width: 600px){
  #modal-auth.modal-backdrop.show{ align-items: flex-end !important; padding: 0 !important; }
  #modal-auth .auth-v3{
    width: 100% !important;
    border-radius: 22px 22px 0 0 !important;
    margin: 0 auto !important;
  }
}


#modal-auth .auth-v3 .auth-v3-mascot{
  width: 88px !important;
  height: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  min-height: 88px !important;
  max-height: 88px !important;
  margin: 0 auto 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 2px solid #fbbf24 !important;
  box-shadow: 0 4px 24px rgba(251,191,36,0.4) !important;
  background: #fff !important;
}
#modal-auth .auth-v3 .auth-v3-mascot img{
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}


#modal-auth .auth-v3 .auth-v3-tabs{
  display: flex !important;
  gap: 0 !important;
  margin-bottom: 16px !important;
  background: rgba(15,22,33,0.6) !important;
  border: 1px solid #1e2e40 !important;
  border-radius: 10px !important;
  padding: 4px !important;
}
#modal-auth .auth-v3 .auth-v3-tab{
  flex: 1 !important;
  padding: 9px 12px !important;
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  letter-spacing: 0.5px !important;
}
#modal-auth .auth-v3 .auth-v3-tab.active{
  background: rgba(251,191,36,0.12) !important;
  color: #fbbf24 !important;
}


#modal-auth .auth-v3 .auth-v3-cta{
  width: 100% !important;
  padding: 15px 20px !important;
  background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #0E1621 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  margin-top: 4px !important;
  box-shadow: 0 6px 24px rgba(251,191,36,0.35) !important;
  display: block !important;
}


#modal-auth .auth-v3 .auth-v3-brand{ text-align: center !important; padding: 4px 0 16px !important; }
#modal-auth .auth-v3 .auth-v3-title{
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: 2.5px !important;
  background: linear-gradient(90deg, #ef4444 0%, #fbbf24 50%, #ef4444 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  margin-top: 4px !important;
}
#modal-auth .auth-v3 .auth-v3-tag{
  font-size: 11px !important;
  letter-spacing: 3px !important;
  font-weight: 800 !important;
  color: #fbbf24 !important;
  margin-top: 4px !important;
}


#modal-auth .auth-v3 .auth-v3-input{
  width: 100% !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
  background: rgba(15,22,33,0.8) !important;
  border: 1px solid #1e2e40 !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
  box-sizing: border-box !important;
}
#modal-auth .auth-v3 .auth-v3-form{ display: flex !important; flex-direction: column !important; gap: 12px !important; }
#modal-auth .auth-v3 .auth-v3-form.hidden{ display: none !important; }


#modal-auth #mlogin-forgot-link,
#modal-auth .f96-auth,
#modal-auth .f96a-switch,
#modal-auth .f96a-tag{ display: none !important; }


#modal-auth .auth-v3{
  position: relative !important;  
  overflow: visible !important;
}
#modal-auth .auth-v3 .auth-v3-close{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(148,163,184,0.18) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  padding: 0 !important;
}
#modal-auth .auth-v3 .auth-v3-close:hover{
  background: rgba(148,163,184,0.32) !important;
  color: #fff !important;
}
#modal-auth .auth-v3 .auth-v3-close svg{
  width: 14px !important; height: 14px !important;
  pointer-events: none !important;  
}

#modal-auth .auth-v3 .auth-v3-handle{
  pointer-events: none !important;
}


#modal-profile .pf3-eye{
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#modal-profile .pf3-eye svg{
  width: 18px !important;
  height: 18px !important;
  pointer-events: none !important;
}
#modal-profile .pf3-eye:hover{ background: rgba(148,163,184,0.12) !important; color: #cbd5e1 !important; }


#modal-profile .pf3-bal-top{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}


body #modal-auth .auth-v3{
  max-height: calc(100dvh - 80px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  padding: 12px 22px calc(env(safe-area-inset-bottom, 0px) + 20px) 22px !important;
}
@supports not (max-height: calc(100dvh - 80px)){
  body #modal-auth .auth-v3{ max-height: calc(100vh - 80px) !important; }
}


body #modal-auth .auth-v3 .auth-v3-tab{
  background: transparent !important;
  color: #94a3b8 !important;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}
body #modal-auth .auth-v3 .auth-v3-tab:hover{ color: #cbd5e1 !important; }
body #modal-auth .auth-v3 .auth-v3-tab.active{
  background: #0B1320 !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px #1e2e40 !important;
}


body #modal-auth .auth-v3 .auth-v3-cta{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 3 !important;
  margin-top: 8px !important;
}


body #modal-auth .auth-v3 .auth-v3-tabs{
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  background: linear-gradient(180deg, #13202E 0%, #13202E 92%, rgba(19,32,46,0) 100%) !important;
  padding-top: 4px !important;
  padding-bottom: 8px !important;
  margin-left: -4px !important;
  margin-right: -4px !important;
  border-radius: 0 !important;
  border: 0 !important;
}
body #modal-auth .auth-v3 .auth-v3-tabs::before{
  content: ""; position: absolute; inset: -2px 0 0 0;
  background: #13202E;
  z-index: -1;
}




html body #modal-auth.modal-backdrop.show{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
  background: rgba(2, 8, 16, 0.72) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
@media (min-width: 600px){
  html body #modal-auth.modal-backdrop.show{
    align-items: center !important;
    padding: 24px !important;
  }
}

html body #modal-auth .auth-v3{
  width: 100% !important;
  max-width: 440px !important;
  margin: 0 auto !important;
  background: #0F1A26 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 24px 24px 0 0 !important;
  padding: 14px 24px calc(env(safe-area-inset-bottom, 0px) + 24px) 24px !important;
  position: relative !important;
  box-shadow: 0 -16px 60px rgba(0,0,0,0.7) !important;
  max-height: calc(100dvh - 60px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box !important;
}
@media (min-width: 600px){
  html body #modal-auth .auth-v3{
    border-radius: 24px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    max-height: min(640px, calc(100dvh - 48px)) !important;
  }
}
@supports not (max-height: calc(100dvh - 60px)){
  html body #modal-auth .auth-v3{ max-height: calc(100vh - 60px) !important; }
}


html body #modal-auth .auth-v3 .auth-v3-handle{
  width: 44px !important;
  height: 4px !important;
  background: rgba(148,163,184,0.35) !important;
  border-radius: 999px !important;
  margin: 0 auto 18px !important;
  opacity: 1 !important;
}
@media (min-width: 600px){
  html body #modal-auth .auth-v3 .auth-v3-handle{ display: none !important; }
}


html body #modal-auth .auth-v3 .auth-v3-close{
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(148,163,184,0.10) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 5 !important;
  transition: background 0.18s ease !important;
}
html body #modal-auth .auth-v3 .auth-v3-close:hover{
  background: rgba(148,163,184,0.20) !important;
}
html body #modal-auth .auth-v3 .auth-v3-close svg{ pointer-events: none; }


html body #modal-auth .auth-v3 .auth-v3-brand{
  text-align: center !important;
  padding: 8px 0 26px !important;
  margin: 0 !important;
}
html body #modal-auth .auth-v3 .auth-v3-mascot{ display: none !important; }

html body #modal-auth .auth-v3 .auth-v3-title{
  font-size: 30px !important;
  font-weight: 900 !important;
  letter-spacing: 6px !important;
  background: linear-gradient(90deg, #EF4444 0%, #FBBF24 50%, #EF4444 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  margin: 0 0 8px 0 !important;
  line-height: 1 !important;
  animation: bs-gold-flow 4s linear infinite !important;
}
html body #modal-auth .auth-v3 .auth-v3-tag{
  font-size: 10px !important;
  letter-spacing: 4px !important;
  font-weight: 700 !important;
  color: rgba(251,191,36,0.85) !important;
  margin: 0 !important;
  text-transform: uppercase !important;
}


html body #modal-auth .auth-v3 .auth-v3-tabs{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  margin: 0 0 22px 0 !important;
  padding: 4px !important;
  background: #0A1320 !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 12px !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html body #modal-auth .auth-v3 .auth-v3-tab{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 12px !important;
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
  outline: none !important;
}
html body #modal-auth .auth-v3 .auth-v3-tab:hover{ color: #cbd5e1 !important; }
html body #modal-auth .auth-v3 .auth-v3-tab.active{
  background: #1B2A3E !important;
  color: #ffffff !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.04), 0 4px 12px rgba(0,0,0,0.25) !important;
}


html body #modal-auth .auth-v3 .auth-v3-form{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
html body #modal-auth .auth-v3 .auth-v3-form.hidden{ display: none !important; }


html body #modal-auth .auth-v3 .auth-v3-field{
  position: relative !important;
  margin: 0 !important;
}
html body #modal-auth .auth-v3 .auth-v3-input{
  width: 100% !important;
  height: 52px !important;
  padding: 0 16px 0 46px !important;
  font-size: 14px !important;
  background: #0A1320 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  color: #E2E8F0 !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
html body #modal-auth .auth-v3 .auth-v3-input::placeholder{
  color: #475569 !important;
  font-weight: 500 !important;
}
html body #modal-auth .auth-v3 .auth-v3-input:focus{
  outline: none !important;
  border-color: rgba(251,191,36,0.55) !important;
  background: #0E1827 !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.10) !important;
}
html body #modal-auth .auth-v3 .auth-v3-input:-webkit-autofill,
html body #modal-auth .auth-v3 .auth-v3-input:-webkit-autofill:focus{
  -webkit-text-fill-color: #E2E8F0 !important;
  -webkit-box-shadow: 0 0 0 1000px #0A1320 inset !important;
  caret-color: #E2E8F0 !important;
}


html body #modal-auth .auth-v3 .auth-v3-field::before{
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  opacity: 0.55;
  pointer-events: none;
  z-index: 1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 4-7 8-7s8 3 8 7'/></svg>");
}
html body #modal-auth .auth-v3 .auth-v3-field:has(input[type="password"])::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 018 0v4'/></svg>");
}
html body #modal-auth .auth-v3 .auth-v3-field:has(input[type="tel"])::before,
html body #modal-auth .auth-v3 .auth-v3-field:has(.auth-v3-phone)::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 01-2.18 2 19.86 19.86 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.86 19.86 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.36 1.9.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0122 16.92z'/></svg>");
}


html body #modal-auth .auth-v3 .auth-v3-field:has(.auth-v3-phone){ padding: 0 !important; }
html body #modal-auth .auth-v3 .auth-v3-phone{
  display: flex !important;
  align-items: stretch !important;
  background: #0A1320 !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  height: 52px !important;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}
html body #modal-auth .auth-v3 .auth-v3-phone:focus-within{
  border-color: rgba(251,191,36,0.55) !important;
  background: #0E1827 !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.10) !important;
}
html body #modal-auth .auth-v3 .auth-v3-phone-prefix{
  padding: 0 14px 0 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #cbd5e1 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
  background: transparent !important;
  letter-spacing: 0.3px !important;
}
html body #modal-auth .auth-v3 .auth-v3-phone .auth-v3-input{
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 16px !important;
  height: 100% !important;
  flex: 1 !important;
  box-shadow: none !important;
}
html body #modal-auth .auth-v3 .auth-v3-phone .auth-v3-input:focus{
  background: transparent !important;
  box-shadow: none !important;
}


html body #modal-auth .auth-v3 .auth-v3-otp-btn{
  padding: 0 16px !important;
  height: 52px !important;
  background: rgba(59,130,246,0.10) !important;
  border: 1px solid rgba(59,130,246,0.40) !important;
  border-radius: 10px !important;
  color: #60A5FA !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.18s ease !important;
}
html body #modal-auth .auth-v3 .auth-v3-otp-btn:hover{
  background: rgba(59,130,246,0.18) !important;
}


html body #modal-auth .auth-v3 .auth-v3-eye{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: 0 !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: color 0.18s ease, background 0.18s ease !important;
  padding: 0 !important;
  z-index: 2 !important;
}
html body #modal-auth .auth-v3 .auth-v3-eye:hover{
  color: #E2E8F0 !important;
  background: rgba(148,163,184,0.10) !important;
}
html body #modal-auth .auth-v3 .auth-v3-eye svg{
  width: 18px !important;
  height: 18px !important;
  pointer-events: none !important;
}


html body #modal-auth .auth-v3 .auth-v3-cta{
  width: 100% !important;
  height: 54px !important;
  padding: 0 20px !important;
  margin: 18px 0 0 0 !important;
  background: linear-gradient(180deg, #FCD34D 0%, #F59E0B 100%) !important;
  border: none !important;
  border-radius: 14px !important;
  color: #0E1621 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 28px -10px rgba(251,191,36,0.55), inset 0 1px 0 rgba(255,255,255,0.30) !important;
  transition: transform 0.12s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body #modal-auth .auth-v3 .auth-v3-cta:hover{
  filter: brightness(1.04) !important;
  box-shadow: 0 12px 32px -10px rgba(251,191,36,0.65), inset 0 1px 0 rgba(255,255,255,0.30) !important;
}
html body #modal-auth .auth-v3 .auth-v3-cta:active{
  transform: translateY(1px) !important;
  box-shadow: 0 6px 18px -8px rgba(251,191,36,0.45), inset 0 1px 0 rgba(255,255,255,0.30) !important;
}


html body #modal-auth .auth-v3 .auth-v3-foot{
  text-align: center !important;
  margin-top: 14px !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
}
html body #modal-auth .auth-v3 .auth-v3-link{
  color: #FBBF24 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  letter-spacing: 0.2px !important;
}
html body #modal-auth .auth-v3 .auth-v3-link:hover{
  text-decoration: underline !important;
}


html body #modal-auth .auth-v3 .auth-v3-hint{
  font-size: 11px !important;
  color: #64748B !important;
  margin: 6px 0 0 4px !important;
  line-height: 1.4 !important;
}


html body #modal-auth .auth-v3 .auth-v3-field:has(> [id^="ts-"]){
  background: transparent !important;
  border: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 4px 0 0 0 !important;
}
html body #modal-auth .auth-v3 .auth-v3-field:has(> [id^="ts-"])::before{ display: none !important; }


html body #modal-auth .f96-auth,
html body #modal-auth .f96a-switch,
html body #modal-auth .f96a-tag,
html body #modal-auth .auth-v3-mascot{ display: none !important; }


html body #modal-auth .auth-v3 .auth-v3-logo{
  display: block;
  max-width: 180px !important;
  max-height: 56px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto 10px !important;
  object-fit: contain !important;
  background: transparent !important;
}
html body #modal-auth .auth-v3 .auth-v3-panel-head{
  text-align: center !important;
  margin: 0 0 16px 0 !important;
  padding: 0 4px !important;
}
html body #modal-auth .auth-v3 .auth-v3-panel-title{
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #FBBF24 !important;
  letter-spacing: 0.3px !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.3 !important;
}
html body #modal-auth .auth-v3 .auth-v3-panel-sub{
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #cbd5e1 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.1px !important;
  margin: 0 !important;
}




html body #modal-auth .auth-v3{
  background: #0E1621 !important;
  padding: 14px 18px calc(env(safe-area-inset-bottom, 0px) + 18px) 18px !important;
  max-height: 92dvh !important;
  overflow-y: auto !important;
  border-radius: 20px 20px 0 0 !important;
}
@media (min-width: 600px){
  html body #modal-auth .auth-v3{
    border-radius: 20px !important;
    max-height: min(640px, 92dvh) !important;
  }
}
@supports not (max-height: 92dvh){
  html body #modal-auth .auth-v3{ max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; }
}


html body #modal-auth .auth-v3 .auth-v3-handle{
  width: 36px !important;
  height: 4px !important;
  background: #475569 !important;
  border-radius: 4px !important;
  margin: 10px auto 14px !important;
  opacity: 0.75 !important;
}


html body #modal-auth .auth-v3 .auth-v3-tabs{
  background: #13202E !important;
  border-radius: 10px !important;
  padding: 3px !important;
  border: none !important;
  margin: 0 0 18px 0 !important;
}


html body #modal-auth .auth-v3 .auth-v3-tab{
  background: transparent !important;
  color: #445566 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}
html body #modal-auth .auth-v3 .auth-v3-tab:hover{ color: #6b7c91 !important; }


html body #modal-auth .auth-v3 .auth-v3-tab.active{
  background: #F5A623 !important;
  color: #1a0a00 !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(245,166,35,0.25) !important;
}


html body #modal-auth .auth-v3 .auth-v3-input{
  height: 48px !important;
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
  padding: 0 14px 0 42px !important;
  font-size: 14px !important;
  color: #aaaaaa !important;
}
html body #modal-auth .auth-v3 .auth-v3-input::placeholder{
  color: #334455 !important;
  font-weight: 400 !important;
}
html body #modal-auth .auth-v3 .auth-v3-input:focus{
  border-color: rgba(245,166,35,0.55) !important;
  background: #15243A !important;
  box-shadow: 0 0 0 2px rgba(245,166,35,0.10) !important;
}
html body #modal-auth .auth-v3 .auth-v3-input:-webkit-autofill,
html body #modal-auth .auth-v3 .auth-v3-input:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px #13202E inset !important;
  -webkit-text-fill-color: #aaaaaa !important;
}


html body #modal-auth .auth-v3 .auth-v3-field::before{
  left: 14px !important;
  width: 16px !important;
  height: 16px !important;
  background-size: 16px 16px !important;
  opacity: 0.45 !important;
}


html body #modal-auth .auth-v3 .auth-v3-form{ gap: 12px !important; }


html body #modal-auth .auth-v3 .auth-v3-phone{
  height: 48px !important;
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
}
html body #modal-auth .auth-v3 .auth-v3-phone:focus-within{
  border-color: rgba(245,166,35,0.55) !important;
  background: #15243A !important;
  box-shadow: 0 0 0 2px rgba(245,166,35,0.10) !important;
}
html body #modal-auth .auth-v3 .auth-v3-phone-prefix{
  padding: 0 12px 0 42px !important;
  color: #aaaaaa !important;
  border-right: 0.5px solid #1e2e40 !important;
}


html body #modal-auth .auth-v3 .auth-v3-otp-btn{
  height: 48px !important;
  border-radius: 10px !important;
}


html body #modal-auth .auth-v3 .auth-v3-eye{
  width: 32px !important;
  height: 32px !important;
  right: 8px !important;
}
html body #modal-auth .auth-v3 .auth-v3-eye svg{
  width: 16px !important;
  height: 16px !important;
}


html body #modal-auth .auth-v3 .auth-v3-cta{
  height: auto !important;
  padding: 14px 20px !important;
  background: #F5A623 !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1a0a00 !important;
  margin: 8px 0 12px 0 !important;
  box-shadow: 0 6px 18px -8px rgba(245,166,35,0.45) !important;
  letter-spacing: 0.2px !important;
}
html body #modal-auth .auth-v3 .auth-v3-cta:hover{
  filter: brightness(1.05) !important;
  background: #F5A623 !important;
}
html body #modal-auth .auth-v3 .auth-v3-cta:active{
  transform: translateY(1px) !important;
  background: #E59812 !important;
}


html body #modal-auth .auth-v3 .auth-v3-foot{
  text-align: center !important;
  margin-top: 4px !important;
  font-size: 13px !important;
}
html body #modal-auth .auth-v3 .auth-v3-link{
  color: #F5A623 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}


html body #modal-auth .auth-v3 .auth-v3-panel-head{
  margin: 0 0 14px 0 !important;
}
html body #modal-auth .auth-v3 .auth-v3-panel-title{
  font-size: 16px !important;
  color: #F5A623 !important;
}
html body #modal-auth .auth-v3 .auth-v3-panel-sub{
  font-size: 12px !important;
  color: #94a3b8 !important;
}


html body #modal-auth .auth-v3 .auth-v3-brand{
  padding: 4px 0 18px !important;
}
html body #modal-auth .auth-v3 .auth-v3-title{
  font-size: 26px !important;
  letter-spacing: 4px !important;
}
html body #modal-auth .auth-v3 .auth-v3-tag{
  font-size: 10px !important;
  letter-spacing: 3.5px !important;
}


@media (max-width: 600px){
  html body #modal-auth .auth-v3{
    min-height: 90dvh !important;
    display: flex !important;
    flex-direction: column !important;
  }
  @supports not (min-height: 90dvh){
    html body #modal-auth .auth-v3{ min-height: 90vh !important; }
  }
  
  html body #modal-auth .auth-v3 .auth-v3-form:not(.hidden){
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
  }
  
  html body #modal-auth .auth-v3 .auth-v3-form:not(.hidden) .auth-v3-cta{
    margin-top: auto !important;
  }
  
  html body #modal-auth .auth-v3 .auth-v3-brand{
    padding: 8px 0 20px !important;
  }
}


html body #modal-auth .auth-v3 .auth-v3-brand{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}
html body #modal-auth .auth-v3 .auth-v3-logo,
html body #modal-auth .auth-v3 .auth-v3-tag{
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}




html body #modal-auth.modal-backdrop.show{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
  background: rgba(2,8,16,0.72) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
@media (min-width: 600px){
  html body #modal-auth.modal-backdrop.show{
    align-items: center !important;
    padding: 24px !important;
  }
}


html body #modal-auth.modal-backdrop .auth-v3{
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 auto !important;
  background: #0E1621 !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 0 0 calc(env(safe-area-inset-bottom, 0px) + 16px) 0 !important;
  position: relative !important;
  box-shadow: 0 -16px 60px rgba(0,0,0,0.7) !important;
  max-height: 92dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}
@media (min-width: 600px){
  html body #modal-auth.modal-backdrop .auth-v3{
    border-radius: 20px !important;
    max-height: min(680px, 92dvh) !important;
  }
}
@supports not (max-height: 92dvh){
  html body #modal-auth.modal-backdrop .auth-v3{ max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; }
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-handle{
  width: 36px !important;
  height: 4px !important;
  background: #2a3545 !important;
  border-radius: 2px !important;
  margin: 10px auto 0 !important;
  display: block !important;
  opacity: 1 !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-close{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 32px !important;
  height: 32px !important;
  background: rgba(148,163,184,0.10) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: background 0.18s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-close:hover{
  background: rgba(148,163,184,0.20) !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-close svg{ pointer-events: none !important; }


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-brand{
  padding: 20px 18px 16px !important;
  text-align: center !important;
  border-bottom: 0.5px solid #1a2535 !important;
  background: transparent !important;
  margin: 0 !important;
  display: block !important;
  flex: 0 0 auto !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-brand-inline{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-logo{
  display: block;
  max-height: 44px !important;
  height: 44px !important;
  width: auto !important;
  max-width: 200px !important;
  object-fit: contain !important;
  background: transparent !important;
  margin: 0 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-wordmark{
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #F5A623 !important;
  letter-spacing: 1px !important;
  line-height: 1 !important;
  margin: 0 !important;
  -webkit-text-fill-color: #F5A623 !important;
  background: none !important;
  animation: none !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tag{
  font-size: 10px !important;
  color: #334455 !important;
  letter-spacing: 0.18em !important;
  margin-top: 4px !important;
  text-align: center !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  background: transparent !important;
  -webkit-text-fill-color: #334455 !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-title{ display: none !important; }


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs{
  margin: 14px 18px 0 !important;
  background: #13202E !important;
  border-radius: 10px !important;
  padding: 3px !important;
  display: flex !important;
  gap: 3px !important;
  border: none !important;
  grid-template-columns: none !important;
  width: auto !important;
  box-sizing: border-box !important;
  position: static !important;
  flex: 0 0 auto !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs::before{ display: none !important; }
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab{
  flex: 1 !important;
  padding: 9px 0 !important;
  background: transparent !important;
  color: #334455 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  letter-spacing: 0.2px !important;
  transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
  box-shadow: none !important;
  outline: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab:hover{
  color: #66798f !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.active{
  background: #F5A623 !important;
  color: #1a0a00 !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(245,166,35,0.25) !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-form{
  padding: 14px 18px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  min-height: 0 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-form.hidden{ display: none !important; }


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-panel-head{
  text-align: center !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-panel-title{
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #F5A623 !important;
  margin: 0 0 3px 0 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.2px !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-panel-sub{
  font-size: 11px !important;
  color: #334455 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  font-weight: 500 !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field{
  position: relative !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-input{
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px 0 42px !important;
  font-size: 13px !important;
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
  color: #aaaaaa !important;
  box-sizing: border-box !important;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font-weight: 400 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-input::placeholder{
  color: #334455 !important;
  font-weight: 400 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-input:focus{
  outline: none !important;
  border-color: #F5A623 !important;
  background: #15243A !important;
  box-shadow: 0 0 0 2px rgba(245,166,35,0.10) !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-input:-webkit-autofill,
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-input:-webkit-autofill:focus{
  -webkit-text-fill-color: #aaaaaa !important;
  -webkit-box-shadow: 0 0 0 1000px #13202E inset !important;
  caret-color: #aaaaaa !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  opacity: 0.45;
  pointer-events: none;
  z-index: 1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 4-7 8-7s8 3 8 7'/></svg>");
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field:has(input[type="password"])::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2'/><path d='M8 11V7a4 4 0 018 0v4'/></svg>");
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field:has(input[type="tel"])::before,
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field:has(.auth-v3-phone)::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 01-2.18 2 19.86 19.86 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.86 19.86 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.36 1.9.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0122 16.92z'/></svg>");
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field:has(.auth-v3-phone){ padding: 0 !important; }
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-phone{
  display: flex !important;
  align-items: stretch !important;
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  height: 46px !important;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-phone:focus-within{
  border-color: #F5A623 !important;
  background: #15243A !important;
  box-shadow: 0 0 0 2px rgba(245,166,35,0.10) !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-phone-prefix{
  padding: 0 12px 0 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #aaaaaa !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-right: 0.5px solid #1e2e40 !important;
  background: transparent !important;
  letter-spacing: 0.2px !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-phone .auth-v3-input{
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 14px !important;
  height: 100% !important;
  flex: 1 !important;
  box-shadow: none !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-phone .auth-v3-input:focus{
  background: transparent !important;
  box-shadow: none !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-otp-btn{
  padding: 0 14px !important;
  height: 46px !important;
  background: rgba(245,166,35,0.10) !important;
  border: 0.5px solid rgba(245,166,35,0.40) !important;
  border-radius: 10px !important;
  color: #F5A623 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.18s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-otp-btn:hover{
  background: rgba(245,166,35,0.18) !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-eye{
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: 0 !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: color 0.18s ease, background 0.18s ease !important;
  padding: 0 !important;
  z-index: 2 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-eye:hover{
  color: #E2E8F0 !important;
  background: rgba(148,163,184,0.10) !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-eye svg{
  width: 16px !important;
  height: 16px !important;
  pointer-events: none !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-cta{
  width: 100% !important;
  padding: 13px 18px !important;
  height: auto !important;
  background: #F5A623 !important;
  border: none !important;
  border-radius: 10px !important;
  color: #1a0a00 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  cursor: pointer !important;
  margin: 4px 0 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: static !important;
  box-shadow: 0 6px 18px -8px rgba(245,166,35,0.45) !important;
  transition: transform 0.12s ease, filter 0.18s ease, box-shadow 0.18s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-cta:hover{
  filter: brightness(1.05) !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-cta:active{
  transform: translateY(1px) !important;
  background: #E59812 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-cta-icon{
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  color: #1a0a00 !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-foot{
  text-align: center !important;
  margin: 0 !important;
  font-size: 12px !important;
  display: block !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-link{
  color: #F5A623 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 auto !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-link:hover{
  text-decoration: underline !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-link-icon-svg{
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
  color: #F5A623 !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-switch{
  font-size: 11px !important;
  color: #334455 !important;
  text-align: center !important;
  margin-top: 10px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-switch-link{
  color: #F5A623 !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  margin-left: 2px !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-switch-link:hover{
  text-decoration: underline !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-hint{
  font-size: 10px !important;
  color: #334455 !important;
  margin: 4px 0 0 4px !important;
  line-height: 1.4 !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field:has(> [id^="ts-"]){
  background: transparent !important;
  border: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-field:has(> [id^="ts-"])::before{ display: none !important; }


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-mascot,
html body #modal-auth.modal-backdrop .f96-auth,
html body #modal-auth.modal-backdrop .f96a-switch,
html body #modal-auth.modal-backdrop .f96a-tag{ display: none !important; }


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember{
  display: none;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 10px 0 !important;
  padding: 2px 2px !important;
  cursor: pointer !important;
  user-select: none !important;
  font-size: 12px !important;
  color: #aaaaaa !important;
  font-weight: 500 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember-cb{
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember-box{
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
  transition: background 0.18s ease, border-color 0.18s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember-box svg{
  width: 11px !important;
  height: 11px !important;
  color: transparent !important;
  transition: color 0.18s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember-cb:checked + .auth-v3-remember-box{
  background: #F5A623 !important;
  border-color: #F5A623 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember-cb:checked + .auth-v3-remember-box svg{
  color: #1a0a00 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember-cb:focus-visible + .auth-v3-remember-box{
  box-shadow: 0 0 0 2px rgba(245,166,35,0.30) !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-remember-text{
  font-size: 12px !important;
  color: #aaaaaa !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs{
  display: flex !important;
  width: calc(100% - 36px) !important;
  margin: 14px 18px 0 !important;
  background: #13202E !important;
  border-radius: 10px !important;
  padding: 3px !important;
  gap: 3px !important;
  box-sizing: border-box !important;
  border: none !important;
  grid-template-columns: none !important;
  position: static !important;
  flex: 0 0 auto !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab{
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 9px 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  border: none !important;
  text-align: center !important;
  background: transparent !important;
  color: #445566 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.active{
  background: #F5A623 !important;
  color: #1a0a00 !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(245,166,35,0.25) !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs.auth-v3-tabs{
  background: #13202E !important;
  background-color: #13202E !important;
  background-image: none !important;
  border-radius: 10px !important;
  padding: 3px !important;
  display: flex !important;
  width: calc(100% - 36px) !important;
  margin: 14px auto 0 !important;
  gap: 3px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
  border: none !important;
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}

html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs.auth-v3-tabs::before{
  display: none !important;
  content: none !important;
  background: transparent !important;
}

html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab{
  border-radius: 8px !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs.auth-v3-tabs{
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-top: 14px !important;
  margin-right: 18px !important;
  margin-bottom: 0 !important;
  margin-left: 18px !important;
  align-self: stretch !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  display: flex !important;
  gap: 3px !important;
  border-radius: 10px !important;
  background: #13202E !important;
  background-image: none !important;
  background-color: #13202E !important;
  min-height: 44px !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  float: none !important;
  text-align: initial !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab{
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  text-align: center !important;
  padding: 9px 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  border: none !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}


html.f96-modal-open, body.f96-modal-open{
  overflow: hidden !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs.auth-v3-tabs{
  background: #1C2A3A !important;
  background-color: #1C2A3A !important;
  background-image: none !important;
  border-radius: 12px !important;
  padding: 4px !important;
  display: flex !important;
  gap: 0 !important;
  width: auto !important;
  margin-top: 14px !important;
  margin-right: 18px !important;
  margin-bottom: 0 !important;
  margin-left: 18px !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  border: none !important;
  position: static !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab{
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 10px 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 9px !important;
  border: none !important;
  text-align: center !important;
  background: transparent !important;
  color: #556677 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab:hover{
  color: #7c8fa3 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab.active{
  background: #F5A623 !important;
  color: #1a0a00 !important;
  border-radius: 9px !important;
  box-shadow: 0 2px 8px rgba(245,166,35,0.25) !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs.auth-v3-tabs{
  background: #1C2A3A !important;
  background-color: #1C2A3A !important;
  background-image: none !important;
  border-radius: 14px !important;
  padding: 5px !important;
  display: flex !important;
  align-items: center !important;
  height: 52px !important;
  min-height: 52px !important;
  width: auto !important;
  margin-top: 14px !important;
  margin-right: 18px !important;
  margin-bottom: 0 !important;
  margin-left: 18px !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  border: none !important;
  gap: 0 !important;
  position: static !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab{
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  border: none !important;
  text-align: center !important;
  background: transparent !important;
  color: #445566 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab:hover{
  color: #6b7c91 !important;
}
html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab.active{
  background: #F5A623 !important;
  color: #1a0a00 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(245,166,35,0.25) !important;
}


html body #modal-auth.modal-backdrop .auth-v3 .auth-v3-cms-hint{
  font-size: 11px !important;
  color: #6b7c91 !important;
  margin: 4px 0 0 4px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  letter-spacing: 0.1px !important;
}




html body #modal-profile .pf-v3 .pf3-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  background: #0E1621 !important;
  padding: 14px 16px 10px !important;
}
html body #modal-profile .pf-v3 .pf3-close{
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 6 !important;
}


html body #modal-profile .pf-v3 .pf3-bal-split-3col{
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr 1px 1fr !important;
  gap: 0 !important;
  align-items: center !important;
  margin-top: 12px !important;
}
html body #modal-profile .pf-v3 .pf3-bal-split-3col .pf3-bal-divider{
  width: 1px !important;
  height: 28px !important;
  background: rgba(255,255,255,0.08) !important;
  margin: 0 auto !important;
}
html body #modal-profile .pf-v3 .pf3-bal-split-3col .pf3-bal-sub{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
}
html body #modal-profile .pf-v3 .pf3-bal-split-3col .pf3-bal-mono{
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-variant-numeric: tabular-nums !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #e5e7eb !important;
}


html body #modal-profile .pf-v3 .pf3-quick{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}
html body #modal-profile .pf-v3 .pf3-qa{
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
  padding: 10px 6px !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  transition: transform 0.15s ease, background 0.15s ease !important;
}
html body #modal-profile .pf-v3 .pf3-qa:hover{
  transform: translateY(-1px) !important;
}
html body #modal-profile .pf-v3 .pf3-qa[data-pf-action="deposit"]{
  background: #0d2a40 !important;
  border-color: #1D9E75 !important;
  color: #5DCAA5 !important;
}
html body #modal-profile .pf-v3 .pf3-qa[data-pf-action="deposit"] .pf3-qa-icon{
  background: rgba(29,158,117,0.18) !important;
  color: #5DCAA5 !important;
}
html body #modal-profile .pf-v3 .pf3-qa[data-pf-action="deposit"] span{
  color: #5DCAA5 !important;
  font-weight: 700 !important;
}


html body #modal-profile .pf-v3 .pf3-menu{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-bottom: 14px !important;
}
html body #modal-profile .pf-v3 .pf3-menu-item{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px 14px !important;
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
  color: #e5e7eb !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
html body #modal-profile .pf-v3 .pf3-menu-item:hover{
  background: #182838 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-icon{
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-icon svg{
  width: 18px !important;
  height: 18px !important;
}
html body #modal-profile .pf-v3 .pf3-menu-meta{
  flex: 1 !important;
  min-width: 0 !important;
  text-align: left !important;
}
html body #modal-profile .pf-v3 .pf3-menu-title{
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #e5e7eb !important;
  line-height: 1.2 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-sub{
  font-size: 11px !important;
  color: #6b7c91 !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body #modal-profile .pf-v3 .pf3-menu-chev{
  width: 16px !important;
  height: 16px !important;
  color: #475569 !important;
  flex-shrink: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-tag{
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  background: rgba(251,191,36,0.15) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251,191,36,0.3) !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
}


html body #modal-profile .pf-v3 .pf3-logout{
  width: 100% !important;
  padding: 11px 14px !important;
  background: transparent !important;
  border: 0.5px solid #2a1515 !important;
  border-radius: 10px !important;
  color: #664444 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 4px !important;
  transition: background 0.15s, color 0.15s !important;
}
html body #modal-profile .pf-v3 .pf3-logout:hover{
  background: rgba(239,68,68,0.08) !important;
  color: #884444 !important;
  border-color: #4a2020 !important;
}


html body #modal-profile .pf-v3 .pf3-body{
  padding: 12px 16px 24px !important;
}
html body #modal-profile .pf-v3 .pf3-section-head{
  margin: 14px 0 8px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #64748b !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}
html body #modal-profile .pf-v3 .pf3-hero,
html body #modal-profile .pf-v3 .pf3-bal-card,
html body #modal-profile .pf-v3 .pf3-quick,
html body #modal-profile .pf-v3 .pf3-stats-grid,
html body #modal-profile .pf-v3 .pf3-ref-card,
html body #modal-profile .pf-v3 .pf3-menu{
  margin-bottom: 14px !important;
}
html body #modal-profile .pf-v3 .pf3-stats-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
html body #modal-profile .pf-v3 .pf3-stat{
  padding: 10px 12px !important;
}




html body #modal-profile.modal-backdrop.show{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding: 0 !important;
  background: rgba(2,8,16,0.7) !important;
}
@media (min-width: 600px){
  html body #modal-profile.modal-backdrop.show{
    align-items: center !important;
    padding: 24px !important;
  }
}
html body #modal-profile .pf-v3{
  width: 100% !important;
  max-width: 460px !important;
  margin: 0 auto !important;
  background: #0E1621 !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 0 !important;
  max-height: 92dvh !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  position: relative !important;
}
@supports not (max-height: 92dvh){
  html body #modal-profile .pf-v3{ max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; }
}
@media (min-width: 600px){
  html body #modal-profile .pf-v3{ border-radius: 20px !important; }
}


html body #modal-profile .pf-v3 .pf3-handle{
  width: 36px !important;
  height: 4px !important;
  background: #2a3545 !important;
  border-radius: 2px !important;
  margin: 10px auto 6px !important;
  display: block !important;
  flex-shrink: 0 !important;
}


html body #modal-profile .pf-v3 .pf3-header{
  padding: 0 16px 0 !important;
  background: transparent !important;
  position: relative !important;
  z-index: 5 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
}
html body #modal-profile .pf-v3 .pf3-title{
  display: none !important;
}
html body #modal-profile .pf-v3 .pf3-close{
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  width: 26px !important;
  height: 26px !important;
  background: rgba(255,255,255,0.08) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-close svg{ width: 14px !important; height: 14px !important; }


html body #modal-profile .pf-v3 .pf3-body{
  padding: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
}


html body #modal-profile .pf-v3 .pf3-hero{
  background: linear-gradient(180deg, #0d2137 0%, #0E1621 100%) !important;
  padding: 0 16px 14px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  position: relative !important;
}


html body #modal-profile .pf-v3 .pf3-avatar-wrap{
  position: relative !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 8px !important;
}
html body #modal-profile .pf-v3 .pf3-avatar{
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: #F5A623 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid rgba(255,255,255,0.15) !important;
}
html body #modal-profile .pf-v3 .pf3-avatar-cam{
  position: absolute !important;
  bottom: -2px !important;
  right: -2px !important;
  width: 18px !important;
  height: 18px !important;
  background: #185FA5 !important;
  border-radius: 50% !important;
  border: 1.5px solid #0E1621 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
}
html body #modal-profile .pf-v3 .pf3-avatar-cam svg{ width: 10px !important; height: 10px !important; }


html body #modal-profile .pf-v3 .pf3-name{
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
  text-align: center !important;
  margin: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-sub{
  font-size: 11px !important;
  color: #445566 !important;
  text-align: center !important;
  margin: 2px 0 6px !important;
}
html body #modal-profile .pf-v3 .pf3-dot{ color: #2a3545 !important; margin: 0 4px !important; }


html body #modal-profile .pf-v3 .pf3-badges{
  display: flex !important;
  gap: 6px !important;
  justify-content: center !important;
  margin: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-badge{
  font-size: 9.5px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  letter-spacing: 0.3px !important;
}
html body #modal-profile .pf-v3 .pf3-badge-tier{ background: #1a2535 !important; color: #F5A623 !important; }
html body #modal-profile .pf-v3 .pf3-badge-status{ background: #0d2a1a !important; color: #4CAF50 !important; }
html body #modal-profile .pf-v3 .pf3-badge-since{ background: #1a2535 !important; color: #445566 !important; }


html body #modal-profile .pf-v3 .pf3-bal-card{
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  margin: 12px 16px 0 !important;
}
html body #modal-profile .pf-v3 .pf3-bal-top{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 4px !important;
}
html body #modal-profile .pf-v3 .pf3-bal-top .pf3-mini-label{
  font-size: 9px !important;
  color: #445566 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
}
html body #modal-profile .pf-v3 .pf3-eye{
  width: 22px !important;
  height: 22px !important;
  background: transparent !important;
  border: 0 !important;
  color: #475569 !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body #modal-profile .pf-v3 .pf3-eye svg{ width: 16px !important; height: 16px !important; }
html body #modal-profile .pf-v3 .pf3-bal-val{
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #fff !important;
  margin-bottom: 8px !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-variant-numeric: tabular-nums !important;
}
html body #modal-profile .pf-v3 .pf3-bal-split{
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr 1px 1fr !important;
  gap: 0 !important;
  align-items: center !important;
}
html body #modal-profile .pf-v3 .pf3-bal-divider{
  width: 1px !important;
  height: 24px !important;
  background: rgba(255,255,255,0.06) !important;
  margin: 0 auto !important;
}
html body #modal-profile .pf-v3 .pf3-bal-sub{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 3px !important;
}
html body #modal-profile .pf-v3 .pf3-bal-sub .pf3-mini-label{
  font-size: 9px !important;
  color: #445566 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
html body #modal-profile .pf-v3 .pf3-bal-mono{
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #e5e7eb !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}


html body #modal-profile .pf-v3 .pf3-section-head{
  font-size: 9px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #334455 !important;
  margin: 14px 14px 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html body #modal-profile .pf-v3 .pf3-section-head::after{
  content: "";
  flex: 1;
  height: 0.5px;
  background: #1a2535;
}


html body #modal-profile .pf-v3 .pf3-quick{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  padding: 10px 14px 0 !important;
  margin: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-qa{
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
  padding: 9px 4px !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  color: #445566 !important;
}
html body #modal-profile .pf-v3 .pf3-qa span{
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
}
html body #modal-profile .pf-v3 .pf3-qa-icon{
  width: 18px !important;
  height: 18px !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
}
html body #modal-profile .pf-v3 .pf3-qa-icon svg{ width: 16px !important; height: 16px !important; }
html body #modal-profile .pf-v3 .pf3-qa[data-pf-action="deposit"]{
  background: #0d2a40 !important;
  border-color: #1D9E75 !important;
  color: #5DCAA5 !important;
}


html body #modal-profile .pf-v3 .pf3-stats-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  padding: 0 14px !important;
  margin: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-stat{
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
html body #modal-profile .pf-v3 .pf3-stat-top{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
html body #modal-profile .pf-v3 .pf3-stat-lbl{
  font-size: 9px !important;
  color: #445566 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}
html body #modal-profile .pf-v3 .pf3-dot-marker{
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  display: inline-block !important;
}
html body #modal-profile .pf-v3 .pf3-stat-val{
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-variant-numeric: tabular-nums !important;
  line-height: 1.2 !important;
}
html body #modal-profile .pf-v3 .pf3-stat-sub{
  font-size: 9px !important;
  color: #334455 !important;
}

html body #modal-profile .pf-v3 .pf3-stat:nth-child(1){ border-left: 2px solid #1D9E75 !important; }
html body #modal-profile .pf-v3 .pf3-stat:nth-child(2){ border-left: 2px solid #E24B4A !important; }
html body #modal-profile .pf-v3 .pf3-stat:nth-child(3){ border-left: 2px solid #9C6FDE !important; }
html body #modal-profile .pf-v3 .pf3-stat:nth-child(4){ border-left: 2px solid #185FA5 !important; }


html body #modal-profile .pf-v3 .pf3-ref-card{
  background: #13202E !important;
  border: 0.5px solid #1e2e40 !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  margin: 0 14px 10px !important;
}
html body #modal-profile .pf-v3 .pf3-ref-row{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}
html body #modal-profile .pf-v3 .pf3-ref-code-wrap{ flex: 1 !important; min-width: 0 !important; }
html body #modal-profile .pf-v3 .pf3-ref-code{
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #F5A623 !important;
  letter-spacing: 0.1em !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}
html body #modal-profile .pf-v3 .pf3-ref-copy{
  padding: 5px 12px !important;
  background: #1a3050 !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #5DCAA5 !important;
  cursor: pointer !important;
}
html body #modal-profile .pf-v3 .pf3-ref-stats{
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 4px !important;
  padding-top: 6px !important;
  border-top: 0.5px solid #1a2535 !important;
}
html body #modal-profile .pf-v3 .pf3-ref-stat{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
html body #modal-profile .pf-v3 .pf3-ref-stat-val{
  font-size: 12px !important;
  font-weight: 600 !important;
}


html body #modal-profile .pf-v3 .pf3-menu{
  background: #13202E !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 0 14px 10px !important;
  border: 0.5px solid #1e2e40 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-item{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 0.5px solid #1a2535 !important;
  border-radius: 0 !important;
  color: #e5e7eb !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: left !important;
}
html body #modal-profile .pf-v3 .pf3-menu-item:last-child{ border-bottom: 0 !important; }
html body #modal-profile .pf-v3 .pf3-menu-item:hover{ background: rgba(255,255,255,0.02) !important; }
html body #modal-profile .pf-v3 .pf3-menu-icon{
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-icon svg{ width: 16px !important; height: 16px !important; }

html body #modal-profile .pf-v3 .pf3-menu-item[data-pf-menu="info"]      .pf3-menu-icon{ background: #0d2a40 !important; color: #378ADD !important; }
html body #modal-profile .pf-v3 .pf3-menu-item[data-pf-menu="bank"]      .pf3-menu-icon{ background: #0d2a1a !important; color: #4CAF50 !important; }
html body #modal-profile .pf-v3 .pf3-menu-item[data-pf-menu="vip"]       .pf3-menu-icon{ background: #2a1d05 !important; color: #F5A623 !important; }
html body #modal-profile .pf-v3 .pf3-menu-item[data-pf-menu="notifications"] .pf3-menu-icon{ background: #1d1235 !important; color: #9C6FDE !important; }
html body #modal-profile .pf-v3 .pf3-menu-item[data-pf-menu="security"]  .pf3-menu-icon{ background: #1a2535 !important; color: #556677 !important; }
html body #modal-profile .pf-v3 .pf3-menu-item[data-pf-menu="language"]  .pf3-menu-icon{ background: #1a2535 !important; color: #556677 !important; }

html body #modal-profile .pf-v3 .pf3-menu-meta{ flex: 1 !important; min-width: 0 !important; }
html body #modal-profile .pf-v3 .pf3-menu-title{
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #e5e7eb !important;
  line-height: 1.2 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-sub{
  font-size: 10px !important;
  color: #445566 !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body #modal-profile .pf-v3 .pf3-menu-chev{
  width: 14px !important;
  height: 14px !important;
  color: #2a3545 !important;
  flex-shrink: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-menu-tag{
  font-size: 9.5px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  background: rgba(245,166,35,0.12) !important;
  color: #F5A623 !important;
  border: 0.5px solid rgba(245,166,35,0.3) !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
}


html body #modal-profile .pf-v3 .pf3-logout{
  width: calc(100% - 28px) !important;
  margin: 0 14px 4px !important;
  padding: 10px !important;
  background: transparent !important;
  border: 0.5px solid #2a1515 !important;
  border-radius: 8px !important;
  color: #443333 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
html body #modal-profile .pf-v3 .pf3-logout:hover{
  background: rgba(239,68,68,0.06) !important;
  color: #664444 !important;
}
html body #modal-profile .pf-v3 .pf3-version{
  text-align: center !important;
  font-size: 9px !important;
  color: #1a2535 !important;
  padding: 10px 0 !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
}


html body #modal-profile .pf-v3.pf3-bal-hidden .pf3-bal-val,
html body #modal-profile .pf-v3.pf3-bal-hidden .pf3-bal-mono,
html body #modal-profile .pf-v3.pf3-bal-hidden .pf3-stat-val,
html body #modal-profile .pf-v3.pf3-bal-hidden .pf3-ref-stat-val{
  color: transparent !important;
  text-shadow: 0 0 8px rgba(229,231,235,0.55) !important;
  letter-spacing: 4px !important;
}




html body #modal-profile .pf-v3 .pf3-header{
  display: none !important;  
}
html body #modal-profile .pf-v3 .pf3-close{
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  z-index: 10 !important;
  width: 26px !important;
  height: 26px !important;
  background: rgba(255,255,255,0.08) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #cbd5e1 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-close svg{
  width: 13px !important;
  height: 13px !important;
}

html body #modal-profile .pf-v3{
  position: relative !important;  
}


html body #modal-profile .pf-v3 .pf3-hero{
  background: linear-gradient(180deg, #0d2137 0%, #0E1621 100%) !important;
  padding: 18px 16px 12px !important;  
}


html body #modal-profile .pf-v3 .pf3-badges{
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}
html body #modal-profile .pf-v3 .pf3-badge{
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 9px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}


html body #modal-profile .pf-v3 .pf3-bal-card{
  border: 0.5px solid #1e2e40 !important;
  margin: 10px 14px 0 !important;
  padding: 10px 12px !important;
}


html body #modal-profile .pf-v3 .pf3-stat{
  padding: 8px 10px !important;
  border-width: 0.5px !important;
}
html body #modal-profile .pf-v3 .pf3-stat:nth-child(1){ border-left: 2px solid #1D9E75 !important; }
html body #modal-profile .pf-v3 .pf3-stat:nth-child(2){ border-left: 2px solid #E24B4A !important; }
html body #modal-profile .pf-v3 .pf3-stat:nth-child(3){ border-left: 2px solid #9C6FDE !important; }
html body #modal-profile .pf-v3 .pf3-stat:nth-child(4){ border-left: 2px solid #185FA5 !important; }


html body #modal-profile .pf-v3 .pf3-section-head{
  font-size: 9px !important;
  margin: 10px 14px 4px !important;
  letter-spacing: 0.06em !important;
}
html body #modal-profile .pf-v3 .pf3-hero,
html body #modal-profile .pf-v3 .pf3-bal-card,
html body #modal-profile .pf-v3 .pf3-quick,
html body #modal-profile .pf-v3 .pf3-stats-grid,
html body #modal-profile .pf-v3 .pf3-ref-card,
html body #modal-profile .pf-v3 .pf3-menu{
  margin-bottom: 10px !important;
}


html body #modal-profile .pf-v3 .pf3-ref-card,
html body #modal-profile .pf-v3 .pf3-quick .pf3-qa{
  padding: 8px 10px !important;
}
html body #modal-profile .pf-v3 .pf3-menu-item{
  padding: 9px 10px !important;
}


html body #modal-profile .pf-v3 .pf3-body{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 20px) !important;
  padding-top: 4px !important;
}


html body #modal-profile .pf-v3 .pf3-handle{
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  margin: 10px auto 0 !important;
  background-color: transparent !important;
}

html body #modal-profile .pf-v3 .pf3-handle::after{
  content: "";
  position: absolute;
  inset: -10px 0 0 0;
  background: linear-gradient(180deg, #0d2137 60%, transparent);
  z-index: -1;
  pointer-events: none;
}


html body #modal-profile .pf-v3 .pf3-header{
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: 11 !important;
}
html body #modal-profile .pf-v3 .pf3-header .pf3-title{
  display: none !important;
}
html body #modal-profile .pf-v3 .pf3-header .pf3-close{
  pointer-events: auto !important;
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  width: 26px !important;
  height: 26px !important;
  z-index: 12 !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 > .flex.items-center.gap-2 {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !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;
  }
}


@media (max-width: 360px) {
  .top-nav .topnav-btn-login,
  .top-nav .topnav-btn-register {
    padding: 4px 8px !important;
    font-size: 11px !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 #btn-close-drawer:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.7) !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:hover {
  background: rgba(255, 255, 255, 0.04) !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-item .sidebar-badge.new {
  background: rgba(34, 211, 238, 0.15) !important;
  color: #22d3ee !important;
  border-color: rgba(34, 211, 238, 0.35) !important;
}
#drawer .drawer-item .sidebar-badge.red {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #ef4444 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}


#drawer .drawer-divider {
  height: 0.5px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  margin: 6px 14px !important;
  border: none !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-logout:hover,
#drawer .drawer-item.logout:hover {
  background: rgba(248, 113, 113, 0.06) !important;
}
#drawer #drawer-logout i.ti,
#drawer #drawer-logout svg,
#drawer .drawer-item.logout i.ti,
#drawer .drawer-item.logout svg {
  color: #f87171 !important;
  stroke: #f87171 !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
}


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


#drawer::-webkit-scrollbar { width: 4px; }
#drawer::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 4px; }
#drawer::-webkit-scrollbar-track { background: transparent; }






#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 > .sidebar-badge.new { background: rgba(56,189,248,0.15); color: #38bdf8; border-color: rgba(56,189,248,0.3); }
#drawer .drawer-item > .sidebar-badge.red { background: rgba(239,68,68,0.15); color: #f87171; border-color: rgba(239,68,68,0.3); }


#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="vip"]         > .sb-svg-icon { background: rgba(168,85,247,0.10) !important; color: #c084fc !important; }
#drawer .drawer-item[data-feat="leaderboard"] > .sb-svg-icon { background: rgba(56,189,248,0.10) !important; color: #38bdf8 !important; }
#drawer .drawer-item[data-feat="freecredit"]  > .sb-svg-icon { background: rgba(255,255,255,0.04) !important; color: #f5a623 !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="shop"]        > .sb-svg-icon { background: rgba(255,255,255,0.04) !important; color: rgba(255,255,255,0.55) !important; }
#drawer .drawer-item[data-feat="checkin"]     > .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 .drawer-item[data-feat="mission"]     > .sb-svg-icon { background: rgba(245,166,35,0.10) !important; color: #f5a623 !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;
}
#drawer #drawer-logout > .sb-svg-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 8px !important;
  background: rgba(248,113,113,0.10);
  color: #f87171;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !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;
}


.bsd-dark {
  --bs-cream:        #1A1813;
  --bs-cream-deep:   #14110d;
  --bs-cream-soft:   #211C16;
  --bs-paper:        #2A241C;
  --bs-ink:          #F4EEE2;
  --bs-ink-soft:     #C9BFA8;
  --bs-ink-mute:     #948876;
  --bs-ink-faint:    rgba(244, 238, 226, 0.20);
  --bs-line:         rgba(244, 238, 226, 0.10);
  --bs-line-strong:  rgba(244, 238, 226, 0.20);
  --bs-line-faint:   rgba(244, 238, 226, 0.05);
}



.bsd { font-family: var(--bs-font-body); color: var(--bs-ink); }


.bsd-eyebrow {
  font-family: var(--bs-font-mono);
  font-weight: 500;
  font-size: var(--bs-text-xs);
  letter-spacing: var(--bs-track-eyebrow);
  text-transform: uppercase;
  color: var(--bs-gold-deep);
  line-height: 1;
}
.bsd-eyebrow--mute { color: var(--bs-ink-mute); }


.bsd-h1, .bsd-h2, .bsd-h3 {
  font-family: var(--bs-font-display);
  font-weight: 500;
  letter-spacing: var(--bs-track-snug);
  color: var(--bs-ink);
  font-variation-settings: "opsz" 96;
  margin: 0;
}
.bsd-h1 { font-size: var(--bs-text-3xl); }
.bsd-h2 { font-size: var(--bs-text-2xl); }
.bsd-h3 { font-size: var(--bs-text-xl); }

.bsd-display {
  font-family: var(--bs-font-display);
  font-weight: 500;
  font-size: var(--bs-text-display);
  font-variation-settings: "opsz" 144;
  letter-spacing: var(--bs-track-tight);
  line-height: 1;
  color: var(--bs-ink);
}


.bsd-body  { font-size: var(--bs-text-base); line-height: 1.55; color: var(--bs-ink-soft); }
.bsd-mono  { font-family: var(--bs-font-mono); letter-spacing: var(--bs-track-wide); }
.bsd-mute  { color: var(--bs-ink-mute); }
.bsd-faint { color: var(--bs-ink-faint); }


.bsd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--bs-space-3);
  height: 44px;
  padding: 0 var(--bs-space-7);
  border: 0;
  border-radius: var(--bs-r-lg);
  font-family: var(--bs-font-body);
  font-weight: 500;
  font-size: var(--bs-text-base);
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: transform var(--bs-dur-fast) var(--bs-ease-out),
              box-shadow var(--bs-dur-base) var(--bs-ease-out),
              background var(--bs-dur-base) var(--bs-ease-out),
              color var(--bs-dur-base) var(--bs-ease-out);
}
.bsd-btn:active { transform: translateY(1px); }
.bsd-btn--lg { height: 52px; padding: 0 var(--bs-space-8); font-size: var(--bs-text-md); }
.bsd-btn--sm { height: 36px; padding: 0 var(--bs-space-6); font-size: var(--bs-text-sm); }


.bsd-btn--gold {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--bs-gold-hi) 0%, var(--bs-gold) 50%, var(--bs-gold-deep) 100%);
  color: #1a130a;
  font-weight: 600;
  box-shadow: var(--bs-shadow-gold);
}
.bsd-btn--gold:hover { transform: translateY(-1px); box-shadow: var(--bs-shadow-gold-hover); }
.bsd-btn--gold::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
  transform: translateX(-120%);
  animation: bsd-shimmer var(--bs-dur-shimmer) ease-in-out infinite;
  pointer-events: none;
}
@keyframes bsd-shimmer { 0%,40% { transform: translateX(-120%); } 60%,100% { transform: translateX(120%); } }


.bsd-btn--ink {
  background: var(--bs-ink);
  color: var(--bs-cream);
  box-shadow: var(--bs-shadow-md);
}
.bsd-btn--ink:hover { background: #000; }


.bsd-btn--ghost {
  background: transparent;
  color: var(--bs-ink-soft);
  border: 1px solid var(--bs-line);
}
.bsd-btn--ghost:hover { color: var(--bs-ink); border-color: var(--bs-ink); }


.bsd-btn--soft {
  background: var(--bs-gold-soft);
  color: var(--bs-gold-deep);
}
.bsd-btn--soft:hover { background: rgba(182,146,74,0.18); }


.bsd-input {
  width: 100%;
  box-sizing: border-box;
  height: 46px;
  padding: 0 var(--bs-space-6);
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--bs-line);
  border-radius: var(--bs-r-md);
  font-family: var(--bs-font-body);
  font-size: var(--bs-text-base);
  color: var(--bs-ink);
  transition: border-color var(--bs-dur-base) var(--bs-ease-out), background var(--bs-dur-base);
}
.bsd-input::placeholder { color: var(--bs-ink-faint); }
.bsd-input:focus { outline: none; border-color: var(--bs-gold); background: var(--bs-paper); }
.bsd-input--lg { height: 56px; font-size: var(--bs-text-md); }


.bsd-field { display: flex; flex-direction: column; gap: var(--bs-space-2); }
.bsd-field-label {
  font-family: var(--bs-font-mono);
  font-size: var(--bs-text-xs);
  letter-spacing: var(--bs-track-eyebrow);
  text-transform: uppercase;
  color: var(--bs-ink-mute);
}


.bsd-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 var(--bs-space-6);
  border: 1px solid var(--bs-line);
  background: transparent;
  border-radius: var(--bs-r-md);
  font-family: var(--bs-font-mono);
  font-weight: 500;
  font-size: var(--bs-text-sm);
  color: var(--bs-ink-soft);
  cursor: pointer;
  transition: all var(--bs-dur-fast) var(--bs-ease-out);
}
.bsd-chip:hover { background: var(--bs-gold-soft); border-color: var(--bs-gold); color: var(--bs-ink); }
.bsd-chip.is-active {
  background: var(--bs-ink);
  color: var(--bs-gold-hi);
  border-color: var(--bs-ink);
  box-shadow: 0 4px 12px -4px rgba(21,17,12,0.4);
}


.bsd-card {
  background: var(--bs-cream-soft);
  border: 1px solid var(--bs-line);
  border-radius: var(--bs-r-lg);
  padding: var(--bs-space-7);
  box-shadow: var(--bs-shadow-sm);
}
.bsd-card--paper { background: var(--bs-paper); }
.bsd-card--lift  { box-shadow: var(--bs-shadow-md); }
.bsd-card--float { box-shadow: var(--bs-shadow-lg); }


.bsd-modal-backdrop {
  position: fixed; inset: 0;
  background: rgba(10, 10, 12, 0.55);
  backdrop-filter: blur(6px);
  display: grid; place-items: center;
  z-index: var(--bs-z-modal);
  padding: var(--bs-space-6);
}
.bsd-modal {
  position: relative;
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  box-sizing: border-box;
  background:
    radial-gradient(120% 80% at 100% 0%, var(--bs-gold-soft), transparent 55%),
    linear-gradient(180deg, var(--bs-cream) 0%, var(--bs-cream-deep) 100%);
  color: var(--bs-ink);
  border-radius: var(--bs-r-2xl);
  padding: var(--bs-space-9) var(--bs-space-9) var(--bs-space-8);
  box-shadow: var(--bs-shadow-modal);
  animation: bsd-modal-unfold var(--bs-dur-slow) var(--bs-ease-out) both;
}
@keyframes bsd-modal-unfold {
  from { opacity: 0; transform: translateY(8px) scale(.97) rotate(-.4deg); }
  to   { opacity: 1; transform: translateY(0)   scale(1)   rotate(0); }
}
.bsd-modal-close {
  position: absolute; top: var(--bs-space-6); right: var(--bs-space-6);
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border: 1px solid var(--bs-line);
  background: transparent;
  border-radius: var(--bs-r-full);
  color: var(--bs-ink-soft);
  cursor: pointer;
  transition: all var(--bs-dur-base) var(--bs-ease-out);
}
.bsd-modal-close:hover {
  background: var(--bs-ink); color: var(--bs-cream); border-color: var(--bs-ink);
  transform: rotate(90deg);
}


.bsd-trust {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--bs-space-2);
}
.bsd-trust li {
  display: flex; align-items: center; gap: var(--bs-space-2);
  font-size: var(--bs-text-xs);
  color: var(--bs-ink-soft);
  line-height: 1.3;
}
.bsd-trust-icon {
  width: 22px; height: 22px;
  display: grid; place-items: center;
  background: var(--bs-gold-soft);
  border-radius: var(--bs-r-xs);
  font-size: var(--bs-text-sm);
  color: var(--bs-gold-deep);
}


.bsd-divider {
  height: 1px;
  background: var(--bs-line);
  border: 0;
  margin: var(--bs-space-6) 0;
}
.bsd-divider--strong { background: var(--bs-line-strong); }


.bsd-pill {
  display: inline-flex; align-items: center; gap: var(--bs-space-2);
  padding: 4px 10px;
  border-radius: var(--bs-r-full);
  font-family: var(--bs-font-mono);
  font-size: var(--bs-text-xs);
  letter-spacing: var(--bs-track-wide);
  background: var(--bs-gold-soft);
  color: var(--bs-gold-deep);
}
.bsd-pill--success { background: var(--bs-success-soft); color: var(--bs-success); }
.bsd-pill--warn    { background: var(--bs-warn-soft);    color: var(--bs-warn); }
.bsd-pill--danger  { background: var(--bs-danger-soft);  color: var(--bs-danger); }
.bsd-pill--info    { background: var(--bs-info-soft);    color: var(--bs-info); }
.bsd-pill--ink     { background: var(--bs-ink);          color: var(--bs-gold-hi); }


@media (prefers-reduced-motion: reduce) {
  .bsd-btn, .bsd-chip, .bsd-input, .bsd-modal-close { transition: none; }
  .bsd-btn--gold::before, .bsd-modal { animation: none; }
}






.ann-popup-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9990;
  display: flex; align-items: center; justify-content: center;
  padding: 16px; opacity: 0; pointer-events: none;
  transition: opacity 0.2s ease;
}
.ann-popup-overlay.ann-show { opacity: 1; pointer-events: auto; }
.ann-popup {
  position: relative;
  max-width: 100%;
  padding: 24px;
  border-radius: 12px;
  background: #0E1621; color: #fff;
  box-shadow: 0 24px 48px rgba(0,0,0,0.4);
  display: flex; flex-direction: column; gap: 12px;
  background-size: cover; background-position: center;
  transform: scale(0.92);
  transition: transform 0.2s ease;
}
.ann-popup-overlay.ann-show .ann-popup { transform: scale(1); }
.ann-popup-title { font-size: 18px; font-weight: 700; line-height: 1.3; }
.ann-popup-content { font-size: 13px; line-height: 1.55; opacity: 0.92; white-space: pre-wrap; }
.ann-popup-cta {
  display: inline-flex; align-items: center; justify-content: center;
  height: 44px; padding: 0 24px;
  font-size: 14px; font-weight: 600;
  background: #F5A623; color: #0E1621;
  border: none; border-radius: 8px;
  cursor: pointer; text-decoration: none;
  margin-top: 4px; align-self: center;
  letter-spacing: 0.04em;
}
.ann-popup-cta:hover { filter: brightness(1.05); }
.ann-popup-close {
  position: absolute;
  width: 28px; height: 28px;
  background: rgba(0,0,0,0.4); color: #fff;
  border: none; border-radius: 50%;
  font-size: 16px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.ann-popup-close.ann-pos-top-right    { top: 10px; right: 10px; }
.ann-popup-close.ann-pos-bottom-right { bottom: 10px; right: 10px; }
.ann-popup-close.ann-pos-bottom-center { bottom: -44px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,0.15); }


.ann-marquee {
  position: relative;
  width: 100%;
  background: #F5A623; color: #0E1621;
  overflow: hidden;
  display: flex; align-items: center;
  z-index: 1000;
}
.ann-marquee-track {
  display: flex; gap: 48px;
  white-space: nowrap;
  animation: ann-marquee-roll linear infinite;
  padding-left: 100%;
}
.ann-marquee-pill {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 600;
  cursor: pointer;
}
.ann-marquee-emoji { font-size: 14px; line-height: 1; }
@keyframes ann-marquee-roll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.ann-marquee-close {
  position: absolute; top: 50%; right: 12px;
  transform: translateY(-50%);
  width: 24px; height: 24px;
  background: rgba(0,0,0,0.15); color: inherit;
  border: none; border-radius: 50%;
  cursor: pointer; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
}


.ann-bubble-wrap {
  position: fixed;
  z-index: 9000;
  display: flex; flex-direction: column;
  align-items: flex-end;
}
.ann-corner-bl, .ann-corner-tl { align-items: flex-start; }
.ann-corner-tr, .ann-corner-tl { flex-direction: column-reverse; }

.ann-bubble-btn {
  border: none;
  border-radius: 50%;
  background: #F5A623;
  color: #0E1621;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25);
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
.ann-anim-bounce .ann-bubble-btn  { animation: ann-bounce 1.6s ease-in-out infinite; }
.ann-anim-breathe .ann-bubble-btn { animation: ann-breathe 2.2s ease-in-out infinite; }
@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); }
}
.ann-bubble-card {
  width: 260px; padding: 16px;
  background: #fff; color: #0E1621;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.18);
  margin-bottom: 8px;
  display: none;
  position: relative;
}
.ann-bubble-card.ann-open { display: block; }
.ann-corner-tr .ann-bubble-card, .ann-corner-tl .ann-bubble-card {
  margin-bottom: 0; margin-top: 8px;
}
.ann-bubble-title { font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.ann-bubble-content { font-size: 12px; line-height: 1.5; color: #444; white-space: pre-wrap; margin-bottom: 10px; }
.ann-bubble-cta {
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; padding: 0 14px;
  background: #F5A623; color: #0E1621;
  font-size: 12px; font-weight: 600;
  border-radius: 6px; cursor: pointer;
  text-decoration: none;
  letter-spacing: 0.04em;
}
.ann-bubble-card-close {
  position: absolute; top: 6px; right: 6px;
  width: 22px; height: 22px;
  background: transparent; border: none;
  font-size: 14px; line-height: 1;
  color: #9CA3AF; cursor: pointer;
}


.ann-notice {
  position: relative;
  width: 100%;
  background: #0EA5E9; color: #fff;
  z-index: 998;
  padding: 0 44px;
  display: flex; align-items: center;
  overflow: hidden;
}
.ann-notice-inner {
  flex: 1; display: flex; flex-direction: column;
}
.ann-notice-row {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 500;
  padding: 4px 0;
}
.ann-notice-icon { width: 18px; text-align: center; font-weight: 700; flex-shrink: 0; }
.ann-notice-text { flex: 1; }
.ann-notice-link {
  flex-shrink: 0; padding: 4px 8px;
  background: rgba(255,255,255,0.18); color: inherit;
  border-radius: 4px; font-size: 12px; font-weight: 600;
  text-decoration: none;
}
.ann-notice-mode-stack .ann-notice-row { display: flex !important; }
.ann-notice-close {
  position: absolute; top: 50%; right: 12px;
  transform: translateY(-50%);
  width: 24px; height: 24px;
  background: rgba(0,0,0,0.15); color: inherit;
  border: none; border-radius: 50%;
  cursor: pointer; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
}


.ann-countdown {
  width: 100%;
  background: #0E1621; color: #fff;
  padding: 14px 20px;
  display: flex; flex-direction: column; align-items: center;
  gap: 8px; text-align: center;
  z-index: 999;
}
.ann-cd-pos-floating_bottom {
  position: fixed; bottom: 0; left: 0; right: 0;
  box-shadow: 0 -8px 24px rgba(0,0,0,0.3);
}
.ann-cd-title { font-size: 15px; font-weight: 700; }
.ann-cd-subtitle { font-size: 12px; opacity: 0.85; }
.ann-cd-digits {
  display: flex; gap: 6px;
  margin: 4px 0;
}
.ann-cd-cell {
  display: flex; flex-direction: column; align-items: center;
}
.ann-cd-num {
  min-width: 38px;
  padding: 6px 8px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 16px; font-weight: 700;
  background: #F5A623; color: #0E1621;
  border-radius: 6px;
  font-variant-numeric: tabular-nums;
}
.ann-cd-label {
  font-size: 9px; font-weight: 500;
  letter-spacing: 0.1em; text-transform: uppercase;
  opacity: 0.6; margin-top: 2px;
}
.ann-cd-cta {
  display: inline-flex; align-items: center; justify-content: center;
  height: 34px; padding: 0 18px;
  background: #F5A623; color: #0E1621;
  font-size: 12px; font-weight: 700;
  border-radius: 6px; cursor: pointer;
  text-decoration: none;
  letter-spacing: 0.04em;
  margin-top: 4px;
}




#modal-wallet .wv {
  --w-bg:#07080d; --w-surface:#0b0c14; --w-surface2:#0e0f18; --w-border:#12131e; --w-border2:#1a1c2a;
  --w-text:#fff; --w-text2:#c0c0d0; --w-text3:#808090; --w-text4:#505070; --w-muted:#404060; --w-dim:#252840;
  --w-gold:#e8a124; --w-green:#1ed571; --w-green-dep:#0f7a40; --w-blue:#4a8ee8; --w-purple:#9070e8;
  background:var(--w-bg); border-radius:22px 22px 0 0; overflow-y:auto; -webkit-overflow-scrolling:touch;
  max-height:90vh; width:100%; color:var(--w-text); box-sizing:border-box;
  display:flex; flex-direction:column;
}
#modal-wallet.show .wv { animation:wvUp .3s ease-out; }
@keyframes wvUp { from{ transform:translateY(100%);} to{ transform:translateY(0);} }
.wv * { box-sizing:border-box; }
.wv-grip { width:32px; height:3px; border-radius:2px; background:#1a1c24; margin:8px auto 0; flex-shrink:0; }


.wv-top { display:flex; align-items:center; justify-content:space-between; padding:14px 16px 12px; flex-shrink:0; }
.wv-title { font-size:15px; font-weight:800; color:var(--w-text); letter-spacing:-.3px; }
.wv-x { width:28px; height:28px; border-radius:50%; background:var(--w-surface2); border:1px solid var(--w-border2); display:flex; align-items:center; justify-content:center; color:#505070; cursor:pointer; flex-shrink:0; }
.wv-x svg { width:13px; height:13px; }


.wv-bal { padding:0 16px 14px; border-bottom:1px solid #0e0f18; }
.wv-bal-top { display:flex; justify-content:space-between; align-items:flex-end; }
.wv-bal-lbl { font-size:9px; color:var(--w-muted); font-weight:600; letter-spacing:.8px; text-transform:uppercase; margin-bottom:3px; }
.wv-bal-num { font-size:34px; font-weight:900; color:var(--w-text); letter-spacing:-2px; line-height:1; font-variant-numeric:tabular-nums; }
.wv-bal-sub { font-size:11px; color:var(--w-muted); margin-top:2px; }
.wv-refresh { width:30px; height:30px; border-radius:8px; background:var(--w-surface2); border:1px solid var(--w-border2); color:var(--w-muted); display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
.wv-refresh svg { width:14px; height:14px; }
.wv-refresh.spin svg { animation:wvSpin .5s linear; }
.wv-refresh.err { border-color:#e84040; color:#e84040; }
@keyframes wvSpin { to{ transform:rotate(360deg);} }

.wv-subs { display:flex; gap:6px; margin-top:10px; }
.wv-sub { flex:1; background:#0b0c14; border:1px solid #14152a; border-radius:10px; padding:8px 10px; display:flex; align-items:center; gap:6px; min-width:0; }
.wv-sub.click { cursor:pointer; }
.wv-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.wv-sub-info { display:flex; flex-direction:column; min-width:0; }
.wv-sub-lbl { font-size:8px; color:var(--w-muted); text-transform:uppercase; letter-spacing:.5px; margin-bottom:1px; }
.wv-sub-val { font-size:11px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }


.wv-actions { display:flex; gap:6px; padding:12px 16px; }
.wv-act { flex:1; height:42px; border-radius:12px; font-size:12px; font-weight:800; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; border:none; }
.wv-act svg { width:14px; height:14px; }
.wv-act.dep { background:linear-gradient(135deg,#0f7a40,#1ed571); color:#fff; box-shadow:0 6px 20px rgba(30,213,113,.25); }
.wv-act.wd { background:var(--w-surface2); border:1px solid var(--w-border2); color:#808090; font-weight:700; }


.wv-quick { display:flex; padding:0 16px 12px; gap:5px; }
.wv-qi { flex:1; background:#0b0c14; border:1px solid var(--w-border); border-radius:10px; padding:9px 4px; display:flex; flex-direction:column; align-items:center; gap:4px; cursor:pointer; }
.wv-qi-ico { font-size:16px; line-height:1; }
.wv-qi-lbl { font-size:7px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--w-text3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; text-align:center; }


.wv-tix { padding:0 16px 4px; }
.wv-tix-h { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.wv-tix-h-l { font-size:9px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:var(--w-dim); }
.wv-tix-h-r { font-size:9px; color:var(--w-gold); cursor:pointer; }
.wv-trow { display:flex; align-items:center; gap:10px; background:#0b0c14; border:1px solid var(--w-border); border-radius:11px; padding:10px 12px; cursor:pointer; margin-bottom:4px; transition:border-color .15s; }
.wv-trow:hover { border-color:var(--w-dim); }
.wv-trow.empty { opacity:.3; cursor:default; }
.wv-tico { width:32px; height:32px; border-radius:9px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:17px; }
.wv-tmid { flex:1; min-width:0; }
.wv-tname { font-size:12px; font-weight:600; color:var(--w-text2); }
.wv-tsub { font-size:10px; color:var(--w-muted); margin-top:1px; }
.wv-tqty { font-size:13px; font-weight:800; font-variant-numeric:tabular-nums; }
.wv-tarrow { font-size:11px; color:var(--w-dim); }


.wv-ig { margin:10px 16px 0; background:linear-gradient(135deg,#050c1a,#071428); border:1px solid #0d1e30; border-radius:12px; padding:12px 14px; display:flex; align-items:center; gap:10px; }
.wv-ig-ico { width:36px; height:36px; border-radius:10px; background:#0a1828; border:1px solid #0d2040; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.wv-ig-mid { flex:1; min-width:0; }
.wv-ig-lbl { font-size:8px; color:#2a6099; font-weight:700; letter-spacing:.7px; text-transform:uppercase; }
.wv-ig-val { font-size:13px; font-weight:700; color:#c0d0e0; margin-top:2px; font-variant-numeric:tabular-nums; }
.wv-ig-hint { font-size:8px; color:#1a3050; margin-top:1px; }
.wv-ig-btn { background:#0d2040; border:1px solid #1a3a60; border-radius:8px; padding:7px 12px; font-size:9px; font-weight:700; color:var(--w-blue); cursor:pointer; flex-shrink:0; }
.wv-ig-btn:disabled { opacity:.45; cursor:not-allowed; }


.wv-tip { padding:10px 16px 20px; background:#0b0c14; border-top:1px solid #0e0f18; margin-top:12px; flex-shrink:0; }
.wv-tip-t { font-size:9px; color:#303040; line-height:1.5; }


.wv-sk { display:inline-block; border-radius:6px; background:linear-gradient(90deg,#0e0f18 25%,#16182400 37%,#0e0f18 63%); background-size:400% 100%; animation:wvSh 1.2s infinite; vertical-align:middle; }
@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; }
#modal-wallet .wv { max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))); }


#modal-wallet.show .modal { animation: wvUp .3s ease-out; }
#modal-wallet.show .wv { animation: none !important; }




#modal-complaints.modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
@media (min-width: 720px) { #modal-complaints.modal-backdrop { align-items: center !important; } }
#modal-complaints .modal.cmp-root {
  width: 100%; max-width: 480px; max-height: 88vh; display: flex; flex-direction: column;
  background: #12161d; color: #e7eaf0; border: 1px solid #232a35;
  border-radius: 18px 18px 0 0; padding: 0; overflow: hidden;
}
@media (min-width: 720px) { #modal-complaints .modal.cmp-root { border-radius: 16px; } }

.cmp-hd { display: flex; align-items: center; gap: 8px; padding: 14px 14px 12px; border-bottom: 1px solid #1e242e; flex: 0 0 auto; }
.cmp-back { width: 34px; height: 34px; flex: 0 0 auto; border: none; background: #1c222c; color: #c8cedb; border-radius: 9px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.cmp-back svg { width: 18px; height: 18px; }
.cmp-title { flex: 1; font-size: 16px; font-weight: 800; text-align: center; }
.cmp-new-btn { flex: 0 0 auto; border: none; background: #e8a124; color: #1a1205; font-weight: 800; font-size: 12px; padding: 7px 12px; border-radius: 9px; cursor: pointer; }

.cmp-body { padding: 12px 14px 18px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.cmp-loading { text-align: center; color: #8b93a1; padding: 40px 0; }

.cmp-empty { text-align: center; padding: 38px 16px; }
.cmp-empty .ic { font-size: 40px; }
.cmp-empty .t { font-weight: 800; margin-top: 8px; }
.cmp-empty .s { color: #8b93a1; font-size: 13px; margin: 6px auto 16px; max-width: 280px; line-height: 1.5; }
.cmp-cta, .cmp-submit, .cmp-send { border: none; cursor: pointer; font-weight: 800; }
.cmp-cta { background: #e8a124; color: #1a1205; padding: 11px 20px; border-radius: 11px; }

.cmp-item { display: flex; align-items: center; gap: 11px; padding: 12px; background: #161c25; border: 1px solid #212834; border-radius: 12px; margin-bottom: 9px; cursor: pointer; transition: background .15s; }
.cmp-item:active { background: #1b222d; }
.cmp-it-ic { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 10px; background: #1f2733; display: flex; align-items: center; justify-content: center; font-size: 19px; }
.cmp-it-mid { flex: 1; min-width: 0; }
.cmp-it-sub { font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cmp-it-meta { color: #828b99; font-size: 11.5px; margin-top: 2px; }
.cmp-it-right { flex: 0 0 auto; }
.cmp-bdg { font-size: 10.5px; font-weight: 800; padding: 3px 8px; border-radius: 20px; border: 1px solid; white-space: nowrap; }

.cmp-form .cmp-lb { display: block; font-size: 12px; font-weight: 700; color: #aab2c0; margin: 14px 2px 6px; }
.cmp-form .cmp-lb:first-child { margin-top: 2px; }
.cmp-cats { display: flex; flex-wrap: wrap; gap: 7px; }
.cmp-cat { border: 1px solid #2a323e; background: #161c25; color: #c2c9d6; font-size: 12.5px; font-weight: 600; padding: 8px 11px; border-radius: 9px; cursor: pointer; }
.cmp-cat.on { background: #e8a12422; border-color: #e8a124; color: #f3c970; }
.cmp-in, .cmp-ta { width: 100%; box-sizing: border-box; background: #0f141b; border: 1px solid #2a323e; color: #e7eaf0; border-radius: 10px; padding: 11px 12px; font-size: 14px; font-family: inherit; outline: none; }
.cmp-in:focus, .cmp-ta:focus { border-color: #e8a124; }
.cmp-ta { min-height: 120px; resize: vertical; line-height: 1.5; }
.cmp-ta.sm { min-height: 54px; }
.cmp-note { font-size: 11.5px; color: #8b93a1; line-height: 1.5; margin: 12px 2px; background: #141a22; border: 1px solid #1f2630; border-radius: 9px; padding: 9px 11px; }
.cmp-submit { width: 100%; background: #e8a124; color: #1a1205; padding: 13px; border-radius: 12px; font-size: 15px; margin-top: 14px; }
.cmp-submit:disabled, .cmp-send:disabled { opacity: .6; cursor: default; }

.cmp-d-head { padding: 2px 2px 12px; border-bottom: 1px solid #1e242e; margin-bottom: 12px; }
.cmp-d-sub { font-weight: 800; font-size: 15px; }
.cmp-d-meta { color: #828b99; font-size: 12px; margin-top: 3px; }
.cmp-thread { display: flex; flex-direction: column; gap: 10px; }
.cmp-bub { max-width: 86%; padding: 9px 12px; border-radius: 13px; }
.cmp-bub.me { align-self: flex-end; background: #1f3247; border: 1px solid #29455f; border-bottom-right-radius: 4px; }
.cmp-bub.staff { align-self: flex-start; background: #18241c; border: 1px solid #244a30; border-bottom-left-radius: 4px; }
.cmp-bub-who { font-size: 11px; font-weight: 800; color: #9aa3b1; margin-bottom: 3px; }
.cmp-bub-tx { font-size: 14px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
.cmp-bub-dt { font-size: 10.5px; color: #7a818d; margin-top: 4px; text-align: right; }
.cmp-resolved { background: #16241b; border: 1px solid #244a30; color: #5fd99a; font-size: 12.5px; font-weight: 600; padding: 9px 12px; border-radius: 10px; margin-top: 4px; }
.cmp-reply { display: flex; gap: 8px; align-items: flex-end; margin-top: 14px; padding-top: 12px; border-top: 1px solid #1e242e; }
.cmp-reply .cmp-ta { flex: 1; }
.cmp-send { background: #e8a124; color: #1a1205; padding: 11px 16px; border-radius: 10px; flex: 0 0 auto; }

.cmp-toast { position: fixed; left: 50%; bottom: 30px; transform: translate(-50%, 20px); background: #1c222c; color: #f0f2f6; border: 1px solid #2a323e; padding: 11px 18px; border-radius: 11px; font-size: 13.5px; font-weight: 600; z-index: 99999; opacity: 0; transition: opacity .25s, transform .25s; pointer-events: none; max-width: 90vw; text-align: center; }
.cmp-toast.on { opacity: 1; transform: translate(-50%, 0); }


.cmp-catcard:hover { transform: translateY(-2px); border-color: rgba(41,182,232,0.4) !important; }


@media (min-width: 980px) {
  html body #modal-complaints.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;
  }
  html body #modal-complaints.modal-backdrop.show {
    display: block !important; z-index: 200 !important;
    overflow-y: auto !important; overflow-x: hidden !important;
  }
  body:has(#modal-complaints.modal-backdrop.show) { overflow: hidden !important; }
  body:has(#modal-complaints.modal-backdrop.show) #apk-banner,
  body:has(#modal-complaints.modal-backdrop.show) .bs-container { visibility: hidden !important; }
  html body #modal-complaints .modal.cmp-root {
    max-width: 620px !important; width: 100% !important; margin: 0 auto !important;
    min-height: 100% !important; height: auto !important; max-height: none !important;
    background: transparent !important; border: none !important; border-radius: 0 !important;
    box-shadow: none !important; padding: 24px 16px !important; animation: none !important;
    display: block !important; overflow: visible !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;
}
#modal-deposit.dep-v2.show{ display:flex !important; }
#modal-deposit.dep-v2 .dpw{
  width:100%; max-width:480px; margin:0 auto; height:100%;
  display:flex; flex-direction:column; background:var(--dp-bg); color:var(--dp-text);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif; overflow:hidden;
}


.dp-hd{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid var(--dp-border); flex-shrink:0; }
.dp-back{ width:28px; height:28px; border-radius:8px; background:#151720; border:0; color:var(--dp-text); display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
.dp-back svg{ width:16px; height:16px; }
.dp-title{ font-size:14px; font-weight:600; color:var(--dp-text); }
.dp-bal{ text-align:right; }
.dp-bal .l{ font-size:9px; color:var(--dp-text3); text-transform:uppercase; letter-spacing:.06em; display:block; }
.dp-bal .a{ font-size:12px; font-weight:600; color:var(--dp-gold); font-family:"JetBrains Mono",ui-monospace,monospace; }


.dp-body{ flex:1; display:flex; min-height:0; }
.dp-nav{ width:72px; flex-shrink:0; border-right:1px solid var(--dp-border); overflow-y:auto; padding:8px 0; }
.dp-nav-i{ display:flex; flex-direction:column; align-items:center; gap:5px; padding:11px 2px; cursor:pointer; border-left:2.5px solid transparent; color:var(--dp-text3); }
.dp-nav-i .ic{ width:32px; height:32px; border-radius:9px; background:var(--dp-surface); display:flex; align-items:center; justify-content:center; color:var(--dp-text3); }
.dp-nav-i .ic svg{ width:17px; height:17px; }
.dp-nav-i .lb{ font-size:9px; text-align:center; line-height:1.2; }
.dp-nav-i.on{ border-left-color:var(--dp-gold); background:var(--dp-surface2); }
.dp-nav-i.on .ic{ background:var(--dp-blue-bg); color:var(--dp-blue); }
.dp-nav-i.on .lb{ color:var(--dp-text2); }

.dp-detail{ flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; -webkit-overflow-scrolling:touch; }


.dp-mhd{ display:flex; align-items:center; gap:10px; }
.dp-mhd .bic{ width:36px; height:36px; border-radius:10px; background:var(--dp-blue-bg); color:var(--dp-blue); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.dp-mhd .bic svg{ width:20px; height:20px; }
.dp-mhd .t{ font-size:14px; font-weight:600; color:var(--dp-text); }
.dp-pill{ font-size:8px; font-weight:700; letter-spacing:.04em; color:var(--dp-gold); background:var(--dp-gold-bg); border:1px solid #3a2e0a; padding:3px 8px; border-radius:20px; margin-left:auto; }


.dp-info{ background:var(--dp-surface); border:1px solid var(--dp-border); border-radius:10px; overflow:hidden; }
.dp-info-r{ display:flex; align-items:center; justify-content:space-between; padding:9px 12px; border-bottom:1px solid var(--dp-border2); }
.dp-info-r:last-child{ border-bottom:0; }
.dp-info-r .k{ display:flex; align-items:center; gap:7px; font-size:11px; color:var(--dp-text3); }
.dp-info-r .k svg{ width:13px; height:13px; color:var(--dp-text4); }
.dp-info-r .v{ font-size:11px; font-weight:600; color:var(--dp-text); }
.dp-info-r .v.gold{ color:var(--dp-gold); }
.dp-info-r .v.green{ color:var(--dp-green); }
.dp-info-r .v.gray{ color:var(--dp-text2); }


.dp-lbl{ font-size:9px; text-transform:uppercase; letter-spacing:.06em; color:var(--dp-text4); margin:0 0 7px; }


.dp-quick{ display:flex; gap:7px; }
.dp-quick button{ flex:1; padding:9px 0; border-radius:20px; background:var(--dp-surface); border:1px solid var(--dp-border); color:#666; font-size:10px; font-weight:600; cursor:pointer; font-family:"JetBrains Mono",ui-monospace,monospace; }
.dp-quick button.on{ background:var(--dp-gold-bg); border-color:var(--dp-gold); color:var(--dp-gold); }


.dp-amt{ display:flex; align-items:center; gap:8px; background:var(--dp-surface); border:1.5px solid #2a2d38; border-radius:10px; padding:10px 14px; }
.dp-amt.foc{ border-color:var(--dp-gold); }
.dp-amt.err{ border-color:var(--dp-red); }
.dp-amt .pfx{ font-size:18px; font-weight:700; color:var(--dp-gold); }
.dp-amt input{ flex:1; background:transparent; border:0; outline:0; color:var(--dp-text); font-size:22px; font-weight:700; font-family:"JetBrains Mono",ui-monospace,monospace; min-width:0; }
.dp-err{ font-size:10px; color:var(--dp-red); min-height:13px; margin-top:5px; }


.dp-confirm{ width:100%; height:48px; border:0; border-radius:11px; background:var(--dp-gold); color:#0b0c10; font-size:13px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px; }
.dp-confirm svg{ width:16px; height:16px; }
.dp-confirm:disabled{ background:#252831; color:#555; cursor:not-allowed; }
.dp-spin{ width:15px; height:15px; border:2px solid rgba(11,12,16,.3); border-top-color:#0b0c10; border-radius:50%; animation:dp-rot .7s linear infinite; }
.dp-confirm:disabled .dp-spin{ border-color:rgba(255,255,255,.2); border-top-color:#777; }
@keyframes dp-rot{ to{ transform:rotate(360deg); } }
.dp-note{ font-size:9px; color:var(--dp-text4); text-align:center; line-height:1.5; margin-top:-2px; }


.dp-notice{ background:var(--dp-surface2); border:1px solid var(--dp-border); border-left:2.5px solid var(--dp-gold); border-radius:10px; padding:11px 12px; margin-top:2px; }
.dp-notice-hd{ display:flex; align-items:center; gap:6px; margin-bottom:7px; }
.dp-notice-hd svg{ width:14px; height:14px; color:var(--dp-gold); }
.dp-notice-hd .t{ font-size:10px; font-weight:600; color:var(--dp-text2); }
.dp-notice-li{ display:flex; gap:7px; font-size:9px; color:var(--dp-text3); line-height:1.5; margin-bottom:4px; }
.dp-notice-li:last-child{ margin-bottom:0; }
.dp-notice-li .dot{ width:4px; height:4px; border-radius:50%; background:var(--dp-text4); flex-shrink:0; margin-top:5px; }


.dp-sov{ position:fixed; inset:0; z-index:9500; background:rgba(0,0,0,.72); display:none; align-items:flex-end; justify-content:center; }
.dp-sov.show{ display:flex; }
.dp-sheet{ width:100%; max-width:480px; max-height:min(92vh, calc(100dvh - var(--fz-screen-top, 64px))); overflow-y:auto; background:var(--dp-bg); border-top:1px solid var(--dp-border); border-radius:18px 18px 0 0; color:var(--dp-text); -webkit-overflow-scrolling:touch; }
.dp-grip{ width:32px; height:3px; border-radius:3px; background:#2a2d38; margin:10px auto 4px; }
.dp-sheet-hd{ display:flex; align-items:center; justify-content:space-between; padding:6px 18px 12px; }
.dp-sheet-hd .t{ font-size:13px; font-weight:600; }
.dp-sx{ background:none; border:0; color:var(--dp-text3); font-size:20px; line-height:1; cursor:pointer; padding:2px 6px; }
.dp-sheet-bd{ padding:0 18px max(26px, env(safe-area-inset-bottom)); }
.dp-recap{ background:var(--dp-gold-bg); border:1px solid #3a2e0a; border-radius:9px; padding:9px 12px; font-size:11px; color:var(--dp-gold); margin-bottom:14px; line-height:1.5; }
.dp-recap b{ font-weight:800; }
.dp-btab{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.dp-btab button{ padding:6px 12px; border-radius:16px; font-size:11px; font-weight:600; cursor:pointer; border:1px solid var(--dp-border); background:transparent; color:var(--dp-text3); }
.dp-btab button.on{ border-color:var(--dp-gold); background:var(--dp-gold-bg); color:var(--dp-gold); }
.dp-bcard{ background:var(--dp-surface); border:1px solid var(--dp-border); border-radius:10px; padding:12px; }
.dp-brow{ display:flex; align-items:center; justify-content:space-between; padding:7px 0; font-size:12px; border-bottom:1px solid var(--dp-border2); }
.dp-brow:last-child{ border-bottom:0; }
.dp-brow .k{ color:var(--dp-text3); }
.dp-brow .v{ font-weight:700; font-family:"JetBrains Mono",ui-monospace,monospace; display:flex; align-items:center; gap:8px; color:var(--dp-text); }
.dp-cpy{ background:var(--dp-gold-bg); border:1px solid var(--dp-gold); color:var(--dp-gold); border-radius:6px; font-size:10px; font-weight:700; padding:3px 9px; cursor:pointer; }
.dp-bnote{ margin-top:9px; font-size:10px; color:var(--dp-text3); line-height:1.5; }
.dp-bqr{ width:150px; height:150px; object-fit:contain; display:block; margin:0 auto 12px; background:#fff; border-radius:8px; padding:6px; }
.dp-div{ height:1px; background:var(--dp-border); margin:16px 0; }
.dp-drop{ display:block; padding:22px; background:var(--dp-surface); border:1px dashed #2a2d38; border-radius:10px; text-align:center; cursor:pointer; }
.dp-drop.drag{ border-color:var(--dp-gold); background:var(--dp-gold-bg); }
.dp-drop svg{ width:20px; height:20px; color:var(--dp-text4); display:block; margin:0 auto 7px; }
.dp-drop .dt{ font-size:10px; color:var(--dp-text3); }
.dp-drop .df{ font-size:9px; color:var(--dp-text4); margin-top:4px; }
.dp-prev{ margin-top:10px; }
.dp-prev img{ max-width:100%; max-height:170px; border-radius:8px; border:1px solid var(--dp-border); display:block; }
.dp-prev .re{ font-size:10px; color:var(--dp-gold); cursor:pointer; margin-top:6px; display:inline-block; }
.dp-submit{ width:100%; height:46px; margin-top:16px; position:sticky; bottom:8px; border:0; border-radius:10px; background:var(--dp-gold); color:#0b0c10; font-size:14px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px; }
.dp-submit:disabled{ opacity:.55; cursor:not-allowed; }
.dp-empty{ padding:22px; text-align:center; color:var(--dp-gold); font-size:12px; background:var(--dp-surface); border:1px solid var(--dp-border); border-radius:10px; }


.dp-toast{ position:fixed; left:50%; bottom:32px; transform:translateX(-50%); z-index:10000; max-width:88vw; padding:12px 18px; border-radius:10px; color:#fff; font-size:12px; font-weight:600; box-shadow:0 8px 28px rgba(0,0,0,.4); text-align:center; line-height:1.4; }


#modal-deposit .modal > *:not(.dpw), #modal-deposit > *:not(.dpw){ display:none !important; }


.dp-bonus { margin: 4px 0 2px; }
.dp-bonus-lbl { font-size: 9px; font-weight: 600; color: #3a3e4d; text-transform: uppercase; letter-spacing: .8px; margin: 8px 0 8px; }
.dp-bo { position: relative; display: flex; align-items: center; gap: 11px; background: #141620; border: 1px solid #1e2028; border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; cursor: pointer; transition: border-color .12s, background .12s; }
.dp-bo.sel { border: 1.5px solid #e8a124; background: #0f1117; }
.dp-bo.sel::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: #e8a124; }
.dp-bo.claimed { opacity: .5; cursor: not-allowed; }
.dp-bo-radio { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #3a3e4d; box-sizing: border-box; position: relative; }
.dp-bo.sel .dp-bo-radio { border-color: #e8a124; }
.dp-bo.sel .dp-bo-radio::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: #e8a124; }
.dp-bo-mid { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dp-bo-mid .n { font-size: 12px; font-weight: 600; color: #eee; }
.dp-bo-mid .n.nb { font-weight: 500; color: #aaa; }
.dp-bo-mid .d { font-size: 10px; color: #555; }
.dp-bo-mid .r { font-size: 10px; color: #3a3e4d; }
.dp-bo-right { flex: 0 0 auto; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.dp-bo-est { font-size: 13px; font-weight: 700; color: #e8a124; }
.dp-bo-est.cap { color: #2dc98a; }
.dp-bo-max { font-size: 10px; color: #555; }
.dp-bo-claimed { font-size: 10px; color: #555; }




#modal-withdraw.wd-v2 { align-items: flex-end !important; padding: 0 !important; }
.wd-v2 .modal,
.wd-v2 .auth-card { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box; }

.wdw {
  --wd-bg: #0e1014; --wd-card: #14161c; --wd-card2: #181b22; --wd-line: #262a33;
  --wd-gold: #E8A124; --wd-gold-d: #c8881a; --wd-txt: #E8E9EE; --wd-dim: #8a8f9c;
  --wd-ok: #2fa46b; --wd-err: #e0524d; --wd-blue: #3a7bd5;
  background: var(--wd-bg); color: var(--wd-txt); border-radius: 18px 18px 0 0; overflow: hidden;
  width: 100%; max-width: 100%; box-sizing: border-box;
  display: flex; flex-direction: column; max-height: 90vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}


.wd-hd { display: flex; align-items: center; gap: 10px; padding: 16px 16px 12px; border-bottom: 1px solid var(--wd-line); }
.wd-back { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; border: 1px solid var(--wd-line); background: var(--wd-card); color: var(--wd-txt); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.wd-back svg { width: 20px; height: 20px; }
.wd-title { font-size: 18px; font-weight: 700; flex: 1; }
.wd-bal { text-align: right; line-height: 1.2; }
.wd-bal .l { display: block; font-size: 10px; color: var(--wd-dim); letter-spacing: .04em; text-transform: uppercase; }
.wd-bal .a { display: block; font-size: 16px; font-weight: 700; font-family: "JetBrains Mono", ui-monospace, monospace; font-variant-numeric: tabular-nums; color: var(--wd-gold); }


.wd-steps { display: flex; align-items: center; padding: 12px 18px 4px; gap: 0; }
.wd-step { display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 0 0 auto; }
.wd-step .n { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; background: var(--wd-card2); color: var(--wd-dim); border: 1px solid var(--wd-line); transition: .2s; }
.wd-step .lab { font-size: 10px; color: var(--wd-dim); letter-spacing: .02em; }
.wd-step.on .n { background: var(--wd-gold); color: #1a1205; border-color: var(--wd-gold); }
.wd-step.on .lab { color: var(--wd-txt); }
.wd-step.done .n { background: rgba(47,164,107,.16); color: var(--wd-ok); border-color: rgba(47,164,107,.5); }
.wd-bar { flex: 1; height: 2px; background: var(--wd-line); margin: 0 6px; position: relative; top: -10px; border-radius: 2px; }
.wd-bar.fill { background: var(--wd-gold); }


.wd-body { padding: 8px 16px 4px; overflow-y: auto; flex: 1; box-sizing: border-box; }
.wd-sec-h { font-size: 12px; font-weight: 700; color: var(--wd-dim); text-transform: uppercase; letter-spacing: .05em; margin: 10px 0 8px; }


.wd-bank { display: flex; align-items: center; gap: 12px; padding: 13px 14px; border: 1.5px solid var(--wd-line); background: var(--wd-card); border-radius: 12px; margin-bottom: 10px; cursor: pointer; transition: .15s; }
.wd-bank:active { transform: scale(.995); }
.wd-bank.sel { border-color: var(--wd-gold); background: rgba(232,161,36,.07); }
.wd-bank__ic { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px; background: var(--wd-card2); display: flex; align-items: center; justify-content: center; color: var(--wd-gold); }
.wd-bank__ic svg { width: 22px; height: 22px; }
.wd-bank__info { flex: 1; min-width: 0; }
.wd-bank__name { font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 7px; }
.wd-bank__sub { font-size: 12px; color: var(--wd-dim); font-family: "JetBrains Mono", ui-monospace, monospace; margin-top: 2px; }
.wd-bank__holder { font-size: 11px; color: var(--wd-dim); margin-top: 1px; }
.wd-bank__radio { width: 20px; height: 20px; flex: 0 0 20px; border-radius: 50%; border: 2px solid var(--wd-line); }
.wd-bank.sel .wd-bank__radio { border-color: var(--wd-gold); background: radial-gradient(circle, var(--wd-gold) 0 5px, transparent 6px); }
.wd-badge { font-size: 9px; font-weight: 800; padding: 2px 7px; border-radius: 20px; background: rgba(232,161,36,.16); color: var(--wd-gold); letter-spacing: .04em; }

.wd-addnew { display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; height: 44px; padding: 0 14px; border: 1.5px dashed var(--wd-line); background: transparent; color: var(--wd-gold); border-radius: 10px; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 2px; box-sizing: border-box; }
.wd-addnew svg { width: 18px; height: 18px; flex: 0 0 18px; }

.wd-empty { text-align: center; padding: 30px 16px; }
.wd-empty__ic { width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 50%; background: var(--wd-card2); display: flex; align-items: center; justify-content: center; color: var(--wd-dim); }
.wd-empty__ic svg { width: 30px; height: 30px; }
.wd-empty__t { font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.wd-empty__s { font-size: 12px; color: var(--wd-dim); margin-bottom: 16px; line-height: 1.5; }


.wd-wager { border-radius: 12px; padding: 14px; margin-bottom: 14px; }
.wd-wager.ok { background: rgba(47,164,107,.08); border: 1px solid rgba(47,164,107,.4); }
.wd-wager.bad { background: rgba(224,82,77,.06); border: 1px solid rgba(224,82,77,.25); }
.wd-wager__h { font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.wd-wager__h svg { width: 18px; height: 18px; flex: 0 0 18px; }
.wd-wager.ok .wd-wager__h { color: var(--wd-ok); }
.wd-wager.bad .wd-wager__h { color: var(--wd-err); }
.wd-wager__track { height: 8px; background: rgba(0,0,0,.35); border-radius: 6px; overflow: hidden; margin: 8px 0 6px; }
.wd-wager__fill { height: 100%; background: var(--wd-gold); border-radius: 6px; transition: width .3s; }
.wd-wager.ok .wd-wager__fill { background: var(--wd-ok); }
.wd-wager__row { display: flex; justify-content: space-between; font-size: 11px; color: var(--wd-dim); font-family: "JetBrains Mono", ui-monospace, monospace; }


.wd-amt-wrap { border: 1.5px solid var(--wd-line); background: var(--wd-card); border-radius: 12px; padding: 14px 16px; display: flex; align-items: center; gap: 6px; margin-bottom: 12px; transition: .15s; }
.wd-amt-wrap.foc { border-color: var(--wd-gold); }
.wd-amt-wrap .cur { font-size: 26px; font-weight: 700; color: var(--wd-dim); }
.wd-amt-wrap input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: var(--wd-txt); font-size: 30px; font-weight: 700; font-family: "JetBrains Mono", ui-monospace, monospace; font-variant-numeric: tabular-nums; }
.wd-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.wd-quick button { padding: 10px 4px; border: 1px solid var(--wd-line); background: var(--wd-card); color: var(--wd-txt); border-radius: 10px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: "JetBrains Mono", ui-monospace, monospace; }
.wd-quick button.on { border-color: var(--wd-gold); background: rgba(232,161,36,.1); color: var(--wd-gold); }
.wd-slider { width: 100%; margin: 4px 0 6px; accent-color: var(--wd-gold); }
.wd-amt-help { display: flex; justify-content: space-between; font-size: 11px; color: var(--wd-dim); margin-bottom: 4px; }
.wd-amt-help b { color: var(--wd-txt); font-family: "JetBrains Mono", ui-monospace, monospace; }


.wd-sum { background: var(--wd-card); border: 1px solid var(--wd-line); border-radius: 12px; padding: 4px 14px; margin-bottom: 12px; }
.wd-sum__row { display: flex; justify-content: space-between; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--wd-line); font-size: 13px; }
.wd-sum__row:last-child { border-bottom: 0; }
.wd-sum__row .k { color: var(--wd-dim); }
.wd-sum__row .v { font-weight: 600; text-align: right; }
.wd-sum__row.big .v { font-size: 22px; font-weight: 800; color: var(--wd-gold); font-family: "JetBrains Mono", ui-monospace, monospace; }
.wd-mono { font-family: "JetBrains Mono", ui-monospace, monospace; }

.wd-notice { display: flex; gap: 10px; padding: 12px 14px; background: rgba(58,123,213,.08); border: 1px solid rgba(58,123,213,.35); border-radius: 12px; margin-bottom: 12px; font-size: 12px; line-height: 1.5; color: var(--wd-txt); }
.wd-notice.warn { background: rgba(232,161,36,.08); border-color: rgba(232,161,36,.4); }
.wd-notice svg { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 1px; color: var(--wd-blue); }
.wd-notice.warn svg { color: var(--wd-gold); }
.wd-err { background: rgba(224,82,77,.1); border: 1px solid rgba(224,82,77,.45); color: #f1a09c; border-radius: 10px; padding: 10px 12px; font-size: 12px; margin-bottom: 12px; }


.wd-ft { padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--wd-line); display: flex; gap: 8px; box-sizing: border-box; }
.wd-btn { flex: 1 1 0; min-width: 0; padding: 14px; border-radius: 12px; font-size: 15px; font-weight: 700; cursor: pointer; border: 1px solid var(--wd-line); background: var(--wd-card); color: var(--wd-txt); box-sizing: border-box; }
.wd-btn--primary { background: var(--wd-gold); color: #1a1205; border-color: var(--wd-gold); }
.wd-btn--primary:disabled { opacity: .4; cursor: not-allowed; }
.wd-btn--ghost { flex: 1 1 0; min-width: 0; }


.wd-done { text-align: center; padding: 36px 20px; }
.wd-done__ic { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 50%; background: rgba(47,164,107,.14); color: var(--wd-ok); display: flex; align-items: center; justify-content: center; }
.wd-done__ic svg { width: 40px; height: 40px; }
.wd-done__t { font-size: 20px; font-weight: 800; margin-bottom: 8px; }
.wd-done__s { font-size: 13px; color: var(--wd-dim); line-height: 1.6; margin-bottom: 6px; }
.wd-done__amt { font-size: 30px; font-weight: 800; color: var(--wd-gold); font-family: "JetBrains Mono", ui-monospace, monospace; margin: 10px 0; }
.wd-done__tx { font-size: 11px; color: var(--wd-dim); font-family: "JetBrains Mono", ui-monospace, monospace; }


.wd-toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: 90px; z-index: 99999; color: #fff; padding: 11px 18px; border-radius: 10px; font-size: 13px; font-weight: 600; box-shadow: 0 8px 28px rgba(0,0,0,.4); max-width: 88vw; }




.piw {
  --pi-bg:#0b0c10; --pi-surface:#141620; --pi-surface2:#0f1117; --pi-border:#1e2028; --pi-border2:#1a1c24;
  --pi-gold:#e8a124; --pi-gold-bg:#1f1a0d; --pi-blue:#4a8ee8; --pi-blue-bg:#0d1520;
  --pi-green:#2dc98a; --pi-green-bg:#0d1a10; --pi-red:#e84040; --pi-red-bg:#200f0f;
  --pi-text:#eee; --pi-text2:#aaa; --pi-text3:#555; --pi-text4:#3a3e4d;
  background:var(--pi-bg); color:var(--pi-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  margin:-14px; 
  min-height:100%; display:flex; flex-direction:column;
}


.pi-avatar { display:flex; align-items:center; gap:14px; background:var(--pi-surface2); border-bottom:1px solid var(--pi-border2); padding:16px 14px; }
.pi-av-wrap { position:relative; width:52px; height:52px; flex:0 0 52px; cursor:pointer; }
.pi-av-img { width:52px; height:52px; border-radius:50%; object-fit:cover; display:block; background:var(--pi-surface); }
.pi-av-letter { width:52px; height:52px; border-radius:50%; background:var(--pi-gold); color:#0b0c10; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; }
.pi-av-cam { position:absolute; right:-2px; bottom:-2px; width:16px; height:16px; border-radius:50%; background:#151720; border:2px solid #0b0c10; display:flex; align-items:center; justify-content:center; color:var(--pi-text2); }
.pi-av-cam svg { width:9px; height:9px; }
.pi-av-info { flex:1; min-width:0; }
.pi-av-name { font-size:14px; font-weight:600; color:var(--pi-text); }
.pi-av-since { font-size:11px; color:var(--pi-text3); margin-top:1px; }
.pi-av-change { font-size:10px; color:var(--pi-gold); margin-top:5px; cursor:pointer; display:inline-block; }


.pi-list { flex:1; padding:6px 0 0; }
.pi-group-h { font-size:11px; font-weight:600; color:var(--pi-text3); text-transform:uppercase; letter-spacing:.06em; padding:16px 16px 7px; }
.pi-row { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--pi-border2); background:transparent; width:100%; border-left:0; border-right:0; border-top:0; text-align:left; color:inherit; cursor:pointer; }
.pi-row:active { background:rgba(255,255,255,.02); }
.pi-row.locked { cursor:default; }
.pi-row.locked:active { background:transparent; }
.pi-ic { width:34px; height:34px; flex:0 0 34px; border-radius:9px; display:flex; align-items:center; justify-content:center; }
.pi-ic svg { width:18px; height:18px; }
.pi-mid { flex:1; min-width:0; }
.pi-lbl { display:block; font-size:10px; color:var(--pi-text3); text-transform:uppercase; letter-spacing:.5px; }
.pi-val { display:block; font-size:13px; font-weight:500; color:var(--pi-text); margin-top:2px; word-break:break-word; }
.pi-val.unset { color:var(--pi-text4); font-style:italic; font-weight:400; }
.pi-val.mono { font-family:"JetBrains Mono",ui-monospace,monospace; }
.pi-sub { display:block; font-size:10px; color:var(--pi-text4); margin-top:2px; white-space:normal; line-height:1.4; }
.pi-right { flex:0 0 auto; display:flex; align-items:center; gap:7px; color:var(--pi-text3); }
.pi-right svg { width:18px; height:18px; }
.pi-lock { color:var(--pi-text4); }


.pi-save-wrap { position:sticky; bottom:0; padding:12px 14px calc(14px + env(safe-area-inset-bottom)); background:linear-gradient(to top,var(--pi-bg) 70%,transparent); }
.pi-save { width:100%; display:flex; align-items:center; justify-content:center; gap:8px; padding:14px; border-radius:11px; border:0; background:var(--pi-gold); color:#0b0c10; font-size:13px; font-weight:700; cursor:pointer; }
.pi-save:disabled { opacity:.35; cursor:not-allowed; }
.pi-save svg { width:17px; height:17px; }


.pi-sov { position:fixed; inset:0; z-index:100000; background:rgba(0,0,0,.6); opacity:0; transition:opacity .2s; display:flex; align-items:flex-end; }
.pi-sov.on { opacity:1; }
.pi-sheet { width:100%; max-width:560px; margin:0 auto; background:#111318; border-top:1px solid var(--pi-border); border-radius:18px 18px 0 0; padding:0; transform:translateY(100%); transition:transform .3s ease-out; max-height:88vh; display:flex; flex-direction:column; box-sizing:border-box; }
.pi-sov.on .pi-sheet { transform:translateY(0); }
.pi-sheet--tall { min-height:42vh; }
.pi-sh-body { flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:0 18px 4px; }
.pi-sh-foot { flex:0 0 auto; padding:12px 18px calc(16px + env(safe-area-inset-bottom)); border-top:1px solid var(--pi-border); background:#111318; }
.pi-grab { width:32px; height:3px; border-radius:3px; background:#2a2d38; margin:8px auto 12px; flex:0 0 auto; }
.pi-sh-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; padding:0 18px; flex:0 0 auto; }
.pi-sh-title { font-size:13px; font-weight:600; }
.pi-sh-x { width:28px; height:28px; border-radius:8px; border:0; background:#151720; color:var(--pi-text2); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.pi-sh-x svg { width:16px; height:16px; }
.pi-input { width:100%; background:#141620; border:1px solid var(--pi-border); border-radius:9px; padding:12px 13px; color:var(--pi-text); font-size:15px; outline:0; }
.pi-input:focus { border-color:var(--pi-gold); }
.pi-counter { text-align:right; font-size:11px; color:var(--pi-text3); margin-top:6px; }
.pi-dob-row { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:8px; padding-bottom:8px; }
.pi-select {
  width:100%; background:#141620; border:1px solid var(--pi-border); border-radius:9px;
  padding:14px 10px; color:var(--pi-text); font-size:16px; outline:0; min-height:50px;
  -webkit-appearance:menulist; appearance:menulist;        
  pointer-events:auto; position:relative; z-index:1; touch-action:manipulation;
}
.pi-select:focus { border-color:var(--pi-gold); }
.pi-select option { background:#141620; color:var(--pi-text); }
.pi-sh-save { position:relative; z-index:2; }
.pi-sheet-err { color:var(--pi-red); font-size:12px; margin-top:10px; min-height:0; }
.pi-sheet-hint { color:var(--pi-text3); font-size:11px; margin:8px 0 0; line-height:1.5; }
.pi-sh-save { width:100%; margin-top:0; padding:14px; border-radius:11px; border:0; background:var(--pi-gold); color:#0b0c10; font-size:14px; font-weight:700; cursor:pointer; }
.pi-sh-save:disabled { opacity:.35; cursor:not-allowed; }

.pi-toast { position:fixed; left:50%; transform:translateX(-50%); bottom:96px; z-index:100001; color:#fff; padding:11px 18px; border-radius:10px; font-size:13px; font-weight:600; box-shadow:0 8px 28px rgba(0,0,0,.4); max-width:88vw; }


#pf3-subpage .pi-row:not(.locked):hover { border-color: var(--fz-cyan, #29B6E8) !important; }




.hs-v2 .modal, .hs-v2 .auth-card { background:transparent !important; box-shadow:none !important; border:0 !important; padding:0 !important; margin:0 !important; max-width:100% !important; width:100% !important; box-sizing:border-box; }
#modal-history.hs-v2 { align-items:flex-end !important; padding:0 !important; }

.hsw {
  --hs-bg:#0b0c10; --hs-surface:#141620; --hs-surface2:#0f1117; --hs-border:#1e2028; --hs-border2:#1a1c24;
  --hs-green:#2dc98a; --hs-green-bg:#0d1a10; --hs-red:#e84040; --hs-red-bg:#200f0f;
  --hs-gold:#e8a124; --hs-gold-bg:#1f1a0d; --hs-blue:#4a8ee8; --hs-blue-bg:#0d1520;
  --hs-purple:#9070e8; --hs-purple-bg:#130e22;
  --hs-text:#eee; --hs-text2:#aaa; --hs-text3:#555; --hs-text4:#3a3e4d;
  background:var(--hs-bg); color:var(--hs-text); width:100%; max-width:100%; box-sizing:border-box;
  border-radius:18px 18px 0 0; overflow:hidden; display:flex; flex-direction:column; max-height:min(92vh, calc(100dvh - var(--fz-screen-top, 64px)));
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.hs-mono { font-family:"JetBrains Mono",ui-monospace,monospace; font-variant-numeric:tabular-nums; }


.hs-hd { display:flex; align-items:center; gap:10px; padding:14px 16px 12px; border-bottom:1px solid var(--hs-border2); flex:0 0 auto; }
.hs-back { width:28px; height:28px; flex:0 0 28px; border-radius:8px; border:1px solid var(--hs-border); background:#151720; color:var(--hs-text); display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; }
.hs-back svg { width:18px; height:18px; }
.hs-title { font-size:14px; font-weight:600; flex:1; }


.hs-stats { display:grid; grid-template-columns:1fr 1fr 1fr; border-bottom:1px solid var(--hs-border2); flex:0 0 auto; }
.hs-stat { padding:11px 6px; text-align:center; border-right:1px solid var(--hs-border2); }
.hs-stat:last-child { border-right:0; }
.hs-stat__v { font-size:12px; font-weight:700; }
.hs-stat__l { font-size:8px; color:var(--hs-text3); text-transform:uppercase; letter-spacing:.4px; margin-top:3px; }


.hs-filter { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; padding:10px 14px; border-bottom:1px solid var(--hs-border2); flex:0 0 auto; }
.hs-fbtn { padding:7px 4px; border-radius:7px; border:1px solid var(--hs-border); background:var(--hs-surface); color:#666; font-size:10px; font-weight:600; cursor:pointer; text-align:center; }
.hs-fbtn.on-all { border-color:var(--hs-gold); background:var(--hs-gold-bg); color:var(--hs-gold); }
.hs-fbtn.on-deposit { border-color:var(--hs-green); background:var(--hs-green-bg); color:var(--hs-green); }
.hs-fbtn.on-withdraw { border-color:var(--hs-red); background:var(--hs-red-bg); color:var(--hs-red); }
.hs-fbtn.on-bonus { border-color:var(--hs-purple); background:var(--hs-purple-bg); color:var(--hs-purple); }


.hs-list { flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:10px 14px calc(14px + env(safe-area-inset-bottom)); }

#hs-filters::-webkit-scrollbar { display:none; }

@media (max-width: 979.98px) {
  .hs-list, #modal-history.hs-v2 .hsw #hs-list { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
}
.hs-card { display:flex; align-items:center; gap:12px; background:var(--hs-surface); border:1px solid var(--hs-border); border-radius:11px; padding:12px; margin-bottom:7px; cursor:pointer; }
.hs-card:active { transform:scale(.995); }
.hs-ic { width:38px; height:38px; flex:0 0 38px; border-radius:11px; display:flex; align-items:center; justify-content:center; }
.hs-ic svg { width:20px; height:20px; }
.hs-mid { flex:1; min-width:0; }
.hs-mid__t { font-size:12px; font-weight:600; color:var(--hs-text); }
.hs-mid__s { font-size:10px; color:var(--hs-text4); margin-top:3px; }
.hs-right { text-align:right; flex:0 0 auto; }
.hs-amt { font-size:14px; font-weight:700; }
.hs-amt.pos { color:var(--hs-green); }
.hs-amt.neg { color:var(--hs-red); }
.hs-badge { display:inline-block; margin-top:4px; padding:2px 8px; border-radius:20px; font-size:8px; font-weight:700; }
.hs-badge.completed { background:var(--hs-green-bg); color:var(--hs-green); }
.hs-badge.rejected { background:var(--hs-red-bg); color:var(--hs-red); }
.hs-badge.pending { background:var(--hs-gold-bg); color:var(--hs-gold); }
.hs-badge.processing { background:var(--hs-blue-bg); color:var(--hs-blue); }


.hs-empty { text-align:center; padding:50px 16px; }
.hs-empty svg { width:32px; height:32px; color:var(--hs-text4); }
.hs-empty__t { font-size:12px; color:var(--hs-text3); margin-top:10px; }
.hs-more { width:100%; padding:11px; border:1px solid var(--hs-border); background:transparent; color:#888; border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; margin-top:4px; }
.hs-allloaded { text-align:center; font-size:10px; color:var(--hs-text4); padding:10px 0; }
.hs-sk { height:62px; border-radius:11px; margin-bottom:7px; background:linear-gradient(90deg,#141620 25%,#1c1f2a 37%,#141620 63%); background-size:400% 100%; animation:hs-shim 1.4s ease infinite; }
@keyframes hs-shim { 0%{background-position:100% 0;} 100%{background-position:0 0;} }
.hs-retry { text-align:center; padding:40px 16px; }
.hs-retry button { margin-top:12px; background:var(--hs-gold); color:#0b0c10; border:0; border-radius:9px; padding:10px 20px; font-size:13px; font-weight:700; cursor:pointer; }


.hs-sov { position:fixed; inset:0; z-index:100000; background:rgba(0,0,0,.6); opacity:0; transition:opacity .2s; display:flex; align-items:flex-end; }
.hs-sov.on { opacity:1; }
.hs-sheet { width:100%; max-width:560px; margin:0 auto; background:#111318; border-top:1px solid var(--hs-border); border-radius:18px 18px 0 0; transform:translateY(100%); transition:transform .3s ease-out; max-height:88vh; display:flex; flex-direction:column; box-sizing:border-box; }
.hs-sov.on .hs-sheet { transform:translateY(0); }
.hs-grab { width:32px; height:3px; border-radius:3px; background:#2a2d38; margin:8px auto 12px; flex:0 0 auto; }
.hs-sh-head { display:flex; align-items:center; gap:10px; padding:0 18px 12px; flex:0 0 auto; }
.hs-sh-title { font-size:13px; font-weight:600; flex:1; }
.hs-sh-x { width:28px; height:28px; border-radius:8px; border:0; background:#151720; color:var(--hs-text2); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.hs-sh-x svg { width:16px; height:16px; }
.hs-sh-body { flex:1 1 auto; overflow-y:auto; padding:0 18px; }
.hs-drow { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--hs-border2); font-size:12px; }
.hs-drow:last-child { border-bottom:0; }
.hs-drow .k { color:var(--hs-text3); font-size:10px; flex:0 0 auto; }
.hs-drow .v { color:var(--hs-text); font-weight:600; text-align:right; word-break:break-word; }
.hs-copy { background:none; border:0; color:var(--hs-text3); cursor:pointer; padding:2px; display:inline-flex; }
.hs-copy svg { width:14px; height:14px; }
.hs-sh-foot { flex:0 0 auto; padding:12px 18px calc(16px + env(safe-area-inset-bottom)); border-top:1px solid var(--hs-border); }
.hs-close-btn { width:100%; padding:13px; border-radius:11px; border:1px solid var(--hs-border); background:var(--hs-surface); color:var(--hs-text); font-size:13px; font-weight:600; cursor:pointer; }

.hs-toast { position:fixed; left:50%; transform:translateX(-50%); bottom:96px; z-index:100001; color:#fff; padding:11px 18px; border-radius:10px; font-size:13px; font-weight:600; box-shadow:0 8px 28px rgba(0,0,0,.4); }


#modal-history .modal > *:not(.hsw) { display:none !important; }


@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;
  }
  html body #modal-history.modal-backdrop.show {
    display: block !important; z-index: 200 !important;
    overflow-y: auto !important; overflow-x: hidden !important;
  }
  body:has(#modal-history.modal-backdrop.show) { overflow: hidden !important; }
  body:has(#modal-history.modal-backdrop.show) #apk-banner,
  body:has(#modal-history.modal-backdrop.show) .bs-container { visibility: hidden !important; }
  html body #modal-history.hs-v2 .hsw {
    background: transparent !important; border: none !important; border-radius: 0 !important;
    box-shadow: none !important; max-height: none !important; overflow: visible !important;
  }
}
@media (max-width: 979.98px) {
  html body #modal-history.hs-v2 .hsw {
    background: linear-gradient(180deg, rgba(9,38,50,0.9) 0%, rgba(4,14,22,0.96) 100%)!important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    border-radius: 18px 18px 0 0 !important;
    
    max-height: 92dvh !important; overflow: hidden !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.6) !important;
  }
}





.baw, .ba-sov, .ba-cm {
  --ba-bg:#0b0c10; --ba-surface:#111318; --ba-surface2:#141620; --ba-border:#1e2028; --ba-border2:#1a1c24;
  --ba-gold:#e8a124; --ba-gold-bg:#1f1a0d; --ba-gold-border:#3a2e0a;
  --ba-blue:#4a8ee8; --ba-blue-bg:#0a1220; --ba-blue-border:#1a2535;
  --ba-green:#2dc98a; --ba-green-bg:#0d1a10; --ba-green-border:#1a3520;
  --ba-red:#e84040; --ba-red-bg:#200f0f; --ba-red-border:#3a1515;
  --ba-text:#eee; --ba-text2:#aaa; --ba-text3:#555; --ba-text4:#3a3e4d;
}
.baw {
  background:var(--ba-bg); color:var(--ba-text); margin:-14px; padding:14px; min-height:100%;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.ba-addtop { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.ba-addtop__t { font-size:14px; font-weight:600; }
.ba-addbtn { background:var(--ba-gold); color:#0b0c10; font-size:10px; font-weight:600; border:0; border-radius:7px; padding:5px 10px; cursor:pointer; }
.ba-addbtn:disabled { background:#252831; color:#555; cursor:not-allowed; }

.ba-seclbl { font-size:9px; font-weight:600; color:var(--ba-text4); text-transform:uppercase; letter-spacing:.06em; margin:14px 0 8px; }


.ba-card { background:var(--ba-surface); border:1px solid var(--ba-border); border-radius:14px; overflow:hidden; margin-bottom:8px; }
.ba-card__top { display:flex; align-items:center; gap:12px; background:linear-gradient(135deg,#0d1520 0%,#111820 100%); border-bottom:1px solid var(--ba-border2); padding:12px 14px; }
.ba-card__ic { width:36px; height:36px; flex:0 0 36px; border-radius:10px; background:var(--ba-blue-bg); border:1px solid var(--ba-blue-border); color:var(--ba-blue); display:flex; align-items:center; justify-content:center; }
.ba-card__ic svg { width:20px; height:20px; }
.ba-card__info { flex:1; min-width:0; }
.ba-card__bank { font-size:13px; font-weight:600; color:var(--ba-text); }
.ba-card__acc { font-size:11px; color:var(--ba-text3); letter-spacing:1px; font-family:"JetBrains Mono",ui-monospace,monospace; margin-top:1px; }
.ba-card__holder { font-size:10px; color:#888; margin-top:1px; }
.ba-badge { font-size:8px; font-weight:700; background:var(--ba-gold-bg); border:1px solid var(--ba-gold-border); color:var(--ba-gold); border-radius:20px; padding:3px 8px; flex:0 0 auto; }
.ba-card__bar { display:flex; gap:6px; padding:10px 14px; }
.ba-act { flex:1; padding:7px; border-radius:8px; font-size:10px; font-weight:600; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:4px; border:1px solid; }
.ba-act svg { width:13px; height:13px; }
.ba-act--detail { background:#151720; border-color:var(--ba-border); color:#888; }
.ba-act--default { background:var(--ba-gold-bg); border-color:var(--ba-gold-border); color:var(--ba-gold); }
.ba-act--default.is-default { border-color:var(--ba-gold); cursor:default; }
.ba-act--edit { background:#151720; border-color:var(--ba-border); color:#888; }
.ba-act--edit.locked { opacity:.4; cursor:not-allowed; }


.ba-slots { display:grid; gap:8px; }
.ba-slots.two { grid-template-columns:1fr 1fr; }
.ba-slot { border:1.5px dashed var(--ba-border); border-radius:14px; padding:16px 10px; display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer; }
.ba-slot:active { border-color:var(--ba-gold); background:rgba(232,161,36,.06); }
.ba-slot__n { width:22px; height:22px; border-radius:7px; background:var(--ba-border2); color:var(--ba-text4); font-size:10px; font-weight:600; display:flex; align-items:center; justify-content:center; }
.ba-slot__p { font-size:18px; color:var(--ba-text4); line-height:1; }
.ba-slot__t { font-size:10px; color:var(--ba-text4); text-align:center; }


.ba-sec { display:flex; gap:10px; align-items:flex-start; background:var(--ba-green-bg); border:1px solid var(--ba-green-border); border-radius:10px; padding:10px 12px; margin-top:16px; }
.ba-sec svg { width:13px; height:13px; flex:0 0 13px; color:var(--ba-green); margin-top:1px; }
.ba-sec span { font-size:10px; color:var(--ba-green); line-height:1.5; }


.ba-sov { position:fixed; inset:0; z-index:100000; background:rgba(0,0,0,.7); opacity:0; transition:opacity .2s; display:flex; align-items:flex-end; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
.ba-sov.on { opacity:1; }
.ba-sheet { width:100%; max-width:560px; margin:0 auto; background:var(--ba-surface); border-top:1px solid var(--ba-border); border-radius:18px 18px 0 0; transform:translateY(100%); transition:transform .3s ease-out; max-height:90vh; display:flex; flex-direction:column; box-sizing:border-box; }
.ba-sov.on .ba-sheet { transform:translateY(0); }
.ba-grab { width:32px; height:3px; border-radius:3px; background:#2a2d38; margin:8px auto 12px; flex:0 0 auto; }
.ba-sh-head { display:flex; align-items:center; gap:10px; padding:0 18px 12px; flex:0 0 auto; }
.ba-sh-title { font-size:13px; font-weight:600; flex:1; }
.ba-sh-x { width:28px; height:28px; border-radius:8px; border:0; background:#151720; color:var(--ba-text2); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.ba-sh-x svg { width:16px; height:16px; }
.ba-sh-body { flex:1 1 auto; overflow-y:auto; padding:0 18px; }
.ba-drow { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid var(--ba-border2); font-size:12px; }
.ba-drow:last-child { border-bottom:0; }
.ba-drow .k { color:var(--ba-text3); font-size:10px; flex:0 0 auto; }
.ba-drow .v { color:var(--ba-text); font-weight:600; text-align:right; word-break:break-word; }
.ba-sh-foot { flex:0 0 auto; position:sticky; bottom:0; background:var(--ba-surface); padding:12px 16px; padding-bottom:max(16px, env(safe-area-inset-bottom)); border-top:1px solid var(--ba-border); }
.ba-closebtn { width:100%; padding:13px; border-radius:11px; border:1px solid var(--ba-border); background:var(--ba-surface2); color:var(--ba-text); font-size:13px; font-weight:600; cursor:pointer; }


.ba-field2 { margin-bottom:14px; }
.ba-flbl2 { font-size:10px; font-weight:600; color:var(--ba-text4); letter-spacing:.5px; text-transform:uppercase; margin-bottom:5px; display:block; }
.ba-input { width:100%; background:var(--ba-surface2); border:1px solid var(--ba-border); border-radius:9px; padding:9px 12px; color:var(--ba-text); font-size:12px; outline:0; box-sizing:border-box; }
.ba-input:focus { border-color:var(--ba-gold); }
.ba-input.err { border-color:var(--ba-red); }
.ba-input:read-only { opacity:.75; }
.ba-input::placeholder { color:var(--ba-text4); }
.ba-hint { font-size:10px; color:var(--ba-text4); margin-top:4px; }
.ba-hint-green { font-size:10px; color:var(--ba-green); margin-top:4px; display:flex; align-items:center; gap:4px; line-height:1.4; }
.ba-hint-green svg { width:12px; height:12px; flex:0 0 12px; }
.ba-ferr { font-size:10px; color:var(--ba-red); margin-top:4px; min-height:0; }


.ba-dd { position:relative; }
.ba-dd__trig { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; background:var(--ba-surface2); border:1px solid var(--ba-border); border-radius:9px; padding:9px 12px; font-size:12px; color:var(--ba-text); cursor:pointer; box-sizing:border-box; }
.ba-dd__trig.placeholder { color:var(--ba-text4); }
.ba-dd__trig.open { border-color:var(--ba-gold); }
.ba-dd__trig.err { border-color:var(--ba-red); }
.ba-dd__trig svg { width:16px; height:16px; flex:0 0 16px; color:var(--ba-text4); transition:transform .2s; }
.ba-dd__trig.open svg { transform:rotate(180deg); }
.ba-dd__list { position:absolute; top:calc(100% + 4px); left:0; width:100%; background:#1a1c24; border:1px solid #252831; border-radius:10px; z-index:200; box-shadow:0 8px 24px rgba(0,0,0,.4); max-height:200px; overflow-y:auto; padding:4px; display:none; }
.ba-dd__list.open { display:block; }
.ba-dd__opt { padding:10px 14px; font-size:12px; color:#ddd; cursor:pointer; border-radius:7px; }
.ba-dd__opt:hover { background:#252831; }
.ba-dd__opt.sel { color:var(--ba-gold); font-weight:600; }


.ba-toggle { display:flex; align-items:center; gap:10px; cursor:pointer; margin:2px 0 2px; user-select:none; }
.ba-toggle__sw { width:32px; height:18px; flex:0 0 32px; border-radius:20px; background:#252831; position:relative; transition:background .2s; }
.ba-toggle__sw::after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:#fff; transition:transform .2s; }
.ba-toggle.on .ba-toggle__sw { background:var(--ba-gold); }
.ba-toggle.on .ba-toggle__sw::after { transform:translateX(14px); }
.ba-toggle__lbl { font-size:12px; color:var(--ba-text2); }


.ba-savebtn { width:100%; padding:14px; border-radius:11px; border:0; font-size:14px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:background .15s; }
.ba-savebtn.ready { background:var(--ba-gold); color:#0b0c10; }
.ba-savebtn.disabled, .ba-savebtn:disabled { background:#252831; color:#555; cursor:not-allowed; }
.ba-spin { width:15px; height:15px; border:2px solid rgba(0,0,0,.3); border-top-color:#0b0c10; border-radius:50%; animation:ba-spin .7s linear infinite; }
@keyframes ba-spin { to { transform:rotate(360deg); } }


.ba-cm { position:fixed; inset:0; z-index:100002; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; padding:20px; }
.ba-cm__box { width:300px; max-width:100%; background:#14161c; border:1px solid #252830; border-radius:12px; padding:18px; }
.ba-cm__t { font-size:15px; font-weight:600; margin-bottom:8px; }
.ba-cm__b { font-size:12px; color:var(--ba-text2); line-height:1.5; margin-bottom:16px; }
.ba-cm__acts { display:flex; gap:8px; }
.ba-cm__btn { flex:1; padding:10px; border-radius:8px; font-size:12px; font-weight:600; cursor:pointer; border:1px solid var(--ba-border); background:var(--ba-surface2); color:var(--ba-text); }

.ba-empty { text-align:center; padding:40px 16px; color:var(--ba-text3); font-size:12px; }
.ba-toast { position:fixed; left:50%; transform:translateX(-50%); bottom:96px; z-index:100003; color:#fff; padding:11px 18px; border-radius:10px; font-size:13px; font-weight:600; box-shadow:0 8px 28px rgba(0,0,0,.4); }





: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;
}


#modal-promo.pm-v2 { padding:0 !important; align-items:stretch !important; }
#modal-promo.pm-v2 .modal {
  width:100vw !important; height:100dvh !important; max-width:none !important; max-height:100dvh !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; background:var(--pm-bg); overflow:hidden;
}
#modal-promo.pm-v2 .modal > *:not(.pmw){ display:none !important; }
#modal-promo.pm-v2 .modal::before, #modal-promo.pm-v2 .modal::after{ display:none !important; content:none !important; }
.pmw{ width:100%; height:100%; }

.pm-page{ height:100%; display:flex; flex-direction:column; color:var(--pm-text);
  background:
    linear-gradient(180deg, rgba(9,38,50,.92) 0%, rgba(6,16,24,.97) 40%, #0A1822 100%);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }


.pm-head{ flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:12px 14px 10px;
  border-bottom:1px solid rgba(41,182,232,.14); }
.pm-back{ width:32px; height:32px; flex:0 0 32px; display:flex; align-items:center; justify-content:center;
  background:rgba(7,8,13,.4); border:1px solid var(--pm-border2); border-radius:50%;
  color:var(--pm-text2); cursor:pointer; padding:0; }
.pm-back svg{ width:16px; height:16px; }
.pm-back:active{ transform:scale(.92); }


.pm-col{ width:100%; max-width:720px; margin:0 auto; box-sizing:border-box; padding:0 16px; }


.pm-head__title{ display:flex; align-items:center; gap:11px; margin:16px 0 2px;
  font-family:Oswald,Inter,sans-serif; font-size:24px; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; color:#fff; }
.pm-head__title::before{ content:""; width:4px; height:24px; border-radius:2px; flex-shrink:0;
  background:linear-gradient(180deg, var(--pm-gold,#F5C842), #C08E1A); }


.pm-tabs{ display:flex; align-items:center; gap:8px; margin:14px 0 18px;
  overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.pm-tabs::-webkit-scrollbar{ display:none; }
.pm-tab{ flex:0 0 auto; height:32px !important; min-height:0; box-sizing:border-box; display:inline-flex;
  align-items:center; justify-content:center; line-height:1; font-size:12px; font-weight:800;
  padding:0 15px !important; border-radius:999px; border:1px solid var(--pm-border);
  background:rgba(18,42,51,.6); color:var(--pm-text2); cursor:pointer; white-space:nowrap; }
.pm-tab:active{ transform:scale(.95); }
.pm-tab.on{ background:linear-gradient(180deg, var(--pm-cyan-bright), var(--pm-cyan-deep));
  border-color:var(--pm-cyan); color:#04222E; box-shadow:0 0 14px rgba(41,182,232,.4); }


.pm-scroll{ flex:1 1 auto; overflow-y:auto; overflow-x:hidden; padding:0; -webkit-overflow-scrolling:touch; }
.pm-scroll::-webkit-scrollbar{ width:0; }
.pm-foot-sp{ height:80px; }
.pm-group{ display:block; margin-bottom:8px; }
.pm-group__list{ display:flex; flex-direction:column; gap:14px; }
.pm-group__lbl{ font-size:11px; font-weight:800; color:var(--pm-text3); letter-spacing:.14em;
  text-transform:uppercase; margin:20px 0 10px; }


.pm-card{ border-radius:16px; overflow:hidden; border:1px solid var(--pm-border); cursor:pointer;
  background-color:#0B3A42; box-shadow:0 10px 26px rgba(0,0,0,.35);
  transition:border-color .15s, box-shadow .15s; }
.pm-card:hover{ border-color:rgba(41,182,232,.45);
  box-shadow:0 14px 32px rgba(0,0,0,.5), 0 0 18px rgba(41,182,232,.18); }
.pm-card:active{ transform:scale(.99); }
.pm-card__vis{ position:relative; width:100%; aspect-ratio:8/3; overflow:hidden; background:#0B3A42; }
.pm-card__img{ position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center center; display:block; }
.pm-card.is-claimed .pm-card__vis{ opacity:.62; }
.pm-card__glow{ position:absolute; inset:0; background:radial-gradient(ellipse at 70% 30%, rgba(255,255,255,.06), transparent 60%); pointer-events:none; }
.pm-card__wm{ position:absolute; right:12px; top:30%; transform:translateY(-50%); font-size:58px; font-weight:900; opacity:.13; letter-spacing:-2px; line-height:1; white-space:nowrap; }
.pm-card__mask{ position:absolute; inset:0; background:linear-gradient(to top, rgba(4,12,18,.88) 0%, rgba(4,12,18,.4) 34%, rgba(0,0,0,0) 66%); pointer-events:none; z-index:1; }
.pm-card__badge{ position:absolute; top:10px; left:10px; z-index:3; font-size:9px; font-weight:800; padding:3px 9px; border-radius:6px; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 2px 6px rgba(0,0,0,.4); }
.pm-card__badge.hot{ background:linear-gradient(180deg,var(--pm-red-bright),var(--pm-red-deep)); color:#fff; }
.pm-card__badge.new{ background:linear-gradient(180deg,#1ED571,#0F7A40); color:#04230F; }
.pm-card__badge.limited{ background:linear-gradient(180deg,#FFE082,#C08E1A); color:#14110A; }
.pm-card__badge.vip{ background:#9070e8; color:#fff; }
.pm-card__badge.free{ background:linear-gradient(180deg,#1ED571,#0F7A40); color:#04230F; }
.pm-card__badge.night{ background:linear-gradient(180deg,var(--pm-cyan-bright),var(--pm-cyan-deep)); color:#04222E; }
.pm-card__ov{ position:absolute; left:0; right:0; bottom:0; z-index:3; display:flex; align-items:flex-end; justify-content:space-between; gap:10px; padding:12px 14px; }
.pm-card__ov--img{ justify-content:flex-end; }
.pm-card__ovtext{ flex:1; min-width:0; }
.pm-card.overlay-hidden .pm-card__ovtext{ display:none; }
.pm-card__title{ font-size:15px; font-weight:800; color:#fff; line-height:1.15; text-shadow:0 2px 6px rgba(0,0,0,.7); overflow:hidden; text-overflow:ellipsis; }

.pm-card__fallback{ position:absolute; inset:0; z-index:2; display:flex; align-items:center;
  justify-content:center; padding:0 44px; text-align:center; pointer-events:none; }
.pm-card__fbname{ font-size:16px; font-weight:800; color:#EAF6FF; line-height:1.2;
  letter-spacing:.01em; text-shadow:0 2px 8px rgba(0,0,0,.6);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pm-card__bsub{ font-size:11px; font-weight:600; color:var(--pm-text2); margin-left:7px; -webkit-text-fill-color:var(--pm-text2); }


.pm-card__body{ background:linear-gradient(180deg, var(--pm-surface2), var(--pm-surface)); padding:9px 12px; display:flex; align-items:center; justify-content:space-between; gap:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.pm-card__left{ flex:1; min-width:0; }
.pm-card__sub{ font-size:10px; color:var(--pm-text3); margin-bottom:5px; }
.pm-card__tags{ display:flex; flex-wrap:wrap; gap:4px; }
.pm-tag{ font-size:9px; font-weight:600; padding:2px 7px; border-radius:5px; background:rgba(7,8,13,.4); color:var(--pm-text3); border:1px solid var(--pm-border); white-space:nowrap; }
.pm-tag.wr{ background:var(--pm-blue-bg); color:var(--pm-cyan); border-color:rgba(41,182,232,.35); }
.pm-tag.green{ background:var(--pm-green-bg); color:var(--pm-green); border-color:var(--pm-green-border); }
.pm-tag.blue{ background:var(--pm-blue-bg); color:var(--pm-cyan); border-color:rgba(41,182,232,.35); }
.pm-tag.purple{ background:#130e22; color:#9070e8; border-color:#2a1a50; }
.pm-card__right{ flex-shrink:0; text-align:right; }
.pm-card__bonus{ font-size:22px; font-weight:900; letter-spacing:-.5px; margin-top:3px; line-height:1; white-space:nowrap; color:var(--pm-gold); text-shadow:0 2px 6px rgba(0,0,0,.6); }


.pm-claim{
  flex:0 0 auto;
  
  padding:7px 14px;
  border-radius:8px;
  border:0;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:4px;
  text-transform:uppercase;
  letter-spacing:.05em;
  background:linear-gradient(180deg, var(--pm-red-bright), var(--pm-red-deep));
  box-shadow:0 4px 16px rgba(224,35,75,.55), inset 0 1px 0 rgba(255,255,255,.25);
  font-family:Inter,sans-serif;
}
.pm-claim:hover{ transform:scale(1.04); }
.pm-claim:active{ transform:scale(.95); opacity:.85; }
.pm-claim svg{ width:11px; height:11px; }



.pm-info{
  position:absolute; top:2px; right:2px; z-index:4;
  width:44px; height:44px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  
  background:none; border:0; box-shadow:none;
  color:#fff; cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s;
}

.pm-info::before{
  content:""; position:absolute; top:7px; left:7px; width:30px; height:30px;
  border-radius:50%;
  background:rgba(7,8,13,.55); border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  box-shadow:0 2px 6px rgba(0,0,0,.4);
  transition:background .15s, border-color .15s;
}

.pm-info svg{ position:relative; width:15px; height:15px; }
.pm-info:hover::before{ background:rgba(41,182,232,.35); border-color:rgba(41,182,232,.6); }
.pm-info:active{ transform:scale(.92); }


.cl-fire, .cl-emerald, .cl-royal, .cl-ocean, .cl-red{ background:linear-gradient(180deg, var(--pm-red-bright), var(--pm-red-deep)); }
.cl-done{ background:rgba(7,8,13,.55); border:1px solid var(--pm-border2); color:var(--pm-text2);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); box-shadow:none; text-transform:none; letter-spacing:0; }
.cl-done.live{ color:var(--pm-cyan); cursor:pointer; border-color:rgba(41,182,232,.35); }


.pm-wg{ background:linear-gradient(180deg, var(--pm-surface2), var(--pm-surface)); padding:0 12px 9px; }
.pm-wg__bar{ height:4px; background:rgba(4,16,24,.7); border-radius:3px; overflow:hidden; }
.pm-wg__fill{ height:100%; border-radius:3px; transition:width .3s;
  background:linear-gradient(90deg, var(--pm-cyan-deep), var(--pm-cyan)) !important;
  box-shadow:0 0 12px rgba(41,182,232,.55); }
.pm-wg__txt{ margin-top:4px; font-size:10px; color:var(--pm-text3);
  font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums; }


.pm-empty{ background:linear-gradient(180deg, var(--pm-surface2), var(--pm-surface)); border:1px dashed var(--pm-border2); border-radius:14px; padding:24px 14px; text-align:center; }
.pm-empty__t{ font-size:13px; font-weight:700; color:var(--pm-text); }
.pm-empty__s{ margin-top:3px; font-size:11px; color:var(--pm-text3); }


.pm-sov{ position:fixed; inset:0; z-index:99999; background:rgba(4,8,12,.74);
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
  display:flex; align-items:flex-end; justify-content:center; opacity:0; transition:opacity .24s;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
.pm-sov.on{ opacity:1; }
.pm-sheet{ width:100%; max-width:480px; max-height:88vh; display:flex; flex-direction:column;
  background:
    linear-gradient(180deg, rgba(9,38,50,.86) 0%, rgba(4,14,22,.94) 100%);
  border-radius:18px 18px 0 0; border:1px solid var(--pm-border2); border-bottom:0;
  position:relative; transform:translateY(100%); transition:transform .3s cubic-bezier(.22,1,.36,1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 -10px 40px rgba(0,0,0,.6); }
.pm-sov.on .pm-sheet{ transform:translateY(0); }
@media (min-width: 980px) {
  .pm-sov{ align-items:center; padding:16px; }
  .pm-sheet{ max-width:460px; max-height:92dvh; border-radius:18px; border-bottom:1px solid var(--pm-border2);
    transform:translateY(12px) scale(.98); }
  .pm-sov.on .pm-sheet{ transform:none; }
}

.pm-sx{ position:absolute; top:12px; right:12px; width:30px; height:30px; z-index:2; display:flex; align-items:center; justify-content:center; background:rgba(7,8,13,.6); border:1px solid var(--pm-border2); border-radius:50%; color:var(--pm-text2); cursor:pointer; padding:0; }
.pm-sx svg{ width:16px; height:16px; }

.pm-vis{ position:relative; flex:0 0 auto; margin:0;
  border-radius:18px 18px 0 0; overflow:hidden; border:0;
  border-bottom:1px solid var(--pm-border);
  aspect-ratio:8/3; background-color:#0B3A42; }
.pm-vis--img{ background:none; }
.pm-vis__img{ position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center; display:block; }
.pm-vis__ov{ position:absolute; inset:0; z-index:2;
  background:linear-gradient(to top, rgba(4,12,18,.8) 0%, rgba(4,12,18,.2) 50%, rgba(0,0,0,0) 100%);
  display:flex; align-items:flex-end; padding:12px 16px; }
.pm-vis__wm{ position:absolute; right:10px; top:50%; transform:translateY(-50%);
  font-size:48px; font-weight:900; opacity:.12; letter-spacing:-1px; }
.pm-vis__tt{ position:relative; z-index:1; font-family:Oswald,Inter,sans-serif; font-size:19px;
  font-weight:700; text-transform:uppercase; letter-spacing:.04em;
  color:#fff; text-shadow:0 1px 4px rgba(0,0,0,.6); line-height:1.2; }

.pm-vis__fbname{ position:absolute; inset:0; z-index:1; display:flex; align-items:center;
  justify-content:center; padding:0 24px; text-align:center;
  font-family:Oswald,Inter,sans-serif; font-size:20px; font-weight:700;
  text-transform:uppercase; letter-spacing:.03em; color:#EAF6FF; line-height:1.2;
  text-shadow:0 2px 8px rgba(0,0,0,.6); }
.pm-sbody{ flex:1 1 auto; overflow-y:auto; padding:14px 20px 4px; }


.pm-dname{ font-size:21px; font-weight:800; color:#fff; line-height:1.25;
  letter-spacing:-.2px; margin:10px 0 0; }
.pm-specs{ display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 2px; }
.pm-spec{ font-size:11.5px; font-weight:700; padding:4px 10px; border-radius:999px;
  background:rgba(12,192,255,.10); border:1px solid rgba(12,192,255,.28);
  font-variant-numeric:tabular-nums; white-space:nowrap; }
.pm-bonus{ font-size:32px; font-weight:900; letter-spacing:-.5px;
  margin:10px 0 4px; line-height:1; font-variant-numeric:tabular-nums; }
.pm-bonus__s{ font-size:14px; font-weight:600; color:var(--pm-text2);
  margin-left:8px; }
.pm-facts{ display:flex; flex-direction:column; gap:0;
  margin:12px 0; border:1px solid var(--pm-border);
  border-radius:12px; overflow:hidden;
  background:rgba(7,20,28,.45); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.pm-fact{ display:flex; justify-content:space-between; align-items:center;
  padding:10px 14px; border-bottom:1px solid var(--pm-border); }
.pm-fact:last-child{ border-bottom:none; }
.pm-fact__k{ font-size:12px; color:var(--pm-text3); }

.pm-fact__v{ font-size:12px; font-weight:600; color:var(--pm-text); text-align:right;
  font-family:'JetBrains Mono',monospace; font-variant-numeric:tabular-nums;
  white-space:pre-line; }
.pm-fact__v.big{ font-size:15px; font-weight:800; }
.pm-prizes{ margin-top:14px; background:rgba(7,20,28,.45); border:1px solid var(--pm-border); border-radius:12px; padding:11px 14px; }
.pm-prizes__t{ font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; color:var(--pm-text3); margin-bottom:6px; }
.pm-prize{ display:flex; align-items:center; justify-content:space-between; padding:4px 0; }
.pm-prize__k{ font-size:11px; color:var(--pm-text2); }
.pm-prize__v{ font-size:12px; font-weight:800; color:var(--pm-gold); font-family:'JetBrains Mono',monospace; }

.pm-terms{ margin-top:14px; padding:12px 14px;
  background:rgba(7,20,28,.45); border-radius:12px;
  border:1px solid var(--pm-border); }
.pm-terms__t{ font-size:10px; font-weight:800; color:var(--pm-text3);
  letter-spacing:.14em; text-transform:uppercase; margin-bottom:8px; }

.pm-terms__b{ font-size:12px; color:var(--pm-text2); line-height:1.55; white-space:pre-line; }
.pm-sfoot{ flex:0 0 auto; padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--pm-border); }

.pm-cf{ width:100%; padding:14px; border-radius:12px; border:0;
  font-size:14px; font-weight:800; cursor:pointer;
  background:linear-gradient(180deg,#FFE082 0%,#F5C842 55%,#C08E1A 100%);
  color:#14110A; letter-spacing:.3px;
  box-shadow:0 6px 22px -6px rgba(245,200,66,.5), inset 0 1px 0 rgba(255,255,255,.45); }
.pm-cf svg{ width:18px; height:18px; }
.pm-cf:active{ transform:scale(.98); }
.pm-cf.cl-done{ background:rgba(7,8,13,.55); color:var(--pm-text2); border:1px solid var(--pm-border2); box-shadow:none; }
.pm-cf.cl-done.live{ background:linear-gradient(180deg, var(--pm-cyan-bright), var(--pm-cyan-deep)); color:#04222E; border:0;
  box-shadow:0 6px 22px -6px rgba(41,182,232,.5); }
.pm-cf__note{ margin-top:8px; font-size:10px; color:var(--pm-text3); text-align:center; }


.pm-toast{ position:fixed; left:50%; bottom:90px; transform:translate(-50%,12px); z-index:100000; padding:10px 18px; border-radius:999px; font-size:13px; font-weight:600; color:#fff; max-width:84vw; text-align:center; box-shadow:0 6px 24px rgba(0,0,0,.5); opacity:0; transition:opacity .22s, transform .22s; pointer-events:none; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; border:1px solid var(--pm-border2); }
.pm-toast.on{ opacity:1; transform:translate(-50%,0); }
.pm-toast--ok{ background:linear-gradient(180deg,#1ED571,#0F7A40); color:#04230F; }
.pm-toast--error{ background:linear-gradient(180deg,#FF3D64,#A81234); }
.pm-toast--info{ background:linear-gradient(180deg,#16333D,#122A33); }


@media (min-width: 980px) {
  
  html body #modal-promo.pm-v2.modal-backdrop {
    inset: 64px 0 0 0 !important;
    background: transparent !important;
  }
  html body #modal-promo.pm-v2 .modal {
    height: 100% !important;
    max-height: 100% !important;
  }
  
  #modal-promo.pm-v2 .pm-head {
    justify-content: flex-start !important;
    padding: 14px 16px 0 !important;
    border-bottom: none !important;
    width: 100%;
  }
  
  #modal-promo.pm-v2 .pm-head__title { font-size: 24px; margin-top: 8px; }
}


html body .pm-sov .pm-sheet { position: relative; }
html body .pm-sov .pm-sx {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
}


@media (max-width: 979px) {
  
  html body #modal-promo.pm-v2.modal-backdrop { background: transparent !important; }
  
  html body #modal-promo.pm-v2 .modal { height: 100% !important; max-height: 100% !important; }
  html body:has(#modal-promo.pm-v2.show) .bottom-nav { z-index: 70 !important; }  
  #modal-promo.pm-v2 .pm-foot-sp { height: 108px !important; } 

  
  #modal-promo.pm-v2 .pm-head {
    justify-content: flex-start !important;
    padding: 14px 16px 0 !important; border-bottom: none !important;
  }
  #modal-promo.pm-v2 .pm-back { width: 28px !important; height: 28px !important; flex: 0 0 28px !important; }
  #modal-promo.pm-v2 .pm-back svg { width: 15px !important; height: 15px !important; }
  
  #modal-promo.pm-v2 .pm-head__title { font-size: 18px; letter-spacing: .04em; margin: 10px 0 2px; }
  #modal-promo.pm-v2 .pm-head__title::before { height: 18px; }

  
  #modal-promo.pm-v2 .pm-tab.on {
    background: rgba(41,182,232,.14) !important;
    border-color: rgba(41,182,232,.55) !important;
    color: var(--pm-cyan, #29B6E8) !important;
    box-shadow: none !important;
  }

  
  #modal-promo.pm-v2 .pm-card__ov--img { justify-content: flex-end !important; padding: 12px !important; }
  #modal-promo.pm-v2 .pm-claim {
    padding: 7px 14px !important; border-radius: 999px !important;
    font-size: 12px !important; font-weight: 800 !important; gap: 5px !important;
  }
  #modal-promo.pm-v2 .pm-claim svg { width: 13px !important; height: 13px !important; }
  
  #modal-promo.pm-v2 .pm-claim:not(.cl-done) {
    background: linear-gradient(180deg,#FFE082,#F5C842 55%,#C08E1A) !important;
    color: #14110A !important; border: 0 !important;
    box-shadow: 0 4px 14px rgba(245,200,66,.4), inset 0 1px 0 rgba(255,255,255,.35) !important;
  }
  
  #modal-promo.pm-v2 .pm-claim.cl-done {
    background: rgba(7,8,13,.55) !important; border: 1px solid var(--pm-border2) !important;
    color: var(--pm-text2) !important; box-shadow: none !important;
  }
  
  #modal-promo.pm-v2 .pm-claim.cl-done.live {
    background: rgba(41,182,232,.14) !important; border-color: rgba(41,182,232,.45) !important;
    color: var(--pm-cyan, #29B6E8) !important;
  }
  
  #modal-promo.pm-v2 .pm-claim.cl-pending {
    background: transparent !important; border: 1px solid var(--pm-gold-border, rgba(245,200,66,.45)) !important;
    color: var(--pm-gold, #F5C842) !important; box-shadow: none !important;
  }

  
  #modal-promo.pm-v2 .pm-page {
    background:
      linear-gradient(180deg, rgba(9,38,50,.5) 0%, rgba(6,16,24,.58) 45%, rgba(6,16,24,.72) 100%)!important;
  }
}


@media (min-width: 980px) {
  html body #modal-promo.pm-v2 .modal { background: transparent !important; }
  html body #modal-promo.pm-v2 .pm-page { background: transparent !important; }
  body:has(#modal-promo.pm-v2.modal-backdrop.show) #apk-banner,
  body:has(#modal-promo.pm-v2.modal-backdrop.show) .bs-container { visibility: hidden !important; }
}



.pm-btns { display:flex; gap:8px; width:100%; justify-content:flex-end; }
.pm-btns .pm-claim { flex:0 0 auto; min-width:0; }


.pm-claim.cl-done.live, #modal-promo.pm-v2 .pm-claim.cl-done.live {
  background: linear-gradient(180deg,#3EC6F0,#1E9AC8) !important;
  border-color: transparent !important;
  color: #04222E !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  box-shadow: 0 4px 14px rgba(41,182,232,.4) !important;
}


html body .pm-sov .pm-sx { z-index: 30 !important; width: 38px !important; height: 38px !important; pointer-events: auto !important; }
html body .pm-sov .pm-vis__ov { pointer-events: none !important; }


.pm-card.has-img .pm-card__vis,
.pm-vis.pm-vis--img{
  background: linear-gradient(100deg,#0B3A42 25%,#12525e 50%,#0B3A42 75%) #0B3A42;
  background-size: 200% 100%;
  animation: pmSkeletonShimmer 1.3s linear infinite;
}
.pm-card.has-img .pm-card__vis.img-ready,
.pm-vis.pm-vis--img.img-ready{ animation: none; background: #0B3A42; }
@keyframes pmSkeletonShimmer{ 0%{background-position:150% 0} 100%{background-position:-150% 0} }



.pm-head__title .pm-back--in{ margin-right:2px; }
html body #modal-promo.pm-v2 .pm-head { display:none !important; }
html body #modal-promo.pm-v2 .pm-head__title .pm-back--in { display:flex !important; }
html body #modal-promo.pm-v2 .pm-head__title { margin-top:18px; }
@media (max-width: 979px) {
  
  html body #modal-promo.pm-v2 .pm-head__title { margin-top:16px !important; }
}


.pm-tab .pm-tab-n { display:inline-flex; align-items:center; justify-content:center; min-width:16px; height:16px; padding:0 4px; margin-left:6px;
  border-radius:999px; background:var(--pm-red,#E0234B); color:#fff; font-size:9px; font-weight:900; line-height:1; letter-spacing:0; }
.pm-tab.on .pm-tab-n { background:#fff; color:var(--pm-red,#E0234B); }
.pm-tab .pm-tab-n[hidden] { display:none; }






.pl-back{ position:fixed; inset:0; z-index:1200; display:none; align-items:center; justify-content:center;
  padding:16px; background:rgba(4,8,12,.74); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  font-family:var(--fz-font-body,Inter,-apple-system,sans-serif); }
.pl-back.show{ display:flex; animation:fzFadeIn .18s ease; }

.pl-modal{ position:relative; width:100%; max-width:680px; max-height:88dvh; display:flex; flex-direction:column;
  overflow:hidden; border-radius:18px; color:var(--fz-text,#E8EAEF);
  background:linear-gradient(180deg, rgba(9,38,50,.85) 0%, rgba(4,14,22,.94) 100%);
  border:1px solid rgba(41,182,232,.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 0 32px rgba(41,182,232,.16), 0 30px 80px rgba(0,0,0,.6);
  animation:fzSheetIn .22s ease; }


.pl-head{ position:relative; flex:0 0 auto; overflow:hidden;
  border-bottom:1px solid var(--fz-teal-line,rgba(41,182,232,.16)); }
.pl-head__cover{ position:absolute; inset:0; background-size:cover; background-position:center;
  filter:blur(6px) saturate(1.3); transform:scale(1.12); opacity:.5; }
.pl-head__wash{ position:absolute; inset:0;
  background:linear-gradient(105deg, rgba(6,17,25,.92) 0%, rgba(41,182,232,.10) 100%),
             linear-gradient(180deg, rgba(41,182,232,.14) 0%, transparent 45%, rgba(4,12,18,.55) 100%); }
.pl-head__topline{ position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(190,235,255,.5), transparent); }

.pl-head__beam{ position:absolute; top:-20px; pointer-events:none;
  background:linear-gradient(180deg, rgba(190,235,255,.26), transparent 80%);
  transform:skewX(-13deg); filter:blur(6px); }
.pl-head__beam.b1{ left:20%; width:44px; height:130px; animation:fzRays 7s ease-in-out infinite; }
.pl-head__beam.b2{ left:62%; width:30px; height:112px; opacity:.5; filter:blur(7px); animation:fzRays 9s ease-in-out 1.2s infinite; }

.pl-head__bub{ position:absolute; bottom:-8px; border-radius:50%; pointer-events:none;
  border:1px solid rgba(210,240,255,.5);
  background:radial-gradient(circle at 32% 30%, rgba(255,255,255,.5), rgba(190,235,255,.08)); }
.pl-head__bub.u1{ left:16%; width:7px; height:7px; animation:fzBubble 5.5s linear infinite; }
.pl-head__bub.u2{ left:78%; width:5px; height:5px; animation:fzBubble 7s linear 2s infinite; }

.pl-head__row{ position:relative; z-index:2; display:flex; align-items:center; gap:14px; padding:16px clamp(14px,4vw,20px) 14px; }

.pl-logo{ position:relative; flex:0 0 60px; width:60px; height:60px; border-radius:14px; overflow:hidden;
  border:1.5px solid rgba(96,206,238,.5); background:linear-gradient(135deg, var(--fz-teal,#0E4D54), var(--fz-teal-2,#0B3A42));
  box-shadow:0 0 16px rgba(41,182,232,.3), inset 0 1px 0 rgba(255,255,255,.12); }
.pl-logo::before{ content:none; }
.pl-logo__ltr{ position:absolute; inset:0; z-index:1; border-radius:16px; display:flex; align-items:center; justify-content:center;
  font-family:var(--fz-font-display,Oswald,sans-serif); font-size:24px; font-weight:700; text-transform:uppercase; color:var(--fz-cyan,#29B6E8); }
.pl-logo img{ position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:cover; display:block; border-radius:14px; }

.pl-titles{ flex:1; min-width:0; }
.pl-title-row{ display:flex; align-items:center; gap:9px; min-width:0; }
.pl-name{ font-family:var(--fz-font-display,Oswald,sans-serif); font-size:clamp(19px,5vw,24px); font-weight:700;
  line-height:1.05; text-transform:uppercase; letter-spacing:.03em; color:#fff;
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pl-type{ flex:0 0 auto; font-size:10px; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; padding:3px 9px; border-radius:6px;
  background:var(--fz-cyan-soft,rgba(41,182,232,.12)); color:var(--fz-cyan,#29B6E8); border:1px solid rgba(41,182,232,.35); }
.pl-caps{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:6px; }
.pl-pill-games{ display:inline-flex; align-items:center; height:22px; box-sizing:border-box;
  font-family:var(--fz-font-mono,'JetBrains Mono',monospace); font-size:10.5px; font-weight:700;
  letter-spacing:.04em; padding:0 10px; border-radius:999px; color:var(--fz-gold,#F5C842);
  background:var(--fz-gold-soft,rgba(245,200,66,.12)); border:1px solid rgba(245,200,66,.4); white-space:nowrap; }
.pl-pill-live{ display:inline-flex; align-items:center; height:22px; box-sizing:border-box; gap:5px; font-size:10.5px; font-weight:700;
  letter-spacing:.03em; padding:0 10px; border-radius:999px; color:var(--fz-green,#1ED571);
  background:rgba(30,213,113,.1); border:1px solid rgba(30,213,113,.3); white-space:nowrap; }
.pl-pill-live i{ width:6px; height:6px; border-radius:50%; background:var(--fz-green,#1ED571);
  box-shadow:0 0 6px var(--fz-green,#1ED571); animation:fzDotBreathe 1.6s ease-in-out infinite; }

.pl-x{ align-self:center; flex:0 0 auto;
  width:32px; min-width:32px; max-width:32px; height:32px; min-height:32px; max-height:32px;
  aspect-ratio:1/1; box-sizing:border-box; line-height:0; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0; position:relative;
  background:rgba(7,8,13,.4); border:1px solid rgba(210,240,255,.2); color:var(--fz-text-2,#A6B0BC); }
.pl-x:hover{ border-color:var(--fz-cyan,#29B6E8); color:#fff; }
.pl-x::after{ content:""; position:absolute; inset:-6px; }
.pl-x svg{ width:16px; height:16px; }


.pl-tools{ flex:0 0 auto; padding:14px 20px 0; display:flex; align-items:center; gap:10px; }
.pl-search{ position:relative; flex:1; min-width:0; }
.pl-search svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:15px; height:15px;
  color:var(--fz-cyan,#29B6E8); pointer-events:none; }
.pl-search input{ width:100%; height:38px; box-sizing:border-box; padding:0 14px 0 38px; border-radius:999px;
  font-size:13px; color:var(--fz-text,#E8EAEF); font-family:inherit;
  background:rgba(4,16,24,.65); border:1.5px solid var(--fz-line-2,rgba(255,255,255,.14));
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35); outline:none; }
.pl-search input::placeholder{ color:var(--fz-text-3,#6E7B88); }
.pl-search input:focus{ border-color:var(--fz-cyan,#29B6E8); }
.pl-seg{ flex:0 0 auto; display:flex; gap:2px; padding:4px; border-radius:999px;
  background:rgba(4,16,24,.65); border:1px solid var(--fz-line,rgba(255,255,255,.08)); }
.pl-seg button{ height:32px; padding:0 13px; border:1px solid transparent; border-radius:999px; cursor:pointer;
  font-size:12px; font-weight:800; font-family:inherit; background:transparent; color:var(--fz-text-3,#6E7B88); white-space:nowrap; }
.pl-seg button.on{ background:var(--fz-cyan-soft,rgba(41,182,232,.14)); color:var(--fz-cyan,#29B6E8);
  border-color:rgba(41,182,232,.5); }


.pl-cats-wrap{ flex:0 0 auto; padding:10px 20px 0; overflow:hidden; }
.pl-cats{ display:flex; gap:2px; padding:4px; border-radius:999px; width:max-content; max-width:100%;
  background:rgba(4,16,24,.65); border:1px solid var(--fz-line,rgba(255,255,255,.08));
  overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.pl-cats::-webkit-scrollbar{ height:0; }
.pl-cats button{ flex:0 0 auto; display:inline-flex; align-items:center; gap:6px;
  height:32px; padding:0 13px; border:1px solid transparent; border-radius:999px; cursor:pointer;
  font-size:12px; font-weight:800; font-family:inherit; background:transparent;
  color:var(--fz-text-3,#6E7B88); white-space:nowrap; }
.pl-cats button svg{ width:15px; height:15px; flex:0 0 auto; opacity:.9; }
.pl-cats button.on{ background:var(--fz-cyan-soft,rgba(41,182,232,.14)); color:var(--fz-cyan,#29B6E8);
  border-color:rgba(41,182,232,.5); }
.pl-cats__n{ font-size:10px; font-weight:900; padding:1px 6px; border-radius:999px;
  background:rgba(255,255,255,.07); color:var(--fz-text-3,#6E7B88); }
.pl-cats button.on .pl-cats__n{ background:rgba(41,182,232,.2); color:var(--fz-cyan,#29B6E8); }


.pl-grid-wrap{ flex:1 1 auto; overflow-y:auto; overflow-x:hidden; padding:16px 20px 20px; -webkit-overflow-scrolling:touch; }
.pl-grid-wrap::-webkit-scrollbar{ width:0; }
.pl-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(128px, 1fr)); gap:10px; }

.pl-tile{ position:relative; aspect-ratio:1/1; border-radius:14px; overflow:hidden; cursor:pointer;
  border:1px solid var(--fz-line,rgba(255,255,255,.08)); background:#0B3A42;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  animation:fzTileIn .32s ease backwards; }
.pl-tile:nth-child(1){ animation-delay:.04s } .pl-tile:nth-child(2){ animation-delay:.08s }
.pl-tile:nth-child(3){ animation-delay:.12s } .pl-tile:nth-child(4){ animation-delay:.16s }
.pl-tile:nth-child(5){ animation-delay:.20s } .pl-tile:nth-child(6){ animation-delay:.24s }
.pl-tile:nth-child(7){ animation-delay:.28s } .pl-tile:nth-child(8){ animation-delay:.32s }
.pl-tile:nth-child(9){ animation-delay:.36s }
.pl-tile--noanim{ animation:none !important; }   
.pl-tile__sk{ position:absolute; inset:0; z-index:0;
  background:linear-gradient(100deg, #0d2c34 20%, #16414c 40%, #0d2c34 60%); background-size:200% 100%;
  animation:fzShimmer 1.4s linear infinite; }
.pl-tile__img{ position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .3s ease; }
.pl-tile__shade{ position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(180deg, transparent 40%, rgba(4,12,18,.94) 100%); }
.pl-tile__hover{ position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0; transition:opacity .18s ease;
  background:rgba(4,12,18,.32); }
.pl-tile__top{ position:absolute; top:0; left:0; right:0; height:1px; z-index:3;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); }
.pl-tile__badge{ position:absolute; top:8px; left:8px; z-index:4; font-size:8.5px; font-weight:800;
  letter-spacing:.05em; text-transform:uppercase; padding:3px 8px; border-radius:999px; color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.4); }
.pl-tile__badge.hot{ background:linear-gradient(180deg,#FF3D64,#A81234); }
.pl-tile__badge.new{ background:linear-gradient(180deg,#1ED571,#0F7A40); color:#04230F; }
.pl-tile__play{ position:absolute; top:50%; left:50%; z-index:4; width:42px; height:42px; border-radius:50%;
  transform:translate(-50%,-50%) scale(.7); opacity:0; transition:opacity .18s ease, transform .18s ease;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, var(--fz-cyan,#29B6E8), var(--fz-cyan-deep,#1B7FA8));
  box-shadow:0 4px 14px rgba(41,182,232,.5); color:var(--fz-on-cyan,#04222E); }
.pl-tile__play svg{ width:16px; height:16px; margin-left:2px; }
.pl-tile__name{ position:absolute; left:0; right:0; bottom:0; z-index:4; padding:8px 9px; }
.pl-tile__t{ font-family:var(--fz-font-display,Oswald,sans-serif); font-size:12.5px; font-weight:700;
  line-height:1.1; text-transform:uppercase; color:#fff; text-shadow:0 1px 4px rgba(0,0,0,.7);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pl-tile__sub{ margin-top:2px; font-size:8.5px; font-weight:600; color:var(--fz-text-2,#A6B0BC);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.pl-tile:hover{ transform:translateY(-4px); border-color:rgba(41,182,232,.55);
  box-shadow:0 12px 26px rgba(0,0,0,.5), 0 0 16px rgba(41,182,232,.22); }
.pl-tile:hover .pl-tile__img{ transform:scale(1.08); }
.pl-tile:hover .pl-tile__hover{ opacity:1; }
.pl-tile:hover .pl-tile__play{ opacity:1; transform:translate(-50%,-50%) scale(1); }


.pl-more{ width:100%; height:42px; margin-top:14px; border-radius:12px; cursor:pointer;
  font-size:13px; font-weight:800; font-family:inherit; color:var(--fz-cyan,#29B6E8);
  background:rgba(4,16,24,.55); border:1px solid var(--fz-line-2,rgba(255,255,255,.14)); }
.pl-more:hover{ border-color:var(--fz-cyan,#29B6E8); box-shadow:0 0 16px rgba(41,182,232,.2); }
.pl-empty{ text-align:center; padding:40px 16px; color:var(--fz-text-3,#6E7B88); }
.pl-empty svg{ width:34px; height:34px; opacity:.6; margin-bottom:10px; }
.pl-empty div{ font-size:13px; }


.pl-enter{ flex:1 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px; padding:34px 24px 40px; text-align:center; }
.pl-enter__msg{ font-size:13px; color:var(--fz-text-2,#A6B0BC); max-width:340px; line-height:1.5; }
.pl-enter__btn{ min-width:220px; height:52px; padding:0 26px; border-radius:14px; border:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-size:15px; font-weight:800; font-family:inherit; letter-spacing:.03em; text-transform:uppercase;
  color:var(--fz-on-cyan,#04222E); background:linear-gradient(180deg, var(--fz-cyan-bright,#0CC0FF), var(--fz-cyan-deep,#1B7FA8));
  box-shadow:0 6px 22px -4px rgba(41,182,232,.55), inset 0 1px 0 rgba(255,255,255,.3); }
.pl-enter__btn:hover{ transform:translateY(-2px); }
.pl-enter__btn:active{ transform:scale(.98); }
.pl-enter__btn svg{ width:18px; height:18px; }


.pl-foot{ flex:0 0 auto; padding:9px 20px calc(9px + env(safe-area-inset-bottom,0px)); text-align:center;
  font-size:10.5px; color:var(--fz-text-3,#6E7B88); border-top:1px solid var(--fz-line,rgba(255,255,255,.08));
  background:rgba(4,12,18,.55); }


@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 } }


@media (max-width:979px){
  .pl-back{ align-items:flex-end; padding:0; }
  .pl-modal{ max-width:none; width:100%; max-height:92dvh; border-radius:18px 18px 0 0; border-bottom:0;
    animation:fzSheetUp .26s cubic-bezier(.22,1,.36,1); }
  
  .pl-head{ flex-basis:clamp(94px,24vw,118px); height:clamp(94px,24vw,118px); }
  .pl-logo{ flex:0 0 clamp(54px,15vw,72px); width:clamp(54px,15vw,72px); height:clamp(54px,15vw,72px); }
  .pl-name{ font-size:clamp(18px,5.5vw,25px); }
  .pl-head__row{ gap:12px; }
  
  .pl-tools{ flex-wrap:wrap; }
  .pl-search{ flex:1 1 190px; }
  
  .pl-cats-wrap{ padding:8px 14px 0; }
  .pl-cats button{ padding:0 11px; }
  .pl-grid{ grid-template-columns:repeat(auto-fill, minmax(122px, 1fr)); }
}
@keyframes fzSheetUp{ from{ transform:translateY(100%) } to{ transform:translateY(0) } }


.pl-preview{ flex:1 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:14px; padding:22px 24px 26px; text-align:center; overflow-y:auto; }
.pl-prev__banner{ width:100%; max-width:520px; height:150px; border-radius:16px; background-size:cover; background-position:center;
  position:relative; overflow:hidden; flex:0 0 auto; border:1px solid rgba(150,225,250,.18); box-shadow:0 10px 30px rgba(0,0,0,.45); }
.pl-prev__scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(4,12,18,0) 30%, rgba(4,12,18,.72)); }
.pl-prev__live{ position:absolute; top:10px; left:10px; display:inline-flex; align-items:center; gap:6px;
  font-size:10px; font-weight:800; letter-spacing:1.2px; color:#fff; padding:4px 10px; border-radius:999px;
  background:rgba(7,10,16,.55); border:1px solid rgba(30,213,113,.45); backdrop-filter:blur(6px); }
.pl-prev__live i{ width:7px; height:7px; border-radius:50%; background:var(--fz-green,#1ED571);
  box-shadow:0 0 6px var(--fz-green,#1ED571); animation:fzDotBreathe 1.6s ease-in-out infinite; }
.pl-prev__tag{ font-size:13.5px; color:var(--fz-text-2,#A6B0BC); max-width:420px; line-height:1.55; }
.pl-prev__chips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; max-width:460px; }
.pl-prev__chip{ font-size:12px; font-weight:700; color:#CFEFFB; padding:7px 14px; border-radius:999px;
  background:linear-gradient(180deg, rgba(14,44,58,.7), rgba(5,16,24,.85)); border:1px solid rgba(150,225,250,.28); }
.pl-prev__tags{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
.pl-prev__tagpill{ font-size:10.5px; font-weight:600; letter-spacing:.4px; color:var(--fz-text-3,#7d8aa0);
  padding:4px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); }
@media (max-width:979px){
  .pl-prev__banner{ height:120px; }
  .pl-preview{ padding:16px 16px 22px; }
}



.pl-xfer{ flex:0 0 auto; padding:14px 20px 0; }
.pl-xfer__cards{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pl-xfer__card{ padding:16px 18px; border-radius:14px; background:rgba(8,28,38,.5);
  border:1px solid var(--fz-line,rgba(255,255,255,.08)); border-left:3px solid var(--fz-line,rgba(255,255,255,.08)); }
.pl-xfer__card--main{ border-left-color:var(--fz-gold,#F5C842); }
.pl-xfer__card--game{ border-left-color:var(--fz-cyan,#29B6E8); }
.pl-xfer__eyebrow{ font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em;
  color:var(--fz-text-3,#6E7B88); }
.pl-xfer__bal{ margin-top:6px; font-family:var(--fz-font-mono,'JetBrains Mono',monospace);
  font-size:24px; font-weight:800; color:#fff; line-height:1.1; white-space:nowrap; }
.pl-xfer__bal .cur{ font-size:15px; font-weight:700; color:var(--fz-text-3,#9CA9B4); margin-right:4px; }
.pl-xfer__row{ display:flex; align-items:stretch; gap:10px; margin-top:14px; }
.pl-xfer__amtwrap{ position:relative; flex:1; min-width:0; }
.pl-xfer__amt{ width:100%; height:52px; box-sizing:border-box; padding:0 66px 0 14px; border-radius:12px;
  background:var(--fz-navy,#0A1822); border:1.5px solid var(--fz-line-2,rgba(255,255,255,.14));
  color:var(--fz-text,#E8EAEF); font-size:15px; font-family:var(--fz-font-mono,'JetBrains Mono',monospace); outline:none; }
.pl-xfer__amt::placeholder{ color:var(--fz-text-3,#6E7B88); font-family:var(--fz-font-body,Inter,sans-serif); }
.pl-xfer__amt:focus{ border-color:var(--fz-cyan,#29B6E8); }
.pl-xfer__max{ position:absolute; right:8px; top:50%; transform:translateY(-50%); height:34px; padding:0 13px;
  border:0; border-radius:8px; cursor:pointer; font-size:11px; font-weight:800; letter-spacing:.04em;
  color:#00131a; background:var(--fz-cyan,#29B6E8); }
.pl-xfer__btn{ height:52px; padding:0 20px; border-radius:12px; cursor:pointer; font-weight:800; font-size:13px;
  white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; }
.pl-xfer__btn--in{ border:0; color:#00131a; background:linear-gradient(180deg,var(--fz-cyan,#38e1ff),#00b8e6); }
.pl-xfer__btn--out{ border:1px solid var(--fz-line-2,rgba(255,255,255,.24)); color:var(--fz-text,#E8EAEF); background:rgba(255,255,255,.06); }
.pl-xfer__msg{ min-height:14px; margin-top:8px; font-size:11px; color:var(--fz-text-3,#9fb4bb); }
@media (max-width:560px){
  .pl-xfer__row{ flex-wrap:wrap; }
  .pl-xfer__amtwrap{ flex:1 1 100%; }
  .pl-xfer__btn{ flex:1; }
}




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


.nfw {
  --nf-bg:transparent; --nf-surface:#122A33; --nf-border:rgba(255,255,255,.08); --nf-border2:rgba(255,255,255,.14);
  --nf-gold:#F5C842; --nf-gold-bg:rgba(245,200,66,.12);
  --nf-green:#1ED571; --nf-green-bg:rgba(30,213,113,.12);
  --nf-red:#E0234B; --nf-red-bg:rgba(224,35,75,.12);
  --nf-blue:#29B6E8; --nf-blue-bg:rgba(41,182,232,.12);
  --nf-purple:#9070e8; --nf-purple-bg:rgba(144,112,232,.14);
  --nf-cyan:#29B6E8;
  --nf-text:#E8EAEF; --nf-text2:#A6B0BC; --nf-text3:#6E7B88; --nf-text4:#56636F;
  color:var(--nf-text); margin:0; min-height:100%;
  width:100%; align-self:stretch; max-width:100%;
  display:flex; flex-direction:column; box-sizing:border-box;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.nfw, .nfw *, .nfw *::before, .nfw *::after { box-sizing:border-box; }


#modal-notifications.nf-v2 .modal {
  background:
    linear-gradient(180deg, rgba(9,38,50,.94) 0%, rgba(4,14,22,.97) 100%)!important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.6) !important;
}

@keyframes nfFadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes nfSheetIn { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
#modal-notifications.nf-v2.show { animation:nfFadeIn .18s ease; }
#modal-notifications.nf-v2.show .modal { animation:nfSheetIn .22s ease; }
@media (prefers-reduced-motion: reduce) { #modal-notifications.nf-v2.show, #modal-notifications.nf-v2.show .modal { animation:none; } }


@media (min-width: 980px) {
  #modal-notifications.nf-v2 { align-items:flex-start !important; justify-content:flex-end !important; padding:64px 12px 12px !important; background:rgba(4,8,12,.55) !important; backdrop-filter:blur(3px); }
  #modal-notifications.nf-v2 .modal { width:100% !important; max-width:400px !important; max-height:calc(100dvh - 84px) !important; margin:0 !important; }
}

@media (max-width: 979px) {
  #modal-notifications.nf-v2 .modal { border-radius:20px 20px 0 0 !important; }
}


.nf-hd { display:flex; align-items:center; gap:9px; padding:15px 16px 13px; border-bottom:1px solid var(--nf-border);
  background:linear-gradient(180deg, rgba(41,182,232,0.12), rgba(6,18,26,0)); flex:0 0 auto; }
.nf-bell-ic { display:inline-flex; color:var(--nf-cyan); flex-shrink:0; }
.nf-bell-ic svg { width:17px; height:17px; }
.nf-title { flex:1; font-family:Oswald,Inter,sans-serif; font-size:17px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#fff; display:flex; align-items:center; gap:8px; }
.nf-title .ct { font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:800; text-transform:none; letter-spacing:0;
  color:var(--nf-cyan); background:rgba(41,182,232,.12); border:1px solid rgba(41,182,232,0.3); border-radius:999px; padding:1px 8px; }
.nf-back { width:28px; height:28px; flex:0 0 28px; border-radius:50%; border:1px solid var(--nf-border2); background:rgba(7,8,13,.5); color:var(--nf-text2); display:flex; align-items:center; justify-content:center; cursor:pointer; }
.nf-back svg { width:14px; height:14px; }

.nf-markall { display:flex; align-items:center; justify-content:center; gap:6px; padding:9px; background:none; border:0;
  border-bottom:1px solid var(--nf-border); color:var(--nf-cyan); font-family:Inter,sans-serif; font-size:11px; font-weight:800;
  text-transform:uppercase; letter-spacing:.05em; cursor:pointer; width:100%; flex:0 0 auto; }
.nf-markall:hover { background:rgba(41,182,232,0.08); }
.nf-markall:disabled { color:var(--nf-text4); cursor:default; }
.nf-markall:disabled:hover { background:none; }


.nf-tabs { display:flex; align-items:center; gap:8px; overflow-x:auto; padding:8px 14px; border-bottom:1px solid var(--nf-border); -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.nf-tabs::-webkit-scrollbar { display:none; }
.nf-tab { flex:0 0 auto; height:30px; display:flex; align-items:center; padding:0 14px; border-radius:999px; font-size:11px; font-weight:800; border:1px solid var(--nf-border); background:rgba(18,42,51,.6); color:var(--nf-text2); cursor:pointer; white-space:nowrap; transition:.15s; }
.nf-tab.on { background:rgba(41,182,232,.12); border-color:rgba(41,182,232,.45); color:var(--nf-cyan); }


.nf-list { flex:1 1 auto; overflow-y:auto; padding:0 15px 16px; }
.nf-dategrp { font-size:11px; font-weight:800; color:var(--nf-text3); text-transform:uppercase; letter-spacing:.14em; padding:12px 0 6px; }


.nf-row { position:relative; display:flex; gap:12px; padding:13px 14px 13px 2px; border-bottom:1px solid rgba(255,255,255,.05); cursor:pointer; }
.nf-row:hover { background:rgba(41,182,232,0.06); }
.nf-row:last-child { border-bottom:0; }
.nf-row.unread { background:rgba(41,182,232,0.05); }  
.nf-row.unread:hover { background:rgba(41,182,232,0.08); }

.nf-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; margin-top:6px; background:var(--nf-cyan); box-shadow:0 0 8px rgba(41,182,232,0.7); }

.nf-trow { display:flex; align-items:baseline; gap:8px; }
.nf-trow .nf-rtitle { flex:1; min-width:0; }
.nf-trow .nf-rtime { margin-top:0; flex-shrink:0; white-space:nowrap; }
.nf-trow .nf-amt { flex-shrink:0; margin:0; font-size:11px; }
.nf-ic { width:38px; height:38px; flex:0 0 38px; border-radius:11px; display:flex; align-items:center; justify-content:center; border:1px solid transparent; }
.nf-ic svg { width:18px; height:18px; }
.nf-ic.t-deposit    { background:var(--nf-green-bg);  color:var(--nf-green);  border-color:rgba(30,213,113,.3); }
.nf-ic.t-withdrawal { background:var(--nf-green-bg);  color:var(--nf-green);  border-color:rgba(30,213,113,.3); }
.nf-ic.t-bonus      { background:var(--nf-gold-bg);   color:var(--nf-gold);   border-color:rgba(245,200,66,.3); }
.nf-ic.t-system     { background:var(--nf-blue-bg);   color:var(--nf-blue);   border-color:rgba(41,182,232,.3); }
.nf-ic.t-promotion  { background:var(--nf-purple-bg); color:var(--nf-purple); border-color:rgba(144,112,232,.3); }
.nf-mid { flex:1; min-width:0; }
.nf-rtitle { font-size:13px; font-weight:700; color:var(--nf-text); }
.nf-row.unread .nf-rtitle { color:#fff; }
.nf-rbody { font-size:12px; color:var(--nf-text2); line-height:1.45; margin-top:3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.nf-row:not(.unread) .nf-rbody { color:var(--nf-text3); }
.nf-rtime { font-size:10px; color:var(--nf-text3); margin-top:3px; }
.nf-amt { flex:0 0 auto; margin-top:2px; margin-right:12px; font-size:13px; font-weight:700; font-family:"JetBrains Mono",ui-monospace,monospace; white-space:nowrap; font-variant-numeric:tabular-nums; }
.nf-amt.pos { color:var(--nf-green); }
.nf-amt.neg { color:#FF5C7C; }


.nf-more { width:100%; margin-top:12px; padding:11px; border-radius:10px; border:1px solid var(--nf-border2); background:rgba(18,42,51,.6); color:var(--nf-text2); font-size:12px; font-weight:700; cursor:pointer; }
.nf-more:hover { border-color:var(--nf-cyan); color:#fff; }
.nf-caught { text-align:center; font-size:10px; color:var(--nf-text3); padding:14px 0 4px; }


.nf-skrow { display:flex; gap:10px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.nf-skic { width:38px; height:38px; flex:0 0 38px; border-radius:11px; background:rgba(18,42,51,.8); }
.nf-skln { height:10px; border-radius:5px; background:rgba(18,42,51,.8); background-image:linear-gradient(90deg,rgba(18,42,51,.8) 25%,rgba(28,65,77,.9) 50%,rgba(18,42,51,.8) 75%); background-size:200% 100%; animation:nf-sh 1.4s linear infinite; }
.nf-skln.a { width:55%; height:11px; } .nf-skln.b { width:85%; margin-top:7px; } .nf-skln.c { width:30%; margin-top:7px; }
.nf-skic { background-image:linear-gradient(90deg,rgba(18,42,51,.8) 25%,rgba(28,65,77,.9) 50%,rgba(18,42,51,.8) 75%); background-size:200% 100%; animation:nf-sh 1.4s linear infinite; }
@keyframes nf-sh { 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }


.nf-empty { text-align:center; padding:54px 20px; }
.nf-empty svg { width:32px; height:32px; color:var(--nf-text3); margin-bottom:10px; }
.nf-empty__t { font-size:13px; font-weight:700; color:var(--nf-text2); }
.nf-empty__s { font-size:11px; color:var(--nf-text3); margin-top:4px; }


.nf-retry { text-align:center; padding:50px 20px; }
.nf-retry__t { font-size:13px; color:var(--nf-text2); }
.nf-retry button { margin-top:12px; padding:9px 22px; border-radius:9px; border:1px solid rgba(41,182,232,.35); background:rgba(41,182,232,.12); color:var(--nf-cyan); font-size:12px; font-weight:700; cursor:pointer; }


.nf-sov { position:fixed; inset:0; z-index:100001; background:rgba(4,8,12,.7); backdrop-filter:blur(3px); opacity:0; transition:opacity .2s; display:flex; align-items:flex-end; }
.nf-sov.on { opacity:1; }
.nf-sheet { width:100%; max-width:560px; margin:0 auto;
  background:linear-gradient(180deg, rgba(9,38,50,.9) 0%, rgba(4,14,22,.96) 100%);
  border:1px solid rgba(255,255,255,.14); border-bottom:0; border-radius:18px 18px 0 0;
  transform:translateY(100%); transition:transform .3s ease-out; max-height:80vh; display:flex; flex-direction:column; box-sizing:border-box; }
.nf-sov.on .nf-sheet { transform:translateY(0); }
@media (min-width: 980px) {
  .nf-sov { align-items:center; padding:16px; }
  .nf-sheet { max-width:440px; border-radius:18px; border-bottom:1px solid rgba(255,255,255,.14); transform:translateY(10px); }
  .nf-sov.on .nf-sheet { transform:none; }
  .nf-grab { display:none; }
}
.nf-grab { width:34px; height:3px; border-radius:3px; background:rgba(255,255,255,.18); margin:9px auto 8px; flex:0 0 auto; }
.nf-sh-hd { display:flex; align-items:center; gap:10px; padding:14px 18px 12px; flex:0 0 auto; }
.nf-sh-ic { width:34px; height:34px; flex:0 0 34px; border-radius:10px; background:rgba(41,182,232,.12); border:1px solid rgba(41,182,232,.3); color:#29B6E8; display:flex; align-items:center; justify-content:center; }
.nf-sh-ic svg { width:18px; height:18px; }
.nf-sh-title { flex:1; font-size:14px; font-weight:700; color:#fff; }
.nf-sh-x { width:28px; height:28px; border-radius:50%; border:1px solid rgba(255,255,255,.14); background:rgba(7,8,13,.5); color:#A6B0BC; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.nf-sh-x svg { width:14px; height:14px; }
.nf-sh-body { flex:1 1 auto; overflow-y:auto; padding:0 18px; font-size:13px; color:#A6B0BC; line-height:1.6; white-space:pre-wrap; }
.nf-sh-time { font-size:10px; color:#6E7B88; margin-top:12px; font-family:'JetBrains Mono',monospace; }
.nf-sh-foot { flex:0 0 auto; padding:12px 18px calc(16px + env(safe-area-inset-bottom)); }
.nf-sh-close { width:100%; padding:13px; border-radius:11px; border:1px solid rgba(255,255,255,.14); background:rgba(18,42,51,.6); color:#E8EAEF; font-size:13px; font-weight:700; cursor:pointer; }

.nf-toast { position:fixed; left:50%; transform:translateX(-50%); bottom:96px; z-index:100003; color:#fff; padding:11px 18px; border-radius:999px; font-size:13px; font-weight:600; box-shadow:0 8px 28px rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.14); }





html body #modal-auth .auth-v3,
html body #modal-auth.modal-backdrop .auth-v3 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;      
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}


html body #modal-auth .auth-v3 .auth-v3-brand,
html body #modal-auth .auth-v3 .auth-v3-tabs,
html body #modal-auth .auth-v3 .auth-v3-form,
html body #modal-auth .auth-v3 .auth-v3-panel-head,
html body #modal-auth .auth-v3 .auth-v3-field,
html body #modal-auth .auth-v3 .auth-v3-remember,
html body #modal-auth .auth-v3 .auth-v3-cta,
html body #modal-auth .auth-v3 .auth-v3-foot,
html body #modal-auth .auth-v3 .auth-v3-switch {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}


html body #modal-auth .auth-v3 .auth-v3-brand,
html body #modal-auth .auth-v3 .auth-v3-form,
html body #modal-auth .auth-v3 .auth-v3-panel-head {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


html body #modal-auth .auth-v3 .auth-v3-input,
html body #modal-auth .auth-v3 .bs-input,
html body #modal-auth .auth-v3 .auth-v3-cta {
  width: 100% !important;
  box-sizing: border-box !important;
}


html body #modal-auth .auth-v3 .auth-v3-handle {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


html body #modal-auth .auth-v3 .auth-v3-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
}


html body #modal-auth .auth-v3 .auth-v3-remember {
  
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  text-align: left !important;
  padding-left: 0 !important;
}


html body #modal-auth .auth-v3 .auth-v3-panel-head,
html body #modal-auth .auth-v3 .auth-v3-foot,
html body #modal-auth .auth-v3 .auth-v3-switch {
  text-align: center !important;
}




#B { } 


html body #modal-auth#modal-auth.modal-backdrop .auth-v3,
html body #modal-auth#modal-auth .auth-v3 {
  background: linear-gradient(168deg, #163942 0%, #0d2027 60%, #0b1a20 100%) !important;
  border-top: 1px solid rgba(30,213,113,.16) !important;
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab.active,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-tab.active {
  background: linear-gradient(135deg, #28E27D 0%, #1ED571 100%) !important;
  color: #062417 !important;
  box-shadow: 0 4px 14px rgba(30,213,113,.32) !important;
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs {
  background: rgba(8,24,28,.55) !important; border:1px solid rgba(255,255,255,.06) !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab { color: rgba(255,255,255,.55) !important; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input {
  background: rgba(8,24,28,.66) !important; border:1px solid rgba(30,213,113,.16) !important; color:#eaf6f1 !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input:focus {
  border-color:#1ED571 !important; box-shadow:0 0 0 3px rgba(30,213,113,.18) !important;
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-cta {
  background: linear-gradient(135deg, #FFE082 0%, #F5C842 52%, #E0A91A 100%) !important;
  color:#2a1c00 !important; box-shadow:0 8px 22px rgba(245,200,66,.30) !important;
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-link,
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-switch-link { color:#1ED571 !important; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-otp-btn {
  background:rgba(30,213,113,.14) !important; border:1px solid rgba(30,213,113,.35) !important; color:#1ED571 !important;
}




#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;
}
#lobby-hero::before{
  content:"";position:absolute;top:-40px;right:-30px;width:170px;height:170px;
  background:radial-gradient(circle,rgba(30,213,113,0.18),transparent 70%);
  pointer-events:none;
}
#lobby-hero .lh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;position:relative;}
#lobby-hero .lh-label{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,0.55);}
#lobby-hero .lh-cur{font-size:11px;font-weight:600;letter-spacing:.5px;color:#1ED571;}
#lobby-hero .lh-amt{
  font-size:34px;font-weight:700;line-height:1.05;color:#ffffff;
  font-variant-numeric:tabular-nums;letter-spacing:-0.5px;margin-bottom:14px;position:relative;
  font-family:'JetBrains Mono',ui-monospace,monospace;
}
#lobby-hero .lh-btns{display:flex;gap:10px;position:relative;}
#lobby-hero .lh-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
  height:46px;border-radius:12px;border:none;cursor:pointer;
  font-size:14px;font-weight:700;letter-spacing:.3px;
  transition:transform .12s ease, filter .12s ease, background .12s ease;
}
#lobby-hero .lh-btn:active{transform:translateY(1px);}
#lobby-hero .lh-deposit{
  flex:1.5;background:linear-gradient(135deg,#F5C842 0%,#F0B419 100%);color:#3a2b00;
  box-shadow:0 4px 14px rgba(245,200,66,0.35);
}
#lobby-hero .lh-deposit:hover{filter:brightness(1.05);}
#lobby-hero .lh-withdraw{
  background:rgba(255,255,255,0.07);color:#dbe7e6;border:1px solid rgba(255,255,255,0.14);
}
#lobby-hero .lh-withdraw:hover{background:rgba(255,255,255,0.12);}
#lobby-hero svg{width:17px;height:17px;flex-shrink:0;}



#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;
}
.og-tile.og-tile:hover{
  border-color:rgba(30,213,113,0.45) !important;
  box-shadow:0 6px 18px rgba(0,0,0,0.35), 0 0 0 1px rgba(30,213,113,0.25) !important;
}
.og-tile.og-tile:active{ transform:scale(0.97) !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-scroll::-webkit-scrollbar{ display: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-tile:hover .qp-thumb{
  border-color:rgba(30,213,113,0.55);box-shadow:0 6px 16px rgba(0,0,0,0.4),0 0 0 1px rgba(30,213,113,0.3);
}
#lobby-quickplay .qp-tile:active .qp-thumb{ transform:scale(0.95); }
#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;
}

#bs-tour-overlay { display: none !important; }



body.fz-bg-locked header.top-nav,
body.fz-bg-locked #fz-home-root,
body.fz-bg-locked .bottom-nav { touch-action: none; }






#pf3-subpage .pf3-subpage-header,
.pf-v4 .pf3-subpage-header,
.pf3-subpage-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #1e2e40 !important;
}

#pf3-subpage .pf3-subpage-header > h3,
.pf3-subpage-header > #pf3-subpage-title,
#pf3-subpage-title {
  margin: 0 !important;
  line-height: 1.2 !important;
}


html body #modal-profile .pf-v3 .pf3-close,
html body #modal-profile .pf3-close,
.pf3-close {
  width: 28px !important;
  height: 28px !important;
  background: rgba(7, 8, 13, .35) !important;
  border: 1px solid rgba(210, 240, 255, .2) !important;
  border-radius: 50% !important;
  color: var(--fz-text-2, #A6B0BC) !important;
  top: 12px !important;
  right: 12px !important;
}
html body #modal-profile .pf-v3 .pf3-close:hover,
.pf3-close:hover {
  background: rgba(7, 8, 13, .55) !important;
  color: var(--fz-white, #fff) !important;
}
html body #modal-profile .pf-v3 .pf3-close svg,
.pf3-close svg {
  width: 13px !important;
  height: 13px !important;
}







#apk-banner .apk-close,
#apk-banner #apk-close {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  left: auto !important;
  bottom: auto !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 0 !important;
  max-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.6) !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 6 !important;
}
#apk-banner .apk-close:hover,
#apk-banner #apk-close:hover { background: rgba(0, 0, 0, 0.8) !important; }




#modal-chat .modal.lc-root {
  --lc-bg:transparent; --lc-surface:rgba(7,20,28,.4); --lc-surface2:#122A33; --lc-surface3:#16333D;
  --lc-border:rgba(255,255,255,.08); --lc-border2:rgba(255,255,255,.14);
  --lc-gold:#F5C842; --lc-gold-bg:rgba(245,200,66,.12); --lc-gold-border:rgba(245,200,66,.35);
  --lc-green:#1ED571; --lc-green-bg:rgba(30,213,113,.12); --lc-red:#E0234B; --lc-red-bg:rgba(224,35,75,.12);
  --lc-blue:#29B6E8; --lc-blue-bg:rgba(41,182,232,.12);
  --lc-cyan:#29B6E8; --lc-cyan-deep:#1B7FA8; --lc-cyan-bright:#0CC0FF;
  --lc-text:#E8EAEF; --lc-text2:#A6B0BC; --lc-text3:#6E7B88; --lc-text4:#56636F;
  
  background:
    linear-gradient(180deg, rgba(10,48,60,.92) 0%, rgba(5,16,24,.97) 100%) #05101B !important;
  color:var(--lc-text);
  border:1px solid rgba(41,182,232,.3) !important;
  border-radius:20px 20px 0 0; width:100% !important; max-width:100vw !important;
  padding:0 !important; box-sizing:border-box;
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  max-height: calc(100dvh - var(--fz-screen-top,64px)) !important; height: calc(100dvh - var(--fz-screen-top,64px)) !important; overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.65), 0 0 28px rgba(41,182,232,.18);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

@media (min-width: 980px) {
  #modal-chat.modal-backdrop { background:rgba(4,8,12,.3) !important; }
  #modal-chat .modal.lc-root { position:fixed !important; bottom:96px !important; right:18px !important;
    top:auto !important; left:auto !important; margin:0 !important; align-self:auto !important;
    width:380px !important; max-width:380px !important;
    height:min(78vh, 660px) !important; max-height:min(78vh, 660px) !important; width:400px !important; border-radius:18px !important; }
}


#modal-chat .lc-root .lc-head { position:relative; flex-shrink:0; display:flex; align-items:center; gap:11px;
  min-height:64px; box-sizing:border-box; padding:12px 16px;
  background:none !important;
  border-bottom:1px solid rgba(41,182,232,.25); }
.lc-head__back { position:relative; width:28px; height:28px; flex:0 0 28px; border-radius:50%;
  background:rgba(7,8,13,.35); border:1px solid var(--lc-border2, rgba(255,255,255,.14)); color:var(--lc-text2, #A6B0BC); display:flex; align-items:center;
  justify-content:center; cursor:pointer; order:9; }
.lc-head__back svg { width:14px; height:14px; }
.lc-head__mid { position:relative; flex:1; min-width:0; }
.lc-head__title { font-size:14px; font-weight:800; color:#fff; }
.lc-head__verif { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px;
  border-radius:50%; background:rgba(41,182,232,.25); color:#9FDCFF; font-size:9px; vertical-align:middle; }
.lc-head__sub { font-size:11px; margin-top:2px; }
.lc-head__sub.on { color:var(--lc-green, #1ED571); } .lc-head__sub.off { color:var(--lc-text3, #6E7B88); }

.lc-head__av { position:relative; width:40px; height:40px; flex:0 0 40px; border-radius:50%;
  background-color:#0B3A42;
  background-image:url('../img/brand/sharky-fab-sm.jpg'); background-size:280%; background-position:8% 10%;
  display:flex; align-items:center; justify-content:center; font-size:0;
  box-shadow:0 0 0 2px rgba(41,182,232,.4), 0 4px 10px rgba(0,0,0,.4); order:-1; }
.lc-head__dot { position:absolute; right:-1px; bottom:-1px; width:11px; height:11px; border-radius:50%;
  background:var(--lc-green, #1ED571); border:2px solid #06222E; }
.lc-head__dot.off { background:var(--lc-text3, #6E7B88); }


#modal-chat .lc-root .lc-welcome { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:24px 20px; text-align:center; gap:6px; overflow-y:auto; }
.lc-welcome__emoji { width:64px; height:64px; border-radius:50%; background:rgba(41,182,232,.12);
  border:1px solid rgba(41,182,232,.4); display:flex; align-items:center; justify-content:center;
  font-size:30px; line-height:1; box-shadow:0 0 26px rgba(41,182,232,.3); }
.lc-welcome__t { font-family:Oswald,Inter,sans-serif; font-size:20px; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; color:#fff; margin-top:10px; }
.lc-welcome__s { font-size:12px; color:var(--lc-text2, #A6B0BC); margin-bottom:14px; line-height:1.5; }
.lc-cats { display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; max-width:340px; }
.lc-cat { display:flex; align-items:center; gap:10px; padding:12px; border-radius:11px; cursor:pointer;
  text-align:left; border:1px solid; background:none; font-family:inherit; transition:transform .14s; }
.lc-cat:hover { transform:translateY(-2px); }
.lc-cat__ico { font-size:20px; line-height:1; flex:0 0 auto; }
.lc-cat__t { flex:1; font-size:11px; font-weight:700; color:var(--lc-text, #E8EAEF); }
.lc-cat__chev { color:var(--lc-text3, #6E7B88); } .lc-cat__chev svg{ width:14px; height:14px; }
.lc-cat.deposit { background:rgba(30,213,113,.12); border-color:rgba(30,213,113,.3); }
.lc-cat.withdrawal { background:rgba(224,35,75,.12); border-color:rgba(224,35,75,.3); }
.lc-cat.bonus { background:rgba(245,200,66,.12); border-color:rgba(245,200,66,.35); }
.lc-cat.account { background:rgba(41,182,232,.12); border-color:rgba(41,182,232,.3); }

.lc-authbtn { width:100%; max-width:300px; padding:13px; border:none; border-radius:12px; cursor:pointer;
  font-family:inherit; font-size:14px; font-weight:800;
  background:linear-gradient(180deg,#FFE082 0%,#F5C842 55%,#C08E1A 100%); color:#14110A;
  box-shadow:0 6px 22px -6px rgba(245,200,66,.5), inset 0 1px 0 rgba(255,255,255,.45); margin-top:6px; }
.lc-authsub { font-size:12px; color:var(--lc-text3, #6E7B88); margin-top:12px; }
.lc-authsub a { color:var(--lc-cyan, #29B6E8); font-weight:700; text-decoration:none; cursor:pointer; }


#modal-chat .lc-root .lc-msgs { flex:1; min-height:120px; overflow-y:auto; -webkit-overflow-scrolling:touch; display:flex;
  flex-direction:column; gap:10px; padding:14px 16px; background:none; }
.lc-sys { align-self:center; font-size:9px; color:var(--lc-text3, #6E7B88); text-align:center; padding:2px 0; }
.lc-row { display:flex; gap:8px; max-width:84%; }
.lc-row.agent { align-self:flex-start; }
.lc-row.player { align-self:flex-end; flex-direction:row-reverse; }
.lc-av { width:26px; height:26px; flex:0 0 26px; border-radius:50%;
  background-color:#0B3A42; background-image:url('../img/brand/sharky-fab-sm.jpg'); background-size:280%; background-position:8% 10%;
  display:flex; align-items:center; justify-content:center; font-size:0;
  box-shadow:0 0 0 1.5px rgba(41,182,232,.35); }
.lc-bub { padding:9px 13px; box-shadow:0 2px 8px rgba(0,0,0,.25); }
.lc-row.agent .lc-bub { background:rgba(18,42,51,.85); border:1px solid rgba(255,255,255,.08);
  border-radius:12px 12px 12px 4px; }
.lc-row.player .lc-bub { background:linear-gradient(180deg, rgba(41,182,232,.28), rgba(27,127,168,.22));
  border:1px solid rgba(41,182,232,.4); border-radius:12px 12px 4px 12px; }
.lc-bub__name { font-size:9px; color:var(--lc-cyan, #29B6E8); margin-bottom:3px; font-weight:700; }
.lc-bub__txt { font-size:13px; color:#E8EAEF; line-height:1.5; white-space:pre-wrap; word-break:break-word; }
.lc-bub__img { max-width:200px; border-radius:8px; display:block; cursor:pointer; }
.lc-bub__meta { font-size:10px; color:var(--lc-text3, #6E7B88); margin-top:3px; display:flex; align-items:center;
  gap:3px; justify-content:flex-end; font-family:'JetBrains Mono',monospace; }
.lc-bub__meta svg { width:11px; height:11px; }
.lc-bub__meta .read { color:var(--lc-cyan, #29B6E8); }
.lc-typing { align-self:flex-start; display:flex; gap:8px; align-items:center; }
.lc-typing__dots { background:#16333D; border:1px solid rgba(255,255,255,.08);
  border-radius:12px 12px 12px 4px; padding:11px 14px; display:flex; gap:4px; }
.lc-typing__dots span { width:6px; height:6px; border-radius:50%; background:var(--lc-text2, #A6B0BC);
  animation:lc-bounce 1.2s infinite; }
.lc-typing__dots span:nth-child(2){ animation-delay:.2s; } .lc-typing__dots span:nth-child(3){ animation-delay:.4s; }
@keyframes lc-bounce { 0%,60%,100%{ transform:translateY(0); opacity:.4; } 30%{ transform:translateY(-4px); opacity:1; } }


#modal-chat .lc-root .lc-complaint { flex-shrink:0; display:flex; align-items:center; justify-content:flex-start; gap:7px;
  margin:0; padding:10px 16px 2px; border-radius:0;
  background:none; border:none; border-top:1px solid rgba(255,255,255,.08); color:#FF6E8A;
  cursor:pointer; font-family:inherit; font-size:12px; font-weight:700; text-align:left; width:100%; }
.lc-complaint:hover { background:none; color:#FF8BA1; }
.lc-complaint svg { width:14px; height:14px; flex:0 0 auto; }


#modal-chat .lc-root .lc-quick { flex-shrink:0; display:flex; gap:7px; overflow-x:auto; padding:8px 16px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.lc-quick::-webkit-scrollbar { display:none; }
.lc-chip { flex:0 0 auto; display:inline-flex; align-items:center; height:32px; box-sizing:border-box;
  font-size:11px; font-weight:600; padding:0 12px; border-radius:999px;
  background:rgba(41,182,232,.12); border:1px solid rgba(41,182,232,.35); color:var(--lc-cyan, #29B6E8);
  cursor:pointer; white-space:nowrap; font-family:inherit; }
.lc-chip:hover { background:rgba(41,182,232,.22); }


#modal-chat .lc-root .lc-emoji { flex-shrink:0; display:grid; grid-template-columns:repeat(8,1fr); gap:2px;
  padding:10px 12px; border-top:1px solid rgba(255,255,255,.08); background:rgba(7,8,13,.6);
  max-height:148px; overflow-y:auto; }
.lc-emoji button { background:none; border:none; cursor:pointer; font-size:20px; padding:5px 0;
  border-radius:8px; line-height:1; }
.lc-emoji button:hover { background:#16333D; }


#modal-chat .lc-root .lc-composer { flex-shrink:0; display:flex; align-items:center; gap:7px; padding:10px 14px 14px;
  background:none; }
.lc-emobtn { width:34px; height:34px; flex:0 0 34px; border-radius:50%; border:none; background:none;
  color:var(--lc-text3, #6E7B88); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.lc-emobtn:hover, .lc-emobtn.on { background:#122A33; color:var(--lc-gold, #F5C842); }
.lc-emobtn svg { width:19px; height:19px; }
.lc-input__img { width:34px; height:34px; flex:0 0 34px; border-radius:50%; background:none;
  border:none; color:var(--lc-text3, #6E7B88); display:flex; align-items:center;
  justify-content:center; cursor:pointer; }
.lc-input__img:hover { background:#122A33; color:var(--lc-cyan, #29B6E8); }
.lc-input__img svg{ width:18px; height:18px; }
.lc-composer .lc-input__box { flex:1; min-width:0; background:var(--fz-navy, #0A1B26) !important;
  border:1px solid rgba(255,255,255,.14) !important; border-radius:999px !important;
  padding:10px 15px !important; font-size:13px; color:#E8EAEF; outline:none; font-family:inherit; height:auto !important; }
.lc-input__box::placeholder { color:var(--lc-text3, #6E7B88); }
.lc-input__box:focus { border-color:var(--lc-cyan, #29B6E8); box-shadow:0 0 0 3px rgba(41,182,232,.12); }
.lc-input__send { width:38px; height:38px; flex:0 0 38px; border-radius:12px;
  background:linear-gradient(135deg, #34c3f2, #1B7FA8);
  border:none; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 3px 10px rgba(41,182,232,.35); transition:filter .15s, background .15s; }
.lc-input__send:hover { filter:brightness(1.08); }
.lc-input__send:disabled { background:#16333D; color:var(--lc-text4, #56636F); cursor:not-allowed; box-shadow:none; filter:none; }
.lc-input__send svg { width:17px; height:17px; }


#modal-chat .lc-root .lc-ended { flex-shrink:0; padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px)); text-align:center;
  background:rgba(7,8,13,.5); border-top:1px solid rgba(255,255,255,.08); }
.lc-ended__t { font-size:11px; color:var(--lc-text3, #6E7B88); margin-bottom:10px; }
.lc-stars { display:flex; gap:6px; justify-content:center; margin-bottom:12px; }
.lc-star { font-size:26px; cursor:pointer; color:var(--lc-text4, #56636F); line-height:1; }
.lc-star.on { color:var(--lc-gold, #F5C842); text-shadow:0 0 10px rgba(245,200,66,.5); }
.lc-newchat { width:100%; padding:12px; border-radius:12px;
  background:linear-gradient(180deg, #0CC0FF, #1B7FA8); border:none;
  color:#04222E; font-size:13px; font-weight:800; cursor:pointer;
  box-shadow:0 4px 14px -4px rgba(41,182,232,.5); font-family:inherit; }
.lc-toast { position:fixed; left:50%; bottom:96px; transform:translateX(-50%);
  background:linear-gradient(180deg,#16333D,#122A33); border:1px solid rgba(255,255,255,.14);
  color:#fff; font-size:12px; padding:9px 16px; border-radius:999px; z-index:100002;
  box-shadow:0 8px 24px rgba(0,0,0,.4); }


#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;
}
#float-live:hover { transform:scale(1.07); }
@media (max-width: 979px) { #float-live { bottom:88px; } } 
#modal-chat.show ~ #float-live { display:none; }           
@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; }


#modal-chat .modal.lc-root .lc-guest { padding:18px 18px 22px; display:flex; flex-direction:column; align-items:stretch; overflow-y:auto; }
#modal-chat .modal.lc-root .lc-guest__card { width:100%; }
#modal-chat .modal.lc-root .lc-guest__t { font-size:13px; font-weight:800; color:#fff; margin-bottom:4px; }
#modal-chat .modal.lc-root .lc-guest__s { font-size:11px; color:var(--lc-text3,#6E7B88); margin-bottom:16px; line-height:1.5; }
#modal-chat .modal.lc-root .lc-fld { display:flex; flex-direction:column; margin-bottom:12px; }
#modal-chat .modal.lc-root .lc-fld__lbl { font-size:11px; font-weight:600; color:var(--lc-text2,#A6B0BC); margin-bottom:6px; }

#modal-chat .modal.lc-root .lc-input {
  width:100% !important; box-sizing:border-box !important;
  background:var(--fz-navy, #0A1B26) !important;
  border:1.5px solid var(--lc-border2, rgba(255,255,255,.14)) !important;
  border-radius:12px !important; padding:12px 14px !important;
  color:var(--lc-text,#E8EAEF) !important; font-size:14px !important; font-family:inherit; line-height:1.2 !important; height:auto !important;
  outline:none !important; transition:border-color .15s, box-shadow .15s;
}
#modal-chat .modal.lc-root .lc-input::placeholder { color:var(--lc-text4,#56636F); }
#modal-chat .modal.lc-root .lc-input:focus { border-color:var(--lc-cyan,#29B6E8) !important; box-shadow:0 0 0 3px rgba(41,182,232,.18) !important; }
#modal-chat .modal.lc-root .lc-phone { display:flex; align-items:stretch; }
#modal-chat .modal.lc-root .lc-phone__cc {
  display:flex; align-items:center; padding:0 12px;
  background:var(--fz-navy, #0A1B26);
  border:1.5px solid var(--lc-border2, rgba(255,255,255,.14)); border-right:none;
  border-radius:12px 0 0 12px; color:var(--lc-text2,#A6B0BC); font-size:14px; font-weight:700; flex:0 0 auto;
}
#modal-chat .modal.lc-root .lc-input--phone { border-radius:0 12px 12px 0 !important; border-left:none !important; }
#modal-chat .modal.lc-root .lc-phone:focus-within .lc-phone__cc { border-color:var(--lc-cyan,#29B6E8); }
#modal-chat .modal.lc-root .lc-guest__cta {
  width:100% !important; height:44px !important; margin-top:6px; border:none !important; border-radius:12px !important; cursor:pointer;
  font-size:14px !important; font-weight:800; letter-spacing:.02em; color:#14110A !important;
  background:linear-gradient(180deg,#FFE082 0%,#F5C842 55%,#C08E1A 100%) !important;
  box-shadow:0 6px 22px -6px rgba(245,200,66,.45);
  transition:filter .15s, opacity .15s;
}
#modal-chat .modal.lc-root .lc-guest__cta:hover:not(:disabled) { filter:brightness(1.05); }
#modal-chat .modal.lc-root .lc-guest__cta:disabled { cursor:not-allowed; opacity:.45; filter:grayscale(.35); box-shadow:none; }
#modal-chat .modal.lc-root .lc-guest__note { font-size:11px; color:var(--lc-text3,#6E7B88); text-align:center; margin-top:10px; line-height:1.5; }


#modal-chat .lc-root .lc-cat--human { grid-column:1 / -1; background:rgba(41,182,232,.14); border-color:rgba(41,182,232,.4); }
#modal-chat .lc-root .lc-cat--human .lc-cat__t { color:var(--lc-gold,#F5C842); }
#modal-chat .lc-root .lc-welcome--faq { justify-content:flex-start; align-items:stretch; overflow-y:auto; padding:14px 16px; }
#modal-chat .lc-root .lc-welcome--faq .lc-welcome__t { text-align:left; margin:2px 0 10px; }
#modal-chat .lc-root .lc-faq__back { align-self:flex-start; display:inline-flex; align-items:center; gap:3px; background:none; border:none; color:var(--lc-text2,#A6B0BC); font-size:12px; font-weight:600; cursor:pointer; padding:4px 0; margin-bottom:4px; }
#modal-chat .lc-root .lc-faq__back svg { width:16px; height:16px; }
#modal-chat .lc-root .lc-faq { display:flex; flex-direction:column; gap:8px; width:100%; margin-bottom:12px; }
#modal-chat .lc-root .lc-faq__q { text-align:left; background:rgba(41,182,232,.08); border:1px solid rgba(41,182,232,.22); border-radius:10px; padding:11px 12px; color:var(--lc-text,#E8EAEF); font-size:12.5px; font-weight:600; cursor:pointer; }
#modal-chat .lc-root .lc-faq__q:hover, #modal-chat .lc-root .lc-faq__q.open { background:rgba(41,182,232,.16); }
#modal-chat .lc-root .lc-faq__a { padding:2px 12px 10px; font-size:12.5px; line-height:1.6; color:var(--lc-text2,#A6B0BC); white-space:pre-wrap; }
#modal-chat .lc-root .lc-human-btn { flex-shrink:0; display:flex; align-items:center; justify-content:center; gap:7px; margin:8px 16px 0; height:40px; border-radius:11px; cursor:pointer; background:rgba(41,182,232,.16); border:1px solid rgba(41,182,232,.4); color:var(--lc-gold,#F5C842); font-size:12.5px; font-weight:700; }
#modal-chat .lc-root .lc-human-btn:hover { background:rgba(41,182,232,.24); }
#modal-chat .lc-root .lc-waiting { flex-shrink:0; margin:8px 16px 0; padding:9px 12px; border-radius:10px; background:rgba(245,200,66,.1); border:1px solid rgba(245,200,66,.28); color:var(--lc-gold,#F5C842); font-size:12px; font-weight:600; text-align:center; }


html body:has(#modal-chat.modal-backdrop.show) .bottom-nav { display:none !important; }
@media (max-width:979px){
  #modal-chat .lc-root .lc-composer { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; }
}


#modal-chat .lc-human-row { display: flex; justify-content: flex-end; padding: 4px 14px 0; }
#modal-chat .lc-human-link {
  background: none; border: 0; cursor: pointer;
  font-size: 12px; color: var(--fz-text-dim, #8b93a3);
  padding: 4px 2px; text-decoration: none;
}
#modal-chat .lc-human-link:active, #modal-chat .lc-human-link:hover { color: var(--fz-cyan, #29B6E8); }
#modal-chat .lc-head__flag {
  background: none; border: 0; cursor: pointer;
  width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--fz-text-dim, #8b93a3); flex: 0 0 auto;
}
#modal-chat .lc-head__flag:active { color: var(--fz-cyan, #29B6E8); }
#modal-chat .lc-head__flag svg { width: 17px; height: 17px; }





html body #modal-chat .lc-root .lc-head {
  min-height:62px !important; padding:12px 14px !important; gap:11px !important;
  background:linear-gradient(180deg, rgba(41,182,232,.10) 0%, rgba(10,48,60,0) 100%) !important;
  border-bottom:1px solid rgba(41,182,232,.22) !important;
}
html body #modal-chat .lc-root .lc-head__av { width:42px !important; height:42px !important; flex:0 0 42px !important;
  box-shadow:0 0 0 2px rgba(41,182,232,.5), 0 4px 14px rgba(0,0,0,.45), 0 0 18px rgba(41,182,232,.25) !important; }
html body #modal-chat .lc-root .lc-head__dot { width:12px !important; height:12px !important;
  box-shadow:0 0 8px rgba(30,213,113,.7) !important; }
html body #modal-chat .lc-root .lc-head__title { font-size:15px !important; font-weight:800 !important; letter-spacing:.01em !important; }
html body #modal-chat .lc-root .lc-head__sub { font-size:11px !important; margin-top:2px !important; font-weight:600 !important; }

html body #modal-chat .lc-root .lc-head__hist { height:30px !important; }
html body #modal-chat .lc-root .lc-head__flag { width:30px !important; height:30px !important; flex:0 0 30px !important; }
html body #modal-chat .lc-root .lc-head__flag svg { width:16px !important; height:16px !important; }
html body #modal-chat .lc-root .lc-head__back { width:30px !important; height:30px !important; flex:0 0 30px !important;
  background:rgba(7,8,13,.4) !important; border:1px solid rgba(255,255,255,.16) !important; }
html body #modal-chat .lc-root .lc-head__back svg { width:15px !important; height:15px !important; }


html body #modal-chat .lc-root .lc-msgs { gap:12px !important; padding:16px 16px 14px !important; }
html body #modal-chat .lc-root .lc-row { max-width:86% !important; gap:9px !important; }
html body #modal-chat .lc-root .lc-av { width:28px !important; height:28px !important; flex:0 0 28px !important;
  box-shadow:0 0 0 1.5px rgba(41,182,232,.45), 0 2px 6px rgba(0,0,0,.35) !important; }
html body #modal-chat .lc-root .lc-bub { padding:10px 14px !important; box-shadow:0 2px 10px rgba(0,0,0,.28) !important; }
html body #modal-chat .lc-root .lc-row.agent .lc-bub {
  background:linear-gradient(180deg, rgba(22,51,61,.85), rgba(16,40,49,.85)) !important;
  border:1px solid rgba(41,182,232,.14) !important; border-radius:16px 16px 16px 5px !important; }
html body #modal-chat .lc-root .lc-row.player .lc-bub {
  background:linear-gradient(180deg, rgba(41,182,232,.26), rgba(27,127,168,.20)) !important;
  border:1px solid rgba(41,182,232,.38) !important; border-radius:16px 16px 5px 16px !important; }
html body #modal-chat .lc-root .lc-bub__name { font-size:10px !important; font-weight:700 !important; margin-bottom:4px !important; letter-spacing:.02em !important; }
html body #modal-chat .lc-root .lc-bub__txt { font-size:14px !important; line-height:1.55 !important; }
html body #modal-chat .lc-root .lc-bub__meta { font-size:9.5px !important; margin-top:4px !important; color:var(--lc-text4,#56636F) !important; opacity:.9 !important; }

html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent,
html body #modal-chat .lc-root .lc-row.player + .lc-row.player { margin-top:-8px !important; }
html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent .lc-av { visibility:hidden !important; }
html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent .lc-bub__name { display:none !important; }
html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent .lc-bub { border-radius:5px 16px 16px 5px !important; }
html body #modal-chat .lc-root .lc-row.player + .lc-row.player .lc-bub { border-radius:16px 5px 5px 16px !important; }

html body #modal-chat .lc-root .lc-sys { font-size:10px !important; color:var(--lc-text3,#6E7B88) !important;
  padding:6px 0 !important; opacity:.85 !important; letter-spacing:.02em !important; }


html body #modal-chat .lc-root .lc-composer {
  gap:8px !important; padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px)) !important;
  border-top:1px solid rgba(41,182,232,.12) !important;
  background:linear-gradient(180deg, rgba(5,16,24,0), rgba(5,16,24,.45)) !important;
}
html body #modal-chat .lc-root .lc-emobtn { width:36px !important; height:36px !important; flex:0 0 36px !important; }
html body #modal-chat .lc-root .lc-input__img { width:36px !important; height:36px !important; flex:0 0 36px !important; }
html body #modal-chat .lc-root .lc-composer .lc-input__box {
  padding:11px 16px !important; font-size:14px !important;
  background:rgba(7,20,28,.75) !important; border:1px solid rgba(255,255,255,.16) !important; }
html body #modal-chat .lc-root .lc-composer .lc-input__box:focus {
  border-color:var(--lc-cyan,#29B6E8) !important; box-shadow:0 0 0 3px rgba(41,182,232,.16) !important; background:rgba(7,20,28,.9) !important; }
html body #modal-chat .lc-root .lc-input__send { width:40px !important; height:40px !important; flex:0 0 40px !important;
  border-radius:13px !important; box-shadow:0 4px 12px rgba(41,182,232,.38) !important; }
html body #modal-chat .lc-root .lc-input__send svg { width:18px !important; height:18px !important; }

html body #modal-chat .lc-root .lc-human-row, html body #modal-chat .lc-human-row { padding:6px 16px 0 !important; }
html body #modal-chat .lc-root .lc-human-link, html body #modal-chat .lc-human-link { font-size:11.5px !important; font-weight:600 !important; }


html body #modal-chat .lc-root .lc-welcome { gap:8px !important; padding:26px 22px !important; }
html body #modal-chat .lc-root .lc-welcome__emoji { width:68px !important; height:68px !important; font-size:32px !important;
  background:radial-gradient(120% 120% at 50% 25%, rgba(41,182,232,.22), rgba(41,182,232,.08)) !important;
  border:1px solid rgba(41,182,232,.45) !important; box-shadow:0 0 30px rgba(41,182,232,.32), inset 0 1px 0 rgba(255,255,255,.12) !important; }
html body #modal-chat .lc-root .lc-welcome__t { font-size:21px !important; margin-top:12px !important; letter-spacing:.03em !important; }
html body #modal-chat .lc-root .lc-welcome__s { font-size:12.5px !important; color:var(--lc-text2,#A6B0BC) !important; margin-bottom:18px !important; line-height:1.55 !important; max-width:280px !important; }
html body #modal-chat .lc-root .lc-cats { gap:11px !important; max-width:340px !important; }
html body #modal-chat .lc-root .lc-cat { padding:13px 14px !important; border-radius:14px !important; gap:11px !important;
  transition:transform .15s, border-color .15s, box-shadow .15s !important; }
html body #modal-chat .lc-root .lc-cat:hover { transform:translateY(-2px) !important; box-shadow:0 8px 20px -8px rgba(0,0,0,.5) !important; }
html body #modal-chat .lc-root .lc-cat__ico { font-size:22px !important; }
html body #modal-chat .lc-root .lc-cat__t { font-size:12px !important; font-weight:700 !important; }
html body #modal-chat .lc-root .lc-cat.deposit:hover { border-color:rgba(30,213,113,.55) !important; }
html body #modal-chat .lc-root .lc-cat.withdrawal:hover { border-color:rgba(224,35,75,.55) !important; }
html body #modal-chat .lc-root .lc-cat.bonus:hover { border-color:rgba(245,200,66,.6) !important; }
html body #modal-chat .lc-root .lc-cat.account:hover { border-color:rgba(41,182,232,.55) !important; }

html body #modal-chat .lc-root .lc-cat--human { background:linear-gradient(180deg, rgba(41,182,232,.2), rgba(41,182,232,.1)) !important;
  border:1px solid rgba(245,200,66,.4) !important; box-shadow:0 0 20px rgba(245,200,66,.12) !important; }
html body #modal-chat .lc-root .lc-human-btn { height:42px !important; border-radius:12px !important; font-size:13px !important; }

html body #modal-chat .lc-root .lc-faq__q { border-radius:12px !important; padding:12px 13px !important; font-size:13px !important; }
html body #modal-chat .lc-root .lc-welcome--faq .lc-welcome__t { font-size:16px !important; }


html body #modal-chat .lc-root .lc-newchat { border-radius:13px !important; padding:13px !important; }



html body #modal-chat .lc-root .lc-msgs:has(> .lc-row)::before { content:''; margin-top:auto !important; }

html body #modal-chat .lc-root .lc-row.agent .lc-bub {
  background:linear-gradient(180deg, rgba(26,58,69,.92), rgba(18,44,54,.9)) !important;
  border:1px solid rgba(41,182,232,.18) !important; }




#modal-fourd .modal { max-width: 420px; width: 92%; background: linear-gradient(180deg, #0c1420, #070d16); border: 1px solid rgba(232, 64, 64, .28); border-radius: 18px; overflow: hidden; color: #E8EAEF; }
#modal-fourd .fd-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
#modal-fourd .fd-head__t { font-family: Oswald, Inter, sans-serif; font-size: 17px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
#modal-fourd .fd-x { background: none; border: none; color: #8892a0; font-size: 18px; cursor: pointer; width: 30px; height: 30px; border-radius: 8px; }
#modal-fourd .fd-x:hover { background: rgba(255, 255, 255, .06); color: #fff; }
#modal-fourd .fd-body { padding: 16px; max-height: 74vh; overflow-y: auto; }
#modal-fourd .fd-empty { text-align: center; color: #8892a0; font-size: 13px; padding: 28px 12px; }

#modal-fourd .fd-result { text-align: center; background: rgba(232, 64, 64, .08); border: 1px solid rgba(232, 64, 64, .22); border-radius: 14px; padding: 14px; margin-bottom: 12px; }
#modal-fourd .fd-result--empty { color: #8892a0; font-size: 13px; }
#modal-fourd .fd-result__lbl { font-size: 11px; color: #A6B0BC; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px; }
#modal-fourd .fd-result__num { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 40px; font-weight: 800; letter-spacing: 6px; color: #fff; line-height: 1.1; }
#modal-fourd .fd-alph { font-size: 20px; color: #F5C842; vertical-align: middle; letter-spacing: 0; }
#modal-fourd .fd-result__sub { font-size: 11px; color: #8892a0; margin-top: 4px; }
#modal-fourd .fd-result__row { display: flex; justify-content: center; gap: 18px; margin-top: 8px; font-size: 12px; color: #A6B0BC; font-family: ui-monospace, monospace; }

#modal-fourd .fd-prize { text-align: center; font-size: 13px; color: #C9D2DC; margin-bottom: 14px; line-height: 1.5; }
#modal-fourd .fd-prize b { color: #1DD571; }
#modal-fourd .fd-prize__wr { color: #8892a0; font-size: 11px; }

#modal-fourd .fd-entry__lbl { display: block; font-size: 12px; font-weight: 600; color: #A6B0BC; margin-bottom: 8px; text-align: center; }
#modal-fourd .fd-entry__row { display: flex; gap: 8px; }
#modal-fourd .fd-num { flex: 1; height: 52px; text-align: center; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 28px; font-weight: 800; letter-spacing: 10px; padding-left: 10px; border: 1px solid rgba(41, 182, 232, .35); border-radius: 12px; background: #0A1B26; color: #fff; outline: none; }
#modal-fourd .fd-num:focus { border-color: #29B6E8; }
#modal-fourd .fd-go { flex: 0 0 auto; padding: 0 20px; height: 52px; border: none; border-radius: 12px; background: linear-gradient(180deg, #f5c842, #e8a124); color: #1a0600; font-size: 14px; font-weight: 800; cursor: pointer; }
#modal-fourd .fd-go:hover { filter: brightness(1.05); }
#modal-fourd .fd-entry__note { text-align: center; font-size: 11px; color: #6E7B88; margin-top: 8px; }

#modal-fourd .fd-pending { text-align: center; background: rgba(29, 213, 113, .1); border: 1px solid rgba(29, 213, 113, .3); border-radius: 12px; padding: 14px; font-size: 13px; font-weight: 600; color: #1DD571; }

#modal-fourd .fd-hist { margin-top: 16px; border-top: 1px solid rgba(255, 255, 255, .06); padding-top: 12px; }
#modal-fourd .fd-hist__t { font-size: 11px; color: #8892a0; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; }
#modal-fourd .fd-hist__row { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid rgba(255, 255, 255, .04); font-size: 12.5px; }
#modal-fourd .fd-hist__num { font-family: ui-monospace, monospace; font-weight: 700; letter-spacing: 2px; color: #E8EAEF; }
#modal-fourd .fd-hist__st { flex: 1; font-weight: 600; }
#modal-fourd .fd-hist__dt { color: #6E7B88; font-size: 11px; }




#modal-mybonuses .modal.mb-root {
  --mb-bg:#0b0c10; --mb-surface:#141620; --mb-surface2:#0f1117; --mb-border:#1e2028; --mb-border2:#1a1c24;
  --mb-gold:#e8a124; --mb-green:#2dc98a; --mb-red:#e84040; --mb-text:#eee; --mb-text2:#aaa; --mb-text3:#555; --mb-text4:#3a3e4d;
  background:var(--mb-bg) !important; color:var(--mb-text);
  border-radius:20px 20px 0 0; width:100% !important; max-width:100vw !important; padding:0 !important; box-sizing:border-box;
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  max-height:min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; height:min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; overflow:hidden !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.mb-hd { flex:0 0 auto !important; display:flex; align-items:center; gap:11px; padding:14px 14px 12px; border-bottom:1px solid var(--mb-border2); }
.mb-back { width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:#252831; border:1px solid #3a3e4d; color:#888; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.mb-back svg { width:16px; height:16px; }
.mb-title { flex:1; font-size:16px; font-weight:700; color:#fff; }
.mb-total { text-align:right; }
.mb-total .l { display:block; font-size:8px; color:var(--mb-text3); text-transform:uppercase; letter-spacing:.5px; }
.mb-total .a { font-size:15px; font-weight:800; color:var(--mb-gold); font-variant-numeric:tabular-nums; }

.mb-tabs { flex:0 0 auto !important; display:flex; gap:6px; padding:10px 14px; }
.mb-tab { flex:1; padding:8px; font-size:12px; font-weight:600; border:1px solid var(--mb-border); background:var(--mb-surface); color:var(--mb-text2); border-radius:9px; cursor:pointer; }
.mb-tab.on { background:var(--mb-gold); color:#0b0c10; border-color:var(--mb-gold); }

.mb-body { flex:1 1 auto !important; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:4px 14px 24px; }


.mb-card { background:var(--mb-surface); border:1px solid var(--mb-border); border-radius:14px; overflow:hidden; margin-bottom:14px; }
.mb-card-top { padding:12px 14px; position:relative; }
.mb-card-top .nm { font-size:13px; font-weight:700; color:#fff; }
.mb-badges { display:flex; gap:6px; margin-top:6px; flex-wrap:wrap; }
.mb-bdg { font-size:9px; font-weight:700; padding:3px 8px; border-radius:6px; text-transform:uppercase; letter-spacing:.4px; }
.mb-bdg.type { background:rgba(255,255,255,.08); color:#cbd5e1; }
.mb-bdg.active { background:#0d2a1c; color:var(--mb-green); }
.mb-bdg.locked { background:#222; color:#888; }
.mb-bdg.unlocked { background:#2a2208; color:var(--mb-gold); }
.mb-card-bd { padding:12px 14px 14px; border-top:1px solid var(--mb-border2); }
.mb-bal { font-size:22px; font-weight:800; color:var(--mb-gold); font-variant-numeric:tabular-nums; }
.mb-bal-sub { font-size:10px; color:var(--mb-text3); margin-bottom:12px; }
.mb-wg-row { display:flex; justify-content:space-between; font-size:10px; color:var(--mb-text2); margin-bottom:5px; }
.mb-wg-row .v { color:#fff; font-variant-numeric:tabular-nums; }
.mb-bar { height:5px; border-radius:4px; background:#1e2028; overflow:hidden; }
.mb-bar-fill { height:100%; border-radius:4px; transition:width .4s; }
.mb-wg-pct { font-size:10px; color:var(--mb-text2); margin-top:4px; text-align:right; }
.mb-wg-hint { font-size:10px; margin-top:6px; }
.mb-wg-hint.todo { color:var(--mb-gold); }
.mb-wg-hint.done { color:var(--mb-green); }
.mb-detail { display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; margin-top:14px; padding-top:12px; border-top:1px solid var(--mb-border2); }
.mb-dr { display:flex; flex-direction:column; gap:1px; }
.mb-dr .k { font-size:9px; color:var(--mb-text3); text-transform:uppercase; letter-spacing:.4px; }
.mb-dr .v { font-size:12px; color:var(--mb-text); font-weight:600; }
.mb-foot { margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.mb-terms-toggle { font-size:11px; color:var(--mb-text2); cursor:pointer; text-decoration:underline; align-self:flex-start; }
.mb-terms { font-size:11px; color:var(--mb-text3); line-height:1.6; background:var(--mb-surface2); border:1px solid var(--mb-border); border-radius:8px; padding:10px 12px; }
.mb-wd-btn { width:100%; padding:11px; border-radius:10px; background:var(--mb-gold); color:#0b0c10; border:none; font-size:13px; font-weight:700; cursor:pointer; }


.mb-empty { text-align:center; padding:50px 24px; }
.mb-empty svg { width:32px; height:32px; color:var(--mb-text3); }
.mb-empty .t { font-size:15px; font-weight:600; color:var(--mb-text2); margin-top:12px; }
.mb-empty .s { font-size:12px; color:var(--mb-text3); margin:4px 0 16px; }
.mb-empty .b { padding:10px 18px; border:1px solid var(--mb-gold); color:var(--mb-gold); background:transparent; border-radius:10px; font-size:13px; font-weight:700; cursor:pointer; }


.mb-h { display:flex; align-items:center; gap:11px; padding:11px 0; border-bottom:1px solid var(--mb-border2); }
.mb-h-ic { width:34px; height:34px; flex:0 0 34px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:16px; }
.mb-h-mid { flex:1; min-width:0; }
.mb-h-nm { font-size:12px; font-weight:600; color:var(--mb-text); }
.mb-h-dt { font-size:10px; color:var(--mb-text3); }
.mb-h-right { text-align:right; flex:0 0 auto; }
.mb-h-amt { font-size:13px; font-weight:700; color:var(--mb-gold); font-variant-numeric:tabular-nums; }
.mb-h-st { font-size:9px; font-weight:700; margin-top:2px; }
.mb-h-st.COMPLETED { color:var(--mb-green); } .mb-h-st.EXPIRED { color:#888; } .mb-h-st.FORFEITED { color:var(--mb-red); }
.mb-loading { text-align:center; padding:30px; color:var(--mb-text3); font-size:12px; }







@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-login:hover {
  background: var(--fz-gold-soft);
  border-color: var(--fz-gold);
}

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


.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-bell:hover { background: var(--fz-surface-2); color: var(--fz-cyan); }
.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);
}
.topnav-avatar:hover {
  background: linear-gradient(135deg, var(--fz-cyan-bright) 0%, var(--fz-cyan) 100%);
  color: var(--fz-on-cyan);
}


nav.bottom-nav .bnav-item:not(.active) {
  color: var(--fz-text-3) !important;   
}
nav.bottom-nav .bnav-item:not(.active):hover {
  color: var(--fz-cyan) !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::-webkit-scrollbar { display: none; }


.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:hover {
  color: var(--fz-white) !important;
  background: var(--fz-surface);
}
.top-nav .top-nav-extra a.active {
  color: var(--fz-cyan) !important;
  background: none;
}

#fz-topnav-invite {
  display: inline-flex; align-items: center; gap: 6px;
  margin-left: 6px; cursor: pointer;
  font-family: var(--fz-font-body); font-size: 12px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.06em;
  padding: 7px 13px; border-radius: 9px;
  color: var(--fz-green); background: var(--fz-green-soft);
  border: 1px solid rgba(30, 213, 113, 0.4);
  box-shadow: 0 0 12px rgba(30, 213, 113, 0.18);
  white-space: nowrap;
}
#fz-topnav-invite:hover {
  color: var(--fz-on-green);
  background: linear-gradient(180deg, var(--fz-green), var(--fz-green-deep));
  box-shadow: 0 0 16px rgba(30, 213, 113, 0.4);
}

#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-download:hover {
  background: var(--fz-grad-cyan);
  color: var(--fz-on-cyan);
  box-shadow: 0 0 16px rgba(41, 182, 232, 0.4);
}

#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;
}
#fz-topnav-deposit:hover { box-shadow: var(--fz-glow-gold-hover); }
@media (max-width: 979px) { #fz-topnav-invite, #fz-topnav-deposit { display: none; } } 


.topnav-vip-chip {
  display: inline-flex; align-items: center; gap: 5px;
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface)) !important;
  border: 1px solid rgba(245, 200, 66, 0.35) !important;
  border-radius: 999px !important;
  padding: 5px 10px !important;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}
.topnav-vip-chip #tvc-pct {
  font-family: var(--fz-font-mono); font-size: 11px; font-weight: 700;
  color: var(--fz-gold); font-variant-numeric: tabular-nums;
}
.topnav-vip-chip .topnav-vip-chip-bar { background: var(--fz-navy) !important; border-radius: 3px; overflow: hidden; }
.topnav-vip-chip .topnav-vip-chip-bar-fill { background: linear-gradient(90deg, var(--fz-gold-deep), var(--fz-gold)) !important; }


@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-invite { padding: 7px 13px; font-size: 12px; margin-left: 6px; }
  #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; }

  
  .top-nav > .flex.items-center.gap-2 { gap: 8px !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; }
  .topnav-vip-chip { height: 34px; box-sizing: border-box; }

  
  #fz-topnav-invite {
    background: transparent;
    box-shadow: none;
    border-color: rgba(30, 213, 113, 0.35);
  }
  #fz-topnav-invite:hover {
    background: var(--fz-green-soft);
    color: var(--fz-green);
    box-shadow: none;
  }
}






.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); }


.bs-d-marquee {
  background: linear-gradient(180deg, var(--fz-teal) 0%, var(--fz-teal-deep) 100%);
  border-top: 1px solid var(--fz-teal-line);
  border-bottom: 1px solid var(--fz-teal-line);
}
.bs-d-marquee-item {
  font-family: var(--fz-font-mono);
  font-size: var(--fz-text-2xs);
  font-weight: var(--fz-w-semibold);
  letter-spacing: var(--fz-track-eyebrow);
  text-transform: uppercase;
  color: var(--fz-text);
}
.bs-d-marquee-item .ico { color: var(--fz-cyan); }
.bs-d-marquee-item .pill {
  background: var(--fz-gold-soft);
  color: var(--fz-gold);
  border-radius: var(--fz-r-full);
}
.bs-d-marquee-sep { color: var(--fz-gold); }


.marquee-text {
  color: var(--fz-text);
  font-family: var(--fz-font-mono);
  letter-spacing: var(--fz-track-eyebrow);
  text-transform: uppercase;
}


#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; }
.og-tile.og-tile:hover {
  border-color: var(--fz-cyan) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35), 0 0 0 1px var(--fz-cyan-glow) !important;
}


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


.game-tile {
  border-radius: var(--fz-r-md);
  border: 1px solid var(--fz-line);
  background: var(--fz-grad-surface);
}
.game-tile:hover {
  border-color: var(--fz-cyan);
  box-shadow: var(--fz-glow-cyan);
}

.game-badge.hot,  .badge-hot  { background: var(--fz-red);   color: var(--fz-white); }
.game-badge.new,  .badge-new  { background: var(--fz-cyan);  color: var(--fz-on-cyan); }
.game-badge.live, .badge-live { background: var(--fz-green); color: var(--fz-on-green); }





#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 .cat-btn-txt { display: none; } 
#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-item.open .faq-q::after { color: var(--fz-cyan); }
.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); } }
@media (prefers-reduced-motion: reduce) { .fz-ocean * { animation: none !important; } }


@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; } }
.fz-vip-rail { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: none; }
.fz-vip-rail::-webkit-scrollbar { display: none; }

#modal-vip .modal { align-items: stretch !important; }


#fz-home-vip { display: none; }
#fz-minigames-card:hover { transform: translateY(-2px); border-color: var(--fz-gold) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 14px 32px rgba(0,0,0,0.5), 0 0 18px rgba(245,200,66,0.15) !important; }

#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); }
#sc-footer-links a:hover { color: var(--fz-cyan); }
.footer-copy { color: var(--fz-text-3); border-top: 1px solid var(--fz-line-faint); }
.footer-copy p { color: var(--fz-text-3); }






@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%;
  }
}


.bs-d-marquee {
  max-width: 1104px;
  margin: 10px auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(18,42,51,0.5) !important;
  padding: 7px 0 !important;
  overflow: hidden;
}
.bs-d-marquee-item {
  font-size: 10px !important;
  color: var(--fz-text-2) !important;
  letter-spacing: 0.12em !important;
}
.bs-d-marquee-item .pill { background: none; padding: 0; }



#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;
}

@media (max-width: 979px) { .topnav-vip-chip { display: none !important; } }


.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-tile:hover { border-color: var(--fz-cyan); }
#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-d-marquee { position: relative !important; }


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

#apk-banner {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#apk-banner::before, #apk-banner::after { display: none !important; content: none !important; }




#apk-banner.apk-banner {
  aspect-ratio: 1081 / 130 !important;
  height: auto !important;
  min-height: 0 !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !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);
}


#modal-deposit.dep-v2 .dpw {
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(41, 182, 232, 0.14) 0%, rgba(41, 182, 232, 0) 60%),
    linear-gradient(180deg, var(--fz-teal-2) 0%, var(--fz-navy) 34%, var(--fz-navy-deep) 100%);
}


#modal-deposit.dep-v2 .dpw > * { flex-shrink: 0; }


#modal-deposit.dep-v2 .dpw > div:last-child {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


#modal-deposit.dep-v2 .dp-hd {
  position: relative;
  overflow: hidden;
  padding: 14px;
  border-bottom: 1px solid var(--fz-teal-line);
  background:
    linear-gradient(180deg, rgba(12, 192, 255, 0.10) 0%, rgba(12, 192, 255, 0) 100%);
}

#modal-deposit.dep-v2 .dp-hd::before {
  content: "";
  position: absolute;
  inset: -40% -10% auto -10%;
  height: 160%;
  background:
    linear-gradient(74deg, transparent 42%, rgba(12, 192, 255, 0.10) 46%, transparent 50%),
    linear-gradient(88deg, transparent 60%, rgba(245, 200, 66, 0.08) 64%, transparent 68%);
  pointer-events: none;
  z-index: 0;
}

#modal-deposit.dep-v2 .dp-hd::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.28) 40%, transparent 42%),
    radial-gradient(circle, rgba(41, 182, 232, 0.32) 40%, transparent 42%),
    radial-gradient(circle, rgba(255, 255, 255, 0.18) 40%, transparent 42%);
  background-size: 5px 5px, 7px 7px, 4px 4px;
  background-position: 18% 70%, 62% 40%, 84% 78%;
  background-repeat: no-repeat;
  animation: fz-dep-bubbles 6s var(--fz-ease-in-out) infinite;
}
@keyframes fz-dep-bubbles {
  0%   { transform: translateY(6px);  opacity: 0; }
  30%  { opacity: 1; }
  100% { transform: translateY(-14px); opacity: 0; }
}

#modal-deposit.dep-v2 .dp-hd > * { position: relative; z-index: 1; }

#modal-deposit.dep-v2 .dp-bal .a { color: var(--fz-gold); }



#modal-deposit.dep-v2 .dp-nav-i.on { border-left-color: var(--fz-cyan); }
#modal-deposit.dep-v2 .dp-nav-i.on .ic { background: var(--fz-cyan-soft); color: var(--fz-cyan); }


#modal-deposit.dep-v2 .dp-quick button {
  border-radius: var(--fz-r-full);
  transition: all var(--fz-dur-fast) var(--fz-ease-out);
}
#modal-deposit.dep-v2 .dp-quick button.on {
  background: var(--fz-cyan-soft);
  border-color: var(--fz-cyan);
  color: var(--fz-cyan);
}


#modal-deposit.dep-v2 .dp-amt { border-radius: var(--fz-r-lg); }
#modal-deposit.dep-v2 .dp-amt.foc { border-color: var(--fz-cyan); box-shadow: var(--fz-glow-cyan); }
#modal-deposit.dep-v2 .dp-amt .pfx { color: var(--fz-gold); }

#modal-deposit.dep-v2 #dp-amt {
  border: 0 !important; background: transparent !important;
  border-radius: 0 !important; box-shadow: none !important; padding: 0 !important;
}


#modal-deposit.dep-v2 .dp-confirm:not(:disabled) {
  background: var(--fz-grad-gold);
  color: var(--fz-on-gold);
  border-radius: var(--fz-r-xl);
  box-shadow: var(--fz-glow-gold);
}
#modal-deposit.dep-v2 .dp-confirm:not(:disabled):hover {
  box-shadow: var(--fz-glow-gold-hover);
  transform: translateY(-1px);
}


#modal-deposit.dep-v2 .dp-notice { border-left-color: var(--fz-gold); border-radius: var(--fz-r-lg); }


#modal-deposit.dep-v2 .dp-pill {
  color: var(--fz-on-gold);
  background: var(--fz-grad-gold);
  border: none;
}


#modal-deposit.dep-v2 .dp-body { flex-direction: column; }

#modal-deposit.dep-v2 .dp-nav {
  width: auto;
  border-right: 0;
  border-bottom: 1px solid var(--fz-line);
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(88px, 1fr);
  gap: 8px;
  padding: 12px 14px;
  overflow-x: auto;
}
#modal-deposit.dep-v2 .dp-nav-i {
  flex-direction: column;
  border: 1px solid var(--fz-line);
  border-radius: var(--fz-r-lg);
  background: var(--fz-surface);
  padding: 12px 8px;
  gap: 7px;
  transition: border-color var(--fz-dur-fast) var(--fz-ease-out),
              box-shadow var(--fz-dur-fast) var(--fz-ease-out);
}
#modal-deposit.dep-v2 .dp-nav-i.on {
  border-color: var(--fz-cyan);
  background: var(--fz-cyan-soft);
  box-shadow: var(--fz-glow-cyan);
}


.dp-steps {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 2px;
}
.dp-step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fz-text-2xs);
  font-weight: var(--fz-w-bold);
  text-transform: uppercase;
  letter-spacing: var(--fz-track-caps);
  color: var(--fz-text-3);
}
.dp-step b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: var(--fz-r-full);
  background: var(--fz-surface-2);
  color: var(--fz-text-3);
  font-size: var(--fz-text-2xs);
  line-height: 1;
  flex-shrink: 0;
}
.dp-step.on { color: var(--fz-cyan); }
.dp-step.on b { background: var(--fz-cyan); color: var(--fz-on-cyan); }
.dp-step.done { color: var(--fz-green); }
.dp-step.done b { background: var(--fz-green); color: var(--fz-on-green); }
.dp-arrow { display: inline-flex; flex-shrink: 0; color: var(--fz-text-3); }
.dp-arrow svg { width: 14px; height: 14px; }


@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;                  
  }
  #modal-deposit.dep-v2 .dpw {
    width: 100% !important;
    max-width: 440px !important;               
    height: auto !important;                    
    max-height: 92dvh !important;
    margin: auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;                
    
    background:
      linear-gradient(180deg, rgba(10, 48, 60, 0.92) 0%, rgba(5, 16, 24, 0.97) 100%), #05101B !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(41, 182, 232, 0.22),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }
  
  #modal-deposit.dep-v2 .dpw > * { flex-shrink: 0; }

  
  #modal-deposit.dep-v2 .deposit-amount-block .bs-field {
    display: flex !important; align-items: center !important;
    background: var(--fz-navy, #0A1B26) !important;
    border: 1.5px solid var(--fz-line-2) !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
  }
  #modal-deposit.dep-v2 .deposit-amount-block .bs-field:focus-within {
    border-color: var(--fz-cyan) !important;
    box-shadow: 0 0 0 3px rgba(41,182,232,.14) !important;
  }
  #modal-deposit.dep-v2 .dep-amount-input {
    border: none !important; background: transparent !important;
    border-radius: 0 !important; box-shadow: none !important;
    padding: 12px 0 !important;
  }

  
  #modal-deposit.dep-v2 .dep-quick-amt {
    flex: 1 !important; padding: 8px 0 !important;
    border-radius: 999px !important;
    font-family: var(--fz-font-mono, "JetBrains Mono", monospace) !important;
    font-size: 12px !important; font-weight: 700 !important;
    color: var(--fz-gold, #F5C842) !important;
    background: rgba(18, 42, 51, 0.6) !important;
    border: 1px solid var(--fz-line, rgba(255,255,255,.08)) !important;
  }
  #modal-deposit.dep-v2 .dep-quick-amt.on {
    background: var(--fz-gold-soft, rgba(245,200,66,.14)) !important;
    border-color: var(--fz-gold, #F5C842) !important;
  }
}






.wdw {
  --wd-bg:    var(--fz-navy-deep);
  --wd-card:  rgba(18, 42, 51, 0.60);   
  --wd-card2: var(--fz-surface-2);
  --wd-line:  var(--fz-line);
  --wd-gold:  var(--fz-gold);
  --wd-gold-d:var(--fz-gold-deep);
  --wd-txt:   var(--fz-text);
  --wd-dim:   var(--fz-text-3);
  --wd-ok:    var(--fz-green);
  --wd-err:   var(--fz-danger);
  --wd-blue:  var(--fz-cyan);
}


#modal-withdraw.wd-v2 .wdw {
  background:
    linear-gradient(180deg, rgba(9, 38, 50, 0.86), rgba(4, 14, 22, 0.94));
  border: 1px solid var(--fz-line-2);
  border-radius: 22px 22px 0 0;                 
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 -8px 40px -8px rgba(0, 0, 0, 0.7);
}

@media (min-width: 980px) {
  #modal-withdraw.wd-v2 { align-items: center !important; }
  #modal-withdraw.wd-v2 .wdw {
    max-width: 420px;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 30px 80px rgba(0, 0, 0, 0.6);
  }
}


.wdw .wd-hd { border-bottom: 1px solid var(--fz-teal-line); padding: 16px 16px 12px; }
.wdw .wd-title {
  font-family: var(--fz-font-display);
  font-weight: var(--fz-w-bold);
  font-size: 20px;
  letter-spacing: var(--fz-track-caps);
  text-transform: uppercase;
  color: var(--fz-white);
}
.wdw .wd-bal .a { font-family: var(--fz-font-mono); color: var(--fz-gold); }
.wdw .wd-back { background: var(--fz-surface); border: 1px solid var(--fz-line); color: var(--fz-cyan); border-radius: var(--fz-r-md); }


.wdw .wd-steps { padding: 14px 18px 6px; }
.wdw .wd-step .n {
  width: 22px; height: 22px; border-radius: var(--fz-r-full);
  display: flex; align-items: center; justify-content: center;
  background: var(--fz-surface-2); color: var(--fz-text-3);
  font-size: var(--fz-text-2xs); font-weight: var(--fz-w-black);
}
.wdw .wd-step.on .n  { background: var(--fz-cyan);  color: var(--fz-on-cyan); box-shadow: 0 0 10px var(--fz-cyan-glow); }
.wdw .wd-step.done .n{ background: var(--fz-green); color: var(--fz-on-green); }
.wdw .wd-step .lab {
  font-size: var(--fz-text-2xs); font-weight: var(--fz-w-black);
  text-transform: uppercase; letter-spacing: 0.06em; color: var(--fz-text-3);
}
.wdw .wd-step.on .lab { color: var(--fz-cyan); }
.wdw .wd-step.done .lab { color: var(--fz-green); }
.wdw .wd-bar { background: var(--fz-line); }
.wdw .wd-bar.fill { background: var(--fz-green); }


.wdw .wd-balcard {
  background: rgba(18, 42, 51, 0.60);
  border: 1px solid var(--fz-line);
  border-radius: var(--fz-r-xl);
  padding: 14px;
}
.wdw .wd-balcard__lbl {
  font-size: var(--fz-text-xs); font-weight: var(--fz-w-bold);
  text-transform: uppercase; letter-spacing: var(--fz-track-caps); color: var(--fz-text-3);
}
.wdw .wd-balcard__amt {
  font-family: var(--fz-font-mono); font-size: 20px; font-weight: var(--fz-w-black);
  color: var(--fz-green); margin-top: 4px; letter-spacing: var(--fz-track-tight);
}
.wdw .wd-balcard__lock {
  display: flex; align-items: center; gap: 6px; margin-top: 8px;
  font-size: var(--fz-text-xs); color: var(--fz-text-2);
}
.wdw .wd-balcard__lock svg { width: 14px; height: 14px; color: var(--fz-gold); flex-shrink: 0; }
.wdw .wd-balcard__lock span b, .wdw .wd-balcard__lock b { color: var(--fz-gold); font-family: var(--fz-font-mono); }


.wdw .wd-sec-h {
  font-size: var(--fz-text-xs); font-weight: var(--fz-w-bold);
  text-transform: uppercase; letter-spacing: var(--fz-track-caps); color: var(--fz-text-3);
  margin: 16px 0 8px;
}


.wdw .wd-acct { position: relative; }
.wdw .wd-acct__btn {
  width: 100%; display: flex; align-items: center; gap: 11px; text-align: left;
  background: rgba(18, 42, 51, 0.60); border: 1px solid var(--fz-line);
  border-radius: var(--fz-r-lg); padding: 11px 12px; cursor: pointer; color: var(--fz-text);
}
.wdw .wd-acct__mark {
  width: 34px; height: 34px; border-radius: var(--fz-r-sm); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--fz-font-mono); font-size: 12px; font-weight: var(--fz-w-black);
  background: var(--fz-cyan-soft); color: var(--fz-cyan);
}
.wdw .wd-acct__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.wdw .wd-acct__name { font-size: 13px; font-weight: var(--fz-w-bold); color: var(--fz-white); display: flex; align-items: center; gap: 6px; }
.wdw .wd-acct__sub { font-size: var(--fz-text-xs); color: var(--fz-text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wdw .wd-acct__chev svg { width: 16px; height: 16px; color: var(--fz-text-3); }
.wdw .wd-acct__list {
  display: none; margin-top: 8px; padding: 6px;
  background: rgba(6, 20, 28, 0.70); border: 1px solid var(--fz-line); border-radius: var(--fz-r-lg);
}
.wdw .wd-acct__list.open { display: block; }
.wdw .wd-bank {
  display: flex; align-items: center; gap: 10px; padding: 9px 8px;
  border-radius: var(--fz-r-md); cursor: pointer;
}
.wdw .wd-bank.sel { background: var(--fz-cyan-soft); }
.wdw .wd-bank__info { flex: 1; min-width: 0; }
.wdw .wd-bank__name { font-size: 13px; font-weight: var(--fz-w-bold); color: var(--fz-white); display: flex; align-items: center; gap: 6px; }
.wdw .wd-bank__sub { font-size: var(--fz-text-xs); color: var(--fz-text-3); }
.wdw .wd-bank__radio svg { width: 20px; height: 20px; }
.wdw .wd-bank.sel .wd-bank__radio svg { color: var(--fz-green); }
.wdw .wd-bank:not(.sel) .wd-bank__radio svg { color: var(--fz-text-3); }
.wdw .wd-badge {
  font-size: 8px; font-weight: var(--fz-w-black); letter-spacing: 0.06em;
  color: var(--fz-on-cyan); background: var(--fz-cyan); padding: 2px 6px; border-radius: var(--fz-r-full);
}
.wdw .wd-addnew {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px;
  background: transparent; border: 1px dashed var(--fz-line-2); border-radius: var(--fz-r-md);
  color: var(--fz-cyan); padding: 10px; font-size: var(--fz-text-sm); font-weight: var(--fz-w-bold);
  cursor: pointer; margin-top: 6px;
}
.wdw .wd-addnew svg { width: 15px; height: 15px; }


.wdw .wd-empty { text-align: center; padding: 24px 12px; }
.wdw .wd-empty__ic {
  width: 52px; height: 52px; margin: 0 auto 12px; border-radius: var(--fz-r-full);
  display: flex; align-items: center; justify-content: center;
  background: var(--fz-gold-soft); color: var(--fz-gold);
}
.wdw .wd-empty__ic svg { width: 26px; height: 26px; }
.wdw .wd-empty__t { font-size: 15px; font-weight: var(--fz-w-bold); color: var(--fz-white); }
.wdw .wd-empty__s { font-size: var(--fz-text-sm); color: var(--fz-text-2); line-height: var(--fz-leading-body); margin: 6px 0 16px; }


.wdw .wd-amt-wrap {
  display: flex; align-items: center; gap: 8px;
  background: rgba(18, 42, 51, 0.60); border: 1.5px solid var(--fz-line-2);
  border-radius: var(--fz-r-lg); padding: 12px 14px;
}
.wdw .wd-amt-wrap.foc { border-color: var(--fz-cyan); box-shadow: var(--fz-glow-cyan); }
.wdw .wd-amt-wrap .cur { font-size: 18px; font-weight: var(--fz-w-bold); color: var(--fz-gold); }
.wdw .wd-amt-wrap input {
  flex: 1; min-width: 0; background: transparent; border: 0; outline: 0;
  font-family: var(--fz-font-mono); font-size: 22px; font-weight: var(--fz-w-bold);
  color: var(--fz-text); letter-spacing: var(--fz-track-tight);
}
.wdw .wd-amt-hint { font-size: var(--fz-text-xs); color: var(--fz-text-3); margin-top: 6px; }
.wdw .wd-quick { display: flex; gap: 8px; margin-top: 10px; }
.wdw .wd-quick button {
  flex: 1; padding: 9px 0; border-radius: var(--fz-r-full);
  background: rgba(18, 42, 51, 0.60); border: 1px solid var(--fz-line);
  color: var(--fz-text-2); font-size: var(--fz-text-sm); font-weight: var(--fz-w-bold);
  font-family: var(--fz-font-mono); cursor: pointer;
}
.wdw .wd-quick button.on { background: var(--fz-cyan-soft); border-color: var(--fz-cyan); color: var(--fz-cyan); }
.wdw .wd-quick button[data-q="max"] { color: var(--fz-gold); }
.wdw .wd-quick button[data-q="max"].on { background: var(--fz-gold-soft); border-color: var(--fz-gold); color: var(--fz-gold); }
.wdw .wd-quick button:disabled { opacity: .4; cursor: not-allowed; }


.wdw .wd-wager { border-radius: var(--fz-r-lg); padding: 12px; margin-top: 12px; border: 1px solid var(--fz-line); }
.wdw .wd-wager.bad { background: var(--fz-gold-soft); border-color: rgba(245, 200, 66, 0.28); }
.wdw .wd-wager__h { display: flex; align-items: center; gap: 6px; font-size: var(--fz-text-sm); font-weight: var(--fz-w-bold); color: var(--fz-gold); }
.wdw .wd-wager__h svg { width: 15px; height: 15px; }
.wdw .wd-wager__track { height: 7px; border-radius: var(--fz-r-full); background: rgba(0,0,0,0.35); margin: 9px 0; overflow: hidden; }
.wdw .wd-wager__fill { height: 100%; background: var(--fz-grad-gold); }
.wdw .wd-wager__row { display: flex; justify-content: space-between; font-size: var(--fz-text-xs); color: var(--fz-text-2); }
.wdw .wd-err { background: var(--fz-danger-soft); border: 1px solid rgba(224, 82, 77, 0.3); border-radius: var(--fz-r-md); padding: 10px 12px; font-size: var(--fz-text-xs); color: var(--fz-danger); margin-top: 10px; }


.wdw .wd-headline { text-align: center; padding: 8px 0 14px; }
.wdw .wd-headline__lbl { display: block; font-size: var(--fz-text-xs); text-transform: uppercase; letter-spacing: var(--fz-track-eyebrow); color: var(--fz-text-3); }
.wdw .wd-headline__amt { display: block; font-family: var(--fz-font-mono); font-size: 34px; font-weight: var(--fz-w-black); color: var(--fz-gold); letter-spacing: var(--fz-track-tight); margin-top: 4px; }
.wdw .wd-sum { background: rgba(18, 42, 51, 0.60); border: 1px solid var(--fz-line); border-radius: var(--fz-r-xl); overflow: hidden; }
.wdw .wd-sum__row { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; border-bottom: 1px solid var(--fz-line-faint); }
.wdw .wd-sum__row:last-child { border-bottom: 0; }
.wdw .wd-sum__row .k { font-size: var(--fz-text-sm); color: var(--fz-text-3); }
.wdw .wd-sum__row .v { font-size: var(--fz-text-sm); font-weight: var(--fz-w-bold); color: var(--fz-text); }
.wdw .wd-sum__row .v.wd-mono, .wdw .wd-mono { font-family: var(--fz-font-mono); }
.wdw .wd-sum__row.big { background: rgba(41, 182, 232, 0.06); }
.wdw .wd-sum__row.big .k { color: var(--fz-text-2); font-weight: var(--fz-w-bold); }
.wdw .wd-sum__row.big .v { font-size: 17px; font-weight: var(--fz-w-black); color: var(--fz-white); }
.wdw .wd-notice { display: flex; gap: 8px; align-items: flex-start; border-radius: var(--fz-r-lg); padding: 11px 12px; margin-top: 12px; font-size: var(--fz-text-xs); line-height: var(--fz-leading-body); }
.wdw .wd-notice svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }
.wdw .wd-notice--cyan { background: var(--fz-cyan-soft); border: 1px solid var(--fz-teal-line); color: var(--fz-text-2); }
.wdw .wd-notice--cyan svg { color: var(--fz-cyan); }
.wdw .wd-notice.warn { background: var(--fz-gold-soft); border: 1px solid rgba(245,200,66,0.28); color: var(--fz-text-2); }
.wdw .wd-notice.warn svg { color: var(--fz-gold); }


.wdw .wd-ft { padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--fz-line); gap: 10px; }
.wdw .wd-btn { border-radius: var(--fz-r-xl); font-weight: var(--fz-w-bold); }
.wdw .wd-btn--ghost { background: var(--fz-surface); border: 1px solid var(--fz-line); color: var(--fz-text-2); }
.wdw .wd-btn--primary { background: var(--fz-grad-gold); border: none; color: var(--fz-on-gold); box-shadow: var(--fz-glow-gold); }
.wdw .wd-btn--primary:disabled { background: var(--fz-surface-2); color: var(--fz-text-3); box-shadow: none; }

#modal-withdraw.wd-v2 #wd-submit:not(:disabled) { background: var(--fz-grad-green); color: var(--fz-on-green); box-shadow: var(--fz-glow-green); }


.wdw .wd-done { text-align: center; padding: 26px 12px; }
.wdw .wd-done__ic {
  width: 64px; height: 64px; margin: 0 auto 14px; border-radius: var(--fz-r-full);
  display: flex; align-items: center; justify-content: center;
  background: var(--fz-green-soft); color: var(--fz-green); box-shadow: var(--fz-glow-green);
}
.wdw .wd-done__ic svg { width: 34px; height: 34px; }
.wdw .wd-done__t { font-size: 17px; font-weight: var(--fz-w-bold); color: var(--fz-white); }
.wdw .wd-done__amt { font-family: var(--fz-font-mono); font-size: 30px; font-weight: var(--fz-w-black); color: var(--fz-gold); margin: 8px 0; letter-spacing: var(--fz-track-tight); }
.wdw .wd-done__tx { font-family: var(--fz-font-mono); font-size: var(--fz-text-xs); color: var(--fz-text-3); }
.wdw .wd-done__hint { display: inline-flex; align-items: center; gap: 6px; margin: 12px 0 4px; font-size: var(--fz-text-xs); color: var(--fz-green); }
.wdw .wd-done__hint svg { width: 15px; height: 15px; }
.wdw .wd-done__s { font-size: var(--fz-text-sm); color: var(--fz-text-2); line-height: var(--fz-leading-body); margin-top: 6px; }






#modal-wallet .wv {
  --w-bg: var(--fz-navy-deep);
  --w-surface: var(--fz-surface);
  --w-surface2: var(--fz-surface-2);
  --w-border: var(--fz-line);
  --w-border2: var(--fz-line-2);
  --w-text: var(--fz-white);
  --w-text2: var(--fz-text);
  --w-text3: var(--fz-text-2);
  --w-text4: var(--fz-text-3);
  --w-muted: var(--fz-text-3);
  --w-dim: var(--fz-text-3);
  --w-gold: var(--fz-gold);
  --w-green: var(--fz-green);
  --w-green-dep: var(--fz-green-deep);
  --w-blue: var(--fz-cyan);
  --w-purple: var(--fz-cyan-deep);
  --fzw-gold: var(--fz-gold);
  --fzw-green: var(--fz-green);
  background: var(--fz-navy-deep);
}


#modal-wallet .wv-bal {
  position: relative;
  margin: 14px 16px 4px;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(96, 206, 238, 0.32);
  background: linear-gradient(158deg, rgba(16, 52, 66, 0.86) 0%, rgba(8, 24, 35, 0.93) 55%, rgba(6, 18, 27, 0.96) 100%);
  
  box-shadow:
    inset 0 1px 0 rgba(190, 240, 255, 0.22),
    inset 0 -30px 60px rgba(4, 14, 22, 0.5),
    0 24px 60px rgba(2, 12, 22, 0.6),
    0 0 70px rgba(41, 182, 232, 0.14);
  overflow: hidden;
}

#modal-wallet .wv-bal::before {
  content: "";
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(60% 55% at 30% 0%, rgba(96, 220, 255, 0.22), transparent 70%),
    linear-gradient(90deg, transparent, rgba(150, 235, 255, 0.6), transparent) top / 100% 1px no-repeat;
}

#modal-wallet .wv-bal::after {
  content: "";
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.5) 38%, rgba(41, 182, 232, 0.2) 44%, transparent 46%),
    radial-gradient(circle, rgba(150, 235, 255, 0.55) 40%, transparent 44%),
    radial-gradient(circle, rgba(255, 255, 255, 0.4) 40%, transparent 44%);
  background-size: 7px 7px, 5px 5px, 4px 4px;
  background-position: 78% 68%, 60% 82%, 88% 40%;
  background-repeat: no-repeat;
  animation: fzw-bubbles 7s var(--fz-ease-in-out) infinite;
}
@keyframes fzw-bubbles { 0% { transform: translateY(8px); opacity: 0; } 35% { opacity: 1; } 100% { transform: translateY(-18px); opacity: 0; } }
#modal-wallet .wv-bal > * { position: relative; z-index: 1; }

#modal-wallet .wv-bal-lbl { color: var(--fz-text-3); letter-spacing: var(--fz-track-caps); }
#modal-wallet .wv-bal-num { font-family: var(--fz-font-mono); color: var(--fz-white); letter-spacing: var(--fz-track-tight); }
#modal-wallet .wv-bal-sub { color: var(--fz-text-3); }
#modal-wallet .wv-refresh { background: rgba(255, 255, 255, 0.06); border: 1px solid var(--fz-line-2); color: var(--fz-cyan); border-radius: var(--fz-r-md); }
#modal-wallet .wv-refresh:hover { background: var(--fz-cyan-soft); }


#modal-wallet .wv-sub { background: rgba(6, 20, 28, 0.5); border: 1px solid var(--fz-line); border-radius: var(--fz-r-md); }
#modal-wallet .wv-sub-lbl { color: var(--fz-text-3); }


#modal-wallet .wv-act.dep { background: var(--fz-grad-gold); color: var(--fz-on-gold); box-shadow: var(--fz-glow-gold); }
#modal-wallet .wv-act.wd { background: var(--fz-surface); border: 1px solid var(--fz-line-2); color: var(--fz-text); }


#modal-wallet .wv-qi { background: rgba(6, 20, 28, 0.5); border: 1px solid var(--fz-line); border-radius: var(--fz-r-md); }
#modal-wallet .wv-tix-h-l { color: var(--fz-text-3); letter-spacing: var(--fz-track-caps); }
#modal-wallet .wv-tix-h-r { color: var(--fz-cyan); }
#modal-wallet .wv-trow { background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface)); border: 1px solid var(--fz-line); border-radius: var(--fz-r-lg); }
#modal-wallet .wv-tico { border-radius: var(--fz-r-md); }
#modal-wallet .wv-ig { background: linear-gradient(135deg, var(--fz-teal-2), var(--fz-navy)); border: 1px solid var(--fz-teal-line); border-radius: var(--fz-r-lg); }
#modal-wallet .wv-ig-ico { background: var(--fz-cyan-soft); border: 1px solid var(--fz-teal-line); border-radius: var(--fz-r-md); }
#modal-wallet .wv-ig-lbl { color: var(--fz-text-3); }
#modal-wallet .wv-ig-val { font-family: var(--fz-font-mono); color: var(--fz-white); }
#modal-wallet .wv-ig-btn { background: var(--fz-cyan-soft); border: 1px solid var(--fz-cyan); color: var(--fz-cyan); border-radius: var(--fz-r-md); }
#modal-wallet .wv-ig-btn:disabled { opacity: .4; }
#modal-wallet .wv-tip { color: var(--fz-text-3); }


#modal-wallet .wv-turn {
  margin: 12px 16px 0;
  padding: 14px;
  background: rgba(8, 28, 38, 0.62);
  
  border: 1px solid rgba(96, 206, 238, 0.2);
  border-radius: var(--fz-r-lg);
}
#modal-wallet .wv-turn-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
#modal-wallet .wv-turn-lbl { font-size: var(--fz-text-xs); font-weight: var(--fz-w-bold); text-transform: uppercase; letter-spacing: var(--fz-track-caps); color: var(--fz-text-3); }
#modal-wallet .wv-turn-val { font-family: var(--fz-font-mono); font-size: var(--fz-text-sm); font-weight: var(--fz-w-bold); color: var(--fz-text); }
#modal-wallet .wv-turn-track { height: 6px; border-radius: var(--fz-r-full); background: rgba(4, 16, 24, 0.7); overflow: hidden; }
#modal-wallet .wv-turn-fill { height: 100%; border-radius: var(--fz-r-full); background: linear-gradient(90deg, var(--fz-cyan-deep), var(--fz-cyan)); box-shadow: 0 0 12px rgba(41, 182, 232, 0.55); }
#modal-wallet .wv-turn-go { margin-top: 8px; font-size: var(--fz-text-xs); color: var(--fz-text-2); }


#modal-wallet .wv-tx { padding: 16px; }
#modal-wallet .wv-tx-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
#modal-wallet .wv-tx-h-l { font-size: var(--fz-text-xs); font-weight: var(--fz-w-bold); text-transform: uppercase; letter-spacing: var(--fz-track-caps); color: var(--fz-text-3); }
#modal-wallet .wv-tx-h-r { font-size: var(--fz-text-xs); font-weight: var(--fz-w-bold); color: var(--fz-cyan); cursor: pointer; }
#modal-wallet .wv-txrow {
  display: flex; align-items: center; gap: 11px;
  padding: 11px 12px; margin-bottom: 8px;
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface));
  border: 1px solid var(--fz-line); border-radius: 11px;
}
#modal-wallet .wv-txrow:last-child { margin-bottom: 0; }
#modal-wallet .wv-txico { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
#modal-wallet .wv-txico svg { width: 18px; height: 18px; }
#modal-wallet .wv-txmid { flex: 1; min-width: 0; }
#modal-wallet .wv-txlbl { font-size: 13px; font-weight: var(--fz-w-semibold); color: var(--fz-white); }
#modal-wallet .wv-txsub { font-size: var(--fz-text-xs); color: var(--fz-text-3); margin-top: 1px; }
#modal-wallet .wv-txamt { font-family: var(--fz-font-mono); font-size: 13px; font-weight: var(--fz-w-bold); font-variant-numeric: tabular-nums; flex-shrink: 0; }
#modal-wallet .wv-txempty { text-align: center; padding: 18px; font-size: var(--fz-text-sm); color: var(--fz-text-3); background: rgba(6, 20, 28, 0.4); border: 1px dashed var(--fz-line-2); border-radius: 11px; }


#modal-wallet .modal {
  border: 1px solid rgba(41, 182, 232, 0.30) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(2, 12, 22, 0.6), 0 0 60px rgba(41, 182, 232, 0.10) !important;
  overflow: hidden !important;
}

#modal-wallet .wv {
  background: linear-gradient(158deg, rgba(16,52,66,0.90) 0%, rgba(8,24,35,0.94) 55%, rgba(6,18,27,0.96) 100%) !important;
}

#modal-wallet .wv-title {
  font-family: var(--fz-font-display) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  letter-spacing: var(--fz-track-caps, 0.04em) !important;
  color: var(--fz-white) !important;
}


@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;
  }
  html body #modal-wallet.modal-backdrop.show {
    display: block !important;               
    z-index: 200 !important;
    background: transparent !important;      
    overflow-y: auto !important;             
    overflow-x: hidden !important;
  }
  
  body:has(#modal-wallet.modal-backdrop.show) { overflow: hidden !important; }
  body:has(#modal-wallet.modal-backdrop.show) #apk-banner,
  body:has(#modal-wallet.modal-backdrop.show) .bs-container { visibility: hidden !important; }
  
  html body #modal-wallet .modal {
    max-width: 560px !important;
    width: 100% !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 24px 16px !important;
    animation: none !important;
  }
  html body #modal-wallet .wv {
    background: transparent !important;
    border-radius: 0 !important;
    max-height: none !important;
    animation: none !important;
  }
  
  #modal-wallet .wv-top { justify-content: flex-start !important; align-items: center !important; padding: 0 0 4px !important; }
  #modal-wallet .wv-x, #modal-wallet .wv-grip { display: none !important; }
  
}
@media (max-width: 979px) {
  
}


@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;
  }
  html body #modal-wallet.modal-backdrop.show {
    display: block !important;
    z-index: 45 !important;                   
    overflow-y: auto !important;
    overflow-x: hidden !important;
    animation: none !important;
  }
  body:has(#modal-wallet.modal-backdrop.show) { overflow: hidden !important; }
  body:has(#modal-wallet.modal-backdrop.show) #apk-banner,
  body:has(#modal-wallet.modal-backdrop.show) .bs-container { visibility: hidden !important; }
  
  html body #modal-wallet .modal {
    max-width: 560px !important;
    width: 100% !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px 16px calc(96px + env(safe-area-inset-bottom, 0px)) !important; 
    animation: none !important;
    transform: none !important;
  }
  html body #modal-wallet .wv {
    background: transparent !important;
    border-radius: 0 !important;
    max-height: none !important;
    animation: none !important;
  }
  #modal-wallet .wv-top { justify-content: flex-start !important; align-items: center !important; padding: 0 0 4px !important; }
  #modal-wallet .wv-x, #modal-wallet .wv-grip { display: none !important; }
  
  html body #modal-wallet.modal-backdrop .modal::before { display: none !important; content: none !important; }
}


#modal-wallet .wv-back {
  display: flex !important;
  width: 34px !important; height: 34px !important;
  min-height: 0 !important; max-height: 34px !important;
  padding: 0 !important; box-sizing: border-box !important; flex-shrink: 0 !important;
}


@supports not (-webkit-touch-callout: none) {
  #modal-wallet .wv .wv-balcard {
    background: linear-gradient(158deg, rgba(16, 52, 66, 0.66) 0%, rgba(8, 24, 35, 0.82) 55%, rgba(6, 18, 27, 0.86) 100%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
    backdrop-filter: blur(22px) saturate(1.35) !important;
  }
}






.baw, .ba-sov, .ba-cm {
  --ba-bg: var(--fz-navy-deep);
  --ba-surface: var(--fz-surface);
  --ba-surface2: var(--fz-surface-2);
  --ba-border: var(--fz-line);
  --ba-border2: var(--fz-line-2);
  --ba-gold: var(--fz-gold);
  --ba-gold-bg: var(--fz-gold-soft);
  --ba-gold-border: rgba(245, 200, 66, 0.35);
  --ba-blue: var(--fz-cyan);
  --ba-blue-bg: var(--fz-cyan-soft);
  --ba-blue-border: rgba(41, 182, 232, 0.3);
  --ba-green: var(--fz-green);
  --ba-green-bg: var(--fz-green-soft);
  --ba-green-border: rgba(30, 213, 113, 0.3);
  --ba-red: var(--fz-red);
  --ba-red-bg: var(--fz-red-soft);
  --ba-red-border: rgba(224, 35, 75, 0.28);
  --ba-text: var(--fz-text);
  --ba-text2: var(--fz-text-2);
  --ba-text3: var(--fz-text-3);
  --ba-text4: var(--fz-line-2);
}
.baw { background: transparent; }


.pf3-subpage, #pf3-subpage { background: var(--fz-navy-deep); }
.pf3-subpage-header { border-bottom: 1px solid var(--fz-teal-line); background: linear-gradient(180deg, var(--fz-teal-2), var(--fz-navy)); }
.pf3-back {
  width: 34px; height: 34px; border-radius: var(--fz-r-full); flex-shrink: 0;
  background: rgba(7, 8, 13, 0.4); border: 1px solid var(--fz-line-2); color: var(--fz-text-2);
  display: flex; align-items: center; justify-content: center;
}
.pf3-back svg { width: 16px; height: 16px; }   
#pf3-subpage-title {
  font-family: var(--fz-font-display); font-weight: var(--fz-w-bold);
  font-size: clamp(24px, 3.4vw, 32px); letter-spacing: var(--fz-track-caps);
  text-transform: uppercase; color: var(--fz-white);
}


.ba-sub { font-size: 13px; color: var(--fz-text-2); line-height: var(--fz-leading-body); margin-bottom: 14px; }
.ba-sub b { color: var(--fz-gold); font-weight: var(--fz-w-bold); }
.ba-seclbl { font-size: var(--fz-text-xs); font-weight: var(--fz-w-bold); text-transform: uppercase; letter-spacing: var(--fz-track-caps); color: var(--fz-text-3); margin: 14px 0 8px; }


.ba-card {
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface));
  border: 1px solid var(--fz-line); border-radius: 16px; overflow: hidden;
  margin-bottom: 10px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.ba-card__top { display: flex; align-items: center; gap: 12px; padding: 16px; }
.ba-card__ic {
  width: 46px; height: 46px; border-radius: 11px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--fz-font-mono); font-size: 13px; font-weight: var(--fz-w-black);
  letter-spacing: 0.02em;   
}
.ba-card__info { flex: 1; min-width: 0; }
.ba-card__bank { font-size: 14px; font-weight: var(--fz-w-black); color: var(--fz-white); display: flex; align-items: center; gap: 8px; }
.ba-card__acc { font-family: var(--fz-font-mono); font-size: 12px; color: var(--fz-text-3); margin-top: 3px; }
.ba-card__holder { font-size: 12px; color: var(--fz-text-2); margin-top: 2px; }
.ba-badge {
  font-size: 9px; font-weight: var(--fz-w-black); text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--fz-gold); background: var(--fz-gold-soft); border: 1px solid rgba(245, 200, 66, 0.35);
  border-radius: 5px; padding: 2px 6px;
}

.ba-card__bar { display: flex; gap: 6px; padding: 10px 12px; border-top: 1px solid var(--fz-line-faint); }
.ba-act {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  padding: 8px; border-radius: var(--fz-r-md); font-size: var(--fz-text-xs); font-weight: var(--fz-w-bold);
  cursor: pointer; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--fz-line); color: var(--fz-text-2);
  transition: all var(--fz-dur-fast) var(--fz-ease-out);
}
.ba-act svg { width: 14px; height: 14px; }
.ba-act--default { color: var(--fz-cyan); background: rgba(41, 182, 232, 0.1); border-color: rgba(41, 182, 232, 0.3); }
.ba-act--default.is-default { color: var(--fz-gold); background: var(--fz-gold-soft); border-color: rgba(245, 200, 66, 0.35); }
.ba-act--edit.locked { opacity: 0.5; }
.ba-act:hover { border-color: var(--fz-line-2); }


.ba-empty {
  display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center;
  padding: 26px 16px; border: 1px dashed var(--fz-line-2); border-radius: var(--fz-r-lg);
  color: var(--fz-text-2); font-size: var(--fz-text-sm);
}
.ba-empty svg { width: 30px; height: 30px; color: var(--fz-text-3); }


.ba-addfull {
  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 4px; padding: 13px; cursor: pointer;
  background: rgba(41, 182, 232, 0.08); border: 1px dashed rgba(41, 182, 232, 0.4);
  border-radius: var(--fz-r-lg); color: var(--fz-cyan); font-size: var(--fz-text-sm); font-weight: var(--fz-w-bold);
}
.ba-addfull svg { width: 16px; height: 16px; }
.ba-addfull:disabled { opacity: 0.4; cursor: not-allowed; border-style: solid; color: var(--fz-text-3); }


.ba-sec { display: flex; align-items: flex-start; gap: 8px; margin-top: 14px; font-size: var(--fz-text-xs); color: var(--fz-text-3); line-height: var(--fz-leading-body); }
.ba-sec svg { width: 15px; height: 15px; color: var(--fz-cyan); flex-shrink: 0; margin-top: 1px; }


.ba-sov { background: rgba(0, 0, 0, 0.66); }
.ba-sheet {
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface));
  border: 1px solid var(--fz-line-2); border-radius: 22px 22px 0 0;
  box-shadow: var(--fz-shadow-sheet);
}
.ba-grab { background: var(--fz-line-2); }
.ba-sh-head { border-bottom: 1px solid var(--fz-line); }
.ba-sh-title { font-family: var(--fz-font-display); font-weight: var(--fz-w-bold); text-transform: uppercase; letter-spacing: var(--fz-track-caps); color: var(--fz-white); }
.ba-sh-x { background: var(--fz-surface); border: 1px solid var(--fz-line); color: var(--fz-text-2); border-radius: var(--fz-r-full); }


.ba-field2 { margin-bottom: 14px; }
.ba-flbl2 { display: block; font-size: 11px; font-weight: var(--fz-w-black); text-transform: uppercase; letter-spacing: 0.04em; color: var(--fz-text-3); margin-bottom: 7px; }
.ba-input {
  width: 100%; box-sizing: border-box; padding: 11px 12px;
  background: var(--fz-navy); border: 1px solid var(--fz-line-2); border-radius: 10px;
  color: var(--fz-white); font-size: 14px; outline: none;
}
.ba-input:focus { border-color: var(--fz-cyan); box-shadow: var(--fz-glow-cyan); }
.ba-input[readonly] { color: var(--fz-text-2); background: rgba(7, 8, 13, 0.5); }
.ba-input.err { border-color: var(--fz-red); }

#ba-f-bsb, #ba-f-acc, #ba-f-payid { font-family: var(--fz-font-mono); letter-spacing: 0.04em; }


.ba-dd { position: relative; }
.ba-dd__trig {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 11px 12px; background: var(--fz-navy); border: 1px solid var(--fz-line-2);
  border-radius: 10px; color: var(--fz-white); cursor: pointer;
}
.ba-dd__trig.placeholder { color: var(--fz-text-faint); }
.ba-dd__trig.err { border-color: var(--fz-red); }
.ba-dd__trig svg { width: 16px; height: 16px; color: var(--fz-text-3); }
.ba-dd__list {
  display: none; position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 20;
  max-height: 240px; overflow-y: auto; padding: 6px;
  background: rgba(6, 20, 28, 0.96); border: 1px solid var(--fz-line-2); border-radius: 10px;
  box-shadow: var(--fz-shadow-lg);
}
.ba-dd__list.open { display: block; }
.ba-dd__opt { padding: 9px 10px; border-radius: var(--fz-r-sm); color: var(--fz-text); cursor: pointer; font-size: 13px; }
.ba-dd__opt:hover { background: var(--fz-surface-2); }
.ba-dd__opt.sel { background: var(--fz-cyan-soft); color: var(--fz-cyan); }


.ba-toggle { display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 4px 0; }
.ba-toggle__sw { width: 40px; height: 22px; border-radius: var(--fz-r-full); background: var(--fz-surface-3); border: 1px solid var(--fz-line-2); position: relative; flex-shrink: 0; transition: background var(--fz-dur-fast) var(--fz-ease-out); }
.ba-toggle__sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: var(--fz-r-full); background: var(--fz-text-2); transition: transform var(--fz-dur-fast) var(--fz-ease-out); }
.ba-toggle.on .ba-toggle__sw { background: var(--fz-cyan); border-color: var(--fz-cyan); }
.ba-toggle.on .ba-toggle__sw::after { transform: translateX(18px); background: var(--fz-on-cyan); }
.ba-toggle__lbl { font-size: 13px; color: var(--fz-text); }


.ba-hint-green { display: flex; align-items: center; gap: 6px; margin-top: 7px; font-size: var(--fz-text-xs); color: var(--fz-green); }
.ba-hint-green svg { width: 14px; height: 14px; }
.ba-hint { font-size: var(--fz-text-xs); color: var(--fz-text-3); margin-top: 4px; }
.ba-ferr { font-size: var(--fz-text-xs); color: var(--fz-red); margin-top: 5px; min-height: 12px; }
.ba-savebtn, .ba-closebtn {
  width: 100%; padding: 14px; border-radius: var(--fz-r-xl); border: none; cursor: pointer;
  font-size: 14px; font-weight: var(--fz-w-bold);
  background: var(--fz-grad-gold); color: var(--fz-on-gold); box-shadow: var(--fz-glow-gold);
}
.ba-savebtn.disabled, .ba-savebtn:disabled { background: var(--fz-surface-2); color: var(--fz-text-3); box-shadow: none; cursor: not-allowed; }
.ba-closebtn { background: var(--fz-surface); color: var(--fz-text); box-shadow: none; border: 1px solid var(--fz-line-2); }
.ba-spin { display: inline-block; width: 15px; height: 15px; border: 2px solid rgba(20, 17, 10, 0.3); border-top-color: var(--fz-on-gold); border-radius: 50%; animation: ba-spin 0.7s linear infinite; }
@keyframes ba-spin { to { transform: rotate(360deg); } }


.ba-drow { display: flex; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--fz-line-faint); }
.ba-drow:last-child { border-bottom: 0; }
.ba-drow .k { font-size: 13px; color: var(--fz-text-3); }
.ba-drow .v { font-size: 13px; font-weight: var(--fz-w-semibold); color: var(--fz-text); }






#pf3-subpage .pf-sec-head {
  font-size: var(--fz-text-xs); font-weight: var(--fz-w-black);
  text-transform: uppercase; letter-spacing: var(--fz-track-caps);
  color: var(--fz-text-3);
}


#pf3-subpage .pf-card {
  background: linear-gradient(180deg, var(--fz-surface-2), var(--fz-surface));
  border: 1px solid var(--fz-line);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
#pf3-subpage .pf-label { color: var(--fz-text-3); }
#pf3-subpage .pf-value { color: var(--fz-white); }
#pf3-subpage .pf-value.mono, #pf3-subpage .pf-value-readonly { color: var(--fz-text-2); }


#pf3-subpage .pf-input {
  background: var(--fz-navy) !important;
  border: 1px solid var(--fz-line-2) !important;
  border-radius: 10px !important;
  color: var(--fz-white) !important;
  padding: 11px 12px !important;
}

#pf3-subpage .pf-input[data-_eye] { padding-right: 36px !important; }

#pf3-subpage .pf-input:focus {
  border-color: var(--fz-cyan) !important;
  background: var(--fz-navy) !important;
  box-shadow: 0 0 0 3px var(--fz-cyan-soft), var(--fz-glow-cyan) !important;
  outline: none !important;
}
#pf3-subpage .pf-input::placeholder { color: var(--fz-text-faint); }


#pf3-subpage .pf-btn-save {
  background: var(--fz-grad-green);
  color: var(--fz-on-green);
  border-radius: var(--fz-r-md);
}
#pf3-subpage #btn-change-pw {
  background: var(--fz-grad-gold);
  color: var(--fz-on-gold);
  border-radius: var(--fz-r-lg);
  box-shadow: var(--fz-glow-gold);
}


#pf3-subpage .sec-vcard { transition: border-color var(--fz-dur-fast) var(--fz-ease-out); }
#pf3-subpage .sec-vcard[data-go="1"]:hover { border-color: var(--fz-cyan); }
#pf3-subpage .sec-vbadge {
  font-size: 9px; font-weight: var(--fz-w-black); text-transform: uppercase; letter-spacing: 0.04em;
  border-radius: 5px; padding: 3px 8px; white-space: nowrap;
}
#pf3-subpage .sec-vbadge.ok   { color: var(--fz-green); background: var(--fz-green-soft); border: 1px solid rgba(30, 213, 113, 0.35); }
#pf3-subpage .sec-vbadge.warn { color: var(--fz-gold);  background: var(--fz-gold-soft);  border: 1px solid rgba(245, 200, 66, 0.35); }


#modal-profile [data-pf-section="quick"] { display: grid; }
#modal-profile [data-pf-section="stats"] { display: grid; }


#modal-profile .pf3-back, #modal-profile #pf3-eye-toggle,
#wv-x, #wd-x, #dp-back, .pm-sx, .nf-back, .lc-head__back,
#modal-auth .auth-v3-close, #modal-invite [data-close] {
  position: relative;
}
#modal-profile .pf3-back::after, #modal-profile #pf3-eye-toggle::after,
#wv-x::after, #wd-x::after, #dp-back::after, .pm-sx::after, .nf-back::after,
.lc-head__back::after, #modal-auth .auth-v3-close::after,
#modal-invite [data-close]::after {
  content: ""; position: absolute; inset: -10px;
}


@media (min-width: 980px) {
  .pf3-grip { display: none; }
}


#profile-logout-btn:hover { background: rgba(224, 35, 75, .2) !important; border-color: rgba(224, 35, 75, .6) !important; }


@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;
  }
  html body #modal-profile.modal-backdrop.show {
    display: block !important;               
    z-index: 200 !important;
    background: transparent !important;      
    overflow-y: auto !important;             
    overflow-x: hidden !important;
    align-items: initial !important;
    justify-content: initial !important;
    animation: fzProfileFade .22s ease both; 
  }
  
  body:has(#modal-profile.modal-backdrop.show) { overflow: hidden !important; }
  body:has(#modal-profile.modal-backdrop.show) #apk-banner,
  body:has(#modal-profile.modal-backdrop.show) .bs-container { visibility: hidden !important; }
  
  html body #modal-profile .pf-v4 {
    max-width: 600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 24px 4px !important;
    overflow: visible !important;
    transform: none !important;
    animation: none !important;
  }
  
  html body #modal-profile .pf3-close { display: none !important; }
  html body #modal-profile .pf3-grip { display: none !important; }
  html body #modal-profile .pf3-return-row { display: flex !important; margin: 2px 12px 14px !important; }
}
@keyframes fzProfileFade { from { opacity: 0; } to { opacity: 1; } }


#modal-profile #pf3-subpage,
#modal-profile .pf3-subpage {
  background: transparent !important;
}

#modal-profile .pf-v4:has(> #pf3-subpage.open) > :not(#pf3-subpage) {
  visibility: hidden !important;
}


#modal-profile .pf3-subpage-header {
  background: transparent !important;
  border-bottom: none !important;
  max-width: 600px !important; width: 100% !important; margin: 0 auto !important;
  padding: 22px 16px 6px !important; box-sizing: border-box !important;
}
#modal-profile #pf3-subpage-title {
  font-family: var(--fz-font-display, Oswald, Inter, sans-serif) !important;
  font-size: clamp(24px, 3.4vw, 32px) !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: var(--fz-track-caps, .04em) !important;
  color: var(--fz-white, #fff) !important;
}
#modal-profile .pf3-back, #modal-profile #pf3-back {
  width: 34px !important; height: 34px !important; min-height: 0 !important;
  border-radius: 50% !important; flex-shrink: 0 !important;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
  background: rgba(7,8,13,.4) !important; color: var(--fz-text-2, #A6B0BC) !important;
}
#modal-profile #pf3-subpage-body {
  max-width: 600px !important; width: 100% !important; margin: 0 auto !important;
}


#pf3-version{display:none !important;}


@media (min-width: 980px) {
  html body #modal-profile .pf-v4 { max-width: 1060px !important; padding: 24px 16px !important; }
  #modal-profile .pf-v4 > div:has(> [data-pf-section="balance"]) {
    columns: 2; column-gap: 20px; padding: 0 12px 16px !important;
  }
  #modal-profile .pf-v4 > div:has(> [data-pf-section="balance"]) > * {
    break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom: 14px !important;
  }
  #modal-profile [data-pf-section="logout"] { padding: 0 !important; }
}


@media (min-width: 980px) {
  html body #modal-deposit.modal-backdrop.show,
  html body #modal-withdraw.modal-backdrop.show,
  html body #modal-topup.modal-backdrop.show,
  html body #modal-payment.modal-backdrop.show,
  html body #modal-bethistory.modal-backdrop.show {
    z-index: 300 !important;
  }
}



#modal-profile .pf3-bc {
  position: relative; overflow: hidden; text-align: left;
  background: linear-gradient(158deg, rgba(16,52,66,0.66) 0%, rgba(8,24,35,0.82) 55%, rgba(6,18,27,0.86) 100%);
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
  border-radius: 16px; padding: 15px; margin-bottom: 12px;
  box-shadow: inset 0 1px 0 rgba(190,240,255,0.18), inset 0 -26px 50px rgba(4,14,22,0.4);
}
#modal-profile .pf3-bc [hidden] { display: none !important; }
.pf3-bc-caustic { position: absolute; top: -60%; left: -10%; width: 120%; height: 130%; background: radial-gradient(60% 55% at 30% 0%, rgba(96,220,255,0.20), transparent 70%); pointer-events: none; }
.pf3-bc-topline { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(150,235,255,0.55), transparent); pointer-events: none; }
.pf3-bc-head { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.pf3-bc-label { font-size: 10px; color: var(--fz-text-3, #6E7B88); text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.pf3-bc-cur { display: flex; align-items: center; gap: 6px; }
.pf3-bc-ccy { font-size: 9px; color: var(--fz-text-3, #6E7B88); letter-spacing: .5px; font-weight: 700; }
#modal-profile .pf3-bc #pf3-eye-toggle { background: none; border: none; cursor: pointer; color: var(--fz-cyan, #29B6E8); padding: 2px; display: flex; align-items: center; }
.pf3-bc-val { position: relative; font-size: 30px; color: var(--fz-white, #fff); font-variant-numeric: tabular-nums; line-height: 1.15; }
.pf3-bc-locked { position: relative; display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 11.5px; font-weight: 700; color: var(--fz-gold, #F5C842); }
.pf3-bc-locked svg { flex-shrink: 0; }
.pf3-bc-clear { position: relative; margin-top: 12px; }
.pf3-bc-clear:empty { display: none; }
.pf3-bc-divider { position: relative; height: 1px; background: var(--fz-line, rgba(255,255,255,.08)); margin: 14px 0 12px; }

.pf3-wp { position: relative; }
.pf3-wp-title { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; letter-spacing: .02em; color: var(--fz-white, #fff); margin-bottom: 10px; }
.pf3-wp-ico { width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--fz-on-gold, #14110A); background: linear-gradient(135deg, var(--fz-gold-hi, #FFE082), var(--fz-gold, #F5C842) 55%, var(--fz-gold-deep, #C08E1A)); }
.pf3-wp-row { margin-top: 8px; }
.pf3-wp-rowhead { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 11px; margin-bottom: 5px; }
.pf3-wp-k { display: inline-flex; align-items: center; gap: 6px; color: var(--fz-text-2, #A6B0BC); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.pf3-wp-met { font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; padding: 1px 6px; border-radius: 999px; color: var(--fz-green, #1ED571); background: var(--fz-green-soft, rgba(30,213,113,.12)); border: 1px solid rgba(30,213,113,.35); }
.pf3-wp-v { color: var(--fz-text-2, #A6B0BC); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pf3-wp-track { height: 8px; border-radius: 999px; overflow: hidden; 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); }
.pf3-wp-fill { height: 100%; width: 0%; min-width: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--fz-gold-deep, #C08E1A), var(--fz-gold, #F5C842) 60%, var(--fz-gold-hi, #FFE082)); box-shadow: 0 0 10px rgba(245,200,66,.45); transition: width .4s ease; }
.pf3-wp-row--winover .pf3-wp-fill { background: linear-gradient(90deg, #1A7F9E, var(--fz-cyan, #29B6E8) 60%, #8FE3FF); box-shadow: 0 0 10px rgba(41,182,232,.45); }
.pf3-wp-row.is-done .pf3-wp-fill { background: linear-gradient(90deg, var(--fz-green-deep, #0F7A40), var(--fz-green, #1ED571)); box-shadow: 0 0 10px rgba(30,213,113,.45); }
.pf3-wp-status { margin-top: 10px; font-size: 12px; line-height: 1.45; color: var(--fz-text-3, #6E7B88); }
.pf3-wp-status.is-ok { color: var(--fz-green, #1ED571); font-weight: 700; }
.pf3-wp-status-h { color: var(--fz-gold, #F5C842); font-weight: 700; }
.pf3-wp-status-li { position: relative; padding-left: 10px; color: var(--fz-text-2, #A6B0BC); }
.pf3-wp-status-li::before { content: "·"; position: absolute; left: 0; }

#modal-profile .pf3-s2 { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; width: 100%; }
#modal-profile .pf3-s2-btn {
  display: flex; align-items: center; justify-content: flex-start; gap: 10px;
  height: 52px; min-height: 52px; padding: 0 14px; border-radius: 14px;
  border: 1px solid transparent; cursor: pointer; line-height: 1;
  font-family: var(--fz-font-display, 'Oswald', sans-serif); font-weight: 600; font-size: 15px;
  text-transform: uppercase; letter-spacing: .1em;
  transition: transform 120ms ease; -webkit-tap-highlight-color: transparent;
}
#modal-profile .pf3-s2-btn:active { transform: scale(.97); }
.pf3-s2-badge { width: 30px; height: 30px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.pf3-s2-txt { white-space: nowrap; }
#modal-profile .pf3-s2-btn--deposit { background: linear-gradient(135deg, #f7d774, #e0a92c); color: #2a1d03; box-shadow: 0 6px 18px rgba(242,201,76,.25); }
#modal-profile .pf3-s2-btn--deposit .pf3-s2-badge { background: rgba(42,29,3,.18); color: #2a1d03; }
#modal-profile .pf3-s2-btn--withdraw { background: #0f2733; border-color: var(--fz-line-2, rgba(255,255,255,.14)); color: var(--fz-white, #fff); }
#modal-profile .pf3-s2-btn--withdraw .pf3-s2-badge { background: rgba(95,211,232,.14); color: #5fd3e8; }
@media (prefers-reduced-motion: reduce) {
  #modal-profile .pf3-s2-btn { transition: none; }
  #modal-profile .pf3-s2-btn:active { transform: none; }
  .pf3-wp-fill { transition: none; }
}


#modal-profile .pf3-rc { position: relative; text-align: left; margin-bottom: 12px; padding: 16px; border-radius: 16px;
  background: linear-gradient(158deg, rgba(16,52,66,0.66) 0%, rgba(8,24,35,0.82) 55%, rgba(6,18,27,0.86) 100%);
  border: 1px solid #6E5A1E; box-shadow: inset 0 1px 0 rgba(190,240,255,0.18), inset 0 -26px 50px rgba(4,14,22,0.4); animation: pf3RcFade .2s; }
#modal-profile .pf3-rc:empty { display: none; }
@keyframes pf3RcFade { from { opacity: 0 } to { opacity: 1 } }
@keyframes pf3RcPop { from { transform: scale(.92); opacity: 0 } to { transform: scale(1); opacity: 1 } }
.pf3-rc-head { display: flex; align-items: center; gap: 10px; }
.pf3-rc-badge { width: 32px; height: 32px; border-radius: 10px; background: #1A2230; border: 1px solid #6E5A1E; display: flex; align-items: center; justify-content: center; color: var(--fz-gold, #F5C842); font-weight: 800; font-size: 13px; font-family: var(--fz-font-mono, 'JetBrains Mono', monospace); flex: 0 0 32px; }
.pf3-rc-title { font-weight: 800; font-size: 16px; color: var(--fz-white, #fff); }
.pf3-rc-sub { font-size: 12px; color: #8FA6B6; }
.pf3-rc-mono { font-family: var(--fz-font-mono, 'JetBrains Mono', monospace); }
.pf3-rc-row { display: flex; gap: 8px; margin-top: 14px; }
#modal-profile .pf3-rc-input { flex: 1; min-width: 0; height: 48px; background: #0B2130; border: 1px solid #2A5266; border-radius: 12px; padding: 0 14px; color: #fff;
  font-family: var(--fz-font-mono, 'JetBrains Mono', monospace); font-size: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; outline: none; }
#modal-profile .pf3-rc-input::placeholder { color: #5F7A8C; }
#modal-profile .pf3-rc-input.has-val { border-color: var(--fz-gold, #F5C842); }
#modal-profile .pf3-rc-input.is-err { border-color: #7A2E33; }
#modal-profile .pf3-rc-btn { height: 48px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--fz-gold, #F5C842); color: #16202E; font-weight: 800; font-size: 14px; letter-spacing: 0.04em; cursor: pointer; flex: 0 0 auto; font-family: inherit; }
#modal-profile .pf3-rc-btn:disabled { background: #3A3F47; color: #8FA6B6; cursor: default; }
.pf3-rc-note { font-size: 11px; color: #8FA6B6; margin-top: 10px; }
.pf3-rc-msg { display: flex; gap: 10px; margin-top: 12px; padding: 12px 14px; border-radius: 12px; animation: pf3RcPop .18s ease-out; }
.pf3-rc-msg--red { background: #2A1A21; border: 1px solid #7A2E33; }
.pf3-rc-msg--amber { background: #2A2418; border: 1px solid #6E5A1E; }
.pf3-rc-msgicon { width: 20px; height: 20px; border-radius: 50%; color: #0B1D2C; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; flex: 0 0 20px; margin-top: 1px; }
.pf3-rc-msg--red .pf3-rc-msgicon { background: #F0605A; } .pf3-rc-msg--amber .pf3-rc-msgicon { background: var(--fz-gold, #F5C842); }
.pf3-rc-msgt { font-weight: 700; font-size: 13px; } .pf3-rc-msg--red .pf3-rc-msgt { color: #F0605A; } .pf3-rc-msg--amber .pf3-rc-msgt { color: var(--fz-gold, #F5C842); }
.pf3-rc-msgs { font-size: 12px; color: #B7C9D6; margin-top: 3px; line-height: 1.45; }
.pf3-rc-ok { display: flex; align-items: center; gap: 12px; animation: pf3RcPop .2s ease-out; }
.pf3-rc-okicon { width: 40px; height: 40px; border-radius: 50%; background: var(--fz-green, #1ED571); color: #0B1D2C; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; flex: 0 0 40px; }
.pf3-rc-reward { margin-top: 14px; background: #0B2130; border: 1px solid #1C3A4E; border-radius: 12px; padding: 14px; }
.pf3-rc-k { font-size: 11px; color: #8FA6B6; font-weight: 700; letter-spacing: 0.06em; }
.pf3-rc-rt { font-size: 22px; font-weight: 800; color: var(--fz-gold, #F5C842); margin-top: 4px; }
.pf3-rc-rterms { font-size: 12px; color: #B7C9D6; margin-top: 4px; line-height: 1.45; }
.pf3-rc-rby { font-size: 11px; color: #8FA6B6; margin-top: 6px; }
.pf3-rc-gates { margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: #1A2230; border: 1px solid #2A333E; font-size: 12px; color: #B7C9D6; line-height: 1.5; }
.pf3-rc-gates-t { font-weight: 700; color: var(--fz-gold, #F5C842); margin-bottom: 4px; }
.pf3-rc-gate { display: flex; gap: 8px; } .pf3-rc-gate span:first-child { color: #8FA6B6; }
#modal-profile .pf3-rc-go { width: 100%; height: 48px; margin-top: 12px; border: 0; border-radius: 12px; background: var(--fz-gold, #F5C842); color: #16202E; font-weight: 800; font-size: 14px; letter-spacing: 0.04em; cursor: pointer; font-family: inherit; }
#modal-profile .pf3-rc-again { width: 100%; height: 40px; margin-top: 6px; border: 0; background: transparent; color: #8FA6B6; font-weight: 700; font-size: 13px; cursor: pointer; font-family: inherit; }






body:has(#modal-vip.modal-backdrop.show) { overflow: hidden !important; }
body:has(#modal-vip.modal-backdrop.show) #apk-banner,
body:has(#modal-vip.modal-backdrop.show) .bs-container { visibility: hidden !important; }
#modal-vip #vip-content { max-height: none !important; overflow: visible !important; }


@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;
  }
  html body #modal-vip.modal-backdrop.show {
    display: block !important; z-index: 200 !important;
    background: transparent !important;
    overflow-y: auto !important; overflow-x: hidden !important;
  }
  html body #modal-vip .modal {   
    max-width: 1080px !important; width: 100% !important; margin: 0 auto !important;
    min-height: 100% !important; height: auto !important; max-height: none !important;
    background: transparent !important; border: none !important; border-radius: 0 !important;
    box-shadow: none !important; padding: 24px 20px !important; animation: none !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-vip.modal-backdrop.show {
    display: block !important; z-index: 200 !important;
    overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch;
  }
  html body #modal-vip .modal {
    max-width: none !important; width: 100% !important; margin: 0 !important;
    min-height: 100% !important; height: auto !important; max-height: none !important;
    background: transparent !important; border: none !important; border-radius: 0 !important;
    box-shadow: none !important; animation: none !important;
    padding: 18px 14px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  }
}


#modal-vip .fzvip-top { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px; margin-bottom: 6px; }
#modal-vip .fzvip-back {
  width: 28px !important; height: 28px !important; min-height: 0 !important; padding: 0 !important;
  border-radius: 50%; background: rgba(7,8,13,.35); border: 1px solid rgba(210,240,255,.2);
  color: var(--fz-text-2, #A6B0BC); cursor: pointer; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
#modal-vip .fzvip-back::after { content: ""; position: absolute; inset: -8px; } 
#modal-vip .fzvip-back { position: relative; }
#modal-vip .fzvip-back:hover { border-color: var(--fz-cyan, #29B6E8); color: var(--fz-white, #fff); }
#modal-vip .fzvip-title {
  font-family: var(--fz-font-display, Oswald, Inter, sans-serif);
  font-size: clamp(26px, 4vw, 36px); font-weight: 700; text-transform: uppercase;
  letter-spacing: var(--fz-track-caps, .05em); color: var(--fz-gold, #F5C842); line-height: 1.05;
}


@media (prefers-reduced-motion: reduce) {
  #modal-vip * { animation: none !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);
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3,
html body #modal-auth#modal-auth .auth-v3 {
  max-width: 400px !important;
  background:
    linear-gradient(180deg, rgba(9, 38, 50, 0.82) 0%, rgba(4, 14, 22, 0.92) 100%)!important;
  border: 1px solid var(--fz-line-2) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 30px 80px rgba(0, 0, 0, 0.6) !important;
  padding-top: 18px !important;
  padding-bottom: 20px !important;
}


html body #modal-auth#modal-auth .auth-v3 .auth-v3-close {
  background: none !important;
  border: none !important;
  color: var(--fz-text-3) !important;
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close:hover { color: var(--fz-white) !important; }


html body #modal-auth#modal-auth .auth-v3 .auth-v3-logo { height: 26px !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-wordmark {
  font-family: var(--fz-font-display) !important;
  letter-spacing: 0.06em;
  color: var(--fz-white) !important;
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-tag {
  color: var(--fz-text-3) !important;
  font-size: 10px !important;
  letter-spacing: 0.14em;
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px !important;
  background: var(--fz-navy) !important;
  border: 1px solid var(--fz-line) !important;
  border-radius: 999px !important;
  padding: 4px !important;
  margin-bottom: 16px !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab {
  border: none !important;
  border-radius: 999px !important;
  padding: 8px 0 !important;
  
  width: auto !important;
  flex: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--fz-font-body) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: transparent !important;
  color: var(--fz-text-3) !important;
  box-shadow: none !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.auth-v3-tab.active,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-tab.active {
  background: var(--fz-surface-2) !important;
  color: var(--fz-white) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}


html body #modal-auth#modal-auth .auth-v3 #auth-v3-reg-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px !important;
  background: var(--fz-gold-soft) !important;
  border: 1px dashed rgba(245, 200, 66, 0.45) !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  text-align: left !important;
}
html body #modal-auth#modal-auth .auth-v3 #auth-v3-reg-head[style*="display: none"],
html body #modal-auth#modal-auth .auth-v3 #auth-v3-reg-head[style*="display:none"] { display: none !important; }
html body #modal-auth#modal-auth .auth-v3 #auth-v3-reg-head .fz-gift-ico {
  color: var(--fz-gold);
  flex-shrink: 0;
  display: inline-flex;
}
html body #modal-auth#modal-auth .auth-v3 #auth-v3-reg-head .auth-v3-panel-title {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--fz-gold) !important;
  margin: 0 !important;
}
html body #modal-auth#modal-auth .auth-v3 #auth-v3-reg-head .auth-v3-panel-sub {
  font-size: 12px !important;
  color: var(--fz-text) !important;
  margin: 0 !important;
}


html body #modal-auth#modal-auth .auth-v3 #auth-v3-login-head .auth-v3-panel-title {
  font-family: var(--fz-font-display);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--fz-white) !important;
}
html body #modal-auth#modal-auth .auth-v3 #auth-v3-login-head .auth-v3-panel-sub {
  color: var(--fz-text-3) !important;
  font-size: 12px !important;
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input {
  background: rgba(4, 16, 24, 0.6) !important;
  border: 1px solid var(--fz-line) !important;
  border-radius: 10px !important;
  color: var(--fz-text) !important;
  min-height: 44px !important;
  font-family: var(--fz-font-body) !important;
  font-size: 14px !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input::placeholder { color: var(--fz-text-3) !important; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input:focus {
  border-color: var(--fz-cyan) !important;
  box-shadow: 0 0 0 3px rgba(41, 182, 232, 0.15) !important;
  outline: none !important;
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-phone-prefix {
  background: rgba(4, 16, 24, 0.6) !important;
  border: 1px solid var(--fz-line) !important;
  border-radius: 10px !important;
  color: var(--fz-text-2) !important;
  font-family: var(--fz-font-mono);
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-eye { color: var(--fz-cyan) !important; opacity: .75; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-otp-btn {
  background: linear-gradient(180deg, var(--fz-cyan-bright), var(--fz-cyan-deep)) !important;
  color: var(--fz-on-cyan) !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}


html body #modal-auth#modal-auth .auth-v3 .auth-v3-remember-box {
  width: 17px; height: 17px;
  border-radius: 5px !important;
  border: 1px solid var(--fz-line-2) !important;
  background: transparent !important;
  color: var(--fz-on-cyan) !important;
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-remember-cb:checked ~ .auth-v3-remember-box {
  background: var(--fz-cyan) !important;
  border-color: var(--fz-cyan) !important;
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-remember-text { color: var(--fz-text-2) !important; font-size: 12px !important; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-cta {
  background: var(--fz-grad-gold) !important;
  color: var(--fz-on-gold) !important;
  border: none !important;
  border-radius: 12px !important;
  min-height: 44px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  box-shadow: var(--fz-glow-gold) !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-cta:hover { box-shadow: var(--fz-glow-gold-hover) !important; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-link,
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-switch-link { color: var(--fz-cyan) !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-switch-prefix { color: var(--fz-text-3) !important; }


html body #modal-auth#modal-auth .auth-v3 .auth-v3-hint,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-form .bs-error,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-form [id$="-error"] {
  white-space: normal !important;
  overflow: visible !important;
  line-height: 1.45;
}


html body #modal-auth#modal-auth .auth-v3 #ts-login,
html body #modal-auth#modal-auth .auth-v3 #ts-register {
  max-width: 100%;
  overflow: visible !important;
  display: flex;
  justify-content: center;
}


html body #modal-auth#modal-auth .auth-v3 .fz-auth-terms {
  text-align: center;
  font-size: 10px;
  color: var(--fz-text-3);
  margin-top: 12px;
  line-height: 1.6;
}


@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-auth#modal-auth.modal-backdrop .auth-v3,
  html body #modal-auth#modal-auth .auth-v3{
    max-width: none !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    border: none !important;
    border-radius: 0 !important;
    padding-top: max(18px, env(safe-area-inset-top)) !important;
  }
  html body #modal-auth#modal-auth .auth-v3 .auth-v3-close{
    top: max(16px, calc(env(safe-area-inset-top) + 8px)) !important;
  }
  html body #modal-auth#modal-auth .auth-v3 .auth-v3-handle{
    display: none !important;
  }
}


html body #modal-auth#modal-auth .auth-v3 .auth-v3-handle{ display: none !important; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input{ font-size: 16px !important; }





html body .pl-x,
html body .pf3-close,
html body #modal-profile .pf3-back,
html body .wv-x,
html body .fzc-x,
html body .wv-back,
html body #dp-back,
html body #dp-sx,
html body #wd-x,
html body .pm-sx,
html body #modal-promo .pm-back,
html body #pm-back,
html body .pf3-return-row > button[data-close="modal-profile"],
html body #modal-vip [data-close="modal-vip"],
html body #modal-invite [data-close="modal-invite"],
html body .nf-back,
html body .nf-sh-x,
html body .lc-head__back,
html body .cmp-back,
html body #hs-back,
html body .hs-sh-x,
html body .mb-back,
html body #ls-close,
html body #ls-back,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close,
html body .payment-close-x,
html body #fpw-close,
html body .sw-close,
html body #modal-lucky .ld-close,
html body #modal-scratch .sc3-close,
html body #modal-egg .ge3-close,
html body #modal-checkin .ck3-close,
html body #modal-daily .dm3-close,
html body #modal-daily .dm3-back,
html body #fz-mg-back,
html body .bh-x,
html body .pi-sh-x,
html body .ba-sh-x {
  
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  border-radius: 50% !important;
  
  background: linear-gradient(180deg, rgba(14, 44, 58, .72), rgba(5, 16, 24, .85)) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(150, 225, 250, .28) !important;
  color: rgba(200, 235, 250, .85) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 4px 14px rgba(0, 0, 0, .45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 16px !important;              
  transition: border-color .15s ease, color .15s ease, box-shadow .15s ease,
              transform .18s ease !important;
}


html body .pl-x svg,
html body .pf3-close svg,
html body #modal-profile .pf3-back svg,
html body .wv-x svg,
html body .fzc-x svg,
html body .wv-back svg,
html body #dp-back svg,
html body #dp-sx svg,
html body #wd-x svg,
html body .pm-sx svg,
html body #modal-promo .pm-back svg,
html body #pm-back svg,
html body .pf3-return-row > button[data-close="modal-profile"] svg,
html body #modal-vip [data-close="modal-vip"] svg,
html body #modal-invite [data-close="modal-invite"] svg,
html body .nf-back svg,
html body .nf-sh-x svg,
html body .lc-head__back svg,
html body .cmp-back svg,
html body #hs-back svg,
html body .hs-sh-x svg,
html body .mb-back svg,
html body #ls-close svg,
html body #ls-back svg,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close svg,
html body .payment-close-x svg,
html body #fpw-close svg,
html body .sw-close svg,
html body #modal-lucky .ld-close svg,
html body #modal-scratch .sc3-close svg,
html body #modal-egg .ge3-close svg,
html body #modal-checkin .ck3-close svg,
html body #modal-daily .dm3-close svg,
html body #modal-daily .dm3-back svg,
html body #fz-mg-back svg,
html body .bh-x svg,
html body .pi-sh-x svg,
html body .ba-sh-x svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 auto !important;
}


html body .pl-x:hover,
html body .pf3-close:hover,
html body #modal-profile .pf3-back:hover,
html body .wv-x:hover,
html body .fzc-x:hover,
html body .wv-back:hover,
html body #dp-back:hover,
html body #dp-sx:hover,
html body #wd-x:hover,
html body .pm-sx:hover,
html body #modal-promo .pm-back:hover,
html body #pm-back:hover,
html body .pf3-return-row > button[data-close="modal-profile"]:hover,
html body #modal-vip [data-close="modal-vip"]:hover,
html body #modal-invite [data-close="modal-invite"]:hover,
html body .nf-back:hover,
html body .nf-sh-x:hover,
html body .lc-head__back:hover,
html body .cmp-back:hover,
html body #hs-back:hover,
html body .hs-sh-x:hover,
html body .mb-back:hover,
html body #ls-close:hover,
html body #ls-back:hover,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close:hover,
html body .payment-close-x:hover,
html body #fpw-close:hover,
html body .sw-close:hover,
html body #modal-lucky .ld-close:hover,
html body #modal-scratch .sc3-close:hover,
html body #modal-egg .ge3-close:hover,
html body #modal-checkin .ck3-close:hover,
html body #modal-daily .dm3-close:hover,
html body #modal-daily .dm3-back:hover,
html body #fz-mg-back:hover,
html body .bh-x:hover,
html body .pi-sh-x:hover,
html body .ba-sh-x:hover {
  border-color: var(--fz-cyan, #29B6E8) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 0 16px rgba(41, 182, 232, .45) !important;
  transform: rotate(90deg) !important;
}


html body #modal-profile .pf3-back:hover,
html body .wv-back:hover,
html body #dp-back:hover,
html body #modal-promo .pm-back:hover,
html body #pm-back:hover,
html body .pf3-return-row > button[data-close="modal-profile"]:hover,
html body #modal-vip [data-close="modal-vip"]:hover,
html body .nf-back:hover,
html body .lc-head__back:hover,
html body .cmp-back:hover,
html body #hs-back:hover,
html body .mb-back:hover,
html body #ls-back:hover,
html body #fz-mg-back:hover,
html body #modal-daily .dm3-back:hover {
  transform: none !important;
}


html body .pl-x:active,
html body .pf3-close:active,
html body .wv-x:active,
html body .fzc-x:active,
html body #dp-sx:active,
html body #wd-x:active,
html body .pm-sx:active,
html body #modal-invite [data-close="modal-invite"]:active,
html body .nf-sh-x:active,
html body .hs-sh-x:active,
html body #ls-close:active,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close:active,
html body .payment-close-x:active,
html body #fpw-close:active,
html body .sw-close:active,
html body #modal-lucky .ld-close:active,
html body #modal-scratch .sc3-close:active,
html body #modal-egg .ge3-close:active,
html body #modal-checkin .ck3-close:active,
html body #modal-daily .dm3-close:active,
html body .bh-x:active,
html body .pi-sh-x:active,
html body .ba-sh-x:active {
  transform: rotate(90deg) scale(.92) !important;
}


html body .pl-x:focus-visible,
html body .pf3-close:focus-visible,
html body #modal-profile .pf3-back:focus-visible,
html body .wv-x:focus-visible,
html body .fzc-x:focus-visible,
html body .wv-back:focus-visible,
html body #dp-back:focus-visible,
html body #dp-sx:focus-visible,
html body #wd-x:focus-visible,
html body .pm-sx:focus-visible,
html body #modal-promo .pm-back:focus-visible,
html body #pm-back:focus-visible,
html body .pf3-return-row > button[data-close="modal-profile"]:focus-visible,
html body #modal-vip [data-close="modal-vip"]:focus-visible,
html body #modal-invite [data-close="modal-invite"]:focus-visible,
html body .nf-back:focus-visible,
html body .nf-sh-x:focus-visible,
html body .lc-head__back:focus-visible,
html body .cmp-back:focus-visible,
html body #hs-back:focus-visible,
html body .hs-sh-x:focus-visible,
html body .mb-back:focus-visible,
html body #ls-close:focus-visible,
html body #ls-back:focus-visible,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close:focus-visible,
html body .payment-close-x:focus-visible,
html body #fpw-close:focus-visible,
html body .sw-close:focus-visible,
html body #modal-lucky .ld-close:focus-visible,
html body #modal-scratch .sc3-close:focus-visible,
html body #modal-egg .ge3-close:focus-visible,
html body #modal-checkin .ck3-close:focus-visible,
html body #modal-daily .dm3-close:focus-visible,
html body #modal-daily .dm3-back:focus-visible,
html body #fz-mg-back:focus-visible,
html body .bh-x:focus-visible,
html body .pi-sh-x:focus-visible,
html body .ba-sh-x:focus-visible {
  outline: 2px solid var(--fz-cyan, #29B6E8) !important;
  outline-offset: 2px !important;
}


html body .pl-x, html body #modal-profile .pf3-back, html body .wv-x,
html body .fzc-x, html body .wv-back,
html body #dp-back, html body #dp-sx, html body #wd-x, html body #modal-promo .pm-back,
html body #pm-back,
html body .pf3-return-row > button[data-close="modal-profile"],
html body #modal-vip [data-close="modal-vip"], html body .nf-back, html body .nf-sh-x,
html body .lc-head__back, html body .cmp-back, html body #hs-back, html body .hs-sh-x,
html body .mb-back, html body #ls-back, html body #fz-mg-back, html body .bh-x,
html body .pi-sh-x, html body .ba-sh-x {
  position: relative !important;
}
html body .pl-x::after,
html body .pf3-close::after,
html body #modal-profile .pf3-back::after,
html body .wv-x::after,
html body .fzc-x::after,
html body .wv-back::after,
html body #dp-back::after,
html body #dp-sx::after,
html body #wd-x::after,
html body .pm-sx::after,
html body #modal-promo .pm-back::after,
html body #pm-back::after,
html body .pf3-return-row > button[data-close="modal-profile"]::after,
html body #modal-vip [data-close="modal-vip"]::after,
html body #modal-invite [data-close="modal-invite"]::after,
html body .nf-back::after,
html body .nf-sh-x::after,
html body .lc-head__back::after,
html body .cmp-back::after,
html body #hs-back::after,
html body .hs-sh-x::after,
html body .mb-back::after,
html body #ls-close::after,
html body #ls-back::after,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close::after,
html body .payment-close-x::after,
html body #fpw-close::after,
html body .sw-close::after,
html body #modal-lucky .ld-close::after,
html body #modal-scratch .sc3-close::after,
html body #modal-egg .ge3-close::after,
html body #modal-checkin .ck3-close::after,
html body #modal-daily .dm3-close::after,
html body #modal-daily .dm3-back::after,
html body #fz-mg-back::after,
html body .bh-x::after,
html body .pi-sh-x::after,
html body .ba-sh-x::after {
  content: "" !important;
  position: absolute !important;
  inset: -6px !important;
  border-radius: 50% !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
}


html body .pf3-close,
html body .pm-sx,
html body #modal-invite [data-close="modal-invite"],
html body #ls-close,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close,
html body .payment-close-x,
html body #fpw-close,
html body .sw-close,
html body #modal-lucky .ld-close,
html body #modal-scratch .sc3-close,
html body #modal-egg .ge3-close,
html body #modal-checkin .ck3-close,
html body #modal-daily .dm3-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  margin: 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;
}
html body #modal-lucky .modal {
  background:
    linear-gradient(180deg, rgba(9, 38, 50, .85), rgba(4, 14, 22, .94))!important;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 80px rgba(0, 0, 0, .65) !important;
  position: relative !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;   
  justify-content: flex-start !important;
  color: #fff;
}
@media (max-width: 979px) {
  html body #modal-lucky.modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
  html body #modal-lucky .modal {
    width: 100% !important; max-width: 100vw !important;
    border-radius: 18px 18px 0 0 !important; border-bottom: none !important;
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; margin: 0 !important;
  }
}
@media (min-width: 980px) {
  html body #modal-lucky.modal-backdrop { align-items: center !important; padding: 24px !important; }
  html body #modal-lucky .modal {
    width: 100% !important; max-width: 400px !important;
    border-radius: 18px !important; margin: auto !important; max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  }
}


#modal-lucky .ld-head { display: flex; align-items: center; gap: 12px; padding: 18px 20px 0; flex: 0 0 auto; }
#modal-lucky .ld-coin {
  width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  color: #6B4A08;  
  background: radial-gradient(circle at 32% 28%, #FFE082, var(--fz-gold, #F5C842) 45%, #8A6410 100%);
  border: 1px solid rgba(255, 240, 184, .55);
  box-shadow: 0 0 14px rgba(245, 200, 66, .45), inset 0 -2px 4px rgba(0, 0, 0, .3), inset 0 2px 3px rgba(255, 255, 255, .5);
}
#modal-lucky .ld-title {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 22px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--fz-white, #fff); line-height: 1;
  text-shadow: 0 1px 12px rgba(245, 200, 66, .35);
}
#modal-lucky .ld-sub { font-size: 11.5px; color: var(--fz-text-3, #6E7B88); margin-top: 3px; }


#modal-lucky .ld-stage { position: relative; width: 300px; height: 300px; margin: 14px auto 6px; flex: 0 0 auto; }


#modal-lucky .ld-halo {
  position: absolute; inset: -26px; border-radius: 50%; z-index: 0;
  background: radial-gradient(circle, rgba(245, 200, 66, .22), rgba(41, 182, 232, .1) 45%, transparent 72%);
  filter: blur(14px); pointer-events: none;
}


#modal-lucky .ld-lamp { position: absolute; left: 50%; top: 50%; width: 0; height: 0; z-index: 5; pointer-events: none; }
#modal-lucky .ld-lamp i {
  position: absolute; left: -3.5px; top: -144px; width: 7px; height: 7px; border-radius: 50%;
  background: radial-gradient(circle at 34% 30%, #FFFBEA, #FFD24A 55%, #A9750C 100%);
  box-shadow: 0 0 6px 2px rgba(255, 210, 74, .75), 0 0 14px 4px rgba(255, 210, 74, .3);
  animation: ld-bulb 1.4s ease-in-out infinite;
}
@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); }
}


#modal-lucky .ld-brass {
  position: absolute; inset: 0; border-radius: 50%; z-index: 2;
  background: conic-gradient(from 210deg, #6E4A08, #FFE9A8 12%, #C79517 28%, #8A6410 44%, #FFF3C4 58%, #B8860B 74%, #6E4A08 88%);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .55), inset 0 1px 2px rgba(255, 255, 255, .35);
}


#modal-lucky .ld-groove {
  position: absolute; inset: 11px; border-radius: 50%; z-index: 3;
  background: linear-gradient(180deg, #0B141C, #04090E);
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, .75);
}


#modal-lucky .ld-dial {
  position: absolute; inset: 15px; border-radius: 50%; overflow: hidden; z-index: 4;
  transform-origin: 50% 50%;
  will-change: transform;
}

#modal-lucky .ld-glass {
  position: absolute; inset: 15px; border-radius: 50%; z-index: 6; pointer-events: none;
  background: radial-gradient(120% 90% at 28% 12%, rgba(255, 255, 255, .3), rgba(255, 255, 255, .06) 34%, transparent 56%);
  box-shadow: inset 0 0 44px rgba(0, 0, 0, .5), inset 0 -10px 26px rgba(0, 0, 0, .35);
}

#modal-lucky .ld-seg {
  position: absolute; width: 68px; height: 34px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  text-align: center; pointer-events: none;
  transform-origin: 50% 50%;
  will-change: transform;
}
#modal-lucky .ld-seg svg { display: block; }
#modal-lucky .ld-seg-t {
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 13.5px; font-weight: 800; line-height: 1; white-space: nowrap; letter-spacing: -0.01em;
}


#modal-lucky .ld-ptr {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 7;
  display: flex; flex-direction: column; align-items: center; pointer-events: none;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .55));
}
#modal-lucky .ld-ptr-orb {
  width: 15px; height: 15px; border-radius: 50%; z-index: 2;
  background: radial-gradient(circle at 35% 30%, #FFFBEA, #F5C842 50%, #8A6410);
  border: 1px solid rgba(255, 255, 255, .7);
  box-shadow: 0 0 12px rgba(245, 200, 66, .8);
  margin-bottom: -3px;
}
#modal-lucky .ld-ptr-tri {
  width: 0; height: 0;
  border-left: 13px solid transparent; border-right: 13px solid transparent;
  border-top: 26px solid #FFD24A;
}


#modal-lucky .ld-hub { position: absolute; left: 50%; top: 50%; width: 82px; height: 82px; transform: translate(-50%, -50%); z-index: 8; }
#modal-lucky .ld-hub-sheen {
  position: absolute; inset: -6px; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(255, 214, 74, 0), rgba(255, 240, 184, .7), rgba(255, 214, 74, 0) 55%);
  filter: blur(4px);
  animation: ld-rot 3.4s linear infinite;
}
#modal-lucky .ld-hub-disc {
  position: absolute; inset: 0; border-radius: 50%;
  background: radial-gradient(circle at 34% 24%, #FFF6D0, #F5C842 38%, #A9750C 78%, #6E4A08);
  border: 3px solid rgba(255, 255, 255, .45);
  box-shadow: inset 0 -6px 12px rgba(0, 0, 0, .35), inset 0 3px 6px rgba(255, 255, 255, .5), 0 4px 12px rgba(0, 0, 0, .5), 0 0 18px rgba(245, 200, 66, .4);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  color: #3A2B06;
}
#modal-lucky .ld-hub-spin {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 8px; font-weight: 600; letter-spacing: .16em;
}
@keyframes ld-rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }


#modal-lucky .ld-count {
  text-align: center; margin: 4px 0 8px; flex: 0 0 auto;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 12px; font-weight: 700; color: var(--fz-gold, #F5C842); letter-spacing: .02em;
}
#modal-lucky .ld-btn {
  height: 50px; border-radius: 14px; margin: 0 18px 10px; border: none; cursor: pointer; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--fz-font-body, 'Inter', sans-serif);
  font-size: 15px; font-weight: 700; letter-spacing: .03em;
  color: var(--fz-on-gold, #14110A);
  background: linear-gradient(180deg, #FFE082 0%, #F5C842 45%, #C08E1A 100%);
  box-shadow: 0 6px 18px rgba(245, 200, 66, .35), inset 0 1px 0 rgba(255, 255, 255, .5);
  transition: transform .15s ease, box-shadow .15s ease;
}
#modal-lucky .ld-btn:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(245, 200, 66, .45), inset 0 1px 0 rgba(255, 255, 255, .5); }
#modal-lucky .ld-btn:not(:disabled):active { transform: translateY(0) scale(.985); }
#modal-lucky .ld-btn:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; filter: grayscale(1); }
#modal-lucky .ld-loader { animation: ld-rot 1s linear infinite; }
#modal-lucky .ld-info {
  margin: 0 18px 18px; padding: 10px 12px; border-radius: 10px; flex: 0 0 auto;
  background: var(--fz-cyan-soft, rgba(41, 182, 232, .12));
  border: 1px solid rgba(41, 182, 232, .25);
  color: #9AD8F0; font-size: 10.5px; line-height: 1.55; text-align: center;
}


#modal-lucky .ld-win-ov {
  position: absolute; inset: 0; z-index: 12;
  display: flex; align-items: center; justify-content: center;
  background: rgba(2, 8, 12, .55);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  cursor: pointer;
  animation: ld-ov-in .25s ease-out;
}
@keyframes ld-ov-in { from { opacity: 0; } to { opacity: 1; } }
#modal-lucky .ld-win-card {
  position: relative; overflow: hidden; text-align: center;
  width: min(320px, 84%); padding: 24px 20px 18px; border-radius: 16px;
  background: linear-gradient(160deg, rgba(30, 213, 113, .16), rgba(8, 28, 38, .85));
  border: 1px solid rgba(30, 213, 113, .45);
  box-shadow: 0 0 34px rgba(30, 213, 113, .25), inset 0 1px 0 rgba(255, 255, 255, .14);
  animation: ld-card-in .3s cubic-bezier(0.34, 1.4, 0.64, 1);
}
@keyframes ld-card-in { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
#modal-lucky .ld-win-card::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .16) 50%, transparent 65%);
  background-size: 220% 100%;
  animation: ld-sheen 2.2s linear infinite;
}
@keyframes ld-sheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }
#modal-lucky .ld-win-ico { font-size: 34px; line-height: 1; }
#modal-lucky .ld-win-eyebrow {
  margin-top: 8px; font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: #4EF09A;
}
#modal-lucky .ld-win-amt {
  margin-top: 6px;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 30px; font-weight: 800; color: #fff; line-height: 1.1;
  text-shadow: 0 0 18px rgba(30, 213, 113, .55);
}
#modal-lucky .ld-win-sub { margin-top: 6px; font-size: 11px; color: rgba(255, 255, 255, .65); }
#modal-lucky .ld-win-tap { margin-top: 14px; font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .35); }

#modal-lucky .ld-win-card.ld-win-none {
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(8, 20, 28, .88));
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 0 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .1);
}
#modal-lucky .ld-win-card.ld-win-none .ld-win-eyebrow { color: var(--fz-text-2, #A6B0BC); }
#modal-lucky .ld-win-card.ld-win-none .ld-win-amt { text-shadow: none; }


#modal-lucky .ld-loading { padding: 48px 24px; text-align: center; color: rgba(255, 255, 255, .4); font-size: 13px; }
#modal-lucky .ld-off { padding: 34px 24px 60px; text-align: center; }
#modal-lucky .ld-off-ico { font-size: 40px; margin-bottom: 10px; opacity: .4; }
#modal-lucky .ld-off-t { font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, .6); margin-bottom: 6px; }
#modal-lucky .ld-off-s { font-size: 12px; color: rgba(255, 255, 255, .3); }


@media (prefers-reduced-motion: reduce) {
  #modal-lucky .ld-lamp i, #modal-lucky .ld-hub-sheen, #modal-lucky .ld-win-card::after { animation: none !important; }
}






html body #modal-scratch.modal-backdrop {
  background: rgba(4, 8, 12, .8) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  z-index: 210 !important;
}
html body #modal-scratch .modal {
  background:
    linear-gradient(180deg, rgba(9, 38, 50, .85), rgba(4, 14, 22, .94))!important;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 80px rgba(0, 0, 0, .65) !important;
  position: relative !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;   
  justify-content: flex-start !important;
  color: #fff;
}
@media (max-width: 979px) {
  html body #modal-scratch.modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
  html body #modal-scratch .modal {
    width: 100% !important; max-width: 100vw !important;
    border-radius: 18px 18px 0 0 !important; border-bottom: none !important;
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; margin: 0 !important;
  }
}
@media (min-width: 980px) {
  html body #modal-scratch.modal-backdrop { align-items: center !important; padding: 24px !important; }
  html body #modal-scratch .modal {
    width: 100% !important; max-width: 400px !important;
    border-radius: 18px !important; margin: auto !important; max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  }
}


#modal-scratch .sc3-head { display: flex; align-items: center; gap: 12px; padding: 18px 20px 0; flex: 0 0 auto; }
#modal-scratch .sc3-badge {
  width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  transform: rotate(-6deg);
  color: #6B4A08;  
  background: radial-gradient(circle at 32% 28%, #FFE082, #F5C842 45%, #8A6410);
  border: 1px solid rgba(255, 240, 184, .55);
  box-shadow: 0 0 14px rgba(245, 200, 66, .45), inset 0 -2px 4px rgba(0, 0, 0, .3), inset 0 2px 3px rgba(255, 255, 255, .5);
}
#modal-scratch .sc3-title {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 22px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--fz-white, #fff); line-height: 1;
  text-shadow: 0 1px 12px rgba(245, 200, 66, .35);
}
#modal-scratch .sc3-sub { font-size: 11.5px; color: var(--fz-text-3, #6E7B88); margin-top: 3px; }


#modal-scratch .sc3-ticket {
  position: relative; overflow: hidden; flex: 0 0 auto;
  margin: 14px 18px 0; border-radius: 16px; padding: 16px 14px 14px;
  border: 1px dashed rgba(245, 200, 66, .5);
  background:
    radial-gradient(130% 90% at 50% -20%, rgba(41, 182, 232, .16), transparent 55%),
    rgba(8, 28, 38, .62);
}
#modal-scratch .sc3-beam {
  position: absolute; top: -30%; left: 18%; width: 34px; height: 160%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .1), transparent 75%);
  transform: skewX(-13deg); filter: blur(6px); pointer-events: none;
  animation: sc3Breathe 8s ease-in-out infinite;
}
#modal-scratch .sc3-bub { position: absolute; border-radius: 50%; border: 1px solid rgba(41, 182, 232, .35); pointer-events: none; }
#modal-scratch .sc3-bub1 { width: 7px; height: 7px; right: 14%; top: 18px; animation: sc3Breathe 5s ease-in-out infinite; }
#modal-scratch .sc3-bub2 { width: 4px; height: 4px; right: 9%; top: 44px; animation: sc3Breathe 6.4s ease-in-out 1.2s infinite; }
@keyframes sc3Breathe { 0%, 100% { opacity: .35; } 50% { opacity: .8; } }


#modal-scratch .sc3-jack { position: relative; text-align: center; padding: 2px 0 12px; }
#modal-scratch .sc3-eyebrow {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  font-size: 9.5px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase;
  color: rgba(245, 200, 66, .75);
}
#modal-scratch .sc3-line { display: block; width: 36px; height: 1px; background: linear-gradient(90deg, transparent, rgba(245, 200, 66, .55)); }
#modal-scratch .sc3-eyebrow > .sc3-line:last-child { background: linear-gradient(270deg, transparent, rgba(245, 200, 66, .55)); }
#modal-scratch .sc3-max {
  margin-top: 5px;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 34px; font-weight: 800; line-height: 1.05;
  background: linear-gradient(180deg, #FFF3C4 10%, #F5C842 55%, #C79517);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 0 16px rgba(245, 200, 66, .45));
}
#modal-scratch .sc3-eyebrow2 {
  margin-top: 5px;
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(245, 200, 66, .8);
}


#modal-scratch .sc3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
#modal-scratch .sc3-coin {
  position: relative; aspect-ratio: 1 / 1; border-radius: 50%;
  padding: 0; cursor: pointer; border: none;
  transform: rotate(var(--tilt, 0deg));
  transition: transform .18s ease;
  
  background: conic-gradient(from 210deg, #8A6410, #FFE9A8 14%, #C79517 30%, #8A6410 46%, #FFF3C4 60%, #B8860B 76%, #8A6410);
}
#modal-scratch .sc3-coin::before {  
  content: ""; position: absolute; inset: -2px; border-radius: 50%; z-index: -1;
  background: radial-gradient(circle, rgba(245, 200, 66, .55), rgba(245, 200, 66, .12) 60%, transparent 75%);
  filter: blur(5px);
}
#modal-scratch .sc3-coin:not(.sc3-open):hover { transform: rotate(0deg) scale(1.07); }
#modal-scratch .sc3-coin:not(.sc3-open):active { transform: rotate(0deg) scale(.97); }
#modal-scratch .sc3-face {
  position: absolute; inset: 3px; border-radius: 50%; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  background: radial-gradient(circle at 32% 26%, #FFF3C4, #F5C842 42%, #C79517 72%, #9A7112);
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, .7), inset 0 -4px 7px rgba(90, 58, 6, .55);
}
#modal-scratch .sc3-face::after {  
  content: ""; position: absolute; inset: 5px; border-radius: 50%;
  border: 1px dashed rgba(122, 83, 8, .5); pointer-events: none;
}
#modal-scratch .sc3-shine {  
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .38) 50%, transparent 62%);
  background-size: 220% 100%;
  animation: sc3Shimmer 3s linear infinite;
}
@keyframes sc3Shimmer { 0% { background-position: 160% 0; } 100% { background-position: -160% 0; } }
#modal-scratch .sc3-emboss {
  color: #7A5308; line-height: 0;
  text-shadow: 0 1px 0 rgba(255, 243, 196, .8), 0 -1px 1px rgba(90, 58, 6, .6);
  filter: drop-shadow(0 1px 0 rgba(255, 243, 196, .8));
}
#modal-scratch .sc3-face-t {
  font-size: 7px; font-weight: 800; letter-spacing: .18em; color: #7A5308;
  text-shadow: 0 1px 0 rgba(255, 243, 196, .7);
}


#modal-scratch .sc3-coin.sc3-open {
  cursor: default;
  background: radial-gradient(circle at 50% 32%, #0E3A46, #07242E 80%);
  border: 1px solid rgba(41, 182, 232, .35);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .5);
  animation: fzCoinFlip .4s cubic-bezier(0.34, 1.4, 0.64, 1);
  transform: rotate(0deg);
}
#modal-scratch .sc3-coin.sc3-open::before { display: none; }
#modal-scratch .sc3-slot {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  width: 100%; height: 100%;
  color: #BFEBFF;
}
#modal-scratch .sc3-slot-t {
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 15px; font-weight: 800; line-height: 1;
  text-shadow: 0 0 10px rgba(41, 182, 232, .45);
}
@media (max-width: 359px) { #modal-scratch .sc3-slot-t { font-size: 13px; } }
@keyframes fzCoinFlip {
  0% { transform: rotateY(90deg) scale(.8); opacity: 0; }
  100% { transform: rotateY(0) scale(1); opacity: 1; }
}

#modal-scratch .sc3-coin.sc3-hit {
  background: radial-gradient(circle at 50% 32%, #14513A, #0A2A1E);
  border: 1px solid rgba(30, 213, 113, .55);
  animation: fzWinPulse 1.6s ease-in-out infinite;
}
#modal-scratch .sc3-coin.sc3-hit .sc3-slot { color: #7CF3B4; }
#modal-scratch .sc3-coin.sc3-hit .sc3-slot-t { text-shadow: 0 0 12px rgba(30, 213, 113, .75); }
@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); }
}


#modal-scratch .sc3-count {
  text-align: center; margin: 10px 0 8px; flex: 0 0 auto;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 12px; font-weight: 700; color: var(--fz-gold, #F5C842); letter-spacing: .02em;
}
#modal-scratch .sc3-btn {
  height: 50px; border-radius: 14px; margin: 0 18px 10px; border: none; cursor: pointer; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--fz-font-body, 'Inter', sans-serif);
  font-size: 15px; font-weight: 700; letter-spacing: .03em;
  color: var(--fz-on-gold, #14110A);
  background: linear-gradient(180deg, #FFE082 0%, #F5C842 45%, #C08E1A 100%);
  box-shadow: 0 6px 18px rgba(245, 200, 66, .35), inset 0 1px 0 rgba(255, 255, 255, .5);
  transition: transform .15s ease, box-shadow .15s ease;
}
#modal-scratch .sc3-btn:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(245, 200, 66, .45), inset 0 1px 0 rgba(255, 255, 255, .5); }
#modal-scratch .sc3-btn:not(:disabled):active { transform: translateY(0) scale(.985); }
#modal-scratch .sc3-btn:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; filter: grayscale(1); }
#modal-scratch .sc3-loader { animation: sc3Rot 1s linear infinite; }
@keyframes sc3Rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#modal-scratch .sc3-info {
  margin: 0 18px 18px; padding: 10px 12px; border-radius: 10px; flex: 0 0 auto;
  background: var(--fz-cyan-soft, rgba(41, 182, 232, .12));
  border: 1px solid rgba(41, 182, 232, .25);
  color: #9AD8F0; font-size: 10.5px; line-height: 1.55; text-align: center;
}


#modal-scratch .sc3-win-ov {
  position: absolute; inset: 0; z-index: 12;
  display: flex; align-items: center; justify-content: center;
  background: rgba(2, 8, 12, .55);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  cursor: pointer;
  animation: sc3OvIn .25s ease-out;
}
@keyframes sc3OvIn { from { opacity: 0; } to { opacity: 1; } }
#modal-scratch .sc3-win-card {
  position: relative; overflow: hidden; text-align: center;
  width: min(320px, 84%); padding: 24px 20px 18px; border-radius: 16px;
  background: linear-gradient(160deg, rgba(30, 213, 113, .16), rgba(8, 28, 38, .85));
  border: 1px solid rgba(30, 213, 113, .45);
  box-shadow: 0 0 34px rgba(30, 213, 113, .25), inset 0 1px 0 rgba(255, 255, 255, .14);
  animation: sc3CardIn .3s cubic-bezier(0.34, 1.4, 0.64, 1);
}
@keyframes sc3CardIn { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
#modal-scratch .sc3-win-card::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .16) 50%, transparent 65%);
  background-size: 220% 100%;
  animation: sc3Sheen 2.2s linear infinite;
}
@keyframes sc3Sheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }
#modal-scratch .sc3-win-ico { font-size: 34px; line-height: 1; }
#modal-scratch .sc3-win-eyebrow {
  margin-top: 8px; font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: #4EF09A;
}
#modal-scratch .sc3-win-amt {
  margin-top: 6px;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 28px; font-weight: 800; color: #fff; line-height: 1.1;
  text-shadow: 0 0 18px rgba(30, 213, 113, .55);
}
#modal-scratch .sc3-win-sub { margin-top: 6px; font-size: 11px; color: rgba(255, 255, 255, .65); }
#modal-scratch .sc3-win-tap { margin-top: 14px; font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .35); }
#modal-scratch .sc3-win-card.sc3-win-none {
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(8, 20, 28, .88));
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 0 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .1);
}
#modal-scratch .sc3-win-card.sc3-win-none .sc3-win-eyebrow { color: var(--fz-text-2, #A6B0BC); }
#modal-scratch .sc3-win-card.sc3-win-none .sc3-win-amt { text-shadow: none; }


#modal-scratch .sc3-loading { padding: 48px 24px; text-align: center; color: rgba(255, 255, 255, .4); font-size: 13px; }
#modal-scratch .sc3-off { padding: 34px 24px 60px; text-align: center; }
#modal-scratch .sc3-off-ico { font-size: 40px; margin-bottom: 10px; opacity: .4; }
#modal-scratch .sc3-off-t { font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, .6); margin-bottom: 6px; }
#modal-scratch .sc3-off-s { font-size: 12px; color: rgba(255, 255, 255, .3); }


@media (prefers-reduced-motion: reduce) {
  #modal-scratch .sc3-shine, #modal-scratch .sc3-beam, #modal-scratch .sc3-bub,
  #modal-scratch .sc3-win-card::after, #modal-scratch .sc3-coin.sc3-hit { animation: none !important; }
}






html body #modal-egg.modal-backdrop {
  background: rgba(4, 8, 12, .8) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  z-index: 210 !important;
}
html body #modal-egg .modal {
  background:
    linear-gradient(180deg, rgba(9, 38, 50, .85), rgba(4, 14, 22, .94))!important;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 80px rgba(0, 0, 0, .65) !important;
  position: relative !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;   
  justify-content: flex-start !important;
  color: #fff;
}
@media (max-width: 979px) {
  html body #modal-egg.modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
  html body #modal-egg .modal {
    width: 100% !important; max-width: 100vw !important;
    border-radius: 18px 18px 0 0 !important; border-bottom: none !important;
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; margin: 0 !important;
  }
}
@media (min-width: 980px) {
  html body #modal-egg.modal-backdrop { align-items: center !important; padding: 24px !important; }
  html body #modal-egg .modal {
    width: 100% !important; max-width: 400px !important;
    border-radius: 18px !important; margin: auto !important; max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  }
}


#modal-egg .ge3-head { display: flex; align-items: center; gap: 12px; padding: 18px 20px 0; flex: 0 0 auto; }
#modal-egg .ge3-badge {
  width: 30px; height: 30px; flex: 0 0 auto;
  border-radius: 50% / 58% 58% 42% 42%;
  display: flex; align-items: center; justify-content: center;
  color: #6E5205;  
  background: radial-gradient(circle at 32% 26%, #FFF3C4, #FFD700 45%, #C8940A);
  border: 1px solid rgba(255, 240, 184, .55);
  box-shadow: 0 0 14px rgba(245, 200, 66, .45), inset 0 -2px 4px rgba(0, 0, 0, .3), inset 0 2px 3px rgba(255, 255, 255, .5);
}
#modal-egg .ge3-title {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 22px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--fz-white, #fff); line-height: 1;
  text-shadow: 0 1px 12px rgba(245, 200, 66, .35);
}
#modal-egg .ge3-sub { font-size: 11.5px; color: var(--fz-text-3, #6E7B88); margin-top: 3px; }


#modal-egg .ge3-stage {
  position: relative; overflow: hidden; flex: 0 0 auto;
  margin: 14px 18px 0; border-radius: 16px;
  border: 1px solid rgba(255, 215, 0, .35);
  background:
    radial-gradient(120% 110% at 50% 108%, rgba(199, 149, 23, .2), transparent 45%),
    radial-gradient(140% 110% at 50% -10%, rgba(9, 42, 56, .9), rgba(4, 14, 22, .97) 62%),
    #030B12;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .55);
  padding: 14px 14px 0;
}
#modal-egg .ge3-spot {  
  position: absolute; left: -25%; top: 0; width: 150%; height: 100%; pointer-events: none;
  background: conic-gradient(from 178deg at 50% 0%, transparent, rgba(255, 232, 150, .13) 8deg, rgba(255, 232, 150, .2) 12deg, rgba(255, 232, 150, .13) 16deg, transparent 24deg);
}
#modal-egg .ge3-beam {
  position: absolute; top: -30%; width: 30px; height: 160%; pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 75%);
  transform: skewX(-13deg); filter: blur(6px);
  animation: ge3Breathe 8s ease-in-out infinite;
}
#modal-egg .ge3-beam1 { left: 16%; }
#modal-egg .ge3-beam2 { left: 68%; animation-delay: 2.6s; }
@keyframes ge3Breathe { 0%, 100% { opacity: .35; } 50% { opacity: .8; } }
#modal-egg .ge3-spark { position: absolute; color: rgba(255, 224, 130, .85); pointer-events: none; line-height: 0; }
#modal-egg .ge3-spark1 { left: 12%; top: 40%; animation: fzTwinkle 2.4s ease-in-out infinite; }
#modal-egg .ge3-spark2 { right: 10%; top: 26%; animation: fzTwinkle 3.1s ease-in-out .8s infinite; }
#modal-egg .ge3-spark3 { right: 22%; bottom: 24%; animation: fzTwinkle 2.8s ease-in-out 1.5s infinite; }
@keyframes fzTwinkle { 0%, 100% { opacity: .15; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.1); } }


#modal-egg .ge3-hero { position: relative; text-align: center; padding: 2px 0 10px; }
#modal-egg .ge3-eyebrow {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  font-size: 9.5px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase;
  color: rgba(245, 200, 66, .75);
}
#modal-egg .ge3-line { display: block; width: 36px; height: 1px; background: linear-gradient(90deg, transparent, rgba(245, 200, 66, .55)); }
#modal-egg .ge3-eyebrow > .ge3-line:last-child { background: linear-gradient(270deg, transparent, rgba(245, 200, 66, .55)); }
#modal-egg .ge3-max {
  margin-top: 5px;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 34px; font-weight: 800; line-height: 1.05;
  background: linear-gradient(180deg, #FFF6D0, #FFD700 55%, #C8940A);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 0 16px rgba(245, 200, 66, .45));
}
#modal-egg .ge3-status {
  margin-top: 5px;
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(245, 200, 66, .8);
}


#modal-egg .ge3-eggs {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
  align-items: end; justify-items: center;
  padding: 6px 2px 30px;
}
#modal-egg .ge3-slot { position: relative; width: 100%; max-width: 96px; transition: opacity .35s ease; }
#modal-egg .ge3-slot.ge3-dim { opacity: .45; }
#modal-egg .ge3-egg {
  position: relative; display: block; width: 100%; aspect-ratio: 0.78;
  padding: 0; border: none; cursor: pointer; overflow: hidden;
  border-radius: 50% / 60% 60% 40% 40%;
  background: radial-gradient(circle at 34% 22%, #FFFBE8, #FFE45C 30%, #F5C518 52%, #C8940A 76%, #93690A 94%, #7A5308);
  box-shadow:
    inset 0 3px 6px rgba(255, 255, 255, .8),
    inset 0 -6px 12px rgba(90, 62, 8, .65),
    inset -4px 0 8px rgba(148, 105, 10, .35),
    inset 0 0 0 1px rgba(255, 246, 208, .35),
    inset 3px -3px 8px rgba(255, 214, 90, .3),
    0 0 18px rgba(245, 200, 66, .35);
  transform-origin: 50% 88%;
  animation: fzEggTeeter 3.2s ease-in-out infinite;
  transition: translate .18s ease;
}
#modal-egg .ge3-egg:hover { translate: 0 -4px; }
#modal-egg .ge3-stage.ge3-nudge .ge3-egg { animation: fzEggShake .5s ease-in-out; }
#modal-egg .ge3-egg.ge3-shaking { animation: fzEggShake .8s ease-in-out infinite !important; }
#modal-egg .ge3-hilite {  
  position: absolute; left: 20%; top: 12%; width: 22%; height: 14%;
  border-radius: 50%; background: rgba(255, 255, 255, .85);
  filter: blur(1px); transform: rotate(-24deg); pointer-events: none;
}
#modal-egg .ge3-band {  
  position: absolute; left: 8%; right: 8%; top: 54%; height: 0;
  border-top: 1px dashed rgba(138, 100, 16, .5); pointer-events: none;
}
#modal-egg .ge3-shine {  
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .34) 50%, transparent 62%);
  background-size: 220% 100%;
  animation: fzShimmer 3.4s linear infinite;
}
@keyframes fzShimmer { 0% { background-position: 160% 0; } 100% { background-position: -160% 0; } }
#modal-egg .ge3-q {
  position: absolute; left: 0; right: 0; top: 34%;
  font-size: 24px; font-weight: 800; color: #8A6410; line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 243, 196, .8), 0 -1px 1px rgba(90, 58, 6, .6);
  pointer-events: none;
}
#modal-egg .ge3-crackme {
  position: absolute; left: 0; right: 0; bottom: 14%;
  font-size: 7.5px; font-weight: 800; letter-spacing: .16em; color: #8A6410;
  text-shadow: 0 0 6px rgba(255, 224, 130, .8), 0 1px 0 rgba(255, 243, 196, .7);
  pointer-events: none;
}

#modal-egg .ge3-pedestal {
  display: block; width: 78%; height: 14px; margin: -6px auto 0;
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 38%, #F5C842, #C79517 45%, #8A6410 78%, #5E430B);
  box-shadow: inset 0 2px 2px rgba(255, 246, 208, .6), 0 6px 10px rgba(0, 0, 0, .55);
}
#modal-egg .ge3-refl {
  position: absolute; left: 0; right: 0; bottom: -26px; height: 42%;
  border-radius: 50% / 60% 60% 40% 40%;
  background: radial-gradient(circle at 34% 22%, #FFFBE8, #FFE45C 30%, #F5C518 52%, #C8940A 76%, #7A5308);
  transform: scaleY(-0.5); opacity: .14; filter: blur(2px);
  -webkit-mask-image: linear-gradient(0deg, transparent 20%, #000 90%);
  mask-image: linear-gradient(0deg, transparent 20%, #000 90%);
  pointer-events: none;
}

#modal-egg .ge3-floor {
  position: absolute; left: 0; right: 0; bottom: 0; height: 56px; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(199, 149, 23, .14) 30%, rgba(120, 88, 14, .22));
  border-top: 1px solid rgba(255, 222, 120, .22);
}


#modal-egg .ge3-flash {
  position: absolute; left: -10%; top: 4%; width: 120%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 246, 208, .85), rgba(255, 215, 0, .35) 45%, transparent 70%);
  animation: fzBurstFlash .6s ease-out forwards; pointer-events: none; z-index: 1;
}
#modal-egg .ge3-rays {
  position: absolute; left: -45%; top: -22%; width: 190%; aspect-ratio: 1; border-radius: 50%; z-index: 0;
  background: repeating-conic-gradient(rgba(255, 215, 0, .22) 0 11deg, transparent 11deg 30deg);
  -webkit-mask-image: radial-gradient(circle, #000 20%, transparent 68%);
  mask-image: radial-gradient(circle, #000 20%, transparent 68%);
  animation: fzRaysSpin 9s linear infinite; pointer-events: none;
}
#modal-egg .ge3-open { position: relative; width: 100%; aspect-ratio: 0.78; z-index: 2; }
#modal-egg .ge3-shell {
  position: absolute; inset: 0;
  border-radius: 50% / 60% 60% 40% 40%;
  background: radial-gradient(circle at 34% 22%, #FFFBE8, #FFE45C 30%, #F5C518 52%, #C8940A 76%, #93690A 94%, #7A5308);
  box-shadow: inset 0 3px 6px rgba(255, 255, 255, .8), inset 0 -6px 12px rgba(90, 62, 8, .65);
}
#modal-egg .ge3-shell-top {
  clip-path: polygon(0 0, 100% 0, 100% 55%, 88% 47%, 76% 56%, 64% 46%, 52% 56%, 40% 46%, 28% 56%, 16% 47%, 0 55%);
  animation: fzShellPop .5s ease-out .05s forwards;
}
#modal-egg .ge3-shell-bot {
  clip-path: polygon(0 58%, 12% 50%, 24% 59%, 36% 49%, 48% 59%, 60% 49%, 72% 59%, 84% 50%, 100% 58%, 100% 100%, 0 100%);
}
#modal-egg .ge3-prize {
  position: absolute; left: 0; right: 0; top: 40%; z-index: 3; text-align: center;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 17px; font-weight: 800; color: #7CF3B4;
  text-shadow: 0 0 14px rgba(30, 213, 113, .75);
  animation: fzPrizeRise .45s cubic-bezier(0.34, 1.5, 0.64, 1) .15s backwards;
}
#modal-egg .ge3-prize-long { font-size: 13px; }
#modal-egg .ge3-prize-none { color: var(--fz-text-2, #A6B0BC); text-shadow: none; }
@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); } }


#modal-egg .ge3-count {
  text-align: center; margin: 10px 0 8px; flex: 0 0 auto;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 12px; font-weight: 700; color: var(--fz-gold, #F5C842); letter-spacing: .02em;
}
#modal-egg .ge3-btn {
  height: 50px; border-radius: 14px; margin: 0 18px 10px; border: none; cursor: pointer; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--fz-font-body, 'Inter', sans-serif);
  font-size: 15px; font-weight: 700; letter-spacing: .03em;
  color: var(--fz-on-gold, #14110A);
  background: linear-gradient(180deg, #FFE082 0%, #F5C842 45%, #C08E1A 100%);
  box-shadow: 0 6px 18px rgba(245, 200, 66, .35), inset 0 1px 0 rgba(255, 255, 255, .5);
  transition: transform .15s ease, box-shadow .15s ease;
}
#modal-egg .ge3-btn:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(245, 200, 66, .45), inset 0 1px 0 rgba(255, 255, 255, .5); }
#modal-egg .ge3-btn:not(:disabled):active { transform: translateY(0) scale(.985); }
#modal-egg .ge3-btn:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; filter: grayscale(1); }
#modal-egg .ge3-loader { animation: ge3Rot 1s linear infinite; }
@keyframes ge3Rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#modal-egg .ge3-info {
  margin: 0 18px 18px; padding: 10px 12px; border-radius: 10px; flex: 0 0 auto;
  background: rgba(245, 200, 66, .1);
  border: 1px solid rgba(245, 200, 66, .28);
  color: #EFD48A; font-size: 10.5px; line-height: 1.55; text-align: center;
}


#modal-egg .ge3-win-ov {
  position: absolute; inset: 0; z-index: 12;
  display: flex; align-items: center; justify-content: center;
  background: rgba(2, 8, 12, .55);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  cursor: pointer;
  animation: ge3OvIn .25s ease-out;
}
@keyframes ge3OvIn { from { opacity: 0; } to { opacity: 1; } }
#modal-egg .ge3-win-card {
  position: relative; overflow: hidden; text-align: center;
  width: min(320px, 84%); padding: 24px 20px 18px; border-radius: 16px;
  background: linear-gradient(160deg, rgba(30, 213, 113, .16), rgba(8, 28, 38, .85));
  border: 1px solid rgba(30, 213, 113, .45);
  box-shadow: 0 0 34px rgba(30, 213, 113, .25), inset 0 1px 0 rgba(255, 255, 255, .14);
  animation: ge3CardIn .3s cubic-bezier(0.34, 1.4, 0.64, 1);
}
@keyframes ge3CardIn { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
#modal-egg .ge3-win-card::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .16) 50%, transparent 65%);
  background-size: 220% 100%;
  animation: ge3Sheen 2.2s linear infinite;
}
@keyframes ge3Sheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }
#modal-egg .ge3-win-ico { font-size: 34px; line-height: 1; }
#modal-egg .ge3-win-eyebrow {
  margin-top: 8px; font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: #4EF09A;
}
#modal-egg .ge3-win-amt {
  margin-top: 6px;
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 28px; font-weight: 800; color: #fff; line-height: 1.1;
  text-shadow: 0 0 18px rgba(30, 213, 113, .55);
}
#modal-egg .ge3-win-sub { margin-top: 6px; font-size: 11px; color: rgba(255, 255, 255, .65); }
#modal-egg .ge3-win-tap { margin-top: 14px; font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .35); }
#modal-egg .ge3-win-card.ge3-win-none {
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(8, 20, 28, .88));
  border-color: rgba(255, 255, 255, .18);
  box-shadow: 0 0 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .1);
}
#modal-egg .ge3-win-card.ge3-win-none .ge3-win-eyebrow { color: var(--fz-text-2, #A6B0BC); }
#modal-egg .ge3-win-card.ge3-win-none .ge3-win-amt { text-shadow: none; }


#modal-egg .ge3-loading { padding: 48px 24px; text-align: center; color: rgba(255, 255, 255, .4); font-size: 13px; }
#modal-egg .ge3-off { padding: 34px 24px 60px; text-align: center; }
#modal-egg .ge3-off-ico { font-size: 40px; margin-bottom: 10px; opacity: .4; }
#modal-egg .ge3-off-t { font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, .6); margin-bottom: 6px; }
#modal-egg .ge3-off-s { font-size: 12px; color: rgba(255, 255, 255, .3); }


@media (prefers-reduced-motion: reduce) {
  #modal-egg .ge3-egg, #modal-egg .ge3-shine, #modal-egg .ge3-beam, #modal-egg .ge3-spark,
  #modal-egg .ge3-rays, #modal-egg .ge3-win-card::after { animation: none !important; }
}






html body #modal-checkin.modal-backdrop {
  background: rgba(4, 8, 12, .8) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  z-index: 210 !important;
}
html body #modal-checkin .modal {
  background:
    linear-gradient(180deg, rgba(9, 38, 50, .85), rgba(4, 14, 22, .94))!important;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 80px rgba(0, 0, 0, .65) !important;
  position: relative !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;   
  justify-content: flex-start !important;
  color: #fff;
}
@media (max-width: 979px) {
  html body #modal-checkin.modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
  html body #modal-checkin .modal {
    width: 100% !important; max-width: 100vw !important;
    border-radius: 18px 18px 0 0 !important; border-bottom: none !important;
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; margin: 0 !important;
  }
}
@media (min-width: 980px) {
  html body #modal-checkin.modal-backdrop { align-items: center !important; padding: 24px !important; }
  html body #modal-checkin .modal {
    width: 100% !important; max-width: 400px !important;
    border-radius: 18px !important; margin: auto !important; max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  }
}


#modal-checkin .ck3-head { display: flex; align-items: center; gap: 12px; padding: 18px 20px 0; flex: 0 0 auto; }
#modal-checkin .ck3-badge {
  width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  color: #2E1A5E;  
  background: radial-gradient(circle at 32% 28%, #E4D9FF, #A78BFA 48%, #6D28D9);
  border: 1px solid rgba(228, 217, 255, .55);
  box-shadow: 0 0 14px rgba(167, 139, 250, .45), inset 0 -2px 4px rgba(0, 0, 0, .3), inset 0 2px 3px rgba(255, 255, 255, .5);
}
#modal-checkin .ck3-title {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 22px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--fz-white, #fff); line-height: 1;
  text-shadow: 0 1px 12px rgba(245, 200, 66, .35);
}
#modal-checkin .ck3-sub { font-size: 11.5px; color: var(--fz-text-3, #6E7B88); margin-top: 3px; }


#modal-checkin .ck3-stage {
  position: relative; overflow: hidden; flex: 0 0 auto;
  margin: 14px 18px 10px; border-radius: 16px;
  border: 1px solid rgba(245, 200, 66, .35);
  background:
    radial-gradient(120% 110% at 50% 108%, rgba(199, 149, 23, .16), transparent 45%),
    radial-gradient(140% 110% at 50% -10%, rgba(9, 42, 56, .9), rgba(4, 14, 22, .97) 62%),
    #030B12;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .55);
  padding: 12px 14px 18px;
}
#modal-checkin .ck3-spot {
  position: absolute; left: -25%; top: 0; width: 150%; height: 100%; pointer-events: none;
  background: conic-gradient(from 178deg at 50% 0%, transparent, rgba(255, 232, 150, .13) 8deg, rgba(255, 232, 150, .2) 12deg, rgba(255, 232, 150, .13) 16deg, transparent 24deg);
}
#modal-checkin .ck3-spark { position: absolute; color: rgba(255, 224, 130, .85); pointer-events: none; line-height: 0; }
#modal-checkin .ck3-spark1 { left: 8%; top: 44%; animation: fzTwinkle 2.4s ease-in-out infinite; }
#modal-checkin .ck3-spark2 { right: 7%; top: 30%; animation: fzTwinkle 3.1s ease-in-out .8s infinite; }


#modal-checkin .ck3-streak { position: relative; display: flex; align-items: center; justify-content: space-between; }
#modal-checkin .ck3-streak-l { display: flex; align-items: center; gap: 8px; }
#modal-checkin .ck3-flamebadge {
  width: 26px; height: 26px; border-radius: 50%; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  color: #6B4A08;
  background: radial-gradient(circle at 32% 28%, #FFE082, var(--fz-gold, #F5C842) 48%, #8A6410);
  box-shadow: 0 0 10px rgba(245, 200, 66, .4), inset 0 2px 3px rgba(255, 255, 255, .5), inset 0 -2px 4px rgba(0, 0, 0, .3);
}
#modal-checkin .ck3-streak-t {
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 14px; font-weight: 800; color: var(--fz-gold, #F5C842); letter-spacing: .02em;
}
#modal-checkin .ck3-streak-r { font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--fz-text-3, #6E7B88); }


#modal-checkin .ck3-track { position: relative; margin-top: 16px; }
#modal-checkin .ck3-base {
  position: absolute; left: 18px; right: 18px; top: 12px; height: 3px; border-radius: 3px;
  background: rgba(255, 255, 255, .08);
}
#modal-checkin .ck3-prog {
  position: absolute; left: 18px; top: 12px; height: 3px; border-radius: 3px;
  background: linear-gradient(90deg, var(--fz-gold-deep, #C08E1A), var(--fz-gold, #F5C842));
  box-shadow: 0 0 8px rgba(245, 200, 66, .6);
}
#modal-checkin .ck3-nodes { position: relative; display: flex; justify-content: space-between; }
#modal-checkin .ck3-col { width: 30px; display: flex; flex-direction: column; align-items: center; gap: 5px; }
#modal-checkin .ck3-node {
  display: flex; align-items: center; justify-content: center; border-radius: 50%; flex: 0 0 auto;
  margin-top: 0;
}
#modal-checkin .ck3-node.ck3-nd {          
  width: 24px; height: 24px; margin-top: 1px;
  color: #fff;
  background: radial-gradient(circle at 40% 30%, rgba(30, 213, 113, .4), rgba(10, 42, 30, .95));
  border: 1px solid rgba(30, 213, 113, .55);
}
#modal-checkin .ck3-node.ck3-nt {          
  width: 30px; height: 30px; margin-top: -2px;
  color: #6B4A08;
  background: radial-gradient(circle at 32% 26%, #FFF3C4, #F5C842 45%, #C79517 78%, #9A7112);
  border: 1px solid rgba(255, 240, 184, .75);
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, .6), inset 0 -3px 5px rgba(90, 58, 6, .5), 0 0 12px rgba(245, 200, 66, .55);
  animation: ck3PulseGold 2s ease-in-out infinite;
}
@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); }
}
#modal-checkin .ck3-node.ck3-nf {          
  width: 24px; height: 24px; margin-top: 1px;
  color: rgba(255, 255, 255, .35);
  background: radial-gradient(circle at 50% 32%, #10202B, #060E15 80%);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .6);
}
#modal-checkin .ck3-node.ck3-n7 {          
  width: 28px; height: 28px; margin-top: -1px;
  color: var(--fz-gold, #F5C842);
  border: 1px solid rgba(245, 200, 66, .5);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .6), 0 0 10px rgba(245, 200, 66, .3);
}
#modal-checkin .ck3-namt {
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 8px; font-weight: 800; color: rgba(255, 255, 255, .3); white-space: nowrap;
}
#modal-checkin .ck3-namt.ck3-ag { color: #4EF09A; }
#modal-checkin .ck3-namt.ck3-au { color: var(--fz-gold, #F5C842); }


#modal-checkin .ck3-hero { position: relative; text-align: center; margin-top: 16px; }
#modal-checkin .ck3-rays {
  position: absolute; left: 50%; top: 58%; width: 210px; aspect-ratio: 1; border-radius: 50%;
  transform: translate(-50%, -50%); pointer-events: none; z-index: 0;
  background: repeating-conic-gradient(rgba(255, 215, 0, .13) 0 11deg, transparent 11deg 30deg);
  -webkit-mask-image: radial-gradient(circle, #000 20%, transparent 68%);
  mask-image: radial-gradient(circle, #000 20%, transparent 68%);
  animation: fzRaysSpin 12s linear infinite;
}
#modal-checkin .ck3-flash {
  position: absolute; left: 50%; top: 56%; width: 200px; aspect-ratio: 1; border-radius: 50%;
  transform: translate(-50%, -50%); pointer-events: none; z-index: 4;
  background: radial-gradient(circle, rgba(220, 255, 235, .9), rgba(30, 213, 113, .4) 45%, transparent 70%);
  animation: fzBurstFlash .7s ease-out forwards;
}
#modal-checkin .ck3-eyebrow {
  position: relative; z-index: 1;
  font-size: 9.5px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase;
  color: rgba(245, 200, 66, .78);
}
#modal-checkin .ck3-bigcoin {
  position: relative; z-index: 1;
  display: inline-flex; width: 74px; height: 74px; border-radius: 50%; margin-top: 10px;
  background: conic-gradient(from 210deg, #8A6410, #FFE9A8 14%, #C79517 30%, #8A6410 46%, #FFF3C4 60%, #B8860B 76%, #8A6410);
  box-shadow: 0 0 22px rgba(245, 200, 66, .45), 0 6px 16px rgba(0, 0, 0, .5);
  animation: fzWinPulse 2.2s ease-in-out infinite;
}
#modal-checkin .ck3-bc-face {
  position: absolute; inset: 4px; border-radius: 50%; overflow: hidden;
  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, .7), inset 0 -5px 9px rgba(90, 58, 6, .55);
}
#modal-checkin .ck3-bc-shine {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .38) 50%, transparent 62%);
  background-size: 220% 100%;
  animation: fzShimmer 3s linear infinite;
}
#modal-checkin .ck3-bc-ico {
  color: #6B4A08; line-height: 0;
  filter: drop-shadow(0 1px 0 rgba(255, 243, 196, .8));
}
#modal-checkin .ck3-amtrow {
  position: relative; z-index: 1;
  display: flex; align-items: baseline; justify-content: center; gap: 7px; margin-top: 8px;
}
#modal-checkin .ck3-amt {
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-size: 36px; font-weight: 800; line-height: 1;
  background: linear-gradient(180deg, #FFF3C4 10%, #F5C842 55%, #C79517);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 0 16px rgba(245, 200, 66, .45));
}
#modal-checkin .ck3-unit {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(245, 200, 66, .8);
}
#modal-checkin .ck3-wallet {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 8px;
  font-size: 11px; color: rgba(255, 255, 255, .55);
}
#modal-checkin .ck3-wallet svg { color: rgba(245, 200, 66, .7); flex: 0 0 auto; }


#modal-checkin .ck3-stage.ck3-donest .ck3-rays {
  background: repeating-conic-gradient(rgba(30, 213, 113, .14) 0 11deg, transparent 11deg 30deg);
}
#modal-checkin .ck3-stage.ck3-donest .ck3-eyebrow { color: #4EF09A; }
#modal-checkin .ck3-stage.ck3-donest .ck3-bigcoin {
  background: conic-gradient(from 210deg, #0A3A26, #9BF2C6 14%, #1ED571 30%, #0A3A26 46%, #C9F7DE 60%, #129050 76%, #0A3A26);
  box-shadow: 0 0 22px rgba(30, 213, 113, .5), 0 6px 16px rgba(0, 0, 0, .5);
}
#modal-checkin .ck3-stage.ck3-donest .ck3-bc-face {
  background: radial-gradient(circle at 40% 30%, rgba(30, 213, 113, .45), rgba(10, 42, 30, .96));
  box-shadow: inset 0 2px 3px rgba(255, 255, 255, .3), inset 0 -5px 9px rgba(0, 0, 0, .55);
}
#modal-checkin .ck3-stage.ck3-donest .ck3-bc-ico { color: #fff; filter: none; }
#modal-checkin .ck3-stage.ck3-donest .ck3-amt {
  background: linear-gradient(180deg, #D9FFEA 10%, #4EF09A 55%, #129050);
  -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 0 16px rgba(30, 213, 113, .5));
}
#modal-checkin .ck3-stage.ck3-donest .ck3-unit { color: rgba(78, 240, 154, .85); }


#modal-checkin .ck3-btn {
  height: 50px; border-radius: 14px; margin: 0 18px 8px; border: none; cursor: pointer; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--fz-font-body, 'Inter', sans-serif);
  font-size: 15px; font-weight: 700; letter-spacing: .03em;
  color: var(--fz-on-gold, #14110A);
  background: linear-gradient(180deg, #FFE082 0%, #F5C842 45%, #C08E1A 100%);
  box-shadow: 0 6px 18px rgba(245, 200, 66, .35), inset 0 1px 0 rgba(255, 255, 255, .5);
  transition: transform .15s ease, box-shadow .15s ease;
}
#modal-checkin .ck3-btn:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(245, 200, 66, .45), inset 0 1px 0 rgba(255, 255, 255, .5); }
#modal-checkin .ck3-btn:not(:disabled):active { transform: translateY(0) scale(.985); }
#modal-checkin .ck3-btn:disabled {
  opacity: .55; cursor: not-allowed; box-shadow: none;
  background: var(--fz-surface-2, #16333D);
  color: var(--fz-text-3, #6E7B88);
  filter: none;
}
#modal-checkin .ck3-loader { animation: ck3Rot 1s linear infinite; }
@keyframes ck3Rot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#modal-checkin .ck3-tmr {
  text-align: center; margin: 0 18px 8px; font-size: 11px; color: rgba(255, 255, 255, .5); flex: 0 0 auto;
}
#modal-checkin .ck3-tmr b {
  font-family: var(--fz-font-mono, ui-monospace, monospace);
  font-weight: 800; color: #4EF09A;
}
#modal-checkin .ck3-info {
  margin: 0 18px 18px; padding: 10px 12px; border-radius: 10px; flex: 0 0 auto;
  background: rgba(167, 139, 250, .07);
  border: 1px solid rgba(167, 139, 250, .25);
  color: var(--fz-text-2, #A6B0BC); font-size: 10.5px; line-height: 1.55; text-align: center;
}


#modal-checkin .ck3-off { padding: 34px 24px 60px; text-align: center; }
#modal-checkin .ck3-off-ico { font-size: 40px; margin-bottom: 10px; opacity: .4; }
#modal-checkin .ck3-off-t { font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, .6); margin-bottom: 6px; }
#modal-checkin .ck3-off-s { font-size: 12px; color: rgba(255, 255, 255, .3); }


@media (prefers-reduced-motion: reduce) {
  #modal-checkin .ck3-node.ck3-nt, #modal-checkin .ck3-bigcoin, #modal-checkin .ck3-bc-shine,
  #modal-checkin .ck3-rays, #modal-checkin .ck3-spark { animation: none !important; }
}





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);
}
html body #fz-minigames-card:hover {
  transform: translateY(-2px);
  border-color: rgba(245, 200, 66, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 14px 30px rgba(0, 0, 0, 0.5), 0 0 26px rgba(245, 200, 66, 0.22);
}
html body #fz-minigames-card:active { transform: translateY(0) scale(.995); }


#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-wm {           
  position: absolute; right: 96px; top: 50%; transform: translateY(-50%) rotate(-12deg);
  opacity: .09; color: var(--fz-gold, #F5C842); pointer-events: none; z-index: 0; line-height: 0;
}


#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-mid { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; position: relative; z-index: 2; }
#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-pearlrow { display: flex; align-items: center; gap: 8px; }
#fz-minigames-card .mg3-pearls { display: flex; align-items: center; gap: 4px; }
#fz-minigames-card .mg3-pearl { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
#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-wm { right: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  #fz-minigames-card .mg3-ring, #fz-minigames-card .mg3-shimmer, #fz-minigames-card .mg3-beam,
  #fz-minigames-card .mg3-spark, #fz-minigames-card .mg3-cta { animation: none !important; }
}



#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;
}
#fz-minigames-card.mg4:hover .mg4-game { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(0,0,0,.5), 0 0 14px var(--glow, rgba(245,200,66,.4)); }
#fz-minigames-card.mg4:hover .mg4-game:nth-child(2) { transition-delay: .04s; }
#fz-minigames-card.mg4:hover .mg4-game:nth-child(3) { transition-delay: .08s; }
.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;
}

#fz-minigames-card .mg4-claim {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800;
  letter-spacing: .04em; color: #14110A; background: linear-gradient(180deg,#FFE082,#F5C842 55%,#C08E1A);
  border-radius: 999px; padding: 4px 10px; box-shadow: 0 0 10px rgba(245,200,66,.45); white-space: nowrap; cursor: pointer;
}
#fz-minigames-card .mg4-claim:hover, #fz-minigames-card .mg4-claim:focus-visible { filter: brightness(1.08); outline: none; }
@media (max-width: 979px) { #fz-minigames-card .mg4-claim { font-size: 10px; padding: 3px 8px; } }
@media (prefers-reduced-motion: reduce) { #fz-minigames-card .mg4-claim { box-shadow: none; } }

.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 (prefers-reduced-motion: reduce) {
  #fz-minigames-card.mg4 { animation: none !important; }
  #fz-minigames-card.mg4:hover .mg4-game { transform: none; }
}


@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); }
}






html body #modal-daily.modal-backdrop {
  background: rgba(4, 8, 12, .74) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
  z-index: 210 !important;
}
html body #modal-daily .modal {
  background:
    linear-gradient(180deg, rgba(9, 38, 50, .82), rgba(4, 14, 22, .92))!important;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 30px 80px rgba(0, 0, 0, .6) !important;
  position: relative !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;   
  justify-content: flex-start !important;
  color: #fff;
}
@media (max-width: 979px) {
  html body #modal-daily.modal-backdrop { align-items: flex-end !important; padding: 0 !important; }
  html body #modal-daily .modal {
    width: 100% !important; max-width: 100vw !important;
    border-radius: 18px 18px 0 0 !important; border-bottom: none !important;
    max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important; margin: 0 !important;
  }
  
  #modal-daily .dm3-band {
    display: grid; grid-template-columns: auto 1fr;
    grid-template-areas: "icon text" "timer timer";
    column-gap: 12px; row-gap: 10px; align-items: center;
  }
  #modal-daily .dm3-capsule { grid-area: icon; }
  #modal-daily .dm3-band-t { grid-area: text; min-width: 0; }
  #modal-daily .dm3-band .dm3-timer { grid-area: timer; justify-self: start; margin: 0 0 0 58px; }
}
@media (min-width: 980px) {
  html body #modal-daily.modal-backdrop { align-items: center !important; padding: 24px !important; }
  html body #modal-daily .modal {
    width: 100% !important; max-width: 440px !important;
    border-radius: 18px !important; margin: auto !important; max-height: min(92vh, calc(100dvh - var(--fz-screen-top, 64px))) !important;
  }
}


#modal-daily .dm3-band {
  display: flex; align-items: center; gap: 12px; flex: 0 0 auto; flex-wrap: wrap;
  padding: 18px 56px 14px 18px;
  background: linear-gradient(180deg, rgba(41, 182, 232, .14), transparent);
}
#modal-daily .dm3-band-t { flex: 1 1 auto; min-width: 0; }
#modal-daily .dm3-capsule {
  width: 46px; height: 46px; border-radius: 13px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  background: rgba(41, 182, 232, .16);
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
  color: var(--fz-cyan, #29B6E8);
}
#modal-daily .dm3-title {
  font-family: var(--fz-font-display, 'Oswald', sans-serif);
  font-size: 18px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: #fff; line-height: 1.1;
}
#modal-daily .dm3-sub { font-size: 11px; color: var(--fz-text-2, #A6B0BC); margin-top: 3px; }
#modal-daily .dm3-sub b { color: var(--fz-gold, #F5C842); font-weight: 800; }
#modal-daily .dm3-back {
  position: absolute !important; top: 14px !important; left: 14px !important; z-index: 5;
}


#modal-daily .dm3-timer {
  margin-left: auto; align-self: center; flex: 0 0 auto; white-space: nowrap;
  font-family: var(--fz-font-mono, ui-monospace, 'SFMono-Regular', Menlo, monospace);
  font-size: 10.5px; font-weight: 600; letter-spacing: .01em;
  color: var(--fz-text-2, #A6B0BC);
  padding: 4px 9px; border-radius: 8px;
  background: rgba(7, 8, 13, .45);
  border: 1px solid var(--fz-line, rgba(255, 255, 255, .08));
}
#modal-daily .dm3-timer-lg {
  margin: 16px auto 0; align-self: center; font-size: 12px; padding: 6px 12px;
}


#modal-daily .dm3-prog {
  margin-bottom: 11px; padding: 12px 14px; border-radius: 13px;
  background: rgba(18, 42, 51, .55);
  border: 1px solid var(--fz-line, rgba(255, 255, 255, .08));
}
#modal-daily .dm3-prog-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
#modal-daily .dm3-prog-eye {
  font-size: 9.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: var(--fz-text-3, #6E7B88);
}
#modal-daily .dm3-prog-count {
  font-family: var(--fz-font-mono, ui-monospace, 'SFMono-Regular', Menlo, monospace);
  font-size: 12px; font-weight: 700; color: var(--fz-gold, #F5C842);
}
#modal-daily .dm3-prog-track {
  margin-top: 9px; height: 6px; border-radius: 3px; overflow: hidden;
  background: rgba(4, 16, 24, .7);
}
#modal-daily .dm3-prog-track span {
  display: block; height: 100%; border-radius: 3px; min-width: 0;
  background: linear-gradient(90deg, #FFE082, #F5C842 60%, #C08E1A);
  box-shadow: 0 0 10px rgba(245, 200, 66, .55);
  transition: width .4s ease;
}
#modal-daily .dm3-prog-total {
  margin-top: 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-size: 11px; color: var(--fz-text-2, #A6B0BC);
}
#modal-daily .dm3-prog-total b {
  font-family: var(--fz-font-mono, ui-monospace, 'SFMono-Regular', Menlo, monospace);
  font-weight: 700; color: #4EF09A;
}


#modal-daily .dm3-empty {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 40px 24px 46px;
}
#modal-daily .dm3-empty-ic {
  width: 46px; height: 46px; border-radius: 13px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  background: rgba(41, 182, 232, .16);
  border: 1px solid var(--fz-line-2, rgba(255, 255, 255, .14));
  color: var(--fz-cyan, #29B6E8);
}
#modal-daily .dm3-empty-t { margin-top: 14px; font-size: 13px; font-weight: 700; color: #fff; }
#modal-daily .dm3-empty-s {
  margin-top: 6px; font-size: 11px; color: var(--fz-text-3, #6E7B88);
  line-height: 1.5; max-width: 250px;
}


#modal-daily .dm3-body { padding: 4px 16px 18px; display: flex; flex-direction: column; }
#modal-daily .dm3-rows { display: flex; flex-direction: column; gap: 9px; }
#modal-daily .dm3-row {
  display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
  padding: 13px 14px; border-radius: 13px; cursor: pointer;
  background: rgba(18, 42, 51, .55);
  border: 1px solid var(--fz-line, rgba(255,255,255,.08));
  color: #fff; font-family: inherit;
  transition: transform .15s ease, border-color .15s ease;
}
#modal-daily .dm3-row:not([disabled]):hover { transform: translateY(-1px); border-color: rgba(41, 182, 232, .45); }
#modal-daily .dm3-row[disabled] { cursor: default; }
#modal-daily .dm3-picon {
  width: 42px; height: 42px; border-radius: 12px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
}
#modal-daily .dm3-rmid { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
#modal-daily .dm3-rname { font-size: 13px; font-weight: 700; color: #fff; }
#modal-daily .dm3-rsub { font-size: 11px; color: var(--fz-text-3, #6E7B88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#modal-daily .dm3-rright { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; flex: 0 0 auto; }
#modal-daily .dm3-upto {
  font-size: 10px; font-weight: 800; color: var(--fz-gold, #F5C842);
  padding: 3px 8px; border-radius: 6px;
  background: rgba(245, 200, 66, .14);
  border: 1px solid rgba(245, 200, 66, .3);
}
#modal-daily .dm3-start { font-size: 11px; font-weight: 800; color: var(--fz-cyan, #29B6E8); }
#modal-daily .dm3-st { font-size: 10.5px; font-weight: 700; color: var(--fz-text-3, #6E7B88); }
#modal-daily .dm3-st-pending {
  padding: 3px 8px; border-radius: 6px;
  background: rgba(255, 255, 255, .07); border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
  color: var(--fz-text-2, #A6B0BC);
}
#modal-daily .dm3-st-ok { color: #4EF09A; }


#modal-daily .dm3-sec {
  margin: 16px 2px 8px; font-size: 9.5px; font-weight: 800;
  letter-spacing: .18em; text-transform: uppercase; color: var(--fz-text-3, #6E7B88);
}
#modal-daily .dm3-lrow {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 14px; border-radius: 13px;
  background: rgba(18, 42, 51, .4);
  border: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
#modal-daily .dm3-lmid { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
#modal-daily .dm3-lprog { display: block; height: 4px; border-radius: 2px; background: rgba(255,255,255,.07); overflow: hidden; margin-top: 3px; }
#modal-daily .dm3-lprog span { display: block; height: 100%; background: var(--fz-cyan, #29B6E8); }
#modal-daily .dm3-claim {
  font-size: 11px; font-weight: 800; color: var(--fz-on-gold, #14110A);
  background: linear-gradient(180deg, #FFE082, #F5C842 55%, #C08E1A);
  border: none; border-radius: 8px; padding: 6px 14px; cursor: pointer;
}
#modal-daily .dm3-foot {
  margin-top: 14px; text-align: center;
  font-size: 10px; color: var(--fz-text-3, #6E7B88); line-height: 1.55;
}
#modal-daily .dm3-msg { padding: 44px 18px 56px; text-align: center; color: rgba(255, 255, 255, .5); font-size: 13px; }


#modal-daily .dm3-eyebrow {
  font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: var(--fz-text-2, #A6B0BC); margin: 6px 2px 8px;
}
#modal-daily .dm3-eyebrow b { color: var(--fz-cyan, #29B6E8); }
#modal-daily .dm3-thumbs {
  display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px;
  -webkit-overflow-scrolling: touch;
}
#modal-daily .dm3-thumb {
  flex: 0 0 auto; width: 74px; height: 44px; padding: 0; cursor: pointer;
  border-radius: 8px; overflow: hidden;
  border: 2px solid transparent; background: rgba(255, 255, 255, .05);
}
#modal-daily .dm3-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
#modal-daily .dm3-thumb.on { border-color: var(--fz-cyan, #29B6E8); }
#modal-daily .dm3-preview {
  margin-top: 8px; border-radius: 12px; overflow: hidden;
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
}
#modal-daily .dm3-preview img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; }
#modal-daily .dm3-cap {
  width: 100%; box-sizing: border-box; resize: vertical; min-height: 72px;
  padding: 10px 12px; border-radius: 10px;
  background: rgba(2, 12, 18, .6);
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
  color: #fff; font-size: 12.5px; line-height: 1.5; font-family: inherit;
}
#modal-daily .dm3-cap:focus { outline: none; border-color: rgba(41, 182, 232, .5); }
#modal-daily .dm3-copy {
  margin-top: 8px; align-self: flex-start;
  font-size: 11px; font-weight: 800; color: var(--fz-cyan, #29B6E8);
  background: rgba(41, 182, 232, .12); border: 1px solid rgba(41, 182, 232, .3);
  border-radius: 8px; padding: 7px 14px; cursor: pointer;
}
#modal-daily .dm3-post {
  margin-top: 2px; height: 46px; border-radius: 12px; border: none; cursor: pointer;
  font-size: 13.5px; font-weight: 800; color: #fff; letter-spacing: .02em;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .25);
}
#modal-daily .dm3-post:active { transform: scale(.985); }
#modal-daily .dm3-dl {
  margin-top: 8px; text-align: center; display: block;
  font-size: 11px; font-weight: 700; color: var(--fz-text-2, #A6B0BC); text-decoration: none;
}
#modal-daily .dm3-dl:hover { color: #fff; }
#modal-daily .dm3-proof {
  margin-top: 10px; height: 44px; border-radius: 12px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  font-size: 12.5px; font-weight: 800; color: var(--fz-gold, #F5C842);
  background: rgba(245, 200, 66, .1); border: 1px dashed rgba(245, 200, 66, .45);
}
#modal-daily .dm3-proof:hover { background: rgba(245, 200, 66, .16); }






.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 .section .section,
#fz-home-root #sec-popular-games .section {
  max-width: none !important; width: auto !important;
  margin-left: 0 !important; margin-right: 0 !important;
  padding-left: 0 !important; padding-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; }


#fz-home-root .bs-d-marquee {
  background: rgba(6, 20, 28, 0.6) !important;
  border: 1px solid rgba(96, 206, 238, 0.14) !important;
  border-radius: 10px !important;
  max-width: none !important;
  margin: 12px 0 0 !important;
  padding: 8px 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !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 .bs-d-marquee {
  border-radius: 999px !important;
  background: rgba(18, 42, 51, 0.5) !important;
  border: 1px solid var(--fz-line) !important;
  padding: 7px 0 !important;
  margin: 14px 0 0 !important;
  box-shadow: none !important;
}
#fz-home-root .bs-d-marquee-item,
#fz-home-root .bs-d-marquee .marquee-text {
  font-family: var(--fz-font-mono) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--fz-text-2) !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-item.open .faq-q::after { transform: rotate(225deg); 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;
}
#fz-home-root .og-tile .og-badge,
#fz-home-root .og-tile [class*="badge"] {
  border-radius: 4px !important;
  font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.5px !important;
  padding: 2px 6px !important;
  bottom: 6px !important; left: 6px !important; top: auto !important;
  z-index: 2;
}


@media (min-width: 980px) {
  #topnav-vip-chip { display: none !important; }   
  #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-login:hover { border-color: var(--fz-cyan, #29B6E8) !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 .bnav-badge {
    position: absolute !important; top: 4px !important; right: 22% !important; left: auto !important;
    margin: 0 !important; z-index: 2 !important; pointer-events: none !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; }
  
  html body .bottom-nav .bnav-item:nth-child(3):not([data-bnfix-fab="1"]) > img,
  html body .bottom-nav .bnav-item:nth-child(3):not([data-bnfix-fab="1"]) .bnav-ico,
  html body .bottom-nav .bnav-item:nth-child(3):not([data-bnfix-fab="1"]) > span:last-child { visibility: hidden !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:hover { border-color: var(--fz-green, #1ED571) !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;
  }
  html body #fz-topnav-download-m svg {
    width: 16px !important; height: 16px !important;
    color: var(--fz-cyan, #29B6E8) !important; stroke: var(--fz-cyan, #29B6E8) !important;
    filter: drop-shadow(0 0 6px rgba(41,182,232,.35)) !important;
  }
  html body #fz-topnav-download-m:hover { border-color: var(--fz-cyan, #29B6E8) !important; }
  html body #fz-topnav-download-m::after { content: "" !important; position: absolute !important; inset: -6px !important; }
}


html body .bs-d-marquee,
html body #fz-home-root .bs-d-marquee {
  margin-top: 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--fz-line, rgba(255,255,255,.08)) !important;
  background: rgba(18, 42, 51, 0.5) !important;
  padding: 7px 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
html body .bs-d-marquee .bs-d-marquee-track {
  display: flex !important; align-items: center !important;
  width: max-content !important;
  gap: 0 !important; padding: 0 !important;
  animation: fz-mq-scroll 22s linear infinite !important;
}
@keyframes fz-mq-scroll { to { transform: translateX(-50%); } }
html body .bs-d-marquee .bs-d-marquee-item {
  padding: 0 18px !important;
  background: transparent !important; border: 0 !important;
  box-shadow: none !important; text-shadow: none !important;
}
html body .bs-d-marquee .bs-d-marquee-sep {
  color: var(--fz-gold, #F5C842) !important;
  background: transparent !important; border: 0 !important;
}
html body .bs-d-marquee .bs-d-marquee-item * { background: transparent !important; border: 0 !important; }
html body .bs-d-marquee::before,
html body .bs-d-marquee::after,
html body #fz-home-root .bs-d-marquee::before,
html body #fz-home-root .bs-d-marquee::after { display: none !important; }


@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%); }
}

html body .bs-d-marquee-track { gap: 0 !important; padding: 0 !important; }
html body .bs-d-marquee-track > * { margin-right: 38px !important; margin-left: 0 !important; }


@media (max-width: 979px) {
  html body #fz-home-vip { padding: 13px 16px !important; align-items: center !important; gap: 10px !important; }
  html body #fz-home-vip #home-vip-gem {
    width: 48px !important; min-width: 48px !important; max-width: 48px !important;
    height: 52px !important; min-height: 52px !important; flex-shrink: 0 !important; display: block !important;
  }
  html body #fz-home-vip [data-pf-action="deposit"] {
    height: 34px !important; min-height: 34px !important; max-height: 34px !important;
    border-radius: 10px !important; padding: 0 14px !important;
  }
  html body #fz-home-vip button[aria-label="VIP Club"] {
    width: 30px !important; min-width: 30px !important; max-width: 30px !important;
    height: 30px !important; min-height: 30px !important; max-height: 30px !important;
  }
  html body #home-vip-cur-name { font-size: 10px !important; letter-spacing: 0 !important; flex: 1 1 auto !important; min-width: 0 !important; }
  html body #home-vip-amounts { flex: 0 0 auto !important; font-size: 10px !important; }
}


@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:hover {
    border-color: var(--fz-cyan,#29B6E8) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 14px rgba(41,182,232,.3) !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 .topnav-balance:hover {
    border-color: var(--fz-gold,#F5C842) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 16px rgba(245,200,66,.25) !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-invite { height: 34px !important; min-height: 0 !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-avatar:hover {
    border-color: var(--fz-cyan,#29B6E8) !important;
    box-shadow: 0 0 14px rgba(41,182,232,.35) !important;
  }
}

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-complaints .modal.cmp-root {
    max-height: calc(100dvh - var(--fz-screen-top, 64px)) !important;
  }
  html body #fz-minigames-page {
    
    top: 0 !important;
    padding-top: var(--fz-screen-top, 64px) !important;
    z-index: 45 !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; 
  }
  html body #modal-promo.pm-v2 .pm-page { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; }
  html body #modal-complaints .modal,
  html body #modal-history .modal { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !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;
  }
  html body #modal-profile.modal-backdrop.show {
    display: block !important;
    z-index: 45 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    animation: none !important;
  }
  body:has(#modal-profile.modal-backdrop.show) { overflow: hidden !important; }
  body:has(#modal-profile.modal-backdrop.show) #apk-banner,
  body:has(#modal-profile.modal-backdrop.show) .bs-container { visibility: hidden !important; }
  html body #modal-profile .pf-v4 {
    max-width: 560px !important; width: 100% !important; margin: 0 auto !important;
    height: auto !important; min-height: 100% !important; max-height: none !important;
    background: transparent !important; border: none !important; border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px 16px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: visible !important; transform: none !important; animation: none !important;
  }
  html body #modal-profile .pf3-close { display: none !important; }
  html body #modal-profile .pf3-grip { display: none !important; }
  html body #modal-profile .pf3-return-row { display: flex !important; margin: 2px 0 14px !important; }
  html body #modal-profile.modal-backdrop .modal::before { display: none !important; content: none !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: 979px) {
  html body #modal-history.modal-backdrop.show {
    display: block !important;
    overflow-y: auto !important; overflow-x: hidden !important;
  }
  html body #modal-history .modal {
    max-width: 560px !important; width: 100% !important;
    margin: 0 auto !important;
    max-height: none !important;
    border-radius: 0 !important; border: none !important; box-shadow: none !important;
    animation: none !important; transform: none !important;
  }
  html body #modal-history.modal-backdrop .modal::before { display: none !important; content: none !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: 374.98px) {
  html body header.top-nav .brand-wrap img.brand-logo { max-width: 18vw !important; }
  html body header.top-nav .top-nav-inner > .flex.items-center.gap-2 { gap: 6px !important; }
  html body header.top-nav #topnav-auth-in { gap: 6px !important; }
}
@media (max-width: 339.98px) {
  html body header.top-nav .brand-wrap { display: none !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-badge {
    min-width: 15px !important; height: 15px !important;
    font-size: 9px !important; border-width: 1.5px !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) {
    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 #modal-wallet .modal { overflow: visible !important; }
}


html.fz-mg-open #hero-carousel { visibility: hidden !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;  
  }
}


#sec-popular-games .games-coming-soon { display: none !important; }
html.fz-games-empty #sec-popular-games .games-coming-soon { display: block !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;
  }
}


html body.fz-bg-locked header.top-nav{position:fixed !important;top:0 !important;left:0;right:0;}






:where(#fz-home-root, #modal-wallet, #modal-deposit, #modal-withdraw,
       #modal-profile, #modal-promo, #modal-vip, #modal-chat)
  :is(button, a, [role="button"], [tabindex="0"], input, select,
      .og-tile, .qp-tile):focus-visible,
.bnav-item:focus-visible,
header.top-nav :is(button, a, [role="button"]):focus-visible {
  outline: 2px solid var(--fz-cyan);
  outline-offset: 2px;
  border-radius: var(--fz-r-md, 8px);
}


: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);
}
:is(.bnav-item, .qp-tile,
    #modal-deposit.dep-v2 .dep-quick-amt):active {
  transform: scale(0.96);
}

#modal-deposit.dep-v2 .dp-bo:not(.claimed):not(:disabled):active {
  transform: translateY(0) scale(0.99);
}


#modal-deposit.dep-v2 .dep-quick-amt:not(.on):hover {
  border-color: var(--fz-cyan);
  color: var(--fz-text);
}


@media (prefers-reduced-motion: reduce) {
  :is(.bnav-item, .qp-tile, #modal-deposit.dep-v2 .dep-quick-amt,
      #modal-deposit.dep-v2 .dp-bo):active {
    transform: none;
  }
}




.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;
}


#modal-promo.pm-v2 .pm-head__title::before {
  display: none !important;
  content: none !important;
}


#modal-promo.pm-v2 .pm-claim {
  padding: 5px 12px !important;
  font-size: 11px !important;
}
#modal-promo.pm-v2 .pm-claim svg { width: 11px !important; height: 11px !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;
}




#fz-mg-back {
  width: 34px !important;
  height: 34px !important;
  min-height: 0 !important;
  flex: 0 0 34px !important;
  align-self: center !important;
  border-radius: 50% !important;
}


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




.section-title-text::before,
h2[class*="section"]::before,
h3[class*="section"]::before,
.vip-section-title::before {
  display: none !important;
  content: none !important;
}
.section-title-text, h2[class*="section"], h3[class*="section"] { padding-left: 0 !important; }
#modal-wallet .wv span[style*="width:4px;height:18px"] { display: none !important; }


@media (max-width: 639px) {
  #fz-minigames-card { padding: 12px 14px !important; gap: 10px !important; }
  #fz-minigames-card .fz-mg-title { font-size: 12px !important; line-height: 1.25 !important; }
  #fz-minigames-card .fz-mg-desc { font-size: 10px !important; line-height: 1.35 !important; }
  #fz-minigames-card .fz-mg-count { display: none !important; }
}


@media (max-width: 979px) {
  .hero-wrap .fz-hero-ctas { display: none !important; }
}


.hero-wrap .fz-hero-ctas button {
  min-width: 172px !important;
  padding: 0 16px !important;
}



#modal-wallet .wv-top { gap: 12px !important; align-items: center !important; }
#modal-promo .pm-head { gap: 12px !important; align-items: center !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;
  }
  #sec-popular-games .cat-row.stanley-game-type-row::-webkit-scrollbar { display: none !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;
  }
}

.lc-row--failed{cursor:pointer}
.lc-row--failed .lc-bub{border:1px solid rgba(232,64,64,.55);opacity:.88}
.lc-bub__meta.lc-fail{color:#e84040;font-weight:700}
#lc-newpill{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);z-index:6;
  background:var(--lc-gold,#f5b301);color:#161616;border:0;border-radius:999px;padding:7px 15px;
  font-weight:700;font-size:12px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.4);cursor:pointer}
.lc-skel{height:36px;border-radius:14px;margin:12px 14px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.13),rgba(255,255,255,.05));
  background-size:200% 100%;animation:lcskel 1.1s infinite linear}
.lc-skel.w62{width:62%}.lc-skel.w78{width:78%}.lc-skel.w45{width:45%}
.lc-skel.r{margin-left:auto}
@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; }
}


.lc-composer .lc-input__box, .lc-guest .lc-input { font-size: 16px !important; }



@media (max-width: 979px) {
  html body #modal-notifications.nf-v2 { background:#06121a !important; padding:0 !important; align-items:stretch !important; }
  html body #modal-notifications.nf-v2 .modal {
    width:100% !important; max-width:100% !important;
    height:100dvh !important; max-height:100dvh !important;
    margin:0 !important; border-radius:0 !important; border:0 !important;
  }
  html body #modal-notifications.nf-v2 .nf-scroll { padding-bottom:calc(20px + env(safe-area-inset-bottom)) !important; }
}
html body #modal-notifications.nf-v2 .nf-ic.t-rejected { background:rgba(224,35,75,.12); color:#E0234B; border-color:rgba(224,35,75,.35); }
html body #modal-notifications.nf-v2 .nf-ic.t-pending  { background:rgba(245,200,66,.12); color:#F5C842; border-color:rgba(245,200,66,.32); }
html body #modal-notifications.nf-v2 .nf-amt.void { color:#6E7B88; text-decoration:line-through; font-weight:600; }
html body #modal-notifications.nf-v2 .nf-amt.pend { color:#F5C842; }
html body #modal-notifications.nf-v2 .nf-row.st-rej  { box-shadow:inset 2px 0 0 #E0234B; }
html body #modal-notifications.nf-v2 .nf-row.st-pend { box-shadow:inset 2px 0 0 rgba(245,200,66,.85); }


@media (min-width: 980px) {
  html body #modal-notifications.nf-v2 .modal { max-width:400px !important; }
}


html body #modal-notifications.nf-v2 .nf-row.st-rej,
html body #modal-notifications.nf-v2 .nf-row.st-pend { box-shadow:none !important; }
html body #modal-notifications.nf-v2 .nf-amt.void { text-decoration:none !important; color:#8A94A0; }
html body #modal-notifications.nf-v2 .nf-ic { border-color:transparent !important; }
html body #modal-notifications.nf-v2 .nf-row { padding:14px 14px 14px 4px; }
html body #modal-notifications.nf-v2 .nf-scroll { scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent; }
html body #modal-notifications.nf-v2 .nf-scroll::-webkit-scrollbar { width:4px; }
html body #modal-notifications.nf-v2 .nf-scroll::-webkit-scrollbar-thumb { background:rgba(255,255,255,.16); border-radius:4px; }
html body #modal-notifications.nf-v2 .nf-scroll::-webkit-scrollbar-track { background:transparent; }


html body #modal-notifications.nf-v2 .nf-trow .nf-rtitle { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


@media (min-width: 980px) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgba(9,38,50,.88), rgba(4,14,22,.96)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.6) !important;
    max-height: calc(100dvh - 88px) !important;
  }
}

html body #modal-notifications.nf-v2 .nf-title { font-size: 15px; }
html body #modal-notifications.nf-v2 .nf-bell-ic svg { width: 16px; height: 16px; }
html body #modal-notifications.nf-v2 .nf-title .ct { font-size: 10px; padding: 1px 8px; }
html body #modal-notifications.nf-v2 .nf-markall {
  background: rgba(41,182,232,.08); font-size: 12px;
  border-top: 1px solid var(--fz-line, rgba(255,255,255,.08));
  border-bottom: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
html body #modal-notifications.nf-v2 .nf-markall:hover { background: rgba(41,182,232,.14); }

html body #modal-notifications.nf-v2 .nf-tabs { padding: 9px 13px; gap: 7px; flex: 0 0 auto; border-bottom: 1px solid var(--fz-line, rgba(255,255,255,.08)); }
html body #modal-notifications.nf-v2 .nf-tab { background: transparent; color: var(--fz-text-3, #6E7B88); }
html body #modal-notifications.nf-v2 .nf-tab.on { background: var(--fz-cyan-soft, rgba(41,182,232,.12)); color: var(--fz-cyan, #29B6E8); border-color: rgba(41,182,232,.45); }

html body #modal-notifications.nf-v2 .nf-dategrp { display: flex; align-items: center; gap: 8px; padding: 9px 2px 2px; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
html body #modal-notifications.nf-v2 .nf-dategrp::after { content: ""; flex: 1; height: 1px; background: var(--fz-line, rgba(255,255,255,.08)); }

html body #modal-notifications.nf-v2 .nf-list { display: flex; flex-direction: column; gap: 7px; padding: 4px 13px 16px; }
html body #modal-notifications.nf-v2 .nf-row {
  padding: 11px 13px; border-radius: 11px;
  background: linear-gradient(180deg, var(--fz-surface-2, #16333D), var(--fz-surface, #122A33));
  border: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
html body #modal-notifications.nf-v2 .nf-row:last-child { border: 1px solid var(--fz-line, rgba(255,255,255,.08)); }
html body #modal-notifications.nf-v2 .nf-row:hover { border-color: var(--fz-line-2, rgba(255,255,255,.14)); background: linear-gradient(180deg, var(--fz-surface-3, #1C414D), var(--fz-surface, #122A33)); }
html body #modal-notifications.nf-v2 .nf-row.unread,
html body #modal-notifications.nf-v2 .nf-row.unread:hover {
  border-color: rgba(41,182,232,.35);
  background: linear-gradient(rgba(41,182,232,.05), rgba(41,182,232,.05)),
              linear-gradient(180deg, var(--fz-surface-2, #16333D), var(--fz-surface, #122A33));
}
html body #modal-notifications.nf-v2 .nf-dot { position: absolute; top: 7px; left: 7px; width: 6px; height: 6px; margin: 0; }
html body #modal-notifications.nf-v2 .nf-ic { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; }
html body #modal-notifications.nf-v2 .nf-ic svg { width: 17px; height: 17px; }
html body #modal-notifications.nf-v2 .nf-ic.t-pending { background: var(--fz-cyan-soft, rgba(41,182,232,.12)); color: var(--fz-cyan, #29B6E8); }
html body #modal-notifications.nf-v2 .nf-ic.t-approve { background: var(--fz-green-soft, rgba(30,213,113,.12)); color: var(--fz-green, #1ED571); }

html body #modal-notifications.nf-v2 .nf-rtitle { font-size: 12.5px; }
html body #modal-notifications.nf-v2 .nf-rbody { font-size: 11px; line-height: 1.5; }
html body #modal-notifications.nf-v2 .nf-amt.pos { color: var(--fz-green, #1ED571); }
html body #modal-notifications.nf-v2 .nf-amt.neg,
html body #modal-notifications.nf-v2 .nf-amt.pend { color: var(--fz-gold, #F5C842); }
html body #modal-notifications.nf-v2 .nf-amt.void { color: var(--fz-text-3, #6E7B88); }


@media (max-width: 979px) {
  html body #modal-notifications.nf-v2 { position: fixed !important; inset: 0 !important; z-index: 230 !important; background: rgb(4,14,22) !important; padding: 0 !important; }
  html body #modal-notifications.nf-v2 .modal {
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; max-height: 100% !important;
    margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    background: linear-gradient(180deg, rgba(9,38,50,.88), rgba(4,14,22,.96)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
  }
  html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }
  html body #modal-notifications.nf-v2 .nf-hd { padding: calc(15px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 13px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-list { padding: 6px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-scroll { padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important; }
}


@media (max-width: 979px), (min-width: 980px) and (pointer: coarse) {
  html body #modal-notifications.nf-v2 { position: fixed !important; inset: 0 !important; z-index: 230 !important; background: rgb(4,14,22) !important; padding: 0 !important; backdrop-filter: none !important; }
  html body #modal-notifications.nf-v2 .modal {
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; max-height: 100% !important;
    margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    background: url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat,
                linear-gradient(180deg, rgb(9,38,50), rgb(4,14,22)) !important;
    background-color: rgb(4,14,22) !important;
  }
  html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }
  html body #modal-notifications.nf-v2 .nf-hd { padding: calc(15px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 13px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-list { padding: 6px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-scroll { padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important; }
}


@media (max-width: 979px), (min-width: 980px) and (pointer: coarse) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgb(64,108,124), rgb(10,26,38)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: multiply !important;
  }
}


html body #modal-notifications.nf-v2 { position: fixed !important; inset: 0 !important; z-index: 230 !important; background: rgb(4,14,22) !important; padding: 0 !important; backdrop-filter: none !important; }
html body #modal-notifications.nf-v2 .modal {
  width: 100% !important; max-width: 100% !important;
  height: 100% !important; max-height: 100% !important;
  margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: linear-gradient(180deg, rgb(64,108,124), rgb(10,26,38)),
              url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
  background-color: rgb(4,14,22) !important;
  background-blend-mode: multiply !important;
}
html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }
html body #modal-notifications.nf-v2 .nf-hd,
html body #modal-notifications.nf-v2 .nf-markall { width: 100%; max-width: 760px; margin-left: auto !important; margin-right: auto !important; }
html body #modal-notifications.nf-v2 .nf-scroll { width: 100%; }
html body #modal-notifications.nf-v2 .nf-list,
html body #modal-notifications.nf-v2 .nf-retry,
html body #modal-notifications.nf-v2 .nf-empty { max-width: 760px; margin-left: auto; margin-right: auto; }


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 {
    background: transparent !important; backdrop-filter: none !important;
    pointer-events: none !important;
    padding: 64px 12px 12px !important;
    align-items: flex-start !important; justify-content: flex-end !important;
    z-index: 210 !important;
  }
  html body #modal-notifications.nf-v2 .modal {
    pointer-events: auto;
    width: 100% !important; max-width: 400px !important;
    height: auto !important; max-height: calc(100dvh - 88px) !important;
    margin: 0 !important;
    border: 1px solid rgba(41,182,232,.28) !important; border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.6) !important;
    background: linear-gradient(180deg, rgba(9,38,50,.88), rgba(4,14,22,.96)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-blend-mode: normal !important;
  }
  html body #modal-notifications.nf-v2 .nf-tabs { display: flex !important; }
}


html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }


html body:has(.modal-backdrop.show) #hero-carousel *,
html body:has(.modal-backdrop.show) #hero-carousel {
  animation-play-state: running !important;
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgb(64,108,124), rgb(10,26,38)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: multiply !important;
  }
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgb(96,150,168), rgb(30,62,80)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: multiply !important;
  }
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgba(7,25,35,.45), rgba(4,14,22,.78)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: normal !important;
  }
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .nf-dategrp { color: #E6EEF4; text-shadow: 0 1px 6px rgba(0,10,16,.85); }
  html body #modal-notifications.nf-v2 .nf-dategrp::after { background: rgba(230,238,244,.28); }
}


@media (max-width: 979px), (min-width: 980px) and (pointer: coarse) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgba(7,25,35,.45), rgba(4,14,22,.78)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: normal !important;
  }
  html body #modal-notifications.nf-v2 .nf-dategrp { color: #E6EEF4; text-shadow: 0 1px 6px rgba(0,10,16,.85); }
  html body #modal-notifications.nf-v2 .nf-dategrp::after { background: rgba(230,238,244,.28); }
}


.fzai-ov { position: fixed; inset: 0; z-index: 100002; background: rgba(4,8,12,.72); backdrop-filter: blur(3px);
  display: flex; align-items: flex-end; justify-content: center; opacity: 0; transition: opacity .22s; }
.fzai-ov.on { opacity: 1; }
.fzai-card { width: 100%; max-width: 480px; box-sizing: border-box;
  background: linear-gradient(180deg, rgba(9,38,50,.96), rgba(4,14,22,.99));
  border: 1px solid rgba(41,182,232,.28); border-bottom: 0; border-radius: 20px 20px 0 0;
  padding: 8px 18px calc(18px + env(safe-area-inset-bottom));
  transform: translateY(100%); transition: transform .28s ease-out;
  font-family: Inter,-apple-system,BlinkMacSystemFont,sans-serif; color: #E8EAEF; }
.fzai-ov.on .fzai-card { transform: translateY(0); }
@media (min-width: 700px) {
  .fzai-ov { align-items: center; padding: 16px; }
  .fzai-card { border-radius: 20px; border-bottom: 1px solid rgba(41,182,232,.28); transform: translateY(10px); }
  .fzai-ov.on .fzai-card { transform: none; }
  .fzai-grab { display: none; }
}
.fzai-grab { width: 36px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.2); margin: 4px auto 10px; }
.fzai-hd { display: flex; align-items: center; gap: 12px; padding: 6px 0 12px; }
.fzai-logo { width: 44px; height: 44px; border-radius: 11px; box-shadow: 0 4px 14px rgba(0,0,0,.4); }
.fzai-tt { flex: 1; font-size: 16px; font-weight: 800; color: #fff; }
.fzai-tt span { display: block; font-size: 11.5px; font-weight: 500; color: #A6B0BC; margin-top: 2px; }
.fzai-x { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14);
  background: rgba(7,8,13,.5); color: #A6B0BC; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.fzai-x svg { width: 13px; height: 13px; }
.fzai-steps { display: flex; flex-direction: column; gap: 9px; }
.fzai-step { display: flex; align-items: center; gap: 12px; padding: 11px 13px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(22,51,61,.9), rgba(18,42,51,.9)); border: 1px solid rgba(255,255,255,.08); }
.fzai-n { width: 20px; height: 20px; flex: 0 0 20px; border-radius: 50%; background: rgba(41,182,232,.14);
  border: 1px solid rgba(41,182,232,.4); color: #29B6E8; font-size: 11px; font-weight: 800;
  display: flex; align-items: center; justify-content: center; }
.fzai-ic { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; background: rgba(41,182,232,.12);
  color: #29B6E8; display: flex; align-items: center; justify-content: center; }
.fzai-ic svg { width: 18px; height: 18px; }
.fzai-tx { font-size: 13px; line-height: 1.45; color: #C6CFDA; }
.fzai-tx b { color: #fff; }
.fzai-note { font-size: 11px; color: #6E7B88; text-align: center; padding: 11px 0 2px; }
.fzai-note b { color: #A6B0BC; }
.fzai-done { width: 100%; margin-top: 8px; padding: 13px; border-radius: 12px; border: 0; cursor: pointer;
  background: linear-gradient(180deg, #34c3f2, #1B9CD0); color: #04222E; font-size: 14px; font-weight: 800; }
.fzai-toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: 96px; z-index: 100003;
  background: #15803d; color: #fff; padding: 11px 18px; border-radius: 999px; font-size: 13px; font-weight: 600;
  box-shadow: 0 8px 28px rgba(0,0,0,.45); }


.fzpush-card { position: fixed; left: 12px; right: 12px; bottom: calc(70px + env(safe-area-inset-bottom)); z-index: 220;
  display: flex; align-items: center; gap: 11px; padding: 12px 13px;
  background: linear-gradient(180deg, rgba(9,38,50,.97), rgba(4,14,22,.99));
  border: 1px solid rgba(41,182,232,.3); border-radius: 14px; box-shadow: 0 14px 40px rgba(0,0,0,.5);
  font-family: Inter,-apple-system,sans-serif; color: #E8EAEF;
  opacity: 0; transform: translateY(14px); transition: .28s ease-out; }
.fzpush-card.on { opacity: 1; transform: none; }
@media (min-width: 700px) { .fzpush-card { left: auto; right: 16px; bottom: 16px; max-width: 400px; } }
.fzpush-ic { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; background: rgba(41,182,232,.12);
  color: #29B6E8; display: flex; align-items: center; justify-content: center; }
.fzpush-ic svg { width: 18px; height: 18px; }
.fzpush-tx { flex: 1; min-width: 0; }
.fzpush-tx b { display: block; font-size: 13px; color: #fff; }
.fzpush-tx span { display: block; font-size: 11px; color: #A6B0BC; margin-top: 2px; line-height: 1.35; }
.fzpush-on { flex: 0 0 auto; padding: 9px 15px; border-radius: 10px; border: 0; cursor: pointer;
  background: linear-gradient(180deg, #34c3f2, #1B9CD0); color: #04222E; font-size: 12.5px; font-weight: 800; }
.fzpush-x { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14);
  background: rgba(7,8,13,.5); color: #A6B0BC; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.fzpush-x svg { width: 12px; height: 12px; }



@media (display-mode: standalone) {
  html body header.top-nav { padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important; }
}


@media (display-mode: standalone) and (max-width: 979px) {
  html body header.top-nav {
    padding-top: calc(9px + env(safe-area-inset-top, 0px)) !important;
    height: calc(48px + env(safe-area-inset-top, 0px)) !important;
  }
}


.fzpc-ov { position: fixed; inset: 0; z-index: 100002; background: rgba(4,8,12,.72); backdrop-filter: blur(3px);
  display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity .22s; }
.fzpc-ov.on { opacity: 1; }
.fzpc-card { width: 100%; max-width: 360px; box-sizing: border-box; text-align: center;
  background: linear-gradient(180deg, rgba(9,38,50,.97), rgba(4,14,22,.99));
  border: 1px solid rgba(245,200,66,.35); border-radius: 18px; padding: 20px 18px;
  font-family: Inter,-apple-system,sans-serif; color: #E8EAEF;
  transform: translateY(12px); transition: transform .26s ease-out; box-shadow: 0 24px 70px rgba(0,0,0,.6); }
.fzpc-ov.on .fzpc-card { transform: none; }
.fzpc-hd { display: flex; align-items: center; gap: 10px; text-align: left; margin-bottom: 10px; }
.fzpc-gift { font-size: 26px; }
.fzpc-tt { flex: 1; font-size: 15px; font-weight: 800; color: #fff; }
.fzpc-x { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14);
  background: rgba(7,8,13,.5); color: #A6B0BC; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.fzpc-x svg { width: 12px; height: 12px; }
.fzpc-sub { font-size: 12.5px; color: #A6B0BC; line-height: 1.5; margin: 6px 0 4px; }
.fzpc-amt { margin: 14px 0 6px; font-family: "JetBrains Mono",monospace; font-size: 30px; font-weight: 800; color: #F5C842; }
.fzpc-amt span { display: block; font-family: Inter,sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .16em; color: #6E7B88; margin-top: 3px; }
.fzpc-btn { width: 100%; margin-top: 12px; padding: 13px; border-radius: 12px; border: 0; cursor: pointer;
  background: linear-gradient(180deg, #FFE082, #F5C842); color: #14110A; font-size: 14px; font-weight: 800; }
.fzpc-btn:disabled { opacity: .6; }


.lc-hist__list { display:flex; flex-direction:column; gap:8px; padding:12px; }
.lc-hist__card { text-align:left; width:100%; background:linear-gradient(180deg,rgba(22,51,61,.6),rgba(18,42,51,.6)); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:12px 13px; cursor:pointer; color:#E8EAEF; font-family:inherit; }
.lc-hist__card:hover { border-color:rgba(41,182,232,.35); }
.lc-hist__top { display:flex; align-items:center; gap:8px; margin-bottom:5px; }
.lc-hist__cat { font-size:12px; font-weight:800; color:#fff; }
.lc-hist__badge { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; border:1px solid; border-radius:999px; padding:1px 8px; }
.lc-hist__date { margin-left:auto; font-size:10px; color:#6E7B88; font-family:"JetBrains Mono",monospace; white-space:nowrap; flex-shrink:0; }
.lc-hist__prev { font-size:12px; color:#A6B0BC; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-hist__empty { text-align:center; padding:48px 20px; color:#6E7B88; }
.lc-hist__empty svg { width:34px; height:34px; opacity:.5; margin-bottom:10px; }


@media (min-width: 980px) {
  html body #modal-chat .modal.lc-root { height:min(78vh, 660px) !important; max-height:min(78vh, 660px) !important; width:400px !important; }
}
html body #modal-chat .lc-root .lc-input__send { width:38px; height:38px; flex:0 0 38px; border-radius:12px !important; background:linear-gradient(135deg, #34c3f2, #1B7FA8) !important; color:#fff !important; box-shadow:0 3px 10px rgba(41,182,232,.35) !important; transition:filter .15s, background .15s !important; }
html body #modal-chat .lc-root .lc-input__send:hover { filter:brightness(1.08) !important; transform:none !important; }
html body #modal-chat .lc-root .lc-input__send:disabled { background:#16333D !important; color:#56636F !important; box-shadow:none !important; filter:none !important; }


html body #modal-chat .lc-root .lc-head__hist {
  display:inline-flex; align-items:center; gap:5px; flex:0 0 auto;
  height:28px; padding:0 11px 0 9px; border-radius:999px; cursor:pointer;
  background:var(--fz-cyan-soft, rgba(41,182,232,.14)); color:var(--fz-cyan, #29B6E8);
  border:1px solid rgba(41,182,232,.4); font-family:inherit; font-size:11.5px; font-weight:800;
  white-space:nowrap; transition:background .15s;
}
html body #modal-chat .lc-root .lc-head__hist:hover { background:rgba(41,182,232,.24); }
html body #modal-chat .lc-root .lc-head__hist svg { width:14px; height:14px; }



@media (max-width: 699px) {
  html body .fzpush-card { top: calc(var(--fz-screen-top, 64px) + 8px) !important; bottom: auto !important; transform: translateY(-14px) !important; }
  html body .fzpush-card.on { transform: 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;
  }
  html body #modal-auth#modal-auth.modal-backdrop .auth-v3,
  html body #modal-auth#modal-auth .auth-v3{
    max-width: none !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    border: none !important;
    border-radius: 0 !important;
    padding-top: max(18px, env(safe-area-inset-top)) !important;
  }
  html body #modal-auth#modal-auth .auth-v3 .auth-v3-close{
    top: max(16px, calc(env(safe-area-inset-top) + 8px)) !important;
  }
  html body #modal-auth#modal-auth .auth-v3 .auth-v3-handle{
    display: none !important;
  }
}


html body #modal-auth#modal-auth .auth-v3 .auth-v3-handle{ display: none !important; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input{ font-size: 16px !important; }


.pm-card.has-img .pm-card__vis,
.pm-vis.pm-vis--img{
  background: linear-gradient(100deg,#0B3A42 25%,#12525e 50%,#0B3A42 75%) #0B3A42;
  background-size: 200% 100%;
  animation: pmSkeletonShimmer 1.3s linear infinite;
}
.pm-card.has-img .pm-card__vis.img-ready,
.pm-vis.pm-vis--img.img-ready{ animation: none; background: #0B3A42; }
@keyframes pmSkeletonShimmer{ 0%{background-position:150% 0} 100%{background-position:-150% 0} }



body.fz-bg-locked header.top-nav,
body.fz-bg-locked #fz-home-root,
body.fz-bg-locked .bottom-nav { touch-action: none; }


@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: 374.98px) {
  html body header.top-nav .brand-wrap img.brand-logo { max-width: 18vw !important; }
  html body header.top-nav .top-nav-inner > .flex.items-center.gap-2 { gap: 6px !important; }
  html body header.top-nav #topnav-auth-in { gap: 6px !important; }
}
@media (max-width: 339.98px) {
  html body header.top-nav .brand-wrap { display: none !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-badge {
    min-width: 15px !important; height: 15px !important;
    font-size: 9px !important; border-width: 1.5px !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) {
    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;
  }
  #sec-popular-games .cat-row.stanley-game-type-row::-webkit-scrollbar { display: none !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 #modal-wallet .modal { overflow: visible !important; }
}


html.fz-mg-open #hero-carousel { visibility: hidden !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;  
  }
}


#sec-popular-games .games-coming-soon { display: none !important; }
html.fz-games-empty #sec-popular-games .games-coming-soon { display: block !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;
  }
}


#modal-chat .lc-human-row { display: flex; justify-content: flex-end; padding: 4px 14px 0; }
#modal-chat .lc-human-link {
  background: none; border: 0; cursor: pointer;
  font-size: 12px; color: var(--fz-text-dim, #8b93a3);
  padding: 4px 2px; text-decoration: none;
}
#modal-chat .lc-human-link:active, #modal-chat .lc-human-link:hover { color: var(--fz-cyan, #29B6E8); }
#modal-chat .lc-head__flag {
  background: none; border: 0; cursor: pointer;
  width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--fz-text-dim, #8b93a3); flex: 0 0 auto;
}
#modal-chat .lc-head__flag:active { color: var(--fz-cyan, #29B6E8); }
#modal-chat .lc-head__flag svg { width: 17px; height: 17px; }

.lc-row--failed{cursor:pointer}
.lc-row--failed .lc-bub{border:1px solid rgba(232,64,64,.55);opacity:.88}
.lc-bub__meta.lc-fail{color:#e84040;font-weight:700}
#lc-newpill{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);z-index:6;
  background:var(--lc-gold,#f5b301);color:#161616;border:0;border-radius:999px;padding:7px 15px;
  font-weight:700;font-size:12px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.4);cursor:pointer}
.lc-skel{height:36px;border-radius:14px;margin:12px 14px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.13),rgba(255,255,255,.05));
  background-size:200% 100%;animation:lcskel 1.1s infinite linear}
.lc-skel.w62{width:62%}.lc-skel.w78{width:78%}.lc-skel.w45{width:45%}
.lc-skel.r{margin-left:auto}
@keyframes lcskel{from{background-position:200% 0}to{background-position:-200% 0}}


html body.fz-bg-locked header.top-nav{position:fixed !important;top:0 !important;left:0;right: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; }
}


.lc-composer .lc-input__box, .lc-guest .lc-input { font-size: 16px !important; }



@media (max-width: 979px) {
  html body #modal-notifications.nf-v2 { background:#06121a !important; padding:0 !important; align-items:stretch !important; }
  html body #modal-notifications.nf-v2 .modal {
    width:100% !important; max-width:100% !important;
    height:100dvh !important; max-height:100dvh !important;
    margin:0 !important; border-radius:0 !important; border:0 !important;
  }
  html body #modal-notifications.nf-v2 .nf-scroll { padding-bottom:calc(20px + env(safe-area-inset-bottom)) !important; }
}
html body #modal-notifications.nf-v2 .nf-ic.t-rejected { background:rgba(224,35,75,.12); color:#E0234B; border-color:rgba(224,35,75,.35); }
html body #modal-notifications.nf-v2 .nf-ic.t-pending  { background:rgba(245,200,66,.12); color:#F5C842; border-color:rgba(245,200,66,.32); }
html body #modal-notifications.nf-v2 .nf-amt.void { color:#6E7B88; text-decoration:line-through; font-weight:600; }
html body #modal-notifications.nf-v2 .nf-amt.pend { color:#F5C842; }
html body #modal-notifications.nf-v2 .nf-row.st-rej  { box-shadow:inset 2px 0 0 #E0234B; }
html body #modal-notifications.nf-v2 .nf-row.st-pend { box-shadow:inset 2px 0 0 rgba(245,200,66,.85); }


@media (min-width: 980px) {
  html body #modal-notifications.nf-v2 .modal { max-width:400px !important; }
}


html body #modal-notifications.nf-v2 .nf-row.st-rej,
html body #modal-notifications.nf-v2 .nf-row.st-pend { box-shadow:none !important; }
html body #modal-notifications.nf-v2 .nf-amt.void { text-decoration:none !important; color:#8A94A0; }
html body #modal-notifications.nf-v2 .nf-ic { border-color:transparent !important; }
html body #modal-notifications.nf-v2 .nf-row { padding:14px 14px 14px 4px; }
html body #modal-notifications.nf-v2 .nf-scroll { scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent; }
html body #modal-notifications.nf-v2 .nf-scroll::-webkit-scrollbar { width:4px; }
html body #modal-notifications.nf-v2 .nf-scroll::-webkit-scrollbar-thumb { background:rgba(255,255,255,.16); border-radius:4px; }
html body #modal-notifications.nf-v2 .nf-scroll::-webkit-scrollbar-track { background:transparent; }


html body #modal-notifications.nf-v2 .nf-trow .nf-rtitle { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


@media (min-width: 980px) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgba(9,38,50,.88), rgba(4,14,22,.96)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.6) !important;
    max-height: calc(100dvh - 88px) !important;
  }
}

html body #modal-notifications.nf-v2 .nf-title { font-size: 15px; }
html body #modal-notifications.nf-v2 .nf-bell-ic svg { width: 16px; height: 16px; }
html body #modal-notifications.nf-v2 .nf-title .ct { font-size: 10px; padding: 1px 8px; }
html body #modal-notifications.nf-v2 .nf-markall {
  background: rgba(41,182,232,.08); font-size: 12px;
  border-top: 1px solid var(--fz-line, rgba(255,255,255,.08));
  border-bottom: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
html body #modal-notifications.nf-v2 .nf-markall:hover { background: rgba(41,182,232,.14); }

html body #modal-notifications.nf-v2 .nf-tabs { padding: 9px 13px; gap: 7px; flex: 0 0 auto; border-bottom: 1px solid var(--fz-line, rgba(255,255,255,.08)); }
html body #modal-notifications.nf-v2 .nf-tab { background: transparent; color: var(--fz-text-3, #6E7B88); }
html body #modal-notifications.nf-v2 .nf-tab.on { background: var(--fz-cyan-soft, rgba(41,182,232,.12)); color: var(--fz-cyan, #29B6E8); border-color: rgba(41,182,232,.45); }

html body #modal-notifications.nf-v2 .nf-dategrp { display: flex; align-items: center; gap: 8px; padding: 9px 2px 2px; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
html body #modal-notifications.nf-v2 .nf-dategrp::after { content: ""; flex: 1; height: 1px; background: var(--fz-line, rgba(255,255,255,.08)); }

html body #modal-notifications.nf-v2 .nf-list { display: flex; flex-direction: column; gap: 7px; padding: 4px 13px 16px; }
html body #modal-notifications.nf-v2 .nf-row {
  padding: 11px 13px; border-radius: 11px;
  background: linear-gradient(180deg, var(--fz-surface-2, #16333D), var(--fz-surface, #122A33));
  border: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
html body #modal-notifications.nf-v2 .nf-row:last-child { border: 1px solid var(--fz-line, rgba(255,255,255,.08)); }
html body #modal-notifications.nf-v2 .nf-row:hover { border-color: var(--fz-line-2, rgba(255,255,255,.14)); background: linear-gradient(180deg, var(--fz-surface-3, #1C414D), var(--fz-surface, #122A33)); }
html body #modal-notifications.nf-v2 .nf-row.unread,
html body #modal-notifications.nf-v2 .nf-row.unread:hover {
  border-color: rgba(41,182,232,.35);
  background: linear-gradient(rgba(41,182,232,.05), rgba(41,182,232,.05)),
              linear-gradient(180deg, var(--fz-surface-2, #16333D), var(--fz-surface, #122A33));
}
html body #modal-notifications.nf-v2 .nf-dot { position: absolute; top: 7px; left: 7px; width: 6px; height: 6px; margin: 0; }
html body #modal-notifications.nf-v2 .nf-ic { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; }
html body #modal-notifications.nf-v2 .nf-ic svg { width: 17px; height: 17px; }
html body #modal-notifications.nf-v2 .nf-ic.t-pending { background: var(--fz-cyan-soft, rgba(41,182,232,.12)); color: var(--fz-cyan, #29B6E8); }
html body #modal-notifications.nf-v2 .nf-ic.t-approve { background: var(--fz-green-soft, rgba(30,213,113,.12)); color: var(--fz-green, #1ED571); }

html body #modal-notifications.nf-v2 .nf-rtitle { font-size: 12.5px; }
html body #modal-notifications.nf-v2 .nf-rbody { font-size: 11px; line-height: 1.5; }
html body #modal-notifications.nf-v2 .nf-amt.pos { color: var(--fz-green, #1ED571); }
html body #modal-notifications.nf-v2 .nf-amt.neg,
html body #modal-notifications.nf-v2 .nf-amt.pend { color: var(--fz-gold, #F5C842); }
html body #modal-notifications.nf-v2 .nf-amt.void { color: var(--fz-text-3, #6E7B88); }


@media (max-width: 979px) {
  html body #modal-notifications.nf-v2 { position: fixed !important; inset: 0 !important; z-index: 230 !important; background: rgb(4,14,22) !important; padding: 0 !important; }
  html body #modal-notifications.nf-v2 .modal {
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; max-height: 100% !important;
    margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    background: linear-gradient(180deg, rgba(9,38,50,.88), rgba(4,14,22,.96)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
  }
  html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }
  html body #modal-notifications.nf-v2 .nf-hd { padding: calc(15px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 13px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-list { padding: 6px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-scroll { padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important; }
}


@media (max-width: 979px), (min-width: 980px) and (pointer: coarse) {
  html body #modal-notifications.nf-v2 { position: fixed !important; inset: 0 !important; z-index: 230 !important; background: rgb(4,14,22) !important; padding: 0 !important; backdrop-filter: none !important; }
  html body #modal-notifications.nf-v2 .modal {
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; max-height: 100% !important;
    margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
    background: url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat,
                linear-gradient(180deg, rgb(9,38,50), rgb(4,14,22)) !important;
    background-color: rgb(4,14,22) !important;
  }
  html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }
  html body #modal-notifications.nf-v2 .nf-hd { padding: calc(15px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 13px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-list { padding: 6px calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left)); }
  html body #modal-notifications.nf-v2 .nf-scroll { padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important; }
}


@media (max-width: 979px), (min-width: 980px) and (pointer: coarse) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgb(64,108,124), rgb(10,26,38)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: multiply !important;
  }
}


html body #modal-notifications.nf-v2 { position: fixed !important; inset: 0 !important; z-index: 230 !important; background: rgb(4,14,22) !important; padding: 0 !important; backdrop-filter: none !important; }
html body #modal-notifications.nf-v2 .modal {
  width: 100% !important; max-width: 100% !important;
  height: 100% !important; max-height: 100% !important;
  margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: linear-gradient(180deg, rgb(64,108,124), rgb(10,26,38)),
              url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
  background-color: rgb(4,14,22) !important;
  background-blend-mode: multiply !important;
}
html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }
html body #modal-notifications.nf-v2 .nf-hd,
html body #modal-notifications.nf-v2 .nf-markall { width: 100%; max-width: 760px; margin-left: auto !important; margin-right: auto !important; }
html body #modal-notifications.nf-v2 .nf-scroll { width: 100%; }
html body #modal-notifications.nf-v2 .nf-list,
html body #modal-notifications.nf-v2 .nf-retry,
html body #modal-notifications.nf-v2 .nf-empty { max-width: 760px; margin-left: auto; margin-right: auto; }


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 {
    background: transparent !important; backdrop-filter: none !important;
    pointer-events: none !important;
    padding: 64px 12px 12px !important;
    align-items: flex-start !important; justify-content: flex-end !important;
    z-index: 210 !important;
  }
  html body #modal-notifications.nf-v2 .modal {
    pointer-events: auto;
    width: 100% !important; max-width: 400px !important;
    height: auto !important; max-height: calc(100dvh - 88px) !important;
    margin: 0 !important;
    border: 1px solid rgba(41,182,232,.28) !important; border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 30px 80px rgba(0,0,0,.6) !important;
    background: linear-gradient(180deg, rgba(9,38,50,.88), rgba(4,14,22,.96)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-blend-mode: normal !important;
  }
  html body #modal-notifications.nf-v2 .nf-tabs { display: flex !important; }
}


html body #modal-notifications.nf-v2 .nf-tabs { display: none !important; }


html body:has(.modal-backdrop.show) #hero-carousel *,
html body:has(.modal-backdrop.show) #hero-carousel {
  animation-play-state: running !important;
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgb(64,108,124), rgb(10,26,38)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: multiply !important;
  }
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgb(96,150,168), rgb(30,62,80)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: multiply !important;
  }
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgba(7,25,35,.45), rgba(4,14,22,.78)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: normal !important;
  }
}


@media (min-width: 980px) and (pointer: fine) {
  html body #modal-notifications.nf-v2 .nf-dategrp { color: #E6EEF4; text-shadow: 0 1px 6px rgba(0,10,16,.85); }
  html body #modal-notifications.nf-v2 .nf-dategrp::after { background: rgba(230,238,244,.28); }
}


@media (max-width: 979px), (min-width: 980px) and (pointer: coarse) {
  html body #modal-notifications.nf-v2 .modal {
    background: linear-gradient(180deg, rgba(7,25,35,.45), rgba(4,14,22,.78)),
                url("/assets/img/bg/underwater-modal.jpg") center/cover no-repeat !important;
    background-color: rgb(4,14,22) !important;
    background-blend-mode: normal !important;
  }
  html body #modal-notifications.nf-v2 .nf-dategrp { color: #E6EEF4; text-shadow: 0 1px 6px rgba(0,10,16,.85); }
  html body #modal-notifications.nf-v2 .nf-dategrp::after { background: rgba(230,238,244,.28); }
}


.fzai-ov { position: fixed; inset: 0; z-index: 100002; background: rgba(4,8,12,.72); backdrop-filter: blur(3px);
  display: flex; align-items: flex-end; justify-content: center; opacity: 0; transition: opacity .22s; }
.fzai-ov.on { opacity: 1; }
.fzai-card { width: 100%; max-width: 480px; box-sizing: border-box;
  background: linear-gradient(180deg, rgba(9,38,50,.96), rgba(4,14,22,.99));
  border: 1px solid rgba(41,182,232,.28); border-bottom: 0; border-radius: 20px 20px 0 0;
  padding: 8px 18px calc(18px + env(safe-area-inset-bottom));
  transform: translateY(100%); transition: transform .28s ease-out;
  font-family: Inter,-apple-system,BlinkMacSystemFont,sans-serif; color: #E8EAEF; }
.fzai-ov.on .fzai-card { transform: translateY(0); }
@media (min-width: 700px) {
  .fzai-ov { align-items: center; padding: 16px; }
  .fzai-card { border-radius: 20px; border-bottom: 1px solid rgba(41,182,232,.28); transform: translateY(10px); }
  .fzai-ov.on .fzai-card { transform: none; }
  .fzai-grab { display: none; }
}
.fzai-grab { width: 36px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.2); margin: 4px auto 10px; }
.fzai-hd { display: flex; align-items: center; gap: 12px; padding: 6px 0 12px; }
.fzai-logo { width: 44px; height: 44px; border-radius: 11px; box-shadow: 0 4px 14px rgba(0,0,0,.4); }
.fzai-tt { flex: 1; font-size: 16px; font-weight: 800; color: #fff; }
.fzai-tt span { display: block; font-size: 11.5px; font-weight: 500; color: #A6B0BC; margin-top: 2px; }
.fzai-x { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14);
  background: rgba(7,8,13,.5); color: #A6B0BC; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.fzai-x svg { width: 13px; height: 13px; }
.fzai-steps { display: flex; flex-direction: column; gap: 9px; }
.fzai-step { display: flex; align-items: center; gap: 12px; padding: 11px 13px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(22,51,61,.9), rgba(18,42,51,.9)); border: 1px solid rgba(255,255,255,.08); }
.fzai-n { width: 20px; height: 20px; flex: 0 0 20px; border-radius: 50%; background: rgba(41,182,232,.14);
  border: 1px solid rgba(41,182,232,.4); color: #29B6E8; font-size: 11px; font-weight: 800;
  display: flex; align-items: center; justify-content: center; }
.fzai-ic { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; background: rgba(41,182,232,.12);
  color: #29B6E8; display: flex; align-items: center; justify-content: center; }
.fzai-ic svg { width: 18px; height: 18px; }
.fzai-tx { font-size: 13px; line-height: 1.45; color: #C6CFDA; }
.fzai-tx b { color: #fff; }
.fzai-note { font-size: 11px; color: #6E7B88; text-align: center; padding: 11px 0 2px; }
.fzai-note b { color: #A6B0BC; }
.fzai-done { width: 100%; margin-top: 8px; padding: 13px; border-radius: 12px; border: 0; cursor: pointer;
  background: linear-gradient(180deg, #34c3f2, #1B9CD0); color: #04222E; font-size: 14px; font-weight: 800; }
.fzai-toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: 96px; z-index: 100003;
  background: #15803d; color: #fff; padding: 11px 18px; border-radius: 999px; font-size: 13px; font-weight: 600;
  box-shadow: 0 8px 28px rgba(0,0,0,.45); }


.fzpush-card { position: fixed; left: 12px; right: 12px; bottom: calc(70px + env(safe-area-inset-bottom)); z-index: 220;
  display: flex; align-items: center; gap: 11px; padding: 12px 13px;
  background: linear-gradient(180deg, rgba(9,38,50,.97), rgba(4,14,22,.99));
  border: 1px solid rgba(41,182,232,.3); border-radius: 14px; box-shadow: 0 14px 40px rgba(0,0,0,.5);
  font-family: Inter,-apple-system,sans-serif; color: #E8EAEF;
  opacity: 0; transform: translateY(14px); transition: .28s ease-out; }
.fzpush-card.on { opacity: 1; transform: none; }
@media (min-width: 700px) { .fzpush-card { left: auto; right: 16px; bottom: 16px; max-width: 400px; } }
.fzpush-ic { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; background: rgba(41,182,232,.12);
  color: #29B6E8; display: flex; align-items: center; justify-content: center; }
.fzpush-ic svg { width: 18px; height: 18px; }
.fzpush-tx { flex: 1; min-width: 0; }
.fzpush-tx b { display: block; font-size: 13px; color: #fff; }
.fzpush-tx span { display: block; font-size: 11px; color: #A6B0BC; margin-top: 2px; line-height: 1.35; }
.fzpush-on { flex: 0 0 auto; padding: 9px 15px; border-radius: 10px; border: 0; cursor: pointer;
  background: linear-gradient(180deg, #34c3f2, #1B9CD0); color: #04222E; font-size: 12.5px; font-weight: 800; }
.fzpush-x { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14);
  background: rgba(7,8,13,.5); color: #A6B0BC; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.fzpush-x svg { width: 12px; height: 12px; }



@media (display-mode: standalone) {
  html body header.top-nav { padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important; }
}


@media (display-mode: standalone) and (max-width: 979px) {
  html body header.top-nav {
    padding-top: calc(9px + env(safe-area-inset-top, 0px)) !important;
    height: calc(48px + env(safe-area-inset-top, 0px)) !important;
  }
}


.fzpc-ov { position: fixed; inset: 0; z-index: 100002; background: rgba(4,8,12,.72); backdrop-filter: blur(3px);
  display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity .22s; }
.fzpc-ov.on { opacity: 1; }
.fzpc-card { width: 100%; max-width: 360px; box-sizing: border-box; text-align: center;
  background: linear-gradient(180deg, rgba(9,38,50,.97), rgba(4,14,22,.99));
  border: 1px solid rgba(245,200,66,.35); border-radius: 18px; padding: 20px 18px;
  font-family: Inter,-apple-system,sans-serif; color: #E8EAEF;
  transform: translateY(12px); transition: transform .26s ease-out; box-shadow: 0 24px 70px rgba(0,0,0,.6); }
.fzpc-ov.on .fzpc-card { transform: none; }
.fzpc-hd { display: flex; align-items: center; gap: 10px; text-align: left; margin-bottom: 10px; }
.fzpc-gift { font-size: 26px; }
.fzpc-tt { flex: 1; font-size: 15px; font-weight: 800; color: #fff; }
.fzpc-x { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14);
  background: rgba(7,8,13,.5); color: #A6B0BC; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.fzpc-x svg { width: 12px; height: 12px; }
.fzpc-sub { font-size: 12.5px; color: #A6B0BC; line-height: 1.5; margin: 6px 0 4px; }
.fzpc-amt { margin: 14px 0 6px; font-family: "JetBrains Mono",monospace; font-size: 30px; font-weight: 800; color: #F5C842; }
.fzpc-amt span { display: block; font-family: Inter,sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .16em; color: #6E7B88; margin-top: 3px; }
.fzpc-btn { width: 100%; margin-top: 12px; padding: 13px; border-radius: 12px; border: 0; cursor: pointer;
  background: linear-gradient(180deg, #FFE082, #F5C842); color: #14110A; font-size: 14px; font-weight: 800; }
.fzpc-btn:disabled { opacity: .6; }


.lc-hist__list { display:flex; flex-direction:column; gap:8px; padding:12px; }
.lc-hist__card { text-align:left; width:100%; background:linear-gradient(180deg,rgba(22,51,61,.6),rgba(18,42,51,.6)); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:12px 13px; cursor:pointer; color:#E8EAEF; font-family:inherit; }
.lc-hist__card:hover { border-color:rgba(41,182,232,.35); }
.lc-hist__top { display:flex; align-items:center; gap:8px; margin-bottom:5px; }
.lc-hist__cat { font-size:12px; font-weight:800; color:#fff; }
.lc-hist__badge { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; border:1px solid; border-radius:999px; padding:1px 8px; }
.lc-hist__date { margin-left:auto; font-size:10px; color:#6E7B88; font-family:"JetBrains Mono",monospace; white-space:nowrap; flex-shrink:0; }
.lc-hist__prev { font-size:12px; color:#A6B0BC; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lc-hist__empty { text-align:center; padding:48px 20px; color:#6E7B88; }
.lc-hist__empty svg { width:34px; height:34px; opacity:.5; margin-bottom:10px; }


@media (min-width: 980px) {
  html body #modal-chat .modal.lc-root { height:min(78vh, 660px) !important; max-height:min(78vh, 660px) !important; width:400px !important; }
}
html body #modal-chat .lc-root .lc-input__send { width:38px; height:38px; flex:0 0 38px; border-radius:12px !important; background:linear-gradient(135deg, #34c3f2, #1B7FA8) !important; color:#fff !important; box-shadow:0 3px 10px rgba(41,182,232,.35) !important; transition:filter .15s, background .15s !important; }
html body #modal-chat .lc-root .lc-input__send:hover { filter:brightness(1.08) !important; transform:none !important; }
html body #modal-chat .lc-root .lc-input__send:disabled { background:#16333D !important; color:#56636F !important; box-shadow:none !important; filter:none !important; }


html body #modal-chat .lc-root .lc-head__hist {
  display:inline-flex; align-items:center; gap:5px; flex:0 0 auto;
  height:28px; padding:0 11px 0 9px; border-radius:999px; cursor:pointer;
  background:var(--fz-cyan-soft, rgba(41,182,232,.14)); color:var(--fz-cyan, #29B6E8);
  border:1px solid rgba(41,182,232,.4); font-family:inherit; font-size:11.5px; font-weight:800;
  white-space:nowrap; transition:background .15s;
}
html body #modal-chat .lc-root .lc-head__hist:hover { background:rgba(41,182,232,.24); }
html body #modal-chat .lc-root .lc-head__hist svg { width:14px; height:14px; }





html body #modal-chat .lc-root .lc-head {
  min-height:62px !important; padding:12px 14px !important; gap:11px !important;
  background:linear-gradient(180deg, rgba(41,182,232,.10) 0%, rgba(10,48,60,0) 100%) !important;
  border-bottom:1px solid rgba(41,182,232,.22) !important;
}
html body #modal-chat .lc-root .lc-head__av { width:42px !important; height:42px !important; flex:0 0 42px !important;
  box-shadow:0 0 0 2px rgba(41,182,232,.5), 0 4px 14px rgba(0,0,0,.45), 0 0 18px rgba(41,182,232,.25) !important; }
html body #modal-chat .lc-root .lc-head__dot { width:12px !important; height:12px !important;
  box-shadow:0 0 8px rgba(30,213,113,.7) !important; }
html body #modal-chat .lc-root .lc-head__title { font-size:15px !important; font-weight:800 !important; letter-spacing:.01em !important; }
html body #modal-chat .lc-root .lc-head__sub { font-size:11px !important; margin-top:2px !important; font-weight:600 !important; }

html body #modal-chat .lc-root .lc-head__hist { height:30px !important; }
html body #modal-chat .lc-root .lc-head__flag { width:30px !important; height:30px !important; flex:0 0 30px !important; }
html body #modal-chat .lc-root .lc-head__flag svg { width:16px !important; height:16px !important; }
html body #modal-chat .lc-root .lc-head__back { width:30px !important; height:30px !important; flex:0 0 30px !important;
  background:rgba(7,8,13,.4) !important; border:1px solid rgba(255,255,255,.16) !important; }
html body #modal-chat .lc-root .lc-head__back svg { width:15px !important; height:15px !important; }


html body #modal-chat .lc-root .lc-msgs { gap:12px !important; padding:16px 16px 14px !important; }
html body #modal-chat .lc-root .lc-row { max-width:86% !important; gap:9px !important; }
html body #modal-chat .lc-root .lc-av { width:28px !important; height:28px !important; flex:0 0 28px !important;
  box-shadow:0 0 0 1.5px rgba(41,182,232,.45), 0 2px 6px rgba(0,0,0,.35) !important; }
html body #modal-chat .lc-root .lc-bub { padding:10px 14px !important; box-shadow:0 2px 10px rgba(0,0,0,.28) !important; }
html body #modal-chat .lc-root .lc-row.agent .lc-bub {
  background:linear-gradient(180deg, rgba(22,51,61,.85), rgba(16,40,49,.85)) !important;
  border:1px solid rgba(41,182,232,.14) !important; border-radius:16px 16px 16px 5px !important; }
html body #modal-chat .lc-root .lc-row.player .lc-bub {
  background:linear-gradient(180deg, rgba(41,182,232,.26), rgba(27,127,168,.20)) !important;
  border:1px solid rgba(41,182,232,.38) !important; border-radius:16px 16px 5px 16px !important; }
html body #modal-chat .lc-root .lc-bub__name { font-size:10px !important; font-weight:700 !important; margin-bottom:4px !important; letter-spacing:.02em !important; }
html body #modal-chat .lc-root .lc-bub__txt { font-size:14px !important; line-height:1.55 !important; }
html body #modal-chat .lc-root .lc-bub__meta { font-size:9.5px !important; margin-top:4px !important; color:var(--lc-text4,#56636F) !important; opacity:.9 !important; }

html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent,
html body #modal-chat .lc-root .lc-row.player + .lc-row.player { margin-top:-8px !important; }
html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent .lc-av { visibility:hidden !important; }
html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent .lc-bub__name { display:none !important; }
html body #modal-chat .lc-root .lc-row.agent + .lc-row.agent .lc-bub { border-radius:5px 16px 16px 5px !important; }
html body #modal-chat .lc-root .lc-row.player + .lc-row.player .lc-bub { border-radius:16px 5px 5px 16px !important; }

html body #modal-chat .lc-root .lc-sys { font-size:10px !important; color:var(--lc-text3,#6E7B88) !important;
  padding:6px 0 !important; opacity:.85 !important; letter-spacing:.02em !important; }


html body #modal-chat .lc-root .lc-composer {
  gap:8px !important; padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px)) !important;
  border-top:1px solid rgba(41,182,232,.12) !important;
  background:linear-gradient(180deg, rgba(5,16,24,0), rgba(5,16,24,.45)) !important;
}
html body #modal-chat .lc-root .lc-emobtn { width:36px !important; height:36px !important; flex:0 0 36px !important; }
html body #modal-chat .lc-root .lc-input__img { width:36px !important; height:36px !important; flex:0 0 36px !important; }
html body #modal-chat .lc-root .lc-composer .lc-input__box {
  padding:11px 16px !important; font-size:14px !important;
  background:rgba(7,20,28,.75) !important; border:1px solid rgba(255,255,255,.16) !important; }
html body #modal-chat .lc-root .lc-composer .lc-input__box:focus {
  border-color:var(--lc-cyan,#29B6E8) !important; box-shadow:0 0 0 3px rgba(41,182,232,.16) !important; background:rgba(7,20,28,.9) !important; }
html body #modal-chat .lc-root .lc-input__send { width:40px !important; height:40px !important; flex:0 0 40px !important;
  border-radius:13px !important; box-shadow:0 4px 12px rgba(41,182,232,.38) !important; }
html body #modal-chat .lc-root .lc-input__send svg { width:18px !important; height:18px !important; }

html body #modal-chat .lc-root .lc-human-row, html body #modal-chat .lc-human-row { padding:6px 16px 0 !important; }
html body #modal-chat .lc-root .lc-human-link, html body #modal-chat .lc-human-link { font-size:11.5px !important; font-weight:600 !important; }


html body #modal-chat .lc-root .lc-welcome { gap:8px !important; padding:26px 22px !important; }
html body #modal-chat .lc-root .lc-welcome__emoji { width:68px !important; height:68px !important; font-size:32px !important;
  background:radial-gradient(120% 120% at 50% 25%, rgba(41,182,232,.22), rgba(41,182,232,.08)) !important;
  border:1px solid rgba(41,182,232,.45) !important; box-shadow:0 0 30px rgba(41,182,232,.32), inset 0 1px 0 rgba(255,255,255,.12) !important; }
html body #modal-chat .lc-root .lc-welcome__t { font-size:21px !important; margin-top:12px !important; letter-spacing:.03em !important; }
html body #modal-chat .lc-root .lc-welcome__s { font-size:12.5px !important; color:var(--lc-text2,#A6B0BC) !important; margin-bottom:18px !important; line-height:1.55 !important; max-width:280px !important; }
html body #modal-chat .lc-root .lc-cats { gap:11px !important; max-width:340px !important; }
html body #modal-chat .lc-root .lc-cat { padding:13px 14px !important; border-radius:14px !important; gap:11px !important;
  transition:transform .15s, border-color .15s, box-shadow .15s !important; }
html body #modal-chat .lc-root .lc-cat:hover { transform:translateY(-2px) !important; box-shadow:0 8px 20px -8px rgba(0,0,0,.5) !important; }
html body #modal-chat .lc-root .lc-cat__ico { font-size:22px !important; }
html body #modal-chat .lc-root .lc-cat__t { font-size:12px !important; font-weight:700 !important; }
html body #modal-chat .lc-root .lc-cat.deposit:hover { border-color:rgba(30,213,113,.55) !important; }
html body #modal-chat .lc-root .lc-cat.withdrawal:hover { border-color:rgba(224,35,75,.55) !important; }
html body #modal-chat .lc-root .lc-cat.bonus:hover { border-color:rgba(245,200,66,.6) !important; }
html body #modal-chat .lc-root .lc-cat.account:hover { border-color:rgba(41,182,232,.55) !important; }

html body #modal-chat .lc-root .lc-cat--human { background:linear-gradient(180deg, rgba(41,182,232,.2), rgba(41,182,232,.1)) !important;
  border:1px solid rgba(245,200,66,.4) !important; box-shadow:0 0 20px rgba(245,200,66,.12) !important; }
html body #modal-chat .lc-root .lc-human-btn { height:42px !important; border-radius:12px !important; font-size:13px !important; }

html body #modal-chat .lc-root .lc-faq__q { border-radius:12px !important; padding:12px 13px !important; font-size:13px !important; }
html body #modal-chat .lc-root .lc-welcome--faq .lc-welcome__t { font-size:16px !important; }


html body #modal-chat .lc-root .lc-newchat { border-radius:13px !important; padding:13px !important; }



html body #modal-chat .lc-root .lc-msgs:has(> .lc-row)::before { content:''; margin-top:auto !important; }

html body #modal-chat .lc-root .lc-row.agent .lc-bub {
  background:linear-gradient(180deg, rgba(26,58,69,.92), rgba(18,44,54,.9)) !important;
  border:1px solid rgba(41,182,232,.18) !important; }



@media (max-width: 699px) {
  html body .fzpush-card { top: calc(var(--fz-screen-top, 64px) + 8px) !important; bottom: auto !important; transform: translateY(-14px) !important; }
  html body .fzpush-card.on { transform: none !important; }
}




html body #pf3-vip-card .vipc-eyebrow,
html body #pf3-vip-card .vipc-stat-l { font-size: 11px !important; letter-spacing: .1em !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 .vipc-ends { margin-top: 8px !important; }
html body #pf3-vip-card .vipc-ends > span { display: flex !important; align-items: baseline; gap: 6px; white-space: nowrap; }
html body #pf3-vip-card .vipc-ends > span:last-child { justify-content: flex-end; }
html body #pf3-vip-card #pf3-vip-end-l-name, html body #pf3-vip-card #pf3-vip-end-r-name,
html body #pf3-vip-card #pf3-vip-end-l-amt,  html body #pf3-vip-card #pf3-vip-end-r-amt { display: inline !important; font-size: 11px !important; }
html body #pf3-vip-card #pf3-vip-end-l-amt::before, html body #pf3-vip-card #pf3-vip-end-r-amt::before { content: "·"; margin-right: 6px; color: var(--fz-text-3,#6E7B88); }
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; }
html body #pf3-vip-card .vipc-top { margin-bottom: 10px !important; }
html body #pf3-vip-card .vipc-id  { margin-bottom: 10px !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-top { display: contents !important; }
  html body #pf3-vip-card .vipc-eyebrow { grid-column: 1; grid-row: 1; margin-bottom: 10px; }
  html body #pf3-vip-card .vipc-id   { grid-column: 1; grid-row: 2; }
  html body #pf3-vip-card .vipc-bar  { grid-column: 1; grid-row: 3; }
  html body #pf3-vip-card .vipc-ends { grid-column: 1; grid-row: 4; }
  html body #pf3-vip-card #pf3-vip-hint { grid-column: 1; grid-row: 5; align-self: end; }
  
  html body #pf3-vip-card .vipc-stat {
    grid-column: 2; grid-row: 1 / 4; align-self: start; text-align: left !important;
    padding-left: 24px; border-left: 1px solid rgba(255,255,255,0.08); min-height: 100%;
  }
  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 .vipc-id > div > span:first-child {
  width: 34px !important; height: 34px !important; border-radius: 50% !important;
  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) !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; } }
@media (prefers-reduced-motion: reduce) { html body #pf3-vip-card #pf3-vip-bar::before { animation: none; } }

html body #pf3-vip-card #pf3-vip-end-r-name { color: var(--fz-gold,#F5C842) !important; }

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 .vipc-eyebrow { margin-bottom: 12px; }
  html body #pf3-vip-card .vipc-id { margin-bottom: 12px !important; }
  html body #pf3-vip-card .vipc-stat {
    display: flex; flex-direction: column; justify-content: center;
    border-left: 1px solid rgba(245,200,66,.18) !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); }
#pf3-vip-card.vipm--silver  { background: linear-gradient(150deg,#39424C 0%,#232B33 60%,#141A20 100%); border-color: rgba(192,202,214,.5); }
#pf3-vip-card.vipm--gold    { background: linear-gradient(150deg,#4A3A10 0%,#2E2308 60%,#1B1404 100%); border-color: rgba(245,200,66,.6); }
#pf3-vip-card.vipm--diamond { background: linear-gradient(150deg,#123B4A 0%,#0B2733 60%,#06161E 100%); border-color: rgba(120,220,255,.5); }
#pf3-vip-card.vipm--vip     { background: linear-gradient(150deg,#3A1030 0%,#230A1E 60%,#140510 100%); border-color: rgba(240,140,255,.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); }
.vipm-glint { position: absolute; top: 0; bottom: 0; width: 46%; left: -60%; pointer-events: none;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.09) 45%, rgba(255,255,255,.16) 50%, rgba(255,255,255,.09) 55%, transparent);
  animation: vipmGlint 5.5s ease-in-out infinite; }
@keyframes vipmGlint { 0%, 55% { left: -60%; } 85%, 100% { left: 120%; } }
.vipm-top { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.vipm-eyebrow { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--fz-gold,#F5C842); }
.vipm-stat { text-align: right; }
.vipm-stat-l { display: block; font-size: 9.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--fz-text-3,#6E7B88); }
.vipm-stat-v { display: block; font-size: 15px; color: var(--fz-white,#fff); margin-top: 2px; }
.vipm-main { position: relative; display: flex; align-items: center; gap: 16px; }
.vipm-left { flex: 1 1 auto; min-width: 0; }
.vipm-idrow { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
.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-hero { font-size: 13px; color: var(--fz-text-2,#A6B0BC); margin: 2px 0 10px; }
.vipm-hero-amt { font-size: 24px; color: var(--fz-gold,#F5C842); font-weight: 800; text-shadow: 0 0 14px rgba(245,200,66,.4); padding: 0 2px; }
.vipm-hero b { color: var(--fz-white,#fff); text-transform: uppercase; letter-spacing: .03em; }
#pf3-vip-card.vipm--max .vipm-hero-pre, #pf3-vip-card.vipm--max .vipm-hero-post { display: none; }

.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; } }

#pf3-vip-card.vipm--close .vipm-fill::before { animation-duration: 1.2s; }
#pf3-vip-card.vipm--close .vipm-pct { animation: vipmPulse 1.4s ease-in-out infinite; color: #14110A;
  background: linear-gradient(180deg,#FFE082,#F5C842); border-color: rgba(255,224,130,.8); }
@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-ends { display: flex; justify-content: space-between; gap: 10px; margin-top: 7px; }
.vipm-end span { display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--fz-text-3,#6E7B88); }
.vipm-end .amount { font-size: 10.5px; }
.vipm-end-r { text-align: right; }
.vipm-end-r span:first-child { color: var(--fz-gold,#F5C842); }

.vipm-caps { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.vipm-cap { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px;
  font-size: 10.5px; font-weight: 800; color: #EAD9A0;
  background: rgba(245,200,66,.07); border: 1px solid rgba(245,200,66,.22); white-space: nowrap; }
.vipm-cap svg { flex-shrink: 0; }

.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; }
}
@media (prefers-reduced-motion: reduce) {
  .vipm-glint, .vipm-fill::before { animation: none; }
  .vipm-art { animation: none; }
  #pf3-vip-card.vipm--close .vipm-pct { animation: none; }
}


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-aura { position: absolute; top: 8%; right: -30px; width: 240px; height: 240px; pointer-events: none;
  background: radial-gradient(circle, rgba(245,200,66,.16), transparent 65%); }

.vipm-ladder { display: flex; align-items: center; gap: 0; margin-top: 12px; }
.vipm-lstep { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 4px; position: relative; min-width: 0; }
.vipm-lstep::before { content: ""; position: absolute; top: 6px; left: -50%; width: 100%; height: 2px;
  background: rgba(255,255,255,.09); }
.vipm-lstep:first-child::before { display: none; }
.vipm-lstep.lit::before { background: linear-gradient(90deg, rgba(245,200,66,.5), rgba(245,200,66,.8)); }
.vipm-ldot { width: 13px; height: 13px; border-radius: 50%; position: relative; z-index: 1;
  background: radial-gradient(circle at 32% 28%, #2E3B45, #17222B 60%); border: 1px solid rgba(255,255,255,.14); }
.vipm-lstep.lit .vipm-ldot {
  background: radial-gradient(circle at 32% 28%, #FFF6D8, #F5C842 55%, #C08E1A); border-color: rgba(255,224,130,.8);
  box-shadow: 0 0 8px rgba(245,200,66,.7); }
.vipm-lstep.next .vipm-ldot { border-color: rgba(245,200,66,.7); box-shadow: 0 0 8px rgba(245,200,66,.35) inset, 0 0 6px rgba(245,200,66,.3); }
.vipm-lstep span { font-size: 8.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  color: var(--fz-text-3,#6E7B88); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.vipm-lstep.lit span { color: #EAD9A0; }
.vipm-lstep.next span { color: var(--fz-gold,#F5C842); }

.vipm-cap svg { width: 11px; height: 11px; }

.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-lstep span { display: none; } .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.is-tilting .vipm-tilt { transition: transform .06s linear; }

#pf3-vip-card.vipm--bronze  .vipm-tilt { background: linear-gradient(150deg,#6B4423 0%,#472A10 45%,#241305 100%); border-color: rgba(226,161,94,.45); }
#pf3-vip-card.vipm--silver  .vipm-tilt { background: linear-gradient(150deg,#5C6B77 0%,#39454F 45%,#1B2229 100%); border-color: rgba(210,220,230,.45); }
#pf3-vip-card.vipm--gold    .vipm-tilt { background: linear-gradient(150deg,#7A5E13 0%,#4E3B0A 45%,#241B04 100%); border-color: rgba(245,200,66,.55); }
#pf3-vip-card.vipm--diamond .vipm-tilt { background: linear-gradient(150deg,#175A70 0%,#0D3646 45%,#061B24 100%); border-color: rgba(140,225,255,.5); }
#pf3-vip-card.vipm--vip     .vipm-tilt { background: linear-gradient(150deg,#5A1B4C 0%,#37102E 45%,#1A0715 100%); border-color: rgba(240,150,255,.5); }

.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-aura { display: none; }

.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%); }
#pf3-vip-card.vipm.is-tilting .vipm-gloss { opacity: 1; }
.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-cap { background: rgba(0,0,0,.25); border-color: rgba(255,255,255,.16); color: rgba(255,255,255,.8); }
.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%; }
}
@media (prefers-reduced-motion: reduce) {
  .vipm-tilt { transform: none !important; transition: none; }
  .vipm-gloss { display: none; }
}


.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); }
#pf3-vip-card.vipm--close .vipm-pct { color: #14110A; }
@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; }
#pf3-vip-card.vipm--close .vipm-toprow .vipm-pct { display: inline-block; }

.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-lstep:not(.lit):not(.next) span:last-child { display: none; }
.vipm-lstep span:last-child { margin-top: 1px; }
.vipm-ldot { width: 11px; height: 11px; }

.vipm-caps { flex-wrap: nowrap; overflow: hidden; margin-top: 12px; }
.vipm-cap { font-size: 10px; padding: 4px 9px; flex-shrink: 0; }
.vipm-cap:last-child { flex-shrink: 1; min-width: 0; }
.vipm-cap:last-child { overflow: hidden; text-overflow: ellipsis; }

.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;
}



html body .ph-mission-reward-amt, html body .ph-saya-hist-amt, html body .ph-saya-summary-amt,
html body .mb-total .a, html body .mb-bal, html body .mb-wg-row .v, html body .mb-h-amt,
html body .nf-amt,
html body .pm-wg__txt, html body .pm-fact__v, html body .pm-prize__v,

html body .bh-right, html body .bh-amt, html body .bh-bal,

html body .ld-win-amt, html body .ld-seg-t,
html body .sc3-max, html body .sc3-slot-t, html body .sc3-win-amt,
html body .ge3-max, html body .ge3-win-amt, html body .ge3-prize,
html body .ck3-amt, html body .ck3-namt,
html body .dm3-prog-total b, html body .dm3-upto, html body .dm3-st-ok,
html body .fzpc-amt,

html body .pl-xfer__bal, html body .pl-xfer__amt,
html body .bs-d-bigwin .amt,
html body #modal-profile .pf-v3 .pf3-bal-val, html body #modal-profile .pf-v3 .pf3-bal-mono, html body #modal-profile .pf-v3 .pf3-stat-val,

html body #modal-deposit.dep-v2 .dep-quick-amt, html body .dp-amt input, html body .dp-bal .a {
  font-family: var(--font-numeric) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.2px !important;
}

html body .pl-xfer__bal .cur { font-family: var(--font-numeric) !important; font-weight: 500 !important; }

html body #drawer-user-balance, html body #topup-amt, html body #topup-avail {
  font-family: var(--font-numeric) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.2px !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; }
body.fz-free-mode #sec-popular-games .cat-btn.cat-btn-free:not(.active) { animation: fzFreeChip 2.2s ease-out infinite; }
@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; }

body.fz-free-mode .og-tile:not([data-type="free"]) { opacity: .38; filter: grayscale(.7); }
body.fz-free-mode .og-tile[data-type="free"] { box-shadow: 0 0 0 2px #ffcc4d, 0 8px 24px rgba(255,204,77,.28); }
body.fz-free-mode #sec-popular-games .cat-btn.cat-btn-free::after { background: #4ade80; box-shadow: 0 0 0 0 rgba(74,222,128,.6); }

.fz-free-card { margin: 0 0 12px; padding: 12px 14px 12px; border-radius: 14px; background: linear-gradient(160deg, rgba(255,204,77,.14), rgba(255,157,46,.06)); border: 1px solid rgba(255,204,77,.42); color: var(--fz-text,#e6eef6); font-family: var(--fz-font-body,inherit); }
.fz-free-card__head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.fz-free-card__badge { font-size: 9.5px; font-weight: 800; letter-spacing: .1em; padding: 3px 7px; border-radius: 999px; background: linear-gradient(90deg,#ffd76a,#ff9d2e); color: #1b1300; }
.fz-free-card__title { font-size: 14px; font-weight: 800; }
.fz-free-card__body { font-size: 12px; line-height: 1.5; color: var(--fz-text-2,#b7c3cf); }
.fz-free-card__prog { margin: 10px 0 8px; }
.fz-free-card__bar { height: 6px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; }
.fz-free-card__bar > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#ffd76a,#ff9d2e); transition: width .4s ease; }
.fz-free-card__meta { margin-top: 5px; font-size: 11px; color: var(--fz-text-3,#8fa0b0); }
.fz-free-card__actions { display: grid; grid-template-columns: 1fr; gap: 8px; align-items: start; }
.fz-free-card__btn { height: 40px; border-radius: 12px; border: none; cursor: pointer; font-weight: 800; font-size: 13px; font-family: inherit; width: 100%; }
.fz-free-card__btn--go { background: linear-gradient(180deg,#ffd76a,#ff9d2e); color: #1b1300; box-shadow: 0 6px 18px rgba(255,157,46,.3); }
.fz-free-card__btn--clear { background: rgba(229,72,77,.10); border: 1px solid rgba(229,72,77,.55); color: #ff8b8f; }

#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; }

#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free.active[data-cat="free"][aria-label][data-d-ico] { background: linear-gradient(180deg,#ffd76a 0%,#ffb347 60%,#ff9d2e 100%) !important; border-color: #ffcc4d !important; color: #1b1300 !important; box-shadow: 0 6px 18px rgba(255,157,46,.38), inset 0 1px 0 rgba(255,255,255,.45) !important; }
#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free.active[data-cat="free"][aria-label][data-d-ico]::after { background: none !important; -webkit-background-clip: initial !important; background-clip: initial !important; color: #1b1300 !important; -webkit-text-fill-color: #1b1300 !important; font-weight: 800; }
#sec-popular-games .cat-row .cat-btn.stanley-game-btn.cat-btn-free.active[data-cat="free"][aria-label][data-d-ico]::before { background: #1b1300 !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;
}


html body #modal-auth#modal-auth.modal-backdrop .auth-v3,
html body #modal-auth#modal-auth .auth-v3 {
  position: relative;
  max-width: 440px !important;
  background: linear-gradient(160deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.045) 60%, rgba(255,255,255,.07) 100%) !important;
  backdrop-filter: blur(28px) saturate(1.2);
  -webkit-backdrop-filter: blur(28px) saturate(1.2);
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(255,255,255,.06), 0 30px 80px rgba(0,0,0,.45) !important;
  padding: 24px 30px 22px !important; scrollbar-width: none;
  overflow-y: auto !important; overflow-x: hidden !important; max-height: calc(100vh - 48px);
  z-index: 1;
  animation: fzGlassIn .38s cubic-bezier(.2,.9,.25,1.15) both;
}
@keyframes fzGlassIn { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }

html body #modal-auth#modal-auth.modal-backdrop::before {
  content: ""; position: fixed; left: 50%; top: 50%; width: 820px; height: 820px; margin: -410px 0 0 -410px;
  z-index: 0; pointer-events: none; border-radius: 50%;
  background:
    radial-gradient(38% 38% at 32% 30%, rgba(41,182,232,.55), transparent 70%),
    radial-gradient(36% 36% at 70% 72%, rgba(245,200,66,.45), transparent 70%),
    radial-gradient(26% 26% at 66% 24%, rgba(255,138,61,.28), transparent 70%);
  filter: blur(46px); opacity: .9;
  animation: fzAurora 12s ease-in-out infinite alternate;
}
@keyframes fzAurora { from { transform: translate(-4%, -3%) scale(1); } to { transform: translate(4%, 4%) scale(1.08); } }

html body #modal-auth#modal-auth .auth-v3::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: 24px; opacity: .35;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}
html body #modal-auth#modal-auth .auth-v3 > * { position: relative; z-index: 1; }
html body #modal-auth#modal-auth .auth-v3::-webkit-scrollbar { display: none; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-handle { display: none !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-side { display: none !important; }


html body #modal-auth#modal-auth .auth-v3 .auth-v3-close {
  background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.16) !important; color: rgba(255,255,255,.75) !important;
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-close:hover { background: rgba(255,255,255,.16) !important; color: #fff !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-brand { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-logo { height: 28px !important; filter: none !important; }   
html body #modal-auth#modal-auth .auth-v3 .auth-v3-tag { display: none !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-panel-head { margin: 0 0 12px !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-panel-title { font-size: 14px !important; letter-spacing: .08em; color: rgba(255,255,255,.92) !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-panel-sub { font-size: 12px !important; color: rgba(255,255,255,.55) !important; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs {
  position: relative; isolation: isolate;
  background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 999px !important; padding: 4px !important; gap: 0 !important; margin-bottom: 14px !important;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs::before {
  content: ""; position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); z-index: -1; border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.10));
  border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 6px 18px rgba(0,0,0,.25);
  transition: transform .28s cubic-bezier(.2,.9,.25,1);
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tabs:has(.auth-v3-tab:nth-child(2).active)::before { transform: translateX(100%); }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  color: rgba(255,255,255,.55) !important; font-weight: 700 !important; font-size: 12.5px !important; letter-spacing: .08em; text-transform: uppercase;
  height: 38px !important; border-radius: 999px !important; transition: color .2s;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-tab.active { color: #fff !important; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input {
  background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important; min-height: 52px !important; color: #fff !important; font-size: 15px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06); transition: border-color .18s, box-shadow .18s, background .18s;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input::placeholder { color: rgba(255,255,255,.45) !important; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-input:focus {
  background: rgba(255,255,255,.09) !important; border-color: rgba(255,255,255,.5) !important;
  box-shadow: 0 0 0 4px rgba(41,182,232,.18), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
html body #modal-auth#modal-auth .auth-v3 .auth-v3-field { margin-bottom: 10px !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-eye { color: rgba(255,255,255,.7) !important; opacity: 1; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-phone-prefix { background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 14px !important; color: rgba(255,255,255,.75) !important; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-otp-btn { background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.22) !important; color: #fff !important; border-radius: 14px !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-hint { color: rgba(255,255,255,.45) !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-remember-text { color: rgba(255,255,255,.7) !important; }

html body #modal-auth#modal-auth .auth-v3 .ts-slot { background: rgba(255,255,255,.04); border: 1px dashed rgba(255,255,255,.14); border-radius: 14px; padding: 8px 8px 4px; }


html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-cta {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #FFD76A 0%, #F5A623 60%, #FF8A3D 100%) !important;
  color: #1b1300 !important; border: 0 !important; border-radius: 14px !important; min-height: 52px !important;
  font-weight: 800 !important; font-size: 15px !important; letter-spacing: .06em; text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(245,166,35,.35), inset 0 1px 0 rgba(255,255,255,.5) !important;
  transition: transform .18s, box-shadow .18s; margin-top: 6px;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-cta:hover { transform: translateY(-1px); box-shadow: 0 14px 38px rgba(245,166,35,.5), inset 0 1px 0 rgba(255,255,255,.6) !important; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-cta::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.45) 50%, transparent 70%);
  transform: translateX(-120%); animation: fzAuthShine 3.4s ease-in-out infinite;
}
@keyframes fzAuthShine { 0%,62% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }


html body #modal-auth#modal-auth .auth-v3 .auth-v3-foot { margin-top: 10px !important; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-link { color: rgba(255,255,255,.72) !important; font-weight: 600; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-link:hover { color: #fff !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-switch { margin: 12px 0 0 !important; padding-top: 12px !important; border-top: 1px solid rgba(255,255,255,.1) !important; display: flex; flex-direction: column; gap: 8px; align-items: center; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-switch-prefix { color: rgba(255,255,255,.5) !important; font-size: 12px; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-switch-link {
  display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 46px; border-radius: 14px;
  background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.25) !important; color: #fff !important;
  font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; font-size: 12.5px; text-decoration: none !important; cursor: pointer;
  transition: background .18s, border-color .18s;
}
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-switch-link:hover { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.45) !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-legal, html body #modal-auth#modal-auth .auth-v3 .auth-v3-terms { color: rgba(255,255,255,.45) !important; }


@media (max-width: 979.98px) {
  html body #modal-auth#modal-auth.modal-backdrop { backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }
  html body #modal-auth#modal-auth .auth-v3 { padding: 22px 20px 24px !important; border-radius: 22px 22px 0 0 !important; animation: none; }
  html body #modal-auth#modal-auth .auth-v3::before { inset: -30px; filter: blur(30px); }
  html body #modal-auth#modal-auth .auth-v3 .auth-v3-handle { display: block !important; }
}

html body #modal-auth#modal-auth .auth-v3 .auth-v3-switch::before { content: none !important; display: none !important; }
html body #modal-auth#modal-auth .auth-v3 .auth-v3-switch .auth-v3-switch-prefix { margin-bottom: 2px; }
html body #modal-auth#modal-auth.modal-backdrop .auth-v3 .auth-v3-switch .auth-v3-switch-link,
html body #modal-auth#modal-auth .auth-v3 .auth-v3-switch .auth-v3-switch-link {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; box-sizing: border-box !important; height: 46px !important; min-height: 46px !important;
  line-height: 1 !important; padding: 0 16px !important; margin: 0 !important;
}




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

body:not(.is-auth):not(.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} }


@media (prefers-reduced-motion: reduce) {
  .fzc-fab *, .fzc-reveal *, .fzc-drawer * { animation: none !important; }
  
  .fzc-fab-wrap.on::after { display: none !important; }
  .fzc-star { display: none !important; }
}


.fzc-fab {
  
  --fzc-w: 104px;
  
  --fzc-orb-scale: .847;
  position: fixed; z-index: 95;          
  width: var(--fzc-w); cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.fzc-fab[hidden] { display: none !important; }

.fzc-fab-wrap { position: relative; z-index: 0; animation: fzcBob 4.2s ease-in-out infinite; }
.fzc-fab-img { width: 100%; display: block; filter: drop-shadow(0 4px 8px rgba(0,0,0,.45)); }
.fzc-fab-wrap.on .fzc-fab-img { animation: fzcGlowPulse 1.8s ease-in-out infinite; filter: none; }


@keyframes fzcOrbWobble {
  0%, 100% { scale: 1 1; }
  33%      { scale: 1.025 .98; }
  66%      { scale: .98 1.025; }
}

.fzc-orb {
  
  position: absolute; left: 50%; top: 50%;
  width: calc(var(--fzc-w) * var(--fzc-orb-scale));
  height: calc(var(--fzc-w) * var(--fzc-orb-scale));
  transform: translate(-50%, -50%);
  border-radius: 50%;
  
  pointer-events: none;
  
  z-index: 4;
  border: 1.5px solid rgba(215,245,255,.55);
  background:
    
    radial-gradient(circle at 30% 26%,
      rgba(255,255,255,.55)  0,
      rgba(255,255,255,.14) 16%,
      rgba(255,255,255,0)   34%),
    
    radial-gradient(circle at 50% 50%,
      rgba(160,220,255,0)     0,
      rgba(160,220,255,0)    62%,
      rgba(255,190,230,.10)  80%,
      rgba(170,240,220,.16)  92%,
      rgba(220,245,255,.34) 100%);
  box-shadow:
    inset 0 0 26px rgba(170,225,255,.22),
    inset -10px -14px 22px rgba(255,255,255,.10),
    0 0 22px rgba(150,220,255,.22);
  
  animation: fzcOrbWobble 3.1s ease-in-out infinite;
}

.fzc-orb::after {
  content: ""; position: absolute;
  right: 11%; bottom: 12%; width: 26%; height: 14%;
  border-radius: 50%;
  border-bottom: 2px solid rgba(255,255,255,.35);
  border-right: 1px solid rgba(255,255,255,.2);
}


.fzc-fab-wrap.on::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2;
  background: linear-gradient(105deg,
      rgba(255,255,255,0) 38%, rgba(255,246,214,.85) 47%,
      rgba(255,255,255,.95) 50%, rgba(255,246,214,.85) 53%, rgba(255,255,255,0) 62%);
  background-size: 260% 100%;
  -webkit-mask-image: url("../img/chest/chest-sm.webp");
  mask-image: url("../img/chest/chest-sm.webp");
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  animation: fzcSweep 8s ease-in-out infinite;
  opacity: 0;
}

.fzc-star { position: absolute; border-radius: 50%; pointer-events: none; z-index: 3;
            box-shadow: 0 0 6px rgba(255,217,119,.9); opacity: 0; }
.fzc-fab-wrap.on .fzc-star { animation: fzcStar 8s ease-out infinite; }
.fzc-star.k1 { top: 6%;  left: 16%; width: 6px; height: 6px; background: #FFE9AE; animation-delay: .0s; }
.fzc-star.k2 { top: 0;   left: 52%; width: 5px; height: 5px; background: #FFD977; animation-delay: .35s; }
.fzc-star.k3 { top: 14%; left: 84%; width: 4px; height: 4px; background: #FFF3CF; animation-delay: .7s; }


.fzc-badge[hidden] { display: none !important; }
.fzc-badge {
  position: absolute; top: -8px; right: 0; min-width: 22px; height: 22px; padding: 0 5px;
  border-radius: 99px; background: linear-gradient(180deg,#F2C14E,#D99A2B);
  color: #3A2503; font-size: 13px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid #06222E; box-sizing: border-box;
}
.fzc-cd[hidden] { display: none !important; }
.fzc-cd {
  position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%);
  background: rgba(4,26,36,.92); border: 1px solid rgba(78,216,232,.35);
  border-radius: 99px; padding: 3px 9px; font-size: 11px; font-weight: 700;
  color: #4ED8E8; letter-spacing: .5px; white-space: nowrap; font-variant-numeric: tabular-nums;
}


.fzc-scrim {
  position: fixed; inset: 0; z-index: 100010;
  background: rgba(2,14,20,.6); animation: fzcFadeIn .2s;
}
.fzc-drawer {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 100011;
  background: linear-gradient(180deg,#0C2334,#0A1D2B);
  border-top: 1px solid rgba(78,216,232,.3); border-radius: 24px 24px 0 0;
  padding: 10px 16px 18px; animation: fzcSlideUp .3s ease-out;
  color: #EAF6F9; font-family: inherit;
  
  max-width: 480px; margin: 0 auto;
  
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  max-height: 86vh; overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.fzc-handle { width: 40px; height: 4px; border-radius: 99px; background: rgba(78,216,232,.3); margin: 0 auto 10px; }
.fzc-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
.fzc-title { font-family: Cinzel, serif; font-size: 18px; font-weight: 700; color: #FFD977; letter-spacing: .5px; }

.fzc-x { cursor: pointer; }
.fzc-sub { font-size: 11.5px; color: #7FA8B5; margin-bottom: 12px; }

.fzc-loading { padding: 40px 0; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.fzc-spin {
  width: 30px; height: 30px; border-radius: 50%;
  border: 3px solid rgba(78,216,232,.2); border-top-color: #F2C14E; animation: fzcSpin .8s linear infinite;
}
.fzc-loading-t { font-size: 12px; color: #7FA8B5; }

.fzc-err { padding: 26px 10px 18px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.fzc-err-i {
  width: 52px; height: 52px; border-radius: 50%; border: 2px solid rgba(78,216,232,.35);
  color: #4ED8E8; font-size: 24px; font-weight: 800; display: flex; align-items: center; justify-content: center;
}
.fzc-err-t { font-size: 16px; font-weight: 700; }
.fzc-err-d { font-size: 12px; color: #7FA8B5; max-width: 250px; line-height: 1.5; }
.fzc-retry {
  margin-top: 4px; background: linear-gradient(180deg,#F2C14E,#D99A2B); color: #3A2503;
  font-weight: 800; font-size: 13px; border-radius: 99px; padding: 9px 24px; cursor: pointer;
  letter-spacing: .5px; border: none;
}

.fzc-cards { display: flex; flex-direction: column; gap: 10px; }
.fzc-card {
  display: flex; align-items: center; gap: 12px; background: #0A1D2B;
  border: 1px solid rgba(78,216,232,.22); border-radius: 14px; padding: 12px;
}
.fzc-card-ico { width: 56px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.fzc-card-ico img { width: 56px; display: block; }
.fzc-chip {
  width: 46px; height: 46px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #F8D77C, #D99A2B 72%);
  display: flex; align-items: center; justify-content: center;
  color: #3A2503; font-weight: 800; font-size: 12px; flex: 0 0 auto;
  box-shadow: inset 0 -3px 6px rgba(0,0,0,.25);
}
.fzc-card-mid { flex: 1; min-width: 0; }
.fzc-card-t { font-size: 14px; font-weight: 700; color: #EAF6F9; }
.fzc-card-d { font-size: 11.5px; color: #7FA8B5; margin-top: 2px; }
.fzc-bar-row { display: flex; align-items: center; gap: 8px; margin-top: 7px; }
.fzc-bar { flex: 1; height: 6px; border-radius: 99px; background: #123240; overflow: hidden; }
.fzc-bar > i {
  display: block; height: 100%; border-radius: 99px;
  background: linear-gradient(90deg,#2FA8BC,#4ED8E8); transition: width .4s;
}
.fzc-prog { font-size: 11px; font-weight: 700; color: #4ED8E8; }
.fzc-card-right { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }

.fzc-claim {
  background: linear-gradient(180deg,#F2C14E,#D99A2B); color: #3A2503; font-weight: 800;
  font-size: 13px; letter-spacing: 1px; border-radius: 99px; padding: 9px 18px; cursor: pointer;
  animation: fzcClaimPulse 1.6s infinite; border: none;
}
.fzc-claim[disabled] { opacity: .6; cursor: default; animation: none; }
.fzc-unlock {
  border: 1px solid rgba(78,216,232,.35); color: #4ED8E8; font-weight: 600; font-size: 11px;
  border-radius: 99px; padding: 8px 12px; cursor: pointer; text-align: center;
  background: transparent;
}
.fzc-cd-lbl { font-size: 10px; color: #7FA8B5; letter-spacing: .5px; }
.fzc-cd-val { font-size: 14px; font-weight: 800; color: #FFD977; font-variant-numeric: tabular-nums; }
.fzc-gate {
  display: flex; align-items: center; gap: 6px; border: 1px solid rgba(78,216,232,.25);
  color: #7FA8B5; font-size: 11px; font-weight: 600; border-radius: 99px; padding: 8px 12px;
}
.fzc-lock { width: 9px; height: 8px; border: 1.5px solid #7FA8B5; border-radius: 2px; border-top: none; position: relative; }
.fzc-lock::before {
  content: ""; position: absolute; top: -5px; left: 1px; width: 4px; height: 4px;
  border: 1.5px solid #7FA8B5; border-bottom: none; border-radius: 4px 4px 0 0;
}
.fzc-done { display: flex; align-items: center; gap: 5px; color: #57C79A; font-size: 12px; font-weight: 700; }
.fzc-done i {
  width: 16px; height: 16px; border-radius: 50%; background: #0F3B33; font-style: normal;
  display: flex; align-items: center; justify-content: center; font-size: 10px;
}

.fzc-foot { margin-top: 12px; display: flex; flex-direction: column; align-items: center; gap: 5px; }
.fzc-foot-t { font-size: 10.5px; color: #5E8996; text-align: center; line-height: 1.5; max-width: 300px; }
.fzc-foot-t b { color: #9FC6D0; font-weight: 600; }
.fzc-foot a { font-size: 10.5px; color: #4ED8E8; text-decoration: underline; text-underline-offset: 2px; }


.fzc-reveal {
  position: fixed; inset: 0; z-index: 100020;
  background: radial-gradient(circle at 50% 42%, #0D5B6B 0%, #04222F 70%);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  animation: fzcFadeIn .25s; color: #EAF6F9;
}
.fzc-rv-halo {
  position: absolute; top: 50%; left: 50%; width: 340px; height: 340px; margin: -170px 0 0 -170px;
  border-radius: 50%; background: radial-gradient(circle, rgba(255,217,119,.45), rgba(255,217,119,0) 65%);
  animation: fzcPopIn .5s ease-out;
}
.fzc-rv-ring {
  position: absolute; top: 50%; left: 50%; width: 300px; height: 300px; margin: -150px 0 0 -150px;
  border-radius: 50%; border: 2px solid rgba(255,217,119,.8); animation: fzcRingOut .7s ease-out forwards;
}
.fzc-rv-body {
  position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center;
  gap: 20px; padding: 0 24px; text-align: center;
}
.fzc-rv-chest { width: 300px; max-width: 78vw; position: relative; }
.fzc-rv-chest.shake { animation: fzcShake .5s ease-in-out infinite; filter: drop-shadow(0 0 18px rgba(255,217,119,.55)); }
.fzc-rv-chest.burst { transform: scale(1.05); transition: transform .3s; filter: drop-shadow(0 0 34px rgba(255,217,119,.9)); }
.fzc-rv-chest > img.base { width: 100%; display: block; }

.fzc-rv-lid {
  position: absolute; top: 0; left: 0; width: 100%; display: block;
  -webkit-clip-path: inset(0 0 58% 0); clip-path: inset(0 0 58% 0);
  z-index: 2; transform-origin: 10% 45%;
}
.fzc-rv-chest.burst .fzc-rv-lid { animation: fzcLidOpen .5s ease-out forwards; }
.fzc-rv-seam {
  position: absolute; top: 37%; left: 14%; right: 14%; height: 12px; border-radius: 99px;
  background: radial-gradient(closest-side, rgba(255,233,174,.95), rgba(255,217,119,0));
  filter: blur(3px); z-index: 1; animation: fzcSeamGlow 1.2s ease-in-out infinite;
}
.fzc-coin {
  position: absolute; border-radius: 50%; z-index: 3;
  background: radial-gradient(circle at 35% 30%, #FFE9AE, #D99A2B 70%, #9C6B14);
  box-shadow: 0 0 6px rgba(255,217,119,.8);
}
.fzc-coin.c1 { top: 38%; left: 30%; width: 13px; height: 13px; animation: fzcCoinA 1.1s ease-out .05s infinite; }
.fzc-coin.c2 { top: 36%; left: 48%; width: 15px; height: 15px; animation: fzcCoinB 1.3s ease-out .2s infinite; }
.fzc-coin.c3 { top: 38%; left: 64%; width: 12px; height: 12px; animation: fzcCoinC 1s ease-out .35s infinite; }
.fzc-coin.c4 { top: 40%; left: 40%; width: 10px; height: 10px; box-shadow: 0 0 5px rgba(255,217,119,.7); animation: fzcCoinC .95s ease-out .6s infinite; }
.fzc-coin.c5 { top: 40%; left: 56%; width: 11px; height: 11px; box-shadow: 0 0 5px rgba(255,217,119,.7); animation: fzcCoinA 1.25s ease-out .5s infinite; }

.fzc-rv-opening { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.fzc-rv-opening b { font-size: 13px; letter-spacing: 3px; color: #9FC6D0; font-weight: 600; }
.fzc-rv-opening span { font-size: 11px; color: #5E8996; }

.fzc-rv-win { display: flex; flex-direction: column; align-items: center; gap: 6px; animation: fzcPopIn .45s ease-out; position: relative; }
.fzc-sp { position: absolute; border-radius: 50%; }
.fzc-sp.s1 { top: -14px; left: 8%;  width: 7px; height: 7px; background: #FFD977; animation: fzcSparkle 1s ease-out .1s infinite; }
.fzc-sp.s2 { top: -6px;  right: 10%; width: 5px; height: 5px; background: #F2C14E; animation: fzcSparkle 1.2s ease-out .3s infinite; }
.fzc-sp.s3 { top: 10px;  left: -16px; width: 6px; height: 6px; background: #FFE9AE; animation: fzcSparkle 1.1s ease-out .5s infinite; }
.fzc-sp.s4 { top: 0;     right: -18px; width: 6px; height: 6px; background: #FFD977; animation: fzcSparkle .9s ease-out .2s infinite; }
.fzc-rv-lbl { font-size: 13px; letter-spacing: 4px; color: #9FC6D0; font-weight: 700; }

.fzc-rv-name {
  font-family: Cinzel, serif; font-size: 19px; font-weight: 700; letter-spacing: 1.5px;
  color: #FFD977; text-shadow: 0 1px 10px rgba(255,217,119,.35); margin-top: 2px;
}
.fzc-rv-amt {
  font-family: Cinzel, serif; font-size: 54px; font-weight: 800; line-height: 1.1;
  background: linear-gradient(180deg,#FFE9AE,#F2C14E 45%,#D99A2B);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.fzc-collect {
  margin-top: 14px; background: linear-gradient(180deg,#F2C14E,#D99A2B); color: #3A2503;
  font-weight: 800; font-size: 14px; letter-spacing: 2px; border-radius: 99px; padding: 12px 34px;
  cursor: pointer; box-shadow: 0 6px 20px rgba(242,193,78,.35); border: none;
}
.fzc-collect[disabled] { opacity: .6; cursor: default; }
.fzc-rv-dest { font-size: 10.5px; color: #5E8996; margin-top: 2px; }

.fzc-rv-free { font-size: 10.5px; color: #5E8996; margin: 3px 0 2px; letter-spacing: .2px; }


.fzc-toast {
  position: fixed; top: 56px; left: 50%; transform: translate(-50%,0); z-index: 100030;
  background: rgba(4,26,36,.95); border: 1px solid rgba(242,193,78,.5); color: #FFD977;
  font-size: 12.5px; font-weight: 600; border-radius: 99px; padding: 9px 16px;
  animation: fzcToastIn .25s; max-width: min(480px, calc(100vw - 32px)); box-sizing: border-box;
  
  white-space: normal; overflow-wrap: anywhere; text-align: center; line-height: 1.45; border-radius: 14px;
}


@media (min-width: 720px) {
  .fzc-drawer { bottom: auto; top: 50%; left: 50%; right: auto; transform: translate(-50%,-50%);
    width: min(480px, 92vw); border-radius: 24px; border: 1px solid rgba(78,216,232,.3);
    max-height: 82vh; animation: fzcPopIn .25s ease-out; padding-bottom: 18px; }
  .fzc-handle { display: none; }
}
@keyframes fzcPopIn { from { opacity: 0; transform: translate(-50%,-48%) scale(.97); } to { opacity: 1; transform: translate(-50%,-50%) scale(1); } }


@media (max-width: 979px) {
  .fzc-fab { --fzc-w: 74px; }
}






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;
}
#fz-provider-wall .fzpw-track img:hover { filter: none; opacity: 1; }
@media (max-width: 979.98px) {
  #fz-provider-wall .fzpw-track { gap: 18px; }
  #fz-provider-wall .fzpw-track img { height: 34px; max-width: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  #fz-provider-wall .fzpw-track {
    animation: none; width: auto; flex-wrap: wrap; justify-content: center;
  }
  
  #fz-provider-wall .fzpw-track img.fzpw-dup { display: none; }
}




html body #modal-chat .lc-root .lc-head { min-height:64px !important; padding:12px 14px !important; gap:8px !important; align-items:center !important; }
html body #modal-chat .lc-root .lc-head__av { width:40px !important; height:40px !important; flex:0 0 40px !important; }
html body #modal-chat .lc-root .lc-head__mid { flex:1 1 auto !important; min-width:0 !important; }
html body #modal-chat .lc-root .lc-head__title,
html body #modal-chat .lc-root .lc-head__sub { white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; line-height:1.25 !important; }
html body #modal-chat .lc-root .lc-head__title { font-size:15px !important; }
html body #modal-chat .lc-root .lc-head__sub { font-size:11px !important; margin-top:3px !important; }

html body #modal-chat .lc-root .lc-head__hist,
html body #modal-chat .lc-root .lc-head__flag,
html body #modal-chat .lc-root .lc-head__back {
  height:32px !important; min-height:32px !important; max-height:32px !important;
  flex:0 0 auto !important; margin:0 !important; padding:0 !important; line-height:1 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; }
html body #modal-chat .lc-root .lc-head__hist { padding:0 10px 0 8px !important; gap:5px !important; border-radius:999px !important; width:auto !important; min-width:0 !important; max-width:none !important; aspect-ratio:auto !important; }
html body #modal-chat .lc-root .lc-head__flag,
html body #modal-chat .lc-root .lc-head__back { width:32px !important; min-width:32px !important; max-width:32px !important; border-radius:50% !important; }
html body #modal-chat .lc-root .lc-head__flag { background:rgba(7,8,13,.35) !important; border:1px solid rgba(255,255,255,.14) !important; }
html body #modal-chat .lc-root .lc-head__hist svg,
html body #modal-chat .lc-root .lc-head__flag svg,
html body #modal-chat .lc-root .lc-head__back svg { width:15px !important; height:15px !important; flex:0 0 15px !important; }

@media (min-width:980px) {
  html body #modal-chat .modal.lc-root { width:440px !important; max-width:440px !important; }
}






#modal-invite .af-seg {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px;
  height: 44px; padding: 4px; margin: 0 0 14px; box-sizing: border-box;
  background: rgba(6, 20, 28, .65); border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
  border-radius: 999px; position: sticky; top: 0; z-index: 2;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
#modal-invite .af-seg__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border: 0; border-radius: 999px; background: transparent; cursor: pointer;
  font: 700 12px/1 var(--fz-font-body, Inter, sans-serif); letter-spacing: .03em;
  color: var(--fz-text-2, #A6B0BC); transition: background .16s, color .16s;
}
#modal-invite .af-seg__btn:hover { color: var(--fz-white, #fff); }
#modal-invite .af-seg__btn.on {
  background: linear-gradient(180deg, var(--fz-gold-hi, #FFE082), var(--fz-gold, #F5C842));
  color: var(--fz-on-gold, #14110A);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 4px 14px var(--fz-gold-soft, rgba(245,200,66,.12));
}
#modal-invite .af-seg__btn:focus-visible { outline: 2px solid var(--fz-cyan, #29B6E8); outline-offset: 1px; }
#modal-invite .af-seg__n {
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; box-sizing: border-box;
  display: inline-flex; align-items: center; justify-content: center;
  font: 800 10px/1 var(--fz-font-mono, monospace);
  background: var(--fz-cyan-soft, rgba(41,182,232,.12)); color: var(--fz-cyan, #29B6E8);
  border: 1px solid rgba(41,182,232,.35);
}
#modal-invite .af-seg__btn.on .af-seg__n { background: rgba(0,0,0,.18); color: var(--fz-on-gold, #14110A); border-color: rgba(0,0,0,.25); }


#modal-invite .af-eyebrow {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  color: var(--fz-text-3, #6E7B88);
}
#modal-invite .af-sec { margin-bottom: 16px; }
#modal-invite .af-sec__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
#modal-invite .af-linkbtn {
  display: inline-flex; align-items: center; gap: 3px; background: none; border: 0; padding: 0; cursor: pointer;
  font: 700 11px/1 var(--fz-font-body, Inter, sans-serif); color: var(--fz-cyan, #29B6E8);
}
#modal-invite .af-list { display: flex; flex-direction: column; gap: 8px; }
#modal-invite .af-empty {
  text-align: center; padding: 22px 12px; border-radius: 11px;
  background: rgba(18,42,51,.6); border: 1px dashed var(--fz-line, rgba(255,255,255,.08));
  color: var(--fz-text-3, #6E7B88);
}
#modal-invite .af-empty--thin { padding: 14px 12px; font-size: 12px; }
#modal-invite .af-empty__t { font-size: 12px; font-weight: 600; color: var(--fz-text-2, #A6B0BC); margin-top: 6px; }
#modal-invite .af-empty__s { font-size: 10px; margin-top: 2px; }
#modal-invite .af-tag {
  display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 6px; white-space: nowrap;
  font-size: 9px; font-weight: 800; letter-spacing: .04em; background: rgba(7,8,13,.45);
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)); color: var(--fz-text-2, #A6B0BC);
}
#modal-invite .af-tag--ok   { color: var(--fz-green, #1ED571); border-color: rgba(30,213,113,.4); }
#modal-invite .af-tag--warn { color: var(--fz-warn, #F5A623);  border-color: rgba(245,166,35,.4); }
#modal-invite .af-tag--gold { color: var(--fz-gold, #F5C842);  border-color: rgba(245,200,66,.45); background: var(--fz-gold-soft, rgba(245,200,66,.12)); }
#modal-invite .af-tag--bad  { color: var(--fz-danger, #E0524D); border-color: rgba(224,82,77,.4); }
#modal-invite .af-tag--muted{ color: var(--fz-text-3, #6E7B88); }


#modal-invite .af-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
#modal-invite .af-stat {
  text-align: center; padding: 12px 4px; border-radius: 11px; min-width: 0;
  background: rgba(18,42,51,.6); border: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
#modal-invite .af-stat--hot { border-color: rgba(245,200,66,.45); box-shadow: 0 0 18px var(--fz-gold-soft, rgba(245,200,66,.12)); }
#modal-invite .af-stat__v { font-size: 17px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#modal-invite .af-stat__l { font-size: 9px; color: var(--fz-text-3, #6E7B88); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; margin-top: 2px; }
@media (max-width: 640px) {
  #modal-invite .af-stats { grid-template-columns: repeat(2, 1fr); }
  #modal-invite .af-stat__v { font-size: 20px; }
}


#modal-invite .af-share-big {
  width: 100%; height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; border-radius: 11px; cursor: pointer;
  background: linear-gradient(180deg, var(--fz-gold-hi, #FFE082), var(--fz-gold, #F5C842));
  color: var(--fz-on-gold, #14110A); font: 800 12px/1 var(--fz-font-body, Inter, sans-serif);
  text-transform: uppercase; letter-spacing: .05em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 6px 18px var(--fz-gold-soft, rgba(245,200,66,.12));
  transition: transform .14s, filter .14s;
}
#modal-invite .af-share-big:hover { transform: translateY(-1px); filter: brightness(1.04); }


#modal-invite .af-claim {
  margin-bottom: 16px; padding: 14px; border-radius: 12px;
  background: linear-gradient(180deg, rgba(245,200,66,.14), rgba(18,42,51,.6));
  border: 1px solid rgba(245,200,66,.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 24px var(--fz-gold-soft, rgba(245,200,66,.12));
}
#modal-invite .af-claim__head { display: flex; flex-direction: column; gap: 3px; margin-bottom: 10px; }
#modal-invite .af-claim__t { font-family: var(--fz-font-display, Oswald, sans-serif); font-size: 18px; font-weight: 700; letter-spacing: .02em; color: var(--fz-gold, #F5C842); }
#modal-invite .af-claim__s { font-size: 11px; line-height: 1.5; color: var(--fz-text-2, #A6B0BC); }
#modal-invite .af-claim__tnc { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--fz-text, #E8EAEF); cursor: pointer; margin-bottom: 10px; }
#modal-invite .af-claim__tnc input { width: 16px; height: 16px; accent-color: var(--fz-gold, #F5C842); margin: 0; flex-shrink: 0; }
#modal-invite .af-claim__btn {
  width: 100%; height: 42px; border: 0; border-radius: 10px; cursor: pointer;
  background: linear-gradient(180deg, var(--fz-gold-hi, #FFE082), var(--fz-gold, #F5C842));
  color: var(--fz-on-gold, #14110A); font: 800 13px/1 var(--fz-font-body, Inter, sans-serif);
  text-transform: uppercase; letter-spacing: .05em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}
#modal-invite .af-claim__btn:disabled { opacity: .6; cursor: default; }
#modal-invite .af-claim__msg {
  margin-top: 10px; padding: 9px 11px; border-radius: 9px; font-size: 12px; line-height: 1.5;
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px;
  background: rgba(7,8,13,.45); border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)); color: var(--fz-text-2, #A6B0BC);
}
#modal-invite .af-claim__msg--clear, #modal-invite .af-claim__msg--warn { border-color: rgba(245,166,35,.45); color: var(--fz-warn, #F5A623); }
#modal-invite .af-claim__msg--error { border-color: rgba(224,82,77,.45); color: var(--fz-danger, #E0524D); }
#modal-invite .af-claim__pl { color: var(--fz-text-2, #A6B0BC); font-variant-numeric: tabular-nums; }
#modal-invite .af-claim__goto {
  margin-left: auto; display: inline-flex; align-items: center; gap: 3px; padding: 6px 10px; border-radius: 8px; cursor: pointer;
  background: var(--fz-cyan-soft, rgba(41,182,232,.12)); border: 1px solid rgba(41,182,232,.35); color: var(--fz-cyan, #29B6E8);
  font: 800 11px/1 var(--fz-font-body, Inter, sans-serif);
}


#modal-invite .af-prog { margin-top: 10px; }
#modal-invite .af-prog__row { display: flex; justify-content: space-between; font-size: 10px; color: var(--fz-text-3, #6E7B88); margin-bottom: 5px; }
#modal-invite .af-prog__bar { height: 6px; border-radius: 999px; overflow: hidden; background: rgba(7,8,13,.55); border: 1px solid var(--fz-line, rgba(255,255,255,.08)); }
#modal-invite .af-prog__bar i {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, var(--fz-cyan-deep, #1B7FA8), var(--fz-cyan, #29B6E8), var(--fz-gold, #F5C842));
  box-shadow: 0 0 10px var(--fz-cyan-glow, rgba(41,182,232,.42)); transition: width .4s ease;
}


#modal-invite .af-dlsum {
  width: 100%; display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 12px 12px 12px 14px;
  border-radius: 12px; cursor: pointer; text-align: left; font-family: inherit;
  background: rgba(18,42,51,.6); border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)); color: inherit;
  transition: border-color .14s, transform .14s;
}
#modal-invite .af-dlsum:hover { border-color: rgba(41,182,232,.45); transform: translateY(-1px); }
#modal-invite .af-dlsum__ico { width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--fz-cyan-soft, rgba(41,182,232,.12)); border: 1px solid rgba(41,182,232,.3); }
#modal-invite .af-dlsum__body { flex: 1; min-width: 0; }
#modal-invite .af-dlsum__t { font-size: 13px; font-weight: 700; color: var(--fz-white, #fff); }
#modal-invite .af-dlsum__row { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 3px; font-size: 11px; color: var(--fz-text-3, #6E7B88); }
#modal-invite .af-dlsum__row b { color: var(--fz-text, #E8EAEF); font-variant-numeric: tabular-nums; }
#modal-invite .af-dlsum__row b.neg { color: var(--fz-danger, #E0524D); }
#modal-invite .af-dlsum__chev { flex-shrink: 0; display: inline-flex; }


#modal-invite .af-tools { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
#modal-invite .af-tools__row { display: flex; align-items: center; gap: 8px; }
#modal-invite .af-search {
  display: flex; align-items: center; gap: 8px; padding: 0 12px; height: 38px; border-radius: 10px;
  background: rgba(6,20,28,.6); border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
}
#modal-invite .af-search:focus-within { border-color: rgba(41,182,232,.5); }
#modal-invite .af-search input {
  flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent;
  font: 500 13px var(--fz-font-body, Inter, sans-serif); color: var(--fz-text, #E8EAEF);
}
#modal-invite .af-search input::placeholder { color: var(--fz-text-3, #6E7B88); }
#modal-invite .af-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }
#modal-invite .af-chip {
  height: 28px; padding: 0 11px; border-radius: 999px; cursor: pointer; white-space: nowrap;
  background: rgba(18,42,51,.6); border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
  color: var(--fz-text-2, #A6B0BC); font: 700 11px/1 var(--fz-font-body, Inter, sans-serif);
  transition: background .14s, color .14s, border-color .14s;
}
#modal-invite .af-chip.on { background: var(--fz-cyan-soft, rgba(41,182,232,.12)); border-color: rgba(41,182,232,.5); color: var(--fz-cyan, #29B6E8); }
#modal-invite .af-sort {
  height: 28px; padding: 0 8px; border-radius: 8px; flex-shrink: 0; max-width: 46%;
  background: rgba(6,20,28,.7); border: 1px solid var(--fz-line-2, rgba(255,255,255,.14));
  color: var(--fz-text-2, #A6B0BC); font: 700 11px var(--fz-font-body, Inter, sans-serif);
}
#modal-invite .af-sort option { background: #0E2430; color: #E8EAEF; }


#modal-invite .af-dl {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 11px;
  background: rgba(18,42,51,.6); border: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
#modal-invite .af-dl__av {
  width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--fz-teal, #0E4D54), var(--fz-navy, #0A1822));
  border: 1px solid var(--fz-line-2, rgba(255,255,255,.14)); color: var(--fz-cyan, #29B6E8); font-size: 14px; font-weight: 800;
}
#modal-invite .af-dl__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#modal-invite .af-dl__name { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--fz-white, #fff); }
#modal-invite .af-dl__name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#modal-invite .af-dot {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; background: var(--fz-green, #1ED571);
  box-shadow: 0 0 0 2px rgba(30,213,113,.2), 0 0 8px var(--fz-green, #1ED571); animation: af-pulse 2s ease-in-out infinite;
}
@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-dl__meta { font-size: 10px; color: var(--fz-text-3, #6E7B88); }
#modal-invite .af-dl__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
#modal-invite .af-dl__net { font-size: 10px; font-weight: 700; color: var(--fz-text-2, #A6B0BC); font-variant-numeric: tabular-nums; }
#modal-invite .af-dl__net.pos { color: var(--fz-green, #1ED571); }
#modal-invite .af-dl__net.neg { color: var(--fz-danger, #E0524D); }
#modal-invite .af-dl__right { text-align: right; flex-shrink: 0; }
#modal-invite .af-dl__amt { font-size: 13px; color: var(--fz-green, #1ED571); font-variant-numeric: tabular-nums; }
#modal-invite .af-dl__amtl { font-size: 9px; color: var(--fz-text-3, #6E7B88); margin-top: 1px; white-space: nowrap; }


#modal-invite .af-hr {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 11px;
  background: rgba(18,42,51,.6); border: 1px solid var(--fz-line, rgba(255,255,255,.08));
}
#modal-invite .af-hr__l { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#modal-invite .af-hr__r { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
#modal-invite .af-type {
  align-self: flex-start; padding: 2px 7px; border-radius: 6px; font-size: 9px; font-weight: 800; letter-spacing: .06em; border: 1px solid transparent;
}
#modal-invite .af-type--cpa { color: var(--fz-cyan, #29B6E8); background: var(--fz-cyan-soft, rgba(41,182,232,.12)); border-color: rgba(41,182,232,.3); }
#modal-invite .af-type--rev { color: var(--fz-gold, #F5C842); background: var(--fz-gold-soft, rgba(245,200,66,.12)); border-color: rgba(245,200,66,.3); }
#modal-invite .af-hr__when { font-size: 10px; color: var(--fz-text-3, #6E7B88); font-family: var(--fz-font-mono, monospace); white-space: nowrap; }
#modal-invite .af-hr__amt { font-size: 14px; color: var(--fz-white, #fff); font-variant-numeric: tabular-nums; }
#modal-invite .af-hr__amt.muted { color: var(--fz-text-3, #6E7B88); text-decoration: line-through; }


#modal-invite .af-more { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 12px 0 4px; }
#modal-invite .af-more__btn {
  height: 34px; padding: 0 18px; border-radius: 999px; cursor: pointer;
  background: var(--fz-cyan-soft, rgba(41,182,232,.12)); border: 1px solid rgba(41,182,232,.35); color: var(--fz-cyan, #29B6E8);
  font: 800 11px/1 var(--fz-font-body, Inter, sans-serif); text-transform: uppercase; letter-spacing: .04em;
}
#modal-invite .af-more__btn:disabled { opacity: .6; cursor: default; }
#modal-invite .af-more__n { font-size: 10px; color: var(--fz-text-3, #6E7B88); font-family: var(--fz-font-mono, monospace); }






#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);
}


html body #modal-invite.af-v4 .modal.af-host {
  width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important;
  box-sizing: border-box; color: var(--af-text); font-family: var(--af-font); font-size: 14px; line-height: 1.5;
  display: flex !important; flex-direction: column !important; align-items: stretch !important;
  overflow: hidden !important; border-radius: 0; border: 0; box-shadow: none; position: relative;
  
  background: linear-gradient(180deg, rgba(20,86,96,.92) 0%, rgba(11,58,66,.94) 35%, rgba(6,26,36,.97) 100%) !important;
}

#modal-invite.af-v4 .af-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
#modal-invite.af-v4 .af-bg > i { position: absolute; display: block; }
#modal-invite.af-v4 .af-bg__photo { inset: 0; background: url("/assets/img/bg/underwater-modal.jpg") center top / cover no-repeat; opacity: .58; filter: saturate(1.15); }
#modal-invite.af-v4 .af-bg__caustic {
  left: -20%; top: -10%; width: 140%; height: 70%;
  background: 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") repeat; background-size: 520px 520px; mix-blend-mode: screen; will-change: transform;
  -webkit-mask-image: linear-gradient(180deg, #000 30%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(180deg, #000 30%, rgba(0,0,0,0) 100%);
}
#modal-invite.af-v4 .af-bg__caustic--a { opacity: .22; animation: afCausticA 38s ease-in-out infinite alternate; }
#modal-invite.af-v4 .af-bg__caustic--b { opacity: .13; background-size: 680px 680px; animation: afCausticB 47s ease-in-out infinite alternate; }
@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); } }
#modal-invite.af-v4 .af-bg__rays {
  left: 50%; top: -12%; width: 160%; height: 90%; transform: translateX(-50%); transform-origin: 50% 0; will-change: transform;
  background: conic-gradient(from 168deg at 50% 0%, rgba(255,255,255,0) 0deg, rgba(220,245,255,.16) 6deg, rgba(255,255,255,0) 12deg, rgba(220,245,255,.10) 17deg, rgba(255,255,255,0) 22deg, rgba(220,245,255,.13) 27deg, rgba(255,255,255,0) 32deg);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 85%); mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 85%);
  animation: afRaySway 30s ease-in-out infinite alternate; opacity: .9;
}
@keyframes afRaySway { from { transform: translateX(-50%) rotate(-2.5deg); } to { transform: translateX(-50%) rotate(2.5deg); } }
#modal-invite.af-v4 .af-bg__vignette { inset: 0; background:
  linear-gradient(180deg, rgba(9,38,50,.06) 0%, rgba(8,30,40,.50) 40%, rgba(5,18,26,.90) 100%),
  radial-gradient(ellipse at 50% 30%, rgba(0,0,0,0) 55%, rgba(2,8,12,.45) 100%); }
@media (prefers-reduced-motion: reduce) { #modal-invite.af-v4 .af-bg > i { animation: none !important; } }
#modal-invite.af-v4 .afw { position: relative; z-index: 1; }
#modal-invite.af-v4 .modal::before, #modal-invite.af-v4 .modal::after { display: none !important; content: none !important; }

#modal-invite.af-v4 .afw { width: 100%; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
#modal-invite.af-v4 .af-page { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }



#modal-invite.af-v4 .af-head { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 18px 18px 6px; border-bottom: 0; background: transparent; }
#modal-invite.af-v4 .af-head__t { flex: 1; display: flex; align-items: center; gap: 12px; font-family: var(--af-display); font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 18px rgba(0,0,0,.35); }
#modal-invite.af-v4 .af-head__t::before { content: ""; width: 4px; height: 24px; border-radius: 2px; flex-shrink: 0; background: linear-gradient(180deg, var(--af-gold), #C08E1A); box-shadow: 0 0 10px rgba(245,200,66,.5); }

html body #modal-invite.af-v4 .af-back, html body #modal-invite.af-v4 .af-x, html body .af-sheet__x {
  width: 36px !important; min-width: 36px !important; max-width: 36px !important;
  height: 36px !important; min-height: 36px !important; max-height: 36px !important; aspect-ratio: 1 / 1 !important;
  flex: 0 0 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  padding: 0 !important; line-height: 0 !important; box-sizing: border-box !important;
  background: rgba(7,8,13,.42) !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 50% !important;
  color: var(--af-text2, #A6B0BC) !important; cursor: pointer; position: relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 4px 12px rgba(0,0,0,.35);
  transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}
html body #modal-invite.af-v4 .af-back svg, html body #modal-invite.af-v4 .af-x svg, html body .af-sheet__x svg { width: 17px !important; height: 17px !important; display: block; }
html body #modal-invite.af-v4 .af-back::after, html body #modal-invite.af-v4 .af-x::after { content: ""; position: absolute; inset: -6px; }
html body #modal-invite.af-v4 .af-x:hover, html body .af-sheet__x:hover { color: #fff !important; border-color: rgba(245,200,66,.55) !important; background: rgba(245,200,66,.14) !important; transform: rotate(90deg); }
html body #modal-invite.af-v4 .af-back:hover { color: #fff !important; border-color: rgba(41,182,232,.55) !important; background: var(--af-cyan-soft) !important; transform: translateX(-2px); }
html body #modal-invite.af-v4 .af-back:active, html body #modal-invite.af-v4 .af-x:active { transform: scale(.92); }


#modal-invite.af-v4 .af-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
#modal-invite.af-v4 .af-scroll::-webkit-scrollbar { width: 0; }
#modal-invite.af-v4 .af-col { width: 100%; max-width: 720px; margin: 0 auto; box-sizing: border-box; padding: 10px 18px 0; }
#modal-invite.af-v4 .af-foot-sp { height: 28px; }


#modal-invite.af-v4 .af-hero {
  position: relative; overflow: hidden; margin-bottom: 18px; padding: 22px 18px 18px; border-radius: 20px;
  background: linear-gradient(160deg, rgba(6,20,28,.18) 0%, rgba(6,20,28,.30) 60%, rgba(6,20,28,.42) 100%);
  border: 1px solid rgba(245,200,66,.24); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 48px rgba(0,0,0,.28);
}
#modal-invite.af-v4 .af-hero__art {
  position: absolute; right: -8px; top: -6px; width: 58%; height: 78%; pointer-events: none; z-index: 0;
  background: url("/assets/img/affiliate/hero-shark.webp") no-repeat right top / contain;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.45));
  -webkit-mask-image: linear-gradient(180deg, #000 55%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(180deg, #000 55%, rgba(0,0,0,0) 100%);
}
#modal-invite.af-v4 .af-hero__glow { position: absolute; width: 360px; height: 360px; left: -140px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(245,200,66,.30), rgba(245,200,66,0) 68%); pointer-events: none; z-index: 0; }
#modal-invite.af-v4 .af-hero__in { position: relative; z-index: 1; max-width: 62%; min-height: 150px; }
#modal-invite.af-v4 .af-hero__eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--af-gold); }
#modal-invite.af-v4 .af-hero__title { margin: 10px 0 0; display: flex; flex-direction: column; gap: 2px; font-family: var(--af-display); font-weight: 700; text-transform: uppercase; line-height: 1.02; letter-spacing: .02em; }
#modal-invite.af-v4 .af-hero__l { font-size: 34px; color: var(--af-gold); filter: drop-shadow(0 2px 2px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(245,200,66,.30)); background: linear-gradient(180deg, #FFE9A6 0%, var(--af-gold) 55%, #D9A82A 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#modal-invite.af-v4 .af-hero__l--2 { font-size: 27px; }
#modal-invite.af-v4 .af-hero__sub { margin-top: 10px; font-size: 14.5px; line-height: 1.5; color: #fff; max-width: 92%; text-shadow: 0 1px 2px rgba(0,0,0,.6); }


#modal-invite.af-v4 .af-ticket {
  position: relative; z-index: 1; display: flex; align-items: stretch; gap: 14px; margin-top: 18px; padding: 14px 16px;
  border-radius: 14px; background: rgba(4,16,24,.74); border: 1px dashed rgba(245,200,66,.55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
#modal-invite.af-v4 .af-ticket::before, #modal-invite.af-v4 .af-ticket::after {
  content: ""; position: absolute; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%;
  background: rgba(8,34,44,1); border: 1px dashed rgba(245,200,66,.55);
}
#modal-invite.af-v4 .af-ticket::before { left: -10px; } #modal-invite.af-v4 .af-ticket::after { right: -10px; }
#modal-invite.af-v4 .af-ticket__l { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
#modal-invite.af-v4 .af-eyebrow--gold { color: var(--af-gold) !important; }
#modal-invite.af-v4 .af-code__v { font-family: var(--af-mono); font-size: 30px; font-weight: 800; letter-spacing: .16em; color: #fff; line-height: 1.1; }
#modal-invite.af-v4 .af-code__btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
html body #modal-invite.af-v4 .af-code__qr {
  flex: 0 0 84px; width: 84px; height: 84px; padding: 5px; border-radius: 12px; cursor: pointer; overflow: hidden; align-self: center;
  background: #fff; border: 1px solid rgba(255,255,255,.5); display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.35); transition: transform .16s;
}
html body #modal-invite.af-v4 .af-code__qr:hover { transform: scale(1.04); }
#modal-invite.af-v4 .af-code__qr img { width: 100%; height: 100%; object-fit: contain; display: block; }
#modal-invite.af-v4 .af-code__qrph { display: flex; flex-direction: column; align-items: center; gap: 2px; color: #0A1822; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
#modal-invite.af-v4 .af-link { position: relative; z-index: 1; display: flex; align-items: center; gap: 6px; margin-top: 12px; font-family: var(--af-mono); font-size: 12px; color: var(--af-text2); min-width: 0; }
#modal-invite.af-v4 .af-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#modal-invite.af-v4 .af-center { justify-content: center; text-align: center; }


html body #modal-invite.af-v4 .af-btn, .af-sheet .af-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; min-height: 0; padding: 0 14px; border-radius: 10px; cursor: pointer;
  font: 800 11.5px/1 var(--af-font, Inter, sans-serif); text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; border: 1px solid transparent; font-family: inherit;
  transition: transform .14s, filter .14s, border-color .14s;
}
html body #modal-invite.af-v4 .af-btn--gold, .af-sheet .af-btn--gold { background: linear-gradient(180deg, var(--af-gold-hi, #FFE082), var(--af-gold, #F5C842)); color: var(--af-on-gold, #14110A); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 4px 12px rgba(245,200,66,.22); }
html body #modal-invite.af-v4 .af-btn--gold-soft { background: var(--af-gold-soft); border-color: rgba(245,200,66,.45); color: var(--af-gold); }
html body #modal-invite.af-v4 .af-btn--ghost, .af-sheet .af-btn--ghost { background: rgba(7,8,13,.35); border-color: rgba(255,255,255,.16); color: var(--af-text, #E8EAEF); }
html body #modal-invite.af-v4 .af-btn:hover, .af-sheet .af-btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
html body #modal-invite.af-v4 .af-btn:active, .af-sheet .af-btn:active { transform: scale(.97); }


#modal-invite.af-v4 .af-share { margin-bottom: 22px; }
html body #modal-invite.af-v4 .af-share-big {
  width: 100%; height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; cursor: pointer;
  background: linear-gradient(180deg, var(--af-gold-hi), var(--af-gold) 60%, #E2B22F); color: var(--af-on-gold); font: 800 14px/1 var(--af-font); text-transform: uppercase; letter-spacing: .08em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 28px rgba(245,200,66,.28); transition: transform .14s, filter .14s;
}
html body #modal-invite.af-v4 .af-share-big:hover { transform: translateY(-1px); filter: brightness(1.04); }
#modal-invite.af-v4 .af-share__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 16px; }
html body #modal-invite.af-v4 .af-tile {
  display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0; background: none; border: 0; cursor: pointer; font-family: inherit; min-height: 0; height: auto;
}
#modal-invite.af-v4 .af-tile__c {
  width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.22); transition: transform .16s, box-shadow .16s;
}
#modal-invite.af-v4 .af-tile__c svg { width: 24px; height: 24px; stroke-width: 2.1; }
#modal-invite.af-v4 .af-tile__t { font-size: 11px; font-weight: 700; color: var(--af-text2); letter-spacing: .02em; }
html body #modal-invite.af-v4 .af-tile:hover .af-tile__c { transform: translateY(-3px) scale(1.04); }
#modal-invite.af-v4 .af-tile--wa .af-tile__c { background: linear-gradient(180deg, #34E27A, #1FB85A); } #modal-invite.af-v4 .af-tile--wa:hover .af-tile__c { box-shadow: 0 10px 26px rgba(37,211,102,.45); }
#modal-invite.af-v4 .af-tile--tg .af-tile__c { background: linear-gradient(180deg, #3FBAF3, #1E96D6); } #modal-invite.af-v4 .af-tile--tg:hover .af-tile__c { box-shadow: 0 10px 26px rgba(42,171,238,.45); }
#modal-invite.af-v4 .af-tile--ms .af-tile__c { background: linear-gradient(180deg, #2E9BFF, #0A6FE8); } #modal-invite.af-v4 .af-tile--ms:hover .af-tile__c { box-shadow: 0 10px 26px rgba(0,132,255,.45); }
#modal-invite.af-v4 .af-tile--ig .af-tile__c { background: linear-gradient(135deg, #F58529 0%, #DD2A7B 55%, #8134AF 100%); } #modal-invite.af-v4 .af-tile--ig:hover .af-tile__c { box-shadow: 0 10px 26px rgba(221,42,123,.45); }
#modal-invite.af-v4 .af-tile--x .af-tile__c { background: #111318; border: 1px solid rgba(255,255,255,.28); } #modal-invite.af-v4 .af-tile--x:hover .af-tile__c { box-shadow: 0 10px 26px rgba(255,255,255,.18); }


#modal-invite.af-v4 .af-seg {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; height: 46px; padding: 4px; margin: 0 0 20px; box-sizing: border-box;
  background: rgba(6,20,28,.55); border: 1px solid var(--af-line); border-radius: 999px; position: sticky; top: 0; z-index: 2;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
html body #modal-invite.af-v4 .af-seg__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; border: 0; border-radius: 999px; background: transparent; cursor: pointer;
  font: 700 13px/1 var(--af-font); letter-spacing: .02em; color: var(--af-text2); transition: background .16s, color .16s; padding: 0 6px; height: auto; min-height: 0;
}
html body #modal-invite.af-v4 .af-seg__btn:hover { color: #fff; }
html body #modal-invite.af-v4 .af-seg__btn.on { background: linear-gradient(180deg, var(--af-gold-hi), var(--af-gold)); color: var(--af-on-gold); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 4px 14px rgba(245,200,66,.22); }
#modal-invite.af-v4 .af-seg__n { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; font: 800 10px/1 var(--af-mono); background: var(--af-cyan-soft); color: var(--af-cyan); border: 1px solid rgba(41,182,232,.35); }
#modal-invite.af-v4 .af-seg__btn.on .af-seg__n { background: rgba(0,0,0,.18); color: var(--af-on-gold); border-color: rgba(0,0,0,.25); }


#modal-invite.af-v4 .af-eyebrow, .af-sheet .af-eyebrow { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: var(--af-text3, #6E7B88); display: inline-flex; align-items: center; gap: 6px; }
#modal-invite.af-v4 .af-mb10 { display: block; margin-bottom: 12px; } .af-mb8 { display: block !important; margin-bottom: 8px; } .af-mt14 { margin-top: 14px !important; }
#modal-invite.af-v4 .af-sec { margin-bottom: 22px; }
#modal-invite.af-v4 .af-sec__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
html body #modal-invite.af-v4 .af-linkbtn { display: inline-flex; align-items: center; gap: 3px; background: none; border: 0; padding: 0; cursor: pointer; font: 700 12px/1 var(--af-font); color: var(--af-cyan); min-height: 0; }
#modal-invite.af-v4 .af-list, .af-sheet .af-list { display: flex; flex-direction: column; }
#modal-invite.af-v4 .af-card { margin-bottom: 22px; padding: 18px; border-radius: 16px; background: var(--af-tile); border: 1px solid var(--af-line); }
#modal-invite.af-v4 .af-card__head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 8px; }
#modal-invite.af-v4 .af-card__meta { font-size: 11px; color: var(--af-text3); font-family: var(--af-mono); white-space: nowrap; }
#modal-invite.af-v4 .af-note, .af-sheet .af-note { font-size: 13px; color: var(--af-text2, #A6B0BC); margin-top: 8px; line-height: 1.55; }
#modal-invite.af-v4 .af-fine, .af-sheet .af-fine { font-size: 12px; color: var(--af-text3, #6E7B88); margin-top: 10px; line-height: 1.55; }
#modal-invite.af-v4 .af-fine .af-hl { color: var(--af-text2); font-weight: 700; }
#modal-invite.af-v4 .af-empty, .af-sheet .af-empty { text-align: center; padding: 24px 12px; border-radius: 14px; background: rgba(6,20,28,.35); border: 1px dashed var(--af-line2, rgba(41,182,232,.26)); color: var(--af-text3, #6E7B88); display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13px; }
#modal-invite.af-v4 .af-empty--thin, .af-sheet .af-empty--thin { padding: 14px; }
#modal-invite.af-v4 .af-empty--err { border-color: rgba(224,82,77,.35); }
#modal-invite.af-v4 .af-empty__t { font-size: 14px; font-weight: 600; color: var(--af-text2); }
#modal-invite.af-v4 .af-empty__s { font-size: 12px; }
#modal-invite.af-v4 .af-tag, .af-sheet .af-tag { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 6px; white-space: nowrap; font-size: 10px; font-weight: 800; letter-spacing: .05em; background: rgba(7,8,13,.45); border: 1px solid rgba(255,255,255,.14); color: var(--af-text2, #A6B0BC); }
.af-tag--ok { color: var(--af-green, #1ED571) !important; border-color: rgba(30,213,113,.4) !important; }
.af-tag--warn { color: var(--af-warn, #F5A623) !important; border-color: rgba(245,166,35,.4) !important; }
.af-tag--gold { color: var(--af-gold, #F5C842) !important; border-color: rgba(245,200,66,.45) !important; background: var(--af-gold-soft, rgba(245,200,66,.12)) !important; }
.af-tag--bad { color: var(--af-danger, #E0524D) !important; border-color: rgba(224,82,77,.4) !important; }
.af-softnote { margin-bottom: 18px; padding: 14px 16px; background: rgba(6,20,28,.35); border: 1px dashed var(--af-line2, rgba(41,182,232,.26)); border-radius: 14px; }
.af-softnote__t { font-size: 14px; color: var(--af-text, #E8EAEF); font-weight: 600; }
.af-softnote__s { font-size: 13px; color: var(--af-text3, #6E7B88); margin-top: 4px; line-height: 1.55; }


#modal-invite.af-v4 .af-skel__hero { height: 240px; border-radius: 20px; margin-bottom: 18px; }
#modal-invite.af-v4 .af-skel__row, .af-sheet .af-skel__row { height: 56px; border-radius: 12px; margin-bottom: 8px; }
#modal-invite.af-v4 .af-skel__row--short, .af-sheet .af-skel__row--short { width: 60%; }
#modal-invite.af-v4 .af-skel__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
#modal-invite.af-v4 .af-skel__grid i { height: 64px; border-radius: 12px; display: block; }
#modal-invite.af-v4 .af-skel__hero, #modal-invite.af-v4 .af-skel__row, #modal-invite.af-v4 .af-skel__grid i, .af-sheet .af-skel__row {
  background: linear-gradient(90deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.10) 50%, rgba(255,255,255,.04) 100%); background-size: 200% 100%; animation: af-shimmer 1.3s linear infinite;
}
@keyframes af-shimmer { 0% { background-position: 150% 0; } 100% { background-position: -150% 0; } }


#modal-invite.af-v4 .af-stats--strip { display: grid; grid-template-columns: repeat(4, 1fr); margin: 2px 0 22px; padding: 6px 0 14px; border-bottom: 1px solid var(--af-line); }
#modal-invite.af-v4 .af-stats--strip .af-stat { text-align: center; padding: 6px 4px; background: none; border: 0; border-left: 1px solid var(--af-line); min-width: 0; }
#modal-invite.af-v4 .af-stats--strip .af-stat:first-child { border-left: 0; }
#modal-invite.af-v4 .af-stat__v, .af-sheet .af-stat__v { font-family: var(--af-mono, monospace); font-size: 24px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.01em; }
#modal-invite.af-v4 .af-stat__l, .af-sheet .af-stat__l { font-size: 10.5px; color: var(--af-text3, #6E7B88); font-weight: 800; text-transform: uppercase; letter-spacing: .1em; margin-top: 4px; }
.af-stat--green .af-stat__v { color: var(--af-green, #1ED571) !important; }
.af-stat--gold .af-stat__v { color: var(--af-gold, #F5C842) !important; }
.af-stat--red .af-stat__v { color: var(--af-danger, #E0524D) !important; }
.af-stat--muted .af-stat__v { color: var(--af-text2, #A6B0BC) !important; }
#modal-invite.af-v4 .af-stat--hot .af-stat__v { color: var(--af-green); text-shadow: 0 0 18px rgba(30,213,113,.45); }
.af-sheet .af-stat { text-align: center; padding: 12px 6px; border-radius: 12px; background: rgba(16,52,66,.55); border: 1px solid rgba(41,182,232,.14); }


#modal-invite.af-v4 .af-claim { margin-bottom: 22px; padding: 18px; border-radius: 16px; background: linear-gradient(180deg, rgba(30,213,113,.16), rgba(16,52,66,.6)); border: 1px solid rgba(30,213,113,.45); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 28px rgba(30,213,113,.14); }
#modal-invite.af-v4 .af-claim__head { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
#modal-invite.af-v4 .af-claim__t { font-family: var(--af-display); font-size: 22px; font-weight: 700; letter-spacing: .02em; color: var(--af-green); }
#modal-invite.af-v4 .af-claim__s { font-size: 13px; line-height: 1.5; color: var(--af-text2); }
#modal-invite.af-v4 .af-claim__tnc { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--af-text); cursor: pointer; margin-bottom: 12px; }
#modal-invite.af-v4 .af-claim__tnc input { width: 16px; height: 16px; accent-color: var(--af-green); margin: 0; flex-shrink: 0; }
html body #modal-invite.af-v4 .af-claim__btn { width: 100%; height: 48px; border: 0; border-radius: 999px; cursor: pointer; background: linear-gradient(180deg, #4FE58E, var(--af-green)); color: #062915; font: 800 14px/1 var(--af-font); text-transform: uppercase; letter-spacing: .06em; box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 8px 22px rgba(30,213,113,.3); }
html body #modal-invite.af-v4 .af-claim__btn:disabled { opacity: .6; cursor: default; }
#modal-invite.af-v4 .af-claim__msg { margin-top: 12px; padding: 10px 12px; border-radius: 10px; font-size: 13px; line-height: 1.5; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; background: rgba(7,8,13,.45); border: 1px solid rgba(255,255,255,.14); color: var(--af-text2); }
#modal-invite.af-v4 .af-claim__msg--clear, #modal-invite.af-v4 .af-claim__msg--warn { border-color: rgba(245,166,35,.45); color: var(--af-warn); }
#modal-invite.af-v4 .af-claim__msg--error { border-color: rgba(224,82,77,.45); color: var(--af-danger); }
#modal-invite.af-v4 .af-claim__pl { color: var(--af-text2); font-variant-numeric: tabular-nums; }
html body #modal-invite.af-v4 .af-claim__goto { margin-left: auto; display: inline-flex; align-items: center; gap: 3px; padding: 7px 11px; border-radius: 8px; cursor: pointer; background: var(--af-cyan-soft); border: 1px solid rgba(41,182,232,.35); color: var(--af-cyan); font: 800 11.5px/1 var(--af-font); min-height: 0; }


#modal-invite.af-v4 .af-win { position: relative; overflow: hidden; border: 0; background: linear-gradient(180deg, rgba(16,52,66,.55), rgba(8,36,46,.35)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
#modal-invite.af-v4 .af-win::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(180deg, rgba(41,182,232,0), rgba(41,182,232,.10)); pointer-events: none; }
#modal-invite.af-v4 .af-win__v { font-family: var(--af-mono); font-size: 32px; font-weight: 800; color: var(--af-text2); font-variant-numeric: tabular-nums; letter-spacing: -.01em; margin-top: 2px; }
#modal-invite.af-v4 .af-win__v.pos { color: var(--af-green); text-shadow: 0 0 22px rgba(30,213,113,.35); }
#modal-invite.af-v4 .af-prog { margin-top: 14px; position: relative; }
#modal-invite.af-v4 .af-prog__row { display: flex; justify-content: space-between; font-size: 12px; color: var(--af-text2); margin-bottom: 7px; }
#modal-invite.af-v4 .af-prog__bar { height: 8px; border-radius: 999px; overflow: hidden; background: rgba(7,8,13,.55); border: 1px solid rgba(255,255,255,.06); }
#modal-invite.af-v4 .af-prog__bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--fz-cyan-deep, #1B7FA8), var(--af-cyan), var(--af-gold)); box-shadow: 0 0 14px rgba(41,182,232,.55); transition: width .4s ease; }


html body #modal-invite.af-v4 .af-dlsum { width: 100%; display: flex; align-items: center; gap: 14px; margin: 0 0 22px; padding: 14px 4px; border: 0; border-top: 1px solid var(--af-line); border-bottom: 1px solid var(--af-line); border-radius: 0; cursor: pointer; text-align: left; font-family: inherit; background: none; color: inherit; height: auto; min-height: 0; transition: background .14s; }
html body #modal-invite.af-v4 .af-dlsum:hover { background: rgba(41,182,232,.05); }
#modal-invite.af-v4 .af-dlsum__ico { width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--af-cyan-soft); border: 1px solid rgba(41,182,232,.3); color: var(--af-cyan); }
#modal-invite.af-v4 .af-dlsum__body { flex: 1; min-width: 0; }
#modal-invite.af-v4 .af-dlsum__t { font-size: 15px; font-weight: 700; color: #fff; }
#modal-invite.af-v4 .af-dlsum__row { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 3px; font-size: 13px; color: var(--af-text3); }
#modal-invite.af-v4 .af-dlsum__row b { color: var(--af-text); font-variant-numeric: tabular-nums; } #modal-invite.af-v4 .af-dlsum__row b.neg { color: var(--af-danger); }
#modal-invite.af-v4 .af-dlsum__chev { flex-shrink: 0; display: inline-flex; color: var(--af-text3); }


#modal-invite.af-v4 .af-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 4px; }
#modal-invite.af-v4 .af-step { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; padding: 14px; border-radius: 14px; background: rgba(6,20,28,.28); }
#modal-invite.af-v4 .af-step__n { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--af-display); font-size: 15px; font-weight: 700; color: var(--af-gold); border: 1px solid rgba(245,200,66,.55); background: var(--af-gold-soft); }
#modal-invite.af-v4 .af-step__t { font-size: 14px; font-weight: 700; color: #fff; }
#modal-invite.af-v4 .af-step__s { font-size: 12.5px; line-height: 1.5; color: var(--af-text3); margin-top: 3px; }


#modal-invite.af-v4 .af-calc { border-color: rgba(245,200,66,.22); background: linear-gradient(180deg, rgba(245,200,66,.06), var(--af-tile)); }
#modal-invite.af-v4 .af-slider { display: block; margin: 14px 0 6px; }
#modal-invite.af-v4 .af-slider__row { display: flex; justify-content: space-between; align-items: baseline; font-size: 13.5px; color: var(--af-text2); margin-bottom: 8px; }
#modal-invite.af-v4 .af-slider__row b { font-family: var(--af-mono); font-size: 17px; color: var(--af-gold); font-variant-numeric: tabular-nums; }
html body #modal-invite.af-v4 input[type=range] {
  -webkit-appearance: none; appearance: none; width: 100%; height: 8px; margin: 6px 0 4px; border-radius: 999px; outline: 0; cursor: pointer; padding: 0;
  background: linear-gradient(90deg, var(--af-gold) 0 var(--af-fill, 0%), rgba(7,8,13,.6) var(--af-fill, 0%) 100%); border: 1px solid rgba(255,255,255,.06);
}
html body #modal-invite.af-v4 input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(180deg, var(--af-gold-hi), var(--af-gold)); border: 2px solid #0A1822; box-shadow: 0 0 0 3px rgba(245,200,66,.25), 0 4px 12px rgba(0,0,0,.45); cursor: grab; }
html body #modal-invite.af-v4 input[type=range]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--af-gold); border: 2px solid #0A1822; box-shadow: 0 0 0 3px rgba(245,200,66,.25); cursor: grab; }
#modal-invite.af-v4 .af-calc__out { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }
#modal-invite.af-v4 .af-calc__tile { padding: 14px 12px; border-radius: 14px; background: rgba(6,20,28,.45); border: 1px solid rgba(255,255,255,.06); min-width: 0; }
#modal-invite.af-v4 .af-calc__tile--hi { border-color: rgba(245,200,66,.5); background: linear-gradient(180deg, rgba(245,200,66,.16), rgba(6,20,28,.45)); box-shadow: 0 0 24px rgba(245,200,66,.16); }
#modal-invite.af-v4 .af-calc__v { font-family: var(--af-mono); font-size: 22px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#modal-invite.af-v4 .af-calc__tile--hi .af-calc__v { color: var(--af-gold); }
#modal-invite.af-v4 .af-calc__l { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--af-text2); margin-top: 4px; }
#modal-invite.af-v4 .af-calc__s { font-size: 11.5px; color: var(--af-text3); margin-top: 4px; line-height: 1.45; }


#modal-invite.af-v4 .af-tools { display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
#modal-invite.af-v4 .af-tools__row { display: flex; align-items: center; gap: 8px; }
#modal-invite.af-v4 .af-search { display: flex; align-items: center; gap: 8px; padding: 0 14px; height: 44px; border-radius: 999px; background: rgba(6,20,28,.55); border: 1px solid var(--af-line2); color: var(--af-text3); }
#modal-invite.af-v4 .af-search:focus-within { border-color: rgba(245,200,66,.5); }
html body #modal-invite.af-v4 .af-search input { flex: 1; min-width: 0; height: 100%; border: 0 !important; outline: 0; background: transparent !important; font: 500 16px var(--af-font); color: var(--af-text); padding: 0 !important; border-radius: 0 !important; }
html body #modal-invite.af-v4 .af-search input::placeholder { color: var(--af-text3); }
#modal-invite.af-v4 .af-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }
html body #modal-invite.af-v4 .af-chip { height: 32px; min-height: 0; padding: 0 13px; border-radius: 999px; cursor: pointer; white-space: nowrap; background: rgba(6,20,28,.4); border: 1px solid var(--af-line2); color: var(--af-text2); font: 700 12px/1 var(--af-font); transition: background .14s, color .14s, border-color .14s; }
html body #modal-invite.af-v4 .af-chip.on { background: var(--af-gold-soft); border-color: rgba(245,200,66,.5); color: var(--af-gold); }
html body #modal-invite.af-v4 .af-sort { height: 32px; padding: 0 8px; border-radius: 8px; flex-shrink: 0; max-width: 46%; background: rgba(6,20,28,.6); border: 1px solid var(--af-line2); color: var(--af-text2); font: 700 12px var(--af-font); }
#modal-invite.af-v4 .af-sort option { background: #0E2430; color: #E8EAEF; }


html body #modal-invite.af-v4 .af-dl { width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 4px; border: 0; border-bottom: 1px solid var(--af-line); border-radius: 0; cursor: pointer; text-align: left; font-family: inherit; color: inherit; background: none; height: auto; min-height: 0; transition: background .14s; }
html body #modal-invite.af-v4 .af-dl:hover { background: rgba(41,182,232,.05); }
.af-dl__av { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--fz-teal, #0E4D54), var(--fz-navy, #0A1822)); border: 1px solid rgba(41,182,232,.3); color: var(--af-cyan, #29B6E8); font-size: 15px; font-weight: 800; }
.af-dl__av--lg { width: 52px; height: 52px; font-size: 20px; }
#modal-invite.af-v4 .af-dl__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#modal-invite.af-v4 .af-dl__name { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #fff; }
#modal-invite.af-v4 .af-dl__name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; display: inline-block; background: var(--af-green, #1ED571); box-shadow: 0 0 0 2px rgba(30,213,113,.2), 0 0 8px var(--af-green, #1ED571); animation: af-pulse 2s ease-in-out infinite; }
@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-dl__meta { font-size: 12px; color: var(--af-text3); }
#modal-invite.af-v4 .af-dl__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.af-dl__net { font-size: 11px; font-weight: 700; color: var(--af-text2, #A6B0BC); font-variant-numeric: tabular-nums; }
.af-dl__net.pos { color: var(--af-green, #1ED571); } .af-dl__net.neg { color: var(--af-danger, #E0524D); }
#modal-invite.af-v4 .af-dl__right { text-align: right; flex-shrink: 0; }
#modal-invite.af-v4 .af-dl__amt { font-family: var(--af-mono); font-size: 15px; font-weight: 800; color: var(--af-green); font-variant-numeric: tabular-nums; }
#modal-invite.af-v4 .af-dl__amtl { font-size: 10px; color: var(--af-text3); margin-top: 1px; white-space: nowrap; text-transform: uppercase; letter-spacing: .06em; }
#modal-invite.af-v4 .af-dl__chev { color: var(--af-text3); display: inline-flex; flex-shrink: 0; }


.af-hr { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 4px; border-bottom: 1px solid rgba(41,182,232,.14); }
.af-sheet .af-hr { padding: 10px 0; }
.af-hr__l { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.af-hr__r { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; }
.af-type { align-self: flex-start; padding: 3px 8px; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: .08em; border: 1px solid transparent; }
.af-type--cpa { color: var(--af-cyan, #29B6E8); background: var(--af-cyan-soft, rgba(41,182,232,.12)); border-color: rgba(41,182,232,.3); }
.af-type--rev { color: var(--af-gold, #F5C842); background: var(--af-gold-soft, rgba(245,200,66,.12)); border-color: rgba(245,200,66,.3); }
.af-hr__when { font-size: 11.5px; color: var(--af-text3, #6E7B88); font-family: var(--af-mono, monospace); white-space: nowrap; }
.af-hr__amt { font-family: var(--af-mono, monospace); font-size: 16px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.af-hr__amt.muted { color: var(--af-text3, #6E7B88); text-decoration: line-through; }
#modal-invite.af-v4 .af-more { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 16px 0 4px; }
html body #modal-invite.af-v4 .af-more__btn { height: 38px; padding: 0 20px; border-radius: 999px; cursor: pointer; background: var(--af-gold-soft); border: 1px solid rgba(245,200,66,.4); color: var(--af-gold); font: 800 12px/1 var(--af-font); text-transform: uppercase; letter-spacing: .05em; min-height: 0; }
html body #modal-invite.af-v4 .af-more__btn:disabled { opacity: .6; cursor: default; }
#modal-invite.af-v4 .af-more__n { font-size: 11px; color: var(--af-text3); font-family: var(--af-mono); }


.af-sheet-bd { position: fixed; inset: 0; z-index: 9600; display: flex; align-items: flex-end; justify-content: center; background: rgba(2,8,12,.72); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 0; transition: opacity .18s; }
.af-sheet-bd.show { opacity: 1; }
.af-sheet { position: relative; width: 100%; max-width: 520px; max-height: min(92dvh, 900px); overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 12px 20px 24px; box-sizing: border-box; color: var(--fz-text, #E8EAEF); font-family: var(--fz-font-body, Inter, sans-serif); font-size: 14px;
  background: linear-gradient(158deg, rgba(16,52,66,.96), rgba(8,30,40,.98)); border: 1px solid rgba(245,200,66,.28); border-bottom: 0; border-radius: 22px 22px 0 0; box-shadow: 0 -20px 60px rgba(0,0,0,.6); transform: translateY(24px); transition: transform .22s ease; }
.af-sheet-bd.show .af-sheet { transform: translateY(0); }
.af-sheet__grip { width: 40px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.22); margin: 0 auto 14px; }
html body .af-sheet__x { position: absolute; top: 14px; right: 14px; }
.af-sheet__t { font-family: var(--fz-font-display, Oswald, sans-serif); font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #fff; margin: 4px 44px 14px 0; }
.af-sheet__btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.af-sheet__btns .af-btn { flex: 1 1 auto; height: 42px; }
.af-media { display: flex; justify-content: center; margin: 4px 0 14px; }
.af-media--qr img { width: min(280px, 70vw); height: auto; border-radius: 16px; background: #fff; padding: 10px; box-sizing: content-box; }
.af-media--poster img { max-height: 58vh; max-width: 100%; border-radius: 14px; box-shadow: 0 12px 40px rgba(0,0,0,.6); }
.af-media img.af-media--loading { min-height: 200px; min-width: 200px; background: rgba(255,255,255,.06); }
.af-sheet .af-code__v { font-family: var(--fz-font-mono, monospace); font-size: 24px; font-weight: 800; letter-spacing: .14em; color: #fff; display: block; }
.af-sheet .af-link { font-family: var(--fz-font-mono, monospace); font-size: 12px; color: var(--fz-text-2, #A6B0BC); word-break: break-all; margin-top: 6px; display: block; }
.af-det__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.af-det__name { display: flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 700; color: #fff; }
.af-det__meta { font-size: 12px; color: var(--fz-text-3, #6E7B88); margin-top: 2px; }
.af-det__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.af-toast { position: fixed; left: 50%; bottom: 90px; transform: translateX(-50%); background: #1a1d27; color: #fff; font-size: 13px; padding: 10px 18px; border-radius: 10px; z-index: 99999; box-shadow: 0 8px 24px rgba(0,0,0,.4); border: .5px solid rgba(255,255,255,.1); }


@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;
  }
  html body #modal-invite.af-v4 .modal.af-host { width: 100vw !important; height: 100% !important; max-height: 100% !important; border-radius: 0 !important; }
  html body:has(#modal-invite.af-v4.show) .bottom-nav { z-index: 70 !important; }
  body:has(#modal-invite.af-v4.modal-backdrop.show) #apk-banner,
  body:has(#modal-invite.af-v4.modal-backdrop.show) .bs-container { visibility: hidden !important; }
  #modal-invite.af-v4 .af-foot-sp { height: calc(108px + env(safe-area-inset-bottom, 0px)); }
  #modal-invite.af-v4 .af-bg__caustic--b { display: none; }
  #modal-invite.af-v4 .af-bg__caustic--a { opacity: .18; }
  #modal-invite.af-v4 .af-bg__photo { opacity: .52; }
  html body #modal-invite.af-v4 .af-x { display: none !important; }
  #modal-invite.af-v4 .af-head__t { font-size: 22px; }
  #modal-invite.af-v4 .af-col { padding: 14px 16px 0; }
  #modal-invite.af-v4 .af-hero { padding: 20px 16px 16px; }
  #modal-invite.af-v4 .af-hero__art { width: 64%; height: 60%; right: -22px; top: -4px; opacity: .92; }
  #modal-invite.af-v4 .af-hero__in { max-width: 66%; min-height: 128px; }
  #modal-invite.af-v4 .af-hero__l { font-size: 30px; } #modal-invite.af-v4 .af-hero__l--2 { font-size: 24px; }
  #modal-invite.af-v4 .af-hero__sub { font-size: 14px; max-width: 100%; }
  #modal-invite.af-v4 .af-ticket { padding: 14px; }
  #modal-invite.af-v4 .af-code__v { font-size: 26px; letter-spacing: .12em; }
  html body #modal-invite.af-v4 .af-code__qr { flex-basis: 76px; width: 76px; height: 76px; }
  #modal-invite.af-v4 .af-share__grid { gap: 4px; }
  #modal-invite.af-v4 .af-tile__c { width: 50px; height: 50px; }
  #modal-invite.af-v4 .af-tile__t { font-size: 10.5px; }
  #modal-invite.af-v4 .af-stats--strip { grid-template-columns: 1fr 1fr; row-gap: 12px; }
  #modal-invite.af-v4 .af-stats--strip .af-stat:nth-child(3) { border-left: 0; }
  #modal-invite.af-v4 .af-stat__v { font-size: 24px; }
  #modal-invite.af-v4 .af-steps { grid-template-columns: 1fr; gap: 10px; }
  #modal-invite.af-v4 .af-step { flex-direction: row; align-items: flex-start; gap: 12px; }
  #modal-invite.af-v4 .af-calc__out { grid-template-columns: 1fr 1fr; }
  #modal-invite.af-v4 .af-calc__tile--hi { grid-column: 1 / -1; }
  html body #modal-invite.af-v4 .af-seg__btn { font-size: 12px; letter-spacing: 0; padding: 0 2px; gap: 4px; }
  #modal-invite.af-v4 .af-seg { gap: 2px; }
}
@media (max-width: 380px) {
  #modal-invite.af-v4 .af-hero__l { font-size: 27px; } #modal-invite.af-v4 .af-hero__l--2 { font-size: 22px; }
  html body #modal-invite.af-v4 .af-code__qr { flex-basis: 68px; width: 68px; height: 68px; }
  #modal-invite.af-v4 .af-code__v { font-size: 23px; }
  #modal-invite.af-v4 .af-tile__c { width: 46px; height: 46px; }
  html body #modal-invite.af-v4 .af-seg__btn { font-size: 11px; }
}


@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; }
  html body #modal-invite.af-v4 .modal.af-host {
    width: 100% !important; max-width: 580px !important; height: auto !important; max-height: 90dvh !important; border-radius: 22px !important;
    border: 1px solid rgba(41,182,232,.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 30px 80px rgba(0,0,0,.55) !important;
  }
  html body #modal-invite.af-v4 .af-back { display: none !important; }
  #modal-invite.af-v4 .af-col { padding: 10px 22px 0; }
  .af-sheet-bd { align-items: center; }
  .af-sheet { border-radius: 20px; border-bottom: 1px solid rgba(245,200,66,.28); transform: translateY(12px) scale(.98); }
  .af-sheet__grip { display: none; }
}


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