:root{
  --obsidian:#07141D;
  --obsidian-2:#0A1D27;
  --panel:#0B1720;
  --panel-2:#0F212B;
  --teal:#007F83;
  --jade:#10A88A;
  --jade-2:#16C3A1;
  --gold:#F3B51B;
  --sun:#FFD33D;
  --orange:#F47A18;
  --red:#B8241A;
  --purple:#5C167B;
  --cream:#F2D995;
  --text:#F7F1DF;
  --muted:#9FA9A9;
  --line:rgba(243,181,27,.18);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--obsidian)}
body{
  position:relative;
  margin:0;
  background:
    radial-gradient(circle at 85% 18%, rgba(16,168,138,.16), transparent 24rem),
    radial-gradient(circle at 10% 34%, rgba(0,127,131,.11), transparent 20rem),
    var(--obsidian);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
  padding-top:56px;
  padding-bottom:calc(62px + var(--safe-bottom));
}
button, input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.topbar-desktop{display:none}
.site-header{
  position:fixed; inset:0 0 auto 0; height:56px; z-index:60;
  display:grid; grid-template-columns:1fr auto auto 52px; align-items:center;
  background:rgba(6,17,24,.97);
  border-bottom:1px solid rgba(243,181,27,.16);
  backdrop-filter:blur(12px);
}
.logo-wrap{padding-left:12px;min-width:0}
.logo-wrap img{width:96px;height:38px;object-fit:contain;object-position:left center}
.header-btn{
  height:34px; padding:0 15px; border-radius:999px; border:1px solid rgba(243,181,27,.26);
  color:#07141D; font-weight:800; font-size:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;
}
.header-btn.login{background:var(--gold); margin-right:7px}
.header-btn.register{background:var(--jade-2); margin-right:10px}
.menu-btn{
  height:56px;border:0;border-left:1px solid rgba(243,181,27,.14);
  background:#0A1821;color:var(--gold);display:grid;place-items:center
}
.menu-btn svg{width:22px;height:22px}
.announcement{
  height:30px;display:flex;align-items:center;overflow:hidden;
  background:#09131B;border-bottom:1px solid rgba(255,255,255,.04);
  color:#A8B2B2;font-size:11px;white-space:nowrap;
}
.announcement .speaker{width:34px;display:grid;place-items:center;color:var(--gold);flex:0 0 auto}
.announcement-track{display:inline-block;min-width:100%;animation:ticker 26s linear infinite;padding-left:100%}
@keyframes ticker{to{transform:translateX(-100%)}}
.hero{
  position:relative;
  background:#050B10;
  overflow:hidden;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y;
}
.hero-viewport{
  position:relative;
  overflow:hidden;
  cursor:grab;
  aspect-ratio:1920/613;
}
.hero-viewport.dragging{cursor:grabbing}
.hero-track{
  display:flex;
  will-change:transform;
  transition:transform .46s cubic-bezier(.22,.61,.36,1);
}
.hero-track.dragging{transition:none}
.hero-slide{
  min-width:100%;
  position:relative;
  aspect-ratio:1920/613;
  overflow:hidden;
  background:#050B10;
}
.hero-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  pointer-events:none;
  -webkit-user-drag:none;
}
.hero-arrow{
  position:absolute;
  z-index:7;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:44px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(4,11,15,.58);
  color:#FFF6D8;
  display:grid;
  place-items:center;
  font-size:25px;
  line-height:1;
  padding:0;
  backdrop-filter:blur(5px);
  opacity:.9;
}
.hero-arrow:hover{background:rgba(0,127,131,.78);color:#fff}
.hero-arrow.prev{left:0;border-left:0;border-radius:0 8px 8px 0}
.hero-arrow.next{right:0;border-right:0;border-radius:8px 0 0 8px}
.hero-dots{
  position:absolute;
  z-index:8;
  bottom:7px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(2,8,11,.36);
  backdrop-filter:blur(4px);
}
.hero-dot{
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  border:1px solid rgba(0,0,0,.2);
  padding:0;
  transition:.2s ease;
}
.hero-dot.active{
  width:18px;
  background:var(--gold);
}
.jackpot-wrap{background:#050B10;padding:12px 10px 16px}
.jackpot{
  position:relative;max-width:760px;margin:0 auto;padding:10px;
  border:1px solid rgba(243,181,27,.2);
  background:linear-gradient(180deg,#0A1B24,#07131B);
  clip-path:polygon(4% 0,96% 0,100% 23%,100% 77%,96% 100%,4% 100%,0 77%,0 23%);
}
.jackpot:before{
  content:"";position:absolute;inset:5px;border:1px solid rgba(16,168,138,.55);
  clip-path:inherit;pointer-events:none
}
.jackpot-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
.jackpot-head img{height:24px;width:24px;object-fit:contain}
.jackpot-label{font-size:18px;font-weight:950;letter-spacing:.03em;color:var(--gold)}
.jackpot-label span{color:var(--jade-2)}
.jackpot-display{
  position:relative;z-index:2;border:2px solid var(--jade);border-radius:999px;
  background:#02080B;padding:7px 11px;text-align:center;
  box-shadow:inset 0 0 0 4px rgba(16,168,138,.09);
  font-family:"Courier New",monospace;font-weight:800;font-size:22px;letter-spacing:.04em;color:#F9F4E7
}
.jackpot-display .currency{font-size:13px;color:var(--gold);margin-right:5px}
.category-rail{
  position:relative;z-index:30;
  display:flex;align-items:stretch;background:#08131B;border-top:1px solid rgba(243,181,27,.1);border-bottom:1px solid rgba(243,181,27,.12)
}
.rail-arrow{width:18px;border:0;background:var(--teal);color:white;font-size:18px;flex:0 0 auto}
.category-scroll{display:flex;overflow-x:auto;scrollbar-width:none;flex:1}
.category-scroll::-webkit-scrollbar{display:none}
.category{
  flex:0 0 82px;height:76px;border:0;background:transparent;color:#C6CECD;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  font-size:10px;border-bottom:3px solid transparent
}
.category svg{width:23px;height:23px;stroke:var(--jade-2)}


.section-title{
  height:44px;display:flex;align-items:center;padding:0 14px;
  background:linear-gradient(90deg,#0B5F60 0%,#0B3B42 75%,transparent);
  border-top:1px solid rgba(16,168,138,.18);font-weight:900;color:#FFF9E7;font-size:16px
}
.section-title .glyph{
  width:18px;height:18px;margin-right:9px;border:2px solid var(--gold);transform:rotate(45deg);position:relative
}
.section-title .glyph:after{content:"";position:absolute;inset:3px;border:1px solid var(--jade);}
.games-shell{background:#071018;padding:15px 0 13px}
.games-scroll{
  display:grid;grid-template-rows:repeat(2,128px);grid-auto-flow:column;grid-auto-columns:88px;
  gap:12px;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none;scroll-snap-type:x proximity
}
.games-scroll::-webkit-scrollbar{display:none}
.game-card{scroll-snap-align:start;min-width:0}
.game-thumb{
  height:95px;border-radius:18px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg,#1B3B45,#092028);box-shadow:0 8px 18px rgba(0,0,0,.22)
}
.game-thumb:before{
  content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 35% 30%,rgba(255,211,61,.5),transparent 17%),
    linear-gradient(155deg,transparent 45%,rgba(16,168,138,.55));
}
.game-card:nth-child(3n/**/+2) .game-thumb{background:linear-gradient(145deg,#552118,#23100E)}
.game-card:nth-child(3n/**/+3) .game-thumb{background:linear-gradient(145deg,#263B16,#0F1C0C)}


.game-name{font-size:9px;font-weight:800;color:#E8ECE8;text-align:center;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.app-section{background:#071018;padding-bottom:22px}
.app-card{text-align:center;padding:20px 18px 10px}
.app-platform{font-size:15px;letter-spacing:.04em;color:var(--gold);margin-bottom:14px}
.app-icon{
  width:118px;height:118px;margin:0 auto 12px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0C232C,#091117);
  border:1px solid rgba(243,181,27,.45);
  clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);
  box-shadow:0 14px 32px rgba(0,0,0,.3)
}
.app-icon img{display:block;width:78px;height:78px;max-width:78px;max-height:78px;object-fit:contain}
.download-btn{
  width:min(170px,70vw);height:36px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--sun));
  color:#07141D;font-weight:950
}
.install-guide{font-size:12px;color:#D7DFDD;margin-top:17px}
.install-guide a{color:var(--jade-2);font-weight:800}
.telegram-banner{
  margin:10px 14px 18px;border:1px solid rgba(16,168,138,.5);border-radius:10px;padding:12px;
  background:
    radial-gradient(circle at 88% 0%,rgba(255,211,61,.22),transparent 32%),
    linear-gradient(135deg,#063B47,#087E85 55%,#07252F);
  display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:center
}
.telegram-mark{
  width:44px;height:44px;border-radius:50%;background:#EAFDFC;color:#007F83;display:grid;place-items:center;font-weight:950;font-size:20px
}
.telegram-copy strong{font-size:12px;display:block;color:white}
.telegram-copy span{font-size:9px;color:#C9E9E3;display:block;margin-top:2px}
.telegram-cta{border:1px solid rgba(255,255,255,.4);background:rgba(7,20,29,.6);color:white;border-radius:999px;font-size:9px;padding:8px 9px;font-weight:900}
.seo{background:#071018;padding:0 16px 28px}
.seo-kicker{font-size:15px;font-weight:800;color:#F3EBD8;margin:0 0 8px}
.seo h1{font-size:27px;line-height:1.14;color:var(--cream);margin:0 0 14px}
.seo h2{font-size:22px;line-height:1.2;color:#E5D79E;margin:22px 0 8px}
.seo h3{font-size:18px;color:#D9C982;margin:18px 0 6px}
.seo p, .seo li{font-size:12.5px;line-height:1.7;color:#AEB8B6}
.seo ul{padding-left:18px}
.seo a{color:var(--jade-2)}
.seo-topic-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0 4px}
.seo-topic-card{display:block;padding:16px;border:1px solid rgba(243,181,27,.2);border-radius:14px;background:linear-gradient(145deg,rgba(16,168,138,.1),rgba(10,29,39,.72));text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.16);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.seo-topic-card:hover{transform:translateY(-2px);border-color:rgba(243,181,27,.48);box-shadow:0 14px 30px rgba(0,0,0,.23)}
.seo-topic-card strong{display:block;color:var(--cream);font-size:15px;margin-bottom:4px}
.seo-topic-card span{display:block;color:#AEB8B6;font-size:12px;line-height:1.55}
.seo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.seo-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--jade),#08716f);border:1px solid rgba(255,255,255,.18);color:white!important;text-decoration:none;font-weight:900;letter-spacing:.25px;box-shadow:0 8px 22px rgba(0,127,131,.22)}
.seo-action.gold{background:linear-gradient(135deg,#D99A0A,var(--gold));color:#07141D!important}
.brand-source{padding:14px 16px;margin:18px 0;border-left:3px solid var(--gold);background:rgba(243,181,27,.06);border-radius:0 10px 10px 0}
.faq-item{border-top:1px solid rgba(243,181,27,.12);padding:12px 0}
.faq-q{font-weight:900;color:#EFE3BD;font-size:14px}
.faq-a{font-size:12px;color:#AEB8B6;margin-top:5px;line-height:1.6}
.footer{background:#061018;border-top:1px solid rgba(243,181,27,.16);padding:20px 16px 26px}
.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.footer h4{margin:0 0 9px;font-size:13px;color:var(--gold)}
.footer a, .footer p{display:block;font-size:11px;color:#9FA9A9;margin:7px 0}
.payments{margin-top:20px;border:1px solid rgba(243,181,27,.14);padding:12px;border-radius:10px}
.payment-row{display:flex;gap:8px;flex-wrap:wrap}
.pay-chip{padding:7px 10px;border-radius:6px;background:#0A1C25;border:1px solid rgba(16,168,138,.2);font-weight:800;color:#CDD6D4;font-size:10px}
.speed-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.speed{padding:10px;background:#091821;border-radius:7px}
.speed strong{display:block;color:#EBD995;font-size:11px} .speed span{font-size:10px;color:#899796}
.providers{margin-top:20px}
.provider-box{border:1px solid rgba(243,181,27,.12);padding:11px;border-radius:8px;margin-bottom:10px}
.provider-box strong{display:block;color:#EADDAE;font-size:11px;margin-bottom:8px}
.provider-tags{display:flex;flex-wrap:wrap;gap:7px}
.provider-tags span{font-size:9px;color:#849392;padding:4px 7px;border:1px solid rgba(255,255,255,.06);border-radius:5px}
.copyright{margin-top:18px;color:#748181;font-size:10px;text-align:center}
.bottom-nav{
  position:fixed;z-index:55;inset:auto 0 0 0;height:calc(62px + var(--safe-bottom));
  padding-bottom:var(--safe-bottom);background:#08131B;border-top:1px solid rgba(243,181,27,.12);
  display:grid;grid-template-columns:repeat(5,1fr)
}
.bottom-item{
  border:0;background:transparent;color:#71807E;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none
}
.bottom-item svg{width:20px;height:20px}
.bottom-item.active{color:var(--gold)}
.bottom-item.center svg{width:30px;height:30px;margin-top:-13px;padding:5px;border-radius:50%;background:#0C222A;border:2px solid rgba(243,181,27,.32)}


.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:79;opacity:0;pointer-events:none;transition:.25s}
.overlay.open{opacity:1;pointer-events:auto}
.drawer{
  position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(60vw,310px);min-width:225px;
  background:#061018;border-left:1px solid rgba(243,181,27,.2);transform:translateX(100%);transition:.28s ease;
  overflow-y:auto;padding-bottom:24px
}
.drawer.open{transform:translateX(0)}
.drawer-top{height:56px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid rgba(243,181,27,.12)}
.drawer-close{width:52px;height:56px;border:0;background:#0A1821;color:var(--gold);font-size:24px}

.drawer-actions{display:grid;gap:8px;padding:0 10px 10px}
.drawer-actions button, .drawer-actions a{height:43px;font-weight:900;border-radius:4px;text-decoration:none;display:flex;align-items:center;justify-content:center}
.drawer-login{background:var(--gold);border:0;color:#07141D}
.drawer-register{background:transparent;border:1px solid var(--jade-2);color:var(--jade-2)}
.drawer-row{
  width:100%;height:44px;padding:0 13px;border:0;border-top:1px solid rgba(255,255,255,.05);
  background:#071019;color:#B4C0BE;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:12px
}
.drawer-row.active{color:#F4E8C0;border-left:3px solid var(--gold)}
.drawer-row svg{width:16px;height:16px}


.desktop-only{display:none}
@media (min-width: 760px){
  body{padding-top:102px;padding-bottom:0}
  .bottom-nav{display:none}
  .site-header{top:32px;height:70px;grid-template-columns:190px 1fr auto auto 56px;padding:0 max(24px,calc((100vw - 1180px)/2))}
  .topbar-desktop{
    display:flex;position:fixed;z-index:61;top:0;left:0;right:0;height:32px;background:#050B10;border-bottom:1px solid rgba(243,181,27,.12);
    align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));font-size:10px;color:#A6B1B0
  }
  .desktop-utils{display:flex;gap:12px;align-items:center}
  .desktop-telegram{background:#087E85;color:white;padding:5px 10px;border-radius:4px;font-weight:800}
  .logo-wrap img{width:150px;height:58px}
  .desktop-only{display:flex}
  .desktop-nav{gap:16px;align-items:center;overflow:hidden;white-space:nowrap}
  .desktop-nav a{font-size:11px;color:#D6DDDB}
  .site-header .menu-btn{display:none}
  .site-header .header-btn{height:30px}
  .announcement{display:none}
  .hero-slide{aspect-ratio:1920/613;min-height:0}
  .hero-slide img{object-fit:contain;object-position:center}
  .hero-arrow{width:40px;height:62px;font-size:32px}
  .jackpot-wrap{padding:24px}
  .jackpot{max-width:760px;padding:16px}
  .jackpot-label{font-size:25px} .jackpot-display{font-size:34px;padding:10px 20px}
  .category-rail{position:static;max-width:1180px;margin:0 auto;border-radius:8px;overflow:hidden}
  .category{flex:1 1 auto;height:72px}
  .rail-arrow{display:none}
  .section-title{max-width:1180px;margin:0 auto;background:transparent;border:0;border-bottom:1px solid rgba(243,181,27,.15);height:58px;font-size:18px}
  .games-shell{padding-bottom:24px}
  .games-scroll{max-width:1180px;margin:0 auto;grid-template-rows:repeat(2,165px);grid-auto-columns:132px;gap:16px;padding:0 0 12px}
  .game-thumb{height:132px;border-radius:20px}
  .game-name{font-size:11px}
  
  .app-section{padding:28px 0}
  .app-section .section-title{display:none}
  .app-card{max-width:1180px;margin:0 auto;border-radius:16px;border:1px solid rgba(243,181,27,.12);padding:32px;background:linear-gradient(135deg,#0A222A,#071018);display:grid;grid-template-columns:160px 1fr 170px;align-items:center;text-align:left;gap:26px}
  .app-platform{font-size:28px;margin:0;color:var(--gold)}
  .app-icon{margin:0}
  .download-btn{width:160px}
  .install-guide{grid-column:2/4;margin:0}
  .telegram-banner{max-width:1180px;margin:0 auto 28px;padding:18px}
  .seo{max-width:1180px;margin:0 auto;padding:28px 0 40px}
  .seo h1{font-size:38px;max-width:840px} .seo h2{font-size:28px} .seo p, .seo li{font-size:14px;max-width:1050px}
  .seo-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer{padding:30px 0 40px}
  .footer-inner{max-width:1180px;margin:0 auto}
  .footer-grid{grid-template-columns:repeat(5,1fr)}
  .providers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}
@media (min-width: 1100px){
  .games-scroll{grid-template-rows:165px;grid-auto-flow:column;grid-auto-columns:150px}
  .games-scroll .game-card:nth-child(n/**/+9){display:none}
}
.game-thumb{overflow:hidden;padding:0!important}
.game-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
  user-select:none;
  -webkit-user-drag:none;
}
.hero-slide picture{
  display:block;
  width:100%;
  height:100%;
}
.hero-slide picture img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
@media (max-width: 759px) {
  .hero-viewport, .hero-slide{
    aspect-ratio:1835/857;
  }
}
/* Mobile-first jungle conversion section */
.app-section{
  position:relative;
  background:
    linear-gradient(rgba(4,14,19,.48), rgba(4,14,19,.58)),
    none /* IMAGE PLACEHOLDER: XK4aKqB49N75mu2tb19DSCS4bQgqREIutABBLMnvcGhhiEHoU4joj4VKXwe29A0okMB4hADQnkO0r8OV5Am6kLeHr7W4iGIAIKAAA= */ center center / cover no-repeat;
  padding-bottom:24px;
  overflow:hidden;
}
.app-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,20,29,.08) 0%, rgba(7,20,29,.12) 68%, rgba(7,20,29,.52) 100%);
  pointer-events:none;
}
.app-section > *{
  position:relative;
  z-index:1;
}
.app-card{
  background:transparent;
  border-top:0;
  border-bottom:0;
}
.telegram-banner{
  margin-top:16px;
  margin-bottom:4px;
  background:
    linear-gradient(135deg, rgba(6,59,71,.92), rgba(8,126,133,.88) 55%, rgba(7,37,47,.92));
  box-shadow:0 10px 26px rgba(0,0,0,.24);
}
.seo{
  background:#071018;
  border-top:1px solid rgba(243,181,27,.16);
  padding-top:20px;
}
.seo-kicker{
  display:inline-block;
  margin:0 0 10px;
  padding:7px 10px;
  background:#0A1A22;
  border-left:3px solid var(--gold);
  color:#F2E5BF;
  font-size:14px;
}
@media (max-width: 759px) {
  .app-card{
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }
}
@media (max-width: 759px) {
  .logo-wrap{
    transform: scale(1.16);
    transform-origin: left center;
  }
}
.quick-stack{
  position:fixed;
  z-index:42;
  left:8px;
  bottom:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.quick-item{
  border:0;
  padding:0;
  background:transparent;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));
}
.quick-image{
  width:48px;
  height:48px;
}
.quick-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.quick-telegram{
  width:46px;
  height:46px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.65);
  background:linear-gradient(145deg,#0E6470,#0B9A9C);
  color:white;
}
.quick-telegram svg{
  width:24px;
  height:24px;
}
@media (max-width: 430px){
  .quick-stack{
    left:7px;
    bottom:88px;
    gap:7px;
  }
  .quick-image{
    width:46px;
    height:46px;
  }
  .quick-telegram{
    width:44px;
    height:44px;
  }
}
@media (min-width:760px){
  .quick-stack{display:none}
}
/* Mobile atmosphere and motion */
.firefly-field{
  position:absolute;
  top:56px;
  left:0;
  width:100%;
  height:calc(100% - 56px);
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.firefly{
  position:absolute;
  border-radius:50%;
  background:#FFE680;
  box-shadow:
    0 0 3px #FFF3A6,
    0 0 9px rgba(255,211,61,.95),
    0 0 18px rgba(243,181,27,.48);
  opacity:.28;
  animation:
    fireflyFloat var(--float-time) ease-in-out infinite alternate,
    fireflyPulse var(--pulse-time) ease-in-out infinite;
  animation-delay:var(--delay);
  will-change:transform,opacity,filter;
}
@keyframes fireflyFloat{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(var(--dx1),var(--dy1),0)}
  100%{transform:translate3d(var(--dx2),var(--dy2),0)}
}
@keyframes fireflyPulse{
  0%,100%{opacity:.22;filter:brightness(.95)}
  35%{opacity:.78;filter:brightness(1.45)}
  60%{opacity:.34;filter:brightness(1.05)}
  82%{opacity:.95;filter:brightness(1.65)}
}
.quick-item{
  animation:quickFloat 3.4s ease-in-out infinite;
}
.quick-item:nth-child(2){animation-delay:.35s}
.quick-item:nth-child(3){animation-delay:.7s}
@keyframes quickFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.quick-image img{
  transition:transform .22s ease,filter .22s ease;
}
.quick-image:active img{
  transform:scale(.92);
}
.quick-image:hover img{
  transform:scale(1.06);
  filter:brightness(1.08);
}
.quick-telegram{
  transition:transform .22s ease,box-shadow .22s ease;
  animation:telegramBreath 2.8s ease-in-out infinite;
}
@keyframes telegramBreath{
  0%,100%{box-shadow:0 0 0 0 rgba(16,168,138,.08),0 7px 18px rgba(0,0,0,.3)}
  50%{box-shadow:0 0 0 7px rgba(16,168,138,.06),0 7px 18px rgba(0,0,0,.3)}
}
.jackpot{
  overflow:hidden;
}
.jackpot::after{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  width:32%;
  left:-45%;
  background:linear-gradient(90deg,transparent,rgba(255,211,61,.09),rgba(255,255,255,.13),transparent);
  transform:skewX(-18deg);
  animation:jackpotSweep 5.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes jackpotSweep{
  0%,18%{left:-45%}
  48%,100%{left:125%}
}


@keyframes activeGlow{
  0%,100%{opacity:.55;transform:scaleX(.75)}
  50%{opacity:1;transform:scaleX(1)}
}
.section-title .glyph{
  animation:glyphGlow 2.4s ease-in-out infinite;
}
@keyframes glyphGlow{
  0%,100%{box-shadow:0 0 0 rgba(243,181,27,0)}
  50%{box-shadow:0 0 10px rgba(243,181,27,.35)}
}
.app-section{
  background-attachment:scroll;
  animation:jungleDrift 18s ease-in-out infinite alternate;
}
@keyframes jungleDrift{
  from{background-position:center 46%}
  to{background-position:center 56%}
}
.hero-arrow{
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.hero-arrow:active{
  transform:translateY(-50%) scale(.9);
}
.hero-dot.active{
  box-shadow:0 0 8px rgba(255,211,61,.48);
}
@media (max-width:759px){
  body{
    background:
      radial-gradient(circle at 76% 16%,rgba(16,168,138,.12),transparent 18rem),
      radial-gradient(circle at 14% 48%,rgba(0,127,131,.10),transparent 15rem),
      linear-gradient(180deg,#07141D 0%,#061219 48%,#07141D 100%);
  }
}
@media (max-width:759px){
  .hero \~ .firefly-field{opacity:1}
  .firefly:nth-child(3n){box-shadow:0 0 4px #FFF5B0,0 0 12px rgba(255,211,61,.9),0 0 21px rgba(243,181,27,.5)}
}
/* Dedicated fireflies over the jungle image, behind App/Telegram content */
.app-section{
  position:relative;
}
.app-fireflies{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.app-section > *:not(.app-fireflies){
  position:relative;
  z-index:1;
}
.section-firefly{
  position:absolute;
  border-radius:50%;
  background:#FFE36A;
  box-shadow:0 0 4px rgba(255,243,166,.95),0 0 10px rgba(255,211,61,.8);
  opacity:.15;
  animation:
    sectionFireflyFloat var(--ft) ease-in-out infinite alternate,
    sectionFireflyPulse var(--pt) ease-in-out infinite;
  animation-delay:var(--delay);
  will-change:transform,opacity;
}
@keyframes sectionFireflyFloat{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(var(--dx1),var(--dy1),0)}
  100%{transform:translate3d(var(--dx2),var(--dy2),0)}
}
@keyframes sectionFireflyPulse{
  0%,100%{opacity:.12}
  35%{opacity:.68}
  65%{opacity:.24}
  84%{opacity:.82}
}
/* More lively themed quick-action stack */
.quick-stack{
  left:8px;
}
.quick-item{
  position:relative;
  animation:none;
}
.quick-image{
  transform-origin:center;
}
.quick-image:first-child{
  animation:rtpPulse 2.9s ease-in-out infinite;
}
.quick-image:nth-child(2){
  animation:chestBob 3.2s ease-in-out infinite;
}
.quick-telegram{
  animation:telegramOrbit 3.4s ease-in-out infinite;
}
.quick-item::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
}
.quick-image:first-child::after{
  border:1px solid rgba(255,211,61,.55);
  animation:haloPulse 2.9s ease-out infinite;
}
.quick-image:nth-child(2)::after{
  border:1px solid rgba(16,168,138,.45);
  animation:haloPulse 3.2s ease-out infinite .5s;
}
.quick-telegram::after{
  border:1px solid rgba(16,168,138,.55);
  animation:haloPulse 3.4s ease-out infinite .8s;
}
.quick-image img{
  transition:transform .2s ease,filter .2s ease;
}
.quick-image:first-child img{
  animation:rtpGlint 4.6s ease-in-out infinite;
}
.quick-image:nth-child(2) img{
  animation:chestGlow 4.2s ease-in-out infinite;
}
@keyframes rtpPulse{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.04)}
}
@keyframes chestBob{
  0%,100%{transform:translateY(0) rotate(0deg)}
  45%{transform:translateY(-4px) rotate(-1.5deg)}
  65%{transform:translateY(-2px) rotate(1deg)}
}
@keyframes telegramOrbit{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes haloPulse{
  0%{transform:scale(.85);opacity:.0}
  35%{opacity:.34}
  100%{transform:scale(1.28);opacity:0}
}
@keyframes rtpGlint{
  0%,78%,100%{filter:brightness(1)}
  84%{filter:brightness(1.22) drop-shadow(0 0 8px rgba(255,211,61,.45))}
  90%{filter:brightness(1)}
}
@keyframes chestGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(16,168,138,0))}
  50%{filter:drop-shadow(0 0 8px rgba(16,168,138,.4))}
}
/* Keep horizontal category bar visually stable during page scrolling */
@media (max-width:759px){
  .category-rail{
    transform:none !important;
    will-change:auto;
    contain:layout paint;
  }
  .category-scroll{
    overscroll-behavior-x:contain;
    scroll-behavior:auto;
  }
}
.drawer-actions{
  padding-top:12px;
}
.drawer-actions button{
  position:relative;
  overflow:hidden;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.drawer-actions button::after{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  width:32%;
  left:-45%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),rgba(255,255,255,.32),transparent);
  animation:drawerButtonSweep 4.8s ease-in-out infinite;
  pointer-events:none;
}
.drawer-register::after{
  animation-delay:1.2s;
}
.drawer-actions button:active{
  transform:scale(.97);
}
.drawer-login{
  box-shadow:0 0 0 0 rgba(243,181,27,.12);
  animation:drawerLoginPulse 2.8s ease-in-out infinite;
}
.drawer-register{
  box-shadow:0 0 0 0 rgba(16,168,138,.10);
  animation:drawerRegisterPulse 3.1s ease-in-out infinite;
}
@keyframes drawerButtonSweep{
  0%,20%{left:-45%}
  48%,100%{left:125%}
}
@keyframes drawerLoginPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(243,181,27,.08)}
  50%{box-shadow:0 0 0 6px rgba(243,181,27,.05)}
}
@keyframes drawerRegisterPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(16,168,138,.07)}
  50%{box-shadow:0 0 0 6px rgba(16,168,138,.045)}
}
.drawer-row{
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.drawer-row.active{
  color:#F4E8C0;
  border-left:3px solid var(--gold);
  background:rgba(243,181,27,.045);
}


/* ===== Desktop pass: mobile remains unchanged below 760px ===== */
@media (min-width:760px){
  html, body{
    background:#07141D;
  }
  body{
    padding-top:108px;
    padding-bottom:0;
    background:
      radial-gradient(circle at 18% 22%, rgba(0,127,131,.10), transparent 22rem),
      radial-gradient(circle at 82% 28%, rgba(243,181,27,.05), transparent 24rem),
      #07141D;
  }
  .topbar-desktop{
    display:flex;
    height:36px;
    background:#050B10;
    border-bottom:1px solid rgba(243,181,27,.12);
    padding:0 max(28px, calc((100vw - 1240px)/2));
  }
  .site-header{
    top:36px;
    height:72px;
    grid-template-columns:190px 1fr auto auto;
    padding:0 max(28px, calc((100vw - 1240px)/2));
    background:
      linear-gradient(90deg, rgba(7,20,29,.98), rgba(5,19,25,.98));
    border-bottom:1px solid rgba(243,181,27,.16);
  }
  .logo-wrap{
    padding-left:0;
  }
  .logo-wrap img{
    width:165px;
    height:60px;
  }
  .desktop-nav{
    display:flex;
    gap:18px;
    align-items:center;
    justify-content:center;
  }
  .desktop-nav a{
    font-size:11px;
    font-weight:800;
    color:#D9E0DE;
    padding:27px 0 23px;
    position:relative;
  }
  .desktop-nav a::after{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:15px;
    height:2px;
    background:var(--gold);
    transition:.2s ease;
  }
  .desktop-nav a:hover{
    color:var(--gold);
  }
  .desktop-nav a:hover::after{
    left:0;
    right:0;
  }
  .site-header .header-btn{
    height:32px;
    padding:0 18px;
    font-size:11px;
  }
  .site-header .menu-btn{
    display:none;
  }
  .announcement{
    display:none;
  }
  .hero{
    border-bottom:1px solid rgba(243,181,27,.08);
  }
  .hero-viewport, .hero-slide{
    aspect-ratio:1920/613;
  }
  .hero-slide img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    background:#050B10;
  }
  .hero-arrow{
    width:42px;
    height:68px;
    font-size:34px;
    background:rgba(3,12,16,.46);
    border-color:rgba(243,181,27,.22);
  }
  .hero-arrow:hover{
    background:rgba(0,127,131,.78);
    color:#fff;
  }
  .hero-dots{
    bottom:12px;
  }
  .jackpot-wrap{
    padding:24px 24px 18px;
    background:
      linear-gradient(180deg,#061018 0%,#07141D 100%);
  }
  .jackpot{
    max-width:820px;
    padding:16px 18px;
  }
  .jackpot-head img{
    width:30px;
    height:30px;
  }
  .jackpot-label{
    font-size:28px;
  }
  .jackpot-display{
    font-size:36px;
    padding:12px 24px;
  }
  .category-rail{
    position:relative;
    top:auto;
    max-width:1240px;
    margin:0 auto 6px;
    border:1px solid rgba(243,181,27,.10);
    border-radius:10px;
    overflow:hidden;
    background:#08131B;
  }
  .rail-arrow{
    display:none;
  }
  .category-scroll{
    overflow:visible;
    display:grid;
    grid-template-columns:repeat(8,1fr);
  }
  .category{
    width:auto;
    min-width:0;
    height:76px;
    flex:initial;
    border-right:1px solid rgba(255,255,255,.04);
  }
  .category:last-child{
    border-right:0;
  }
  .section-title{
    max-width:1240px;
    margin:14px auto 0;
    height:52px;
    padding:0 4px;
    background:transparent;
    border:0;
    border-bottom:1px solid rgba(243,181,27,.14);
    font-size:18px;
  }
  .section-title .glyph{
    margin-left:2px;
  }
  .games-shell{
    padding:16px 0 28px;
    background:
      radial-gradient(circle at 18% 45%, rgba(0,127,131,.08), transparent 20rem),
      #071018;
  }
  .games-scroll{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-rows:repeat(2, 180px);
    grid-auto-flow:column;
    grid-auto-columns:146px;
    gap:16px;
    padding:0 0 14px;
  }
  .game-thumb{
    height:146px;
    border-radius:18px;
    background:#0A161E;
  }
  .game-name{
    font-size:11px;
    margin-top:7px;
  }
  
  /* Desktop app and Telegram become a wide two-level jungle feature */
  .app-section{
    margin-top:0;
    padding:42px 0 34px;
    background-position:center 52%;
  }
  .app-section .section-title{
    display:none;
  }
  .app-card{
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:210px 1fr 190px;
    align-items:center;
    gap:28px;
    padding:30px 34px;
    text-align:left;
    background:rgba(4,15,20,.34)!important;
    border:1px solid rgba(243,181,27,.20)!important;
    border-radius:14px;
  }
  .app-platform{
    margin:0;
    font-size:28px;
    color:var(--gold);
  }
  .app-icon{
    width:138px;
    height:138px;
    margin:0;
  }
  .download-btn{
    width:180px;
    height:42px;
    justify-self:end;
  }
  .install-guide{
    grid-column:2/4;
    margin:0;
    font-size:13px;
  }
  .telegram-banner{
    max-width:1240px;
    margin:18px auto 0;
    padding:18px 22px;
    grid-template-columns:58px 1fr 180px;
    border-radius:12px;
  }
  .telegram-mark{
    width:58px;
    height:58px;
    font-size:23px;
  }
  .telegram-copy strong{
    font-size:16px;
  }
  .telegram-copy span{
    font-size:11px;
  }
  .telegram-cta{
    height:38px;
    font-size:11px;
  }
  /* SEO section becomes desktop reading block */
  .seo{
    max-width:1240px;
    margin:0 auto;
    padding:34px 0 42px;
    background:#071018;
    border-top:1px solid rgba(243,181,27,.14);
  }
  .seo-kicker{
    font-size:16px;
    margin-bottom:14px;
  }
  .seo h1{
    max-width:980px;
    font-size:40px;
    line-height:1.12;
    margin-bottom:18px;
  }
  .seo h2{
    font-size:29px;
    margin-top:30px;
  }
  .seo h3{
    font-size:21px;
  }
  .seo p, .seo li{
    max-width:1080px;
    font-size:14px;
    line-height:1.75;
  }
  .faq-item{
    max-width:1080px;
  }
  /* Footer */
  .footer{
    padding:34px 0 44px;
  }
  .footer-inner{
    max-width:1240px;
    margin:0 auto;
  }
  .footer-grid{
    grid-template-columns:repeat(5,1fr);
    gap:26px;
  }
  .payments{
    margin-top:28px;
  }
  .providers{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:24px;
  }
  /* Desktop quick actions follow reference pattern */
  .quick-stack{
    display:flex!important;
    left:18px;
    right:auto;
    bottom:70px;
    gap:10px;
  }
  .quick-image{
    width:58px;
    height:58px;
  }
  .quick-telegram{
    width:56px;
    height:56px;
  }
  .bottom-nav{
    display:none;
  }
  .firefly-field{
    display:block;
  }
  .drawer, .overlay{
    display:none!important;
  }
}
@media (min-width:1200px){
  .games-scroll{
    grid-template-rows:180px;
    grid-auto-columns:150px;
  }
  .games-scroll .game-card:nth-child(n/**/+9){
    display:none;
  }
}
@media (min-width:760px) {
  .desktop-jungle-stage{
    position:relative;
    background:
      linear-gradient(rgba(3,14,18,.22), rgba(3,14,18,.34)),
      none /* IMAGE PLACEHOLDER: XK4aKqB49N75mu2tb19DSCS4bQgqREIutABBLMnvcGhhiEHoU4joj4VKXwe29A0okMB4hADQnkO0r8OV5Am6kLeHr7W4iGIAIKAAA= */ center top / cover repeat-y;
    overflow:hidden;
    padding-top:6px;
  }
  .desktop-jungle-stage::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 15% 25%, rgba(255,211,61,.05), transparent 18rem),
      radial-gradient(circle at 82% 52%, rgba(16,168,138,.06), transparent 22rem);
  }
  .desktop-jungle-stage > *{ position:relative; z-index:1; }
  .desktop-jungle-stage .games-shell{
    background:transparent;
    padding-bottom:34px;
  }
  .desktop-jungle-stage .section-title{
    background:rgba(4,16,21,.40);
    border-bottom:1px solid rgba(243,181,27,.18);
    padding-left:14px;
    padding-right:14px;
    border-radius:8px 8px 0 0;
  }
  .desktop-jungle-stage .app-section{
    background:transparent !important;
    animation:none !important;
    padding:28px 0 38px;
  }
  .desktop-jungle-stage .app-card{
    max-width:1240px;
    margin:0 auto;
    min-height:520px;
    display:grid;
    grid-template-columns:56% 44%;
    grid-template-rows:auto auto 1fr auto;
    gap:0;
    padding:42px 44px;
    overflow:hidden;
    text-align:left;
    background:rgba(3,13,18,.44)!important;
    border:1px solid rgba(243,181,27,.16)!important;
    border-radius:16px;
  }
  .desktop-download-art{
    grid-column:1;
    grid-row:1 / 5;
    align-self:center;
    justify-self:center;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-right:18px;
  }
  .desktop-download-art img{
    max-width:100%;
    max-height:500px;
    object-fit:contain;
    filter:drop-shadow(0 24px 30px rgba(0,0,0,.42));
  }
  .desktop-jungle-stage .app-platform{
    grid-column:2;
    grid-row:1;
    align-self:end;
    margin:12px 0 0;
    font-size:0;
  }
  .desktop-jungle-stage .app-platform::before{
    content:"UNDUH MAYAN88 APP";
    display:block;
    color:var(--gold);
    font-size:20px;
    font-weight:900;
    margin-bottom:10px;
  }
  .desktop-jungle-stage .app-platform::after{
    content:"DI MANA SAJA\A DAN KAPAN SAJA!";
    white-space:pre;
    display:block;
    color:#F7F1DF;
    font-size:48px;
    line-height:1.04;
    font-weight:950;
    letter-spacing:-.02em;
  }
  .desktop-jungle-stage .app-icon{ display:none; }
  .desktop-jungle-stage .download-btn{
    grid-column:2;
    grid-row:3;
    align-self:end;
    justify-self:start;
    width:190px;
    height:44px;
    margin-top:22px;
  }
  .desktop-jungle-stage .install-guide{
    grid-column:2;
    grid-row:4;
    margin-top:12px;
    font-size:13px;
  }
  .desktop-jungle-stage .telegram-banner{
    max-width:1240px;
    margin:18px auto 0;
    background:rgba(3,18,23,.70);
    border:1px solid rgba(16,168,138,.35);
    backdrop-filter:none;
  }
}
@media (max-width:759px) {
  .desktop-download-art{ display:none !important; }
  .desktop-jungle-stage{ background:none !important; padding:0 !important; }
}
@media (min-width:760px){
  /* Make the desktop download section much more compact */
  .desktop-jungle-stage .app-section{
    padding:18px 0 26px;
  }
  .desktop-jungle-stage .app-card{
    min-height:360px;
    grid-template-columns:52% 48%;
    grid-template-rows:1fr;
    padding:24px 32px;
    align-items:center;
  }
  .desktop-download-art{
    grid-column:1;
    grid-row:1;
    height:100%;
    max-height:330px;
    padding:0 20px 0 0;
  }
  .desktop-download-art img{
    width:100%;
    max-width:540px;
    max-height:330px;
    object-fit:contain;
  }
  /* Hide the old mobile-oriented app-card content on desktop */
  .desktop-jungle-stage .app-platform, .desktop-jungle-stage .app-icon, .desktop-jungle-stage .download-btn, .desktop-jungle-stage .install-guide{
    display:none!important;
  }
  .desktop-download-copy{
    grid-column:2;
    grid-row:1;
    align-self:center;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:6px 8px 6px 8px;
  }
  .desktop-download-kicker{
    color:#F5EED7;
    font-size:20px;
    font-weight:800;
    letter-spacing:.01em;
    margin-bottom:5px;
  }
  .desktop-download-headline{
    color:var(--gold);
    font-size:46px;
    line-height:.98;
    font-weight:950;
    letter-spacing:-.025em;
    text-transform:uppercase;
    text-shadow:0 2px 0 rgba(0,0,0,.25);
  }
  .desktop-download-copy p{
    margin:14px 0 16px;
    max-width:440px;
    color:#F7F1DF;
    font-size:15px;
    line-height:1.5;
  }
  .desktop-download-actions{
    display:flex;
    align-items:center;
    gap:16px;
  }
  
  
  .desktop-apk-btn{
    min-width:190px;
    height:54px;
    border:1px solid rgba(255,211,61,.26);
    border-radius:10px;
    background:linear-gradient(135deg,#0A7F83,#10A88A);
    color:white;
    display:flex;
    align-items:center;
    gap:11px;
    padding:0 16px;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
    transition:transform .18s ease,filter .18s ease;
  }
  .desktop-apk-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.07);
  }
  .desktop-apk-btn:active{
    transform:translateY(0) scale(.98);
  }
  .desktop-android-mark{
    width:30px;
    height:30px;
    border-radius:8px;
    background:#D8FF31;
    color:#07141D;
    display:grid;
    place-items:center;
    font-weight:950;
  }
  .desktop-apk-btn span:last-child{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    line-height:1.05;
  }
  .desktop-apk-btn small{
    font-size:10px;
    opacity:.9;
  }
  .desktop-apk-btn strong{
    font-size:17px;
  }
  
  
}
@media (max-width:759px){
  .desktop-download-copy{
    display:none!important;
  }
}
@media (min-width:760px){
  /* Desktop hero carousel: use the full viewport width */
  .hero{
    width:100%;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    position:relative;
    overflow:hidden;
  }
  .hero .carousel, .hero .slides, .hero .slider{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .hero img, .hero .slide img{
    width:100%!important;
    display:block;
  }
  /* Arrows are overlays, so they consume zero carousel width */
  .hero .arrow, .hero .carousel-arrow, .hero .prev, .hero .next, .hero button[aria-label*="Previous"], .hero button[aria-label*="Next"]{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:30!important;
    margin:0!important;
  }
  .hero .prev, .hero button[aria-label*="Previous"]{
    left:14px!important;
  }
  .hero .next, .hero button[aria-label*="Next"]{
    right:14px!important;
  }
}
@media (min-width:760px){
  /* Full-bleed desktop carousel */
  .hero{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:-50vw!important;
    margin-right:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .hero-viewport{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .hero-track{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .hero-slide{
    min-width:100vw!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    padding:0!important;
  }
  .hero-slide picture{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .hero-slide picture img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
  }
  /* Arrows overlay the artwork and take up no horizontal space */
  .hero-arrow{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:20!important;
  }
  .hero-arrow.prev{
    left:10px!important;
  }
  .hero-arrow.next{
    right:10px!important;
  }
}
@media (min-width:760px){
  /*
    Desktop banner uses the exact native 1920 x 613 ratio.
    The carousel height is derived directly from viewport width, so the artwork
    grows all the way to both edges without cover-cropping or contain-gutters.
  */
  .hero{
    left:0!important;
    width:100vw!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .hero-viewport{
    width:100vw!important;
    height:calc(100vw * 613 / 1920)!important;
    max-width:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
  }
  .hero-track{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .hero-slide{
    flex:0 0 100vw!important;
    min-width:100vw!important;
    width:100vw!important;
    height:calc(100vw * 613 / 1920)!important;
    max-width:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .hero-slide picture{
    display:block!important;
    width:100vw!important;
    height:calc(100vw * 613 / 1920)!important;
    margin:0!important;
    padding:0!important;
  }
  .hero-slide picture img{
    display:block!important;
    width:100vw!important;
    height:auto!important;
    max-width:none!important;
    object-fit:unset!important;
    object-position:unset!important;
    margin:0!important;
    padding:0!important;
  }
  .hero-arrow{
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:30!important;
  }
  .hero-arrow.prev{left:10px!important;}
  .hero-arrow.next{right:10px!important;}
}
@media (min-width:760px){
  .hero-arrow{
    pointer-events:auto!important;
    z-index:999!important;
    width:44px!important;
    height:72px!important;
    background:rgba(5,12,17,.64)!important;
    border:1px solid rgba(243,181,27,.28)!important;
    color:#fff!important;
  }
  .hero-arrow.prev{
    left:0!important;
    border-left:0!important;
    border-radius:0 8px 8px 0!important;
  }
  .hero-arrow.next{
    right:0!important;
    border-right:0!important;
    border-radius:8px 0 0 8px!important;
  }
  .hero-arrow:hover{
    background:rgba(0,127,131,.88)!important;
    color:#fff!important;
  }
}
/* Desktop-only expanded game catalog */
.desktop-mayan-games{display:none}
@media (min-width:760px){
  /* Mobile single game row stays untouched, but is hidden on desktop */
  .desktop-jungle-stage > .section-title:first-child, .desktop-jungle-stage > .games-shell:first-of-type{
    display:none!important;
  }
  .desktop-mayan-games{
    display:block;
    max-width:1240px;
    margin:0 auto;
    padding:18px 0 26px;
  }
  .desktop-mayan-group{
    margin-bottom:26px;
  }
  .desktop-mayan-heading{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
  }
  .desktop-mayan-title{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    color:#F7F1DF;
    font-size:18px;
    font-weight:850;
  }
  .desktop-mayan-icon{
    width:17px;
    text-align:center;
    color:var(--gold);
    filter:drop-shadow(0 0 5px rgba(243,181,27,.26));
  }
  .desktop-mayan-icon.new{color:var(--jade-2)}
  .desktop-mayan-icon.jackpot{color:#35D9E2}
  .desktop-mayan-line{
    height:1px;
    flex:1 1 auto;
    background:linear-gradient(90deg,rgba(243,181,27,.48),rgba(243,181,27,.08));
  }
  .desktop-mayan-more{
    flex:0 0 auto;
    min-width:154px;
    height:30px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(243,181,27,.14);
    background:rgba(11,31,40,.88);
    color:#F4E8C0;
    font-size:11px;
    font-weight:800;
    transition:transform .18s ease,background .18s ease,border-color .18s ease;
  }
  .desktop-mayan-more:hover{
    transform:translateY(-1px);
    background:rgba(0,127,131,.72);
    border-color:rgba(16,168,138,.45);
  }
  .desktop-mayan-panel{
    background:rgba(4,12,18,.82);
    border:1px solid rgba(243,181,27,.13);
    border-radius:18px;
    padding:12px 12px 9px;
    overflow:hidden;
  }
  .desktop-mayan-scroll{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:10px;
    scroll-behavior:smooth;
    scrollbar-width:auto;
    scrollbar-color:rgba(243,181,27,.62) rgba(255,255,255,.08);
  }
  .desktop-mayan-scroll::-webkit-scrollbar{height:10px}
  .desktop-mayan-scroll::-webkit-scrollbar-track{
    background:rgba(255,255,255,.07);
    border-radius:999px;
  }
  .desktop-mayan-scroll::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,var(--teal),var(--gold));
    border-radius:999px;
  }
  .desktop-mayan-scroll .game-card{
    flex:0 0 126px;
    min-width:126px;
  }
  .desktop-mayan-scroll .game-thumb{
    height:126px;
    border-radius:16px;
  }
  .desktop-mayan-scroll .game-name{
    margin-top:6px;
    font-size:10px;
  }
}
@media (max-width:759px){
  .desktop-mayan-games{display:none!important}
}
/*
IMAGE ASSETS REMOVED.
Image placement notes are intentionally kept outside the rendered markup.
For CSS backgrounds, search: IMAGE PLACEHOLDER:
Insert your Cloudinary URLs in those locations.
*/
@media (min-width:760px){
  .desktop-jungle-stage .app-card{
    min-height:330px!important;
    padding:18px 30px 12px!important;
    align-items:end!important;
  }
  .desktop-download-art{
    height:310px!important;
    max-height:310px!important;
    align-self:end!important;
    padding:0 18px 0 0!important;
    margin-bottom:-12px!important;
    overflow:visible!important;
  }
  .desktop-download-art img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:310px!important;
    max-height:310px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    margin:0 auto!important;
  }
  .desktop-download-copy{
    align-self:center!important;
    padding-bottom:10px!important;
  }
}
.quick-telegram{
  overflow:hidden;
}
.quick-telegram > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
  pointer-events:none;
}
@media (min-width:760px){
  .desktop-jungle-stage .app-icon{
    display:none!important;
  }
}
@media (min-width:760px){
  .desktop-jungle-stage{
    background:
      linear-gradient(rgba(3,14,18,.22), rgba(3,14,18,.34)),
      url("assets/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp") center top / cover repeat-y !important;
  }
}
@media (max-width:759px){
  .app-section{
    background:
      linear-gradient(rgba(4,14,19,.18), rgba(4,14,19,.24)),
      url("assets/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp") center center / cover no-repeat !important;
  }
}
/* Mobile provider browser under category navigation */

@media (max-width:759px){
  
  
  
  
  
  
  
  
  
  .category{
    cursor:pointer;
  }
}

/* Desktop hover provider menu. Mobile is intentionally untouched. */

@media (min-width:760px){
  .desktop-nav{
    overflow:visible!important;
  }
  .desktop-nav a{
    cursor:pointer;
  }
  .desktop-nav a.desktop-hover-active{
    color:var(--gold)!important;
  }
  .desktop-nav a.desktop-hover-active::after{
    left:0!important;
    right:0!important;
  }
  
  
  
  
  
  
  
  
  .desktop-promo-link:hover{
    color:var(--gold)!important;
  }
}
/* V8 polish pass: desktop game interactions + jungle depth + section continuity.
   Mobile structure/behavior is intentionally preserved. */
/* A shared jungle atmosphere connects the major homepage sections. */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 14% 18%,rgba(16,168,138,.055),transparent 22rem),
    radial-gradient(circle at 86% 48%,rgba(243,181,27,.035),transparent 26rem);
}
@media (min-width:760px){
  /* Section transitions: less "stacked boxes", more continuous jungle world. */
  .games-section, .download-section{
    position:relative;
    isolation:isolate;
  }
  .games-section::before, .download-section::before{
    content:"";
    position:absolute;
    inset:-34px 0 auto 0;
    height:72px;
    pointer-events:none;
    z-index:-1;
    background:linear-gradient(to bottom,transparent,rgba(3,19,22,.72) 55%,transparent);
    filter:blur(10px);
  }
  /* Decorative foliage shadows at section boundaries. */
  .games-section::after, .download-section::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-30px;
    height:80px;
    pointer-events:none;
    z-index:-1;
    opacity:.16;
    background:
      radial-gradient(ellipse at 7% 80%,rgba(20,125,82,.75),transparent 28%),
      radial-gradient(ellipse at 92% 65%,rgba(20,125,82,.72),transparent 27%);
    transform:translateY(var(--mayan-depth-y,0px));
    transition:transform .12s linear;
  }
  /* Game rails now advertise that they continue horizontally. */
  .desktop-game-scroller{
    position:relative;
    scrollbar-width:thin;
    scrollbar-color:rgba(16,168,138,.75) rgba(255,255,255,.055);
  }
  .desktop-game-scroller::-webkit-scrollbar{
    height:7px;
  }
  .desktop-game-scroller::-webkit-scrollbar-track{
    background:rgba(255,255,255,.045);
    border-radius:999px;
  }
  .desktop-game-scroller::-webkit-scrollbar-thumb{
    background:linear-gradient(90deg,rgba(16,168,138,.72),rgba(243,181,27,.68));
    border-radius:999px;
  }
  /* Generic game-card enhancement; applies to the existing desktop game cards. */
  .desktop-game-scroller > *, .game-card{
    position:relative;
    transform:translateZ(0);
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease,
      filter .18s ease;
  }
  .desktop-game-scroller > *:hover, .game-card:hover{
    transform:translateY(-5px) scale(1.015);
    box-shadow:
      0 12px 24px rgba(0,0,0,.34),
      0 0 0 1px rgba(16,168,138,.35),
      0 0 18px rgba(16,168,138,.11);
    z-index:4;
  }
  .desktop-game-scroller img, .game-card img{
    transition:filter .18s ease,transform .22s ease;
  }
  .desktop-game-scroller > *:hover img, .game-card:hover img{
    filter:brightness(.72) saturate(.94);
    transform:scale(1.025);
  }
  /* Injected hover CTA. */
  .mayan-game-hover{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    opacity:0;
    transition:opacity .16s ease;
    border-radius:inherit;
    background:linear-gradient(to bottom,transparent 20%,rgba(0,12,14,.22) 50%,rgba(0,12,14,.62));
  }
  .desktop-game-scroller > *:hover .mayan-game-hover, .game-card:hover .mayan-game-hover{
    opacity:1;
  }
  .mayan-game-play{
    padding:8px 18px;
    border-radius:999px;
    border:1px solid rgba(243,181,27,.72);
    background:rgba(3,18,20,.88);
    color:#FFD65A;
    font-size:11px;
    font-weight:950;
    letter-spacing:.7px;
    box-shadow:0 6px 18px rgba(0,0,0,.32);
    transform:translateY(5px);
    transition:transform .18s ease;
  }
  .desktop-game-scroller > *:hover .mayan-game-play, .game-card:hover .mayan-game-play{
    transform:translateY(0);
  }
  /* Section headings get a restrained Mayan "energy line". */
  .games-section h2, .games-section h3, .download-section h2, .download-section h3{
    position:relative;
  }
  .games-section h2::after, .games-section h3::after, .download-section h2::after, .download-section h3::after{
    content:"";
    display:block;
    width:0;
    height:2px;
    margin-top:7px;
    background:linear-gradient(90deg,#F3B51B,#10A88A,transparent);
    box-shadow:0 0 10px rgba(16,168,138,.28);
    transition:width .55s cubic-bezier(.2,.75,.25,1);
  }
  .mayan-section-visible h2::after, .mayan-section-visible h3::after{
    width:min(230px,70%);
  }
  /* Button polish without perpetual bouncing. */
  .download-section button, .download-section a[class*="btn"], .games-section button{
    position:relative;
    overflow:hidden;
  }
  .download-section button::after, .download-section a[class*="btn"]::after, .games-section button::after{
    content:"";
    position:absolute;
    top:-50%;
    bottom:-50%;
    width:32px;
    left:-55px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
    transform:skewX(-20deg);
    transition:left .42s ease;
  }
  .download-section button:hover::after, .download-section a[class*="btn"]:hover::after, .games-section button:hover::after{
    left:calc(100% + 40px);
  }
  /* A few ambient fireflies, deliberately sparse. */
  .mayan-desktop-fireflies{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:3;
    overflow:hidden;
  }
  .mayan-desktop-firefly{
    position:absolute;
    width:3px;
    height:3px;
    border-radius:50%;
    background:#FFD75B;
    box-shadow:0 0 7px 2px rgba(255,211,74,.42);
    opacity:.18;
    animation:mayanFireflyFloat var(--ff-duration) ease-in-out infinite alternate,
              mayanFireflyPulse var(--ff-pulse) ease-in-out infinite;
  }
  @keyframes mayanFireflyFloat{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(var(--ff-x),var(--ff-y),0)}
  }
  @keyframes mayanFireflyPulse{
    0%,100%{opacity:.10;filter:blur(.15px)}
    50%{opacity:.52;filter:blur(0)}
  }
}
@media (min-width:760px){
  header{
    position:relative;
    z-index:60;
  }
  
  
  
  
}
@media (min-width:760px){
  .category-rail{
    display:none !important;
  }
  .jackpot-wrap{
    position:relative;
    isolation:isolate;
    padding:30px 24px 26px !important;
    background:
      linear-gradient(180deg,rgba(3,15,20,.28),rgba(3,15,20,.48)),
      url("assets/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp") center 42% / cover no-repeat !important;
    overflow:hidden;
  }
  /* Soft continuity into the game area below, without creating another box. */
  .jackpot-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(circle at 18% 38%,rgba(255,211,61,.07),transparent 18rem),
      radial-gradient(circle at 82% 52%,rgba(16,168,138,.08),transparent 20rem);
  }
  .jackpot-wrap::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:72px;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(to bottom,transparent,rgba(3,15,20,.72));
  }
  /* Make the jackpot feel embedded in the jungle rather than floating in empty navy. */
  .jackpot{
    max-width:820px !important;
    margin:0 auto !important;
    padding:18px 22px 16px !important;
    background:rgba(3,18,23,.64) !important;
    border:1px solid rgba(243,181,27,.18) !important;
    box-shadow:
      0 14px 32px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,255,255,.025) !important;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
  }
  .jackpot-head{
    margin-bottom:9px !important;
  }
  .jackpot-display{
    background:rgba(1,10,13,.88) !important;
  }
  /* Continue the same environment directly into the desktop game section. */
  .desktop-jungle-stage{
    margin-top:0 !important;
    background:
      linear-gradient(rgba(3,14,18,.22),rgba(3,14,18,.34)),
      url("assets/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp") center top / cover repeat-y !important;
  }
}
@media (min-width:760px){
  .jackpot-wrap{
    padding:30px 24px 22px !important;
  }
  .jackpot{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  /* Remove the visual fade/divider between jackpot and the foliage/game area. */
  .jackpot-wrap::after{
    display:none !important;
  }
  .desktop-jungle-stage{
    border-top:0 !important;
    box-shadow:none !important;
  }
}
@media (min-width:760px){
  .jackpot-wrap{
    background:
      url("assets/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp")
      center 42% / cover no-repeat !important;
  }
  /* These overlays were making the foliage look soft/darkened. */
  .jackpot-wrap::before, .jackpot-wrap::after{
    display:none !important;
    content:none !important;
    background:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .jackpot{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
  }
}
/* V13 desktop: ONE continuous foliage image from Mayan Jackpot through Jackpot Games.
   APK/download begins a separate plain-black section. Mobile remains unchanged. */
.desktop-foliage-zone{
  display:contents;
}
@media (min-width:760px){
  .desktop-foliage-zone{
    display:block !important;
    position:relative;
    isolation:isolate;
    background:
      url("assets/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp") center center / cover no-repeat !important;
    overflow:hidden;
  }
  /* One image only. Child sections no longer restart/repeat the foliage. */
  .desktop-foliage-zone .jackpot-wrap, .desktop-foliage-zone .desktop-jungle-stage{
    background:transparent !important;
    background-image:none !important;
  }
  .desktop-foliage-zone .jackpot-wrap::before, .desktop-foliage-zone .jackpot-wrap::after, .desktop-foliage-zone .desktop-jungle-stage::before, .desktop-foliage-zone .desktop-jungle-stage::after{
    background:none !important;
    background-image:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
  }
  /* Very light readable shading without blurring or visually splitting the image. */
  .desktop-foliage-zone::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:rgba(2,12,16,.14);
  }
  .desktop-foliage-zone > *{
    position:relative;
    z-index:1;
  }
  /* Keep Jackpot visually integrated into the same image. */
  .desktop-foliage-zone .jackpot-wrap{
    padding-top:34px !important;
    padding-bottom:24px !important;
  }
  /* APK area starts fresh on black, including its heading. */
  .desktop-foliage-zone + .section-title{
    margin:0 !important;
    padding:18px max(24px,calc((100vw - 1240px)/2)) 12px !important;
    background:#030609 !important;
  }
  .desktop-foliage-zone + .section-title + .app-section{
    background:#030609 !important;
    background-image:none !important;
  }
  .desktop-foliage-zone + .section-title + .app-section::before, .desktop-foliage-zone + .section-title + .app-section::after{
    background:none !important;
    background-image:none !important;
    filter:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}
@media (max-width:759px){
  .desktop-foliage-zone{
    display:contents !important;
  }
}
/* V14 desktop-only announcement bar beneath carousel */
.desktop-announcement-bar{display:none}
@media (min-width:760px){
  .desktop-announcement-bar{
    display:block;
    position:relative;
    z-index:20;
    width:100%;
    height:34px;
    background:
      linear-gradient(90deg,rgba(8,22,31,.98),rgba(9,35,38,.98),rgba(8,22,31,.98));
    border-top:1px solid rgba(243,181,27,.18);
    border-bottom:1px solid rgba(16,168,138,.20);
    box-shadow:0 5px 14px rgba(0,0,0,.20);
    overflow:hidden;
  }
  .desktop-announcement-inner{
    width:min(1240px,calc(100% - 48px));
    height:100%;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:16px;
    color:#DDE8E4;
    font-size:11px;
    line-height:1;
  }
  .desktop-local-date{
    flex:0 0 auto;
    min-width:220px;
    color:#F4E8C0;
    font-weight:800;
    letter-spacing:.15px;
    white-space:nowrap;
  }
  .desktop-announcement-separator{
    width:1px;
    height:16px;
    flex:0 0 1px;
    background:linear-gradient(to bottom,transparent,rgba(243,181,27,.45),transparent);
  }
  .desktop-announcement-message{
    min-width:0;
    flex:1;
    display:flex;
    align-items:center;
    gap:9px;
  }
  .desktop-announcement-icon{
    flex:0 0 auto;
    color:#FFD33D;
    font-size:10px;
    filter:drop-shadow(0 0 5px rgba(255,211,61,.34));
    animation:mayanAnnouncementPulse 2.4s ease-in-out infinite;
  }
  .desktop-announcement-marquee{
    min-width:0;
    flex:1;
    overflow:hidden;
    white-space:nowrap;
    mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent);
  }
  .desktop-announcement-marquee span{
    display:inline-block;
    padding-left:100%;
    animation:mayanAnnouncementScroll 24s linear infinite;
    color:#D4E0DD;
    font-weight:650;
  }
  .desktop-announcement-bar:hover .desktop-announcement-marquee span{
    animation-play-state:paused;
  }
  @keyframes mayanAnnouncementScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-100%)}
  }
  @keyframes mayanAnnouncementPulse{
    0%,100%{opacity:.55;transform:scale(.92)}
    50%{opacity:1;transform:scale(1.08)}
  }
}
@media (max-width:759px){
  .desktop-announcement-bar{display:none!important}
}
/* V15: desktop APK/download section rebuilt as a clean two-column feature section.
   Mobile markup and styling are intentionally untouched. */
@media (min-width:760px){
  /* The standalone heading strip is redundant on desktop. */
  .desktop-foliage-zone + .section-title{
    display:none !important;
  }
  .app-section{
    position:relative;
    overflow:hidden;
    background:
      radial-gradient(circle at 22% 46%,rgba(0,127,131,.16),transparent 31rem),
      radial-gradient(circle at 79% 36%,rgba(92,22,123,.13),transparent 29rem),
      #020507 !important;
    background-image:none !important;
    padding:0 !important;
    border-top:1px solid rgba(243,181,27,.11);
  }
  /* Keep desktop fireflies extremely subtle over the black field. */
  .app-section .app-fireflies{
    opacity:.34;
  }
  .app-card{
    width:min(1180px,calc(100% - 56px)) !important;
    min-height:430px !important;
    height:430px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:54% 46% !important;
    align-items:center !important;
    gap:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  /* Artwork becomes the hero on the left, like the mayan reference. */
  .desktop-download-art{
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    width:100% !important;
    height:430px !important;
    max-height:none !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    padding:0 12px 0 0 !important;
    margin:0 !important;
    overflow:visible !important;
    align-self:stretch !important;
  }
  .desktop-download-art img{
    width:auto !important;
    height:410px !important;
    max-width:100% !important;
    max-height:410px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    display:block !important;
    margin:0 auto !important;
    filter:drop-shadow(0 20px 24px rgba(0,0,0,.38));
  }
  /* Copy sits on the right with much stronger hierarchy. */
  .desktop-download-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:center !important;
    padding:12px 16px 10px 26px !important;
    max-width:510px !important;
  }
  .desktop-download-kicker{
    color:#F4E8C0 !important;
    font-size:21px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    margin-bottom:10px !important;
    text-transform:none !important;
    letter-spacing:0 !important;
  }
  .desktop-download-headline{
    margin:0 0 14px !important;
    color:#F3B51B !important;
    font-size:48px !important;
    line-height:.98 !important;
    font-weight:950 !important;
    letter-spacing:-1.7px !important;
    text-transform:uppercase !important;
    text-shadow:0 3px 0 rgba(0,0,0,.25);
  }
  .desktop-download-copy p{
    max-width:450px !important;
    margin:0 0 22px !important;
    color:#E6E9E5 !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }
  .desktop-download-actions{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    margin:0 !important;
  }
  /* QR is already part of the supplied artwork. Only the download CTA remains here. */
  
  .desktop-apk-btn{
    width:220px !important;
    height:58px !important;
    border:1px solid rgba(16,168,138,.65) !important;
    border-radius:11px !important;
    background:linear-gradient(135deg,#0D7F83,#10A88A) !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    box-shadow:0 10px 24px rgba(0,0,0,.24) !important;
    cursor:pointer;
  }
  .desktop-apk-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 13px 28px rgba(0,0,0,.30),0 0 18px rgba(16,168,138,.14) !important;
  }
  .desktop-android-mark{
    width:34px !important;
    height:34px !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    background:#FFD33D !important;
    color:#07141D !important;
    font-size:16px !important;
    font-weight:950 !important;
  }
  .desktop-apk-btn small{
    display:block !important;
    text-align:left !important;
    color:#DDF4EC !important;
    font-size:10px !important;
    line-height:1.05 !important;
  }
  .desktop-apk-btn strong{
    display:block !important;
    margin-top:2px !important;
    text-align:left !important;
    font-size:18px !important;
    line-height:1 !important;
  }
  /* These belong to the mobile APK design only. */
  .app-card > .app-platform, .app-card > .app-icon, .app-card > .download-btn, .app-card > .install-guide{
    display:none !important;
  }
  /* Telegram stays as a separate compact strip beneath the download feature. */
  .telegram-banner{
    position:relative !important;
    width:min(1000px,calc(100% - 56px)) !important;
    min-height:74px !important;
    margin:0 auto 24px !important;
    padding:12px 18px !important;
    border:1px solid rgba(16,168,138,.28) !important;
    border-radius:12px !important;
    background:linear-gradient(90deg,rgba(0,127,131,.46),rgba(7,32,43,.92)) !important;
    box-shadow:0 12px 24px rgba(0,0,0,.20);
  }
  .telegram-copy strong{
    font-size:15px !important;
  }
  .telegram-copy span{
    margin-top:3px !important;
    color:#B9C8C5 !important;
  }
}
/* V16 desktop APK feature refinement.
   Mobile remains unchanged. */
@media (min-width:760px){
  /* External heading belongs to mobile. Desktop heading now lives inside this section. */
  .desktop-foliage-zone + .section-title{
    display:none !important;
  }
  .app-section{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
    padding:0 0 26px !important;
    /* User-supplied APK section background */
    background:
      linear-gradient(rgba(1,8,10,.18),rgba(1,8,10,.28)),
      url("assets/Untitled_-_August_11_2026_at_16.50.11-41_1_nqup07.webp") center center / cover no-repeat !important;
  }
  /* Background image stays crisp. No blur layer. */
  .app-section::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 24% 48%,rgba(0,127,131,.07),transparent 24rem),
      linear-gradient(90deg,rgba(0,0,0,.06),transparent 32%,transparent 70%,rgba(0,0,0,.08));
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  /* Fireflies are explicitly ABOVE the background image, but BELOW the content. */
  .app-section .app-fireflies{
    z-index:2 !important;
    opacity:.86 !important;
  }
  .app-section .section-firefly{
    box-shadow:
      0 0 5px rgba(255,243,166,.98),
      0 0 12px rgba(255,211,61,.90),
      0 0 22px rgba(243,181,27,.42) !important;
  }
  .app-section > *:not(.app-fireflies){
    position:relative;
    z-index:3 !important;
  }
  /* Heading is now visually and structurally part of the APK section. */
  .desktop-app-section-title{
    width:min(1240px,calc(100% - 56px));
    height:58px;
    margin:0 auto;
    display:flex !important;
    align-items:center;
    gap:11px;
    color:#FFF3CF;
    font-size:18px;
    font-weight:950;
    border-bottom:1px solid rgba(243,181,27,.20);
    text-shadow:0 2px 4px rgba(0,0,0,.52);
  }
  .desktop-app-section-title .glyph{
    width:15px;
    height:15px;
    flex:0 0 15px;
    border:2px solid #F3B51B;
    transform:rotate(45deg);
    position:relative;
    box-shadow:0 0 9px rgba(243,181,27,.18);
  }
  .desktop-app-section-title .glyph::after{
    content:"";
    position:absolute;
    inset:3px;
    border:1px solid #10A88A;
  }
  /* Use more of the available desktop width and reduce dead space. */
  .app-card{
    width:min(1240px,calc(100% - 56px)) !important;
    min-height:455px !important;
    height:455px !important;
    margin:0 auto !important;
    grid-template-columns:49% 51% !important;
  }
  .desktop-download-art{
    height:455px !important;
    padding:0 2px 0 0 !important;
    align-items:flex-end !important;
  }
  .desktop-download-art img{
    height:445px !important;
    max-height:445px !important;
    max-width:100% !important;
    object-position:center bottom !important;
    filter:drop-shadow(0 20px 28px rgba(0,0,0,.42));
  }
  /* Bigger, denser right-hand typography. */
  .desktop-download-copy{
    max-width:610px !important;
    padding:8px 20px 8px 34px !important;
  }
  .desktop-download-kicker{
    font-size:25px !important;
    line-height:1.1 !important;
    margin-bottom:12px !important;
    color:#FFF0C9 !important;
  }
  .desktop-download-headline{
    font-size:58px !important;
    line-height:.94 !important;
    letter-spacing:-2.2px !important;
    margin-bottom:18px !important;
    max-width:590px !important;
  }
  .desktop-download-copy p{
    max-width:560px !important;
    font-size:17px !important;
    line-height:1.45 !important;
    margin-bottom:25px !important;
  }
  .desktop-apk-btn{
    width:242px !important;
    height:62px !important;
  }
  .desktop-apk-btn strong{
    font-size:20px !important;
  }
  .desktop-apk-btn small{
    font-size:11px !important;
  }
  /* Telegram strip fills the same visual width as the feature above. */
  .telegram-banner{
    width:min(1120px,calc(100% - 56px)) !important;
    min-height:78px !important;
    margin:0 auto 8px !important;
  }
}
/* V17 DESKTOP ONLY: tighter, larger APK feature composition */
@media (min-width:760px){
  /* Give the APK scene more vertical presence so the lower area is intentionally used. */
  .app-section{
    min-height:690px !important;
    padding-bottom:34px !important;
    background-position:center center !important;
  }
  .desktop-app-section-title{
    height:64px !important;
    font-size:20px !important;
  }
  /* Wider composition, taller stage, less dead horizontal space. */
  .app-card{
    width:min(1280px,calc(100% - 48px)) !important;
    height:525px !important;
    min-height:525px !important;
    grid-template-columns:52% 48% !important;
    align-items:center !important;
  }
  /* Enlarge the phone art and let it occupy more of the lower section. */
  .desktop-download-art{
    height:525px !important;
    padding:0 !important;
    justify-content:flex-end !important;
    align-items:flex-end !important;
    transform:translateX(30px) !important;
  }
  .desktop-download-art img{
    height:515px !important;
    max-height:515px !important;
    max-width:100% !important;
    object-position:right bottom !important;
  }
  /* Pull the copy toward the phone instead of leaving a large central gap. */
  .desktop-download-copy{
    max-width:650px !important;
    padding:8px 18px 28px 6px !important;
    transform:translateX(-18px) !important;
    align-self:center !important;
  }
  .desktop-download-kicker{
    font-size:30px !important;
    line-height:1.05 !important;
    margin-bottom:14px !important;
  }
  .desktop-download-headline{
    font-size:68px !important;
    line-height:.91 !important;
    letter-spacing:-2.8px !important;
    max-width:650px !important;
    margin-bottom:22px !important;
  }
  .desktop-download-copy p{
    max-width:610px !important;
    font-size:19px !important;
    line-height:1.5 !important;
    margin-bottom:30px !important;
  }
  .desktop-apk-btn{
    width:260px !important;
    height:66px !important;
  }
  .desktop-apk-btn strong{
    font-size:22px !important;
  }
  .desktop-apk-btn small{
    font-size:12px !important;
  }
  /* Use the lower portion of the section instead of letting it feel cut short. */
  .telegram-banner{
    width:min(1160px,calc(100% - 56px)) !important;
    min-height:82px !important;
    margin:-4px auto 28px !important;
  }
}
/* V18 DESKTOP ONLY: stronger jackpot focal card + unified game-section markers */
@media (min-width:760px){
  .desktop-foliage-zone .jackpot{
    max-width:860px !important;
    padding:18px 22px 20px !important;
    background:linear-gradient(135deg,#07131b 0%,#0a2028 52%,#061116 100%) !important;
    border:1px solid rgba(243,181,27,.72) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.34), inset 0 0 0 1px rgba(16,195,161,.18) !important;
  }
  .desktop-foliage-zone .jackpot::before{
    display:block !important;
    content:"" !important;
    position:absolute;
    inset:6px;
    pointer-events:none;
    border:1px solid rgba(16,195,161,.58);
    background:none !important;
    filter:none !important;
    clip-path:inherit;
  }
  .desktop-foliage-zone .jackpot-head{margin-bottom:10px !important;}
  .desktop-foliage-zone .jackpot-label{font-size:30px !important;text-shadow:0 2px 12px rgba(0,0,0,.6);}
  .desktop-foliage-zone .jackpot-display{
    background:#02080b !important;
    border:2px solid var(--jade-2) !important;
    box-shadow:inset 0 0 0 4px rgba(16,195,161,.08),0 0 18px rgba(16,195,161,.12) !important;
  }
  .desktop-mayan-icon{
    position:relative;
    width:14px !important;
    height:14px;
    flex:0 0 14px;
    display:inline-block;
    color:var(--gold) !important;
    filter:drop-shadow(0 0 5px rgba(243,181,27,.30));
    transform:rotate(45deg);
    border:2px solid var(--gold);
    border-radius:2px;
  }
  .desktop-mayan-icon::after{
    content:"";
    position:absolute;
    inset:3px;
    background:var(--jade-2);
    border-radius:1px;
  }
  .desktop-mayan-icon.new, .desktop-mayan-icon.jackpot{color:var(--gold) !important;}
}
/* V19 DESKTOP ONLY: identical section diamonds + high-contrast Mayan Jackpot */
@media (min-width:760px){
  /* All three game-section markers are literally the same component. */
  .desktop-mayan-title > .desktop-mayan-icon{
    position:relative !important;
    display:inline-block !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    max-width:14px !important;
    min-height:14px !important;
    max-height:14px !important;
    padding:0 !important;
    margin:0 2px 0 0 !important;
    flex:0 0 14px !important;
    box-sizing:border-box !important;
    border:2px solid #F3B51B !important;
    border-radius:2px !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 5px rgba(243,181,27,.30)) !important;
    transform:rotate(45deg) !important;
    clip-path:none !important;
  }
  .desktop-mayan-title > .desktop-mayan-icon::before{display:none !important;}
  .desktop-mayan-title > .desktop-mayan-icon::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:3px !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:1px !important;
    background:#10C3A1 !important;
    box-shadow:none !important;
    transform:none !important;
    clip-path:none !important;
  }
  /* Solid contrasting card: deliberately distinct from the foliage behind it. */
  .desktop-foliage-zone .jackpot{
    max-width:860px !important;
    padding:20px 24px 22px !important;
    background:#073A36 !important;
    border:2px solid #F3B51B !important;
    box-shadow:0 14px 32px rgba(0,0,0,.38),0 0 24px rgba(243,181,27,.14) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .desktop-foliage-zone .jackpot::before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    inset:7px !important;
    pointer-events:none !important;
    border:1px solid rgba(16,195,161,.82) !important;
    background:transparent !important;
    filter:none !important;
  }
  .desktop-foliage-zone .jackpot-label{
    color:#F3B51B !important;
    font-size:31px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
  }
  .desktop-foliage-zone .jackpot-label span{color:#27E0BE !important;}
  .desktop-foliage-zone .jackpot-display{
    background:#02090B !important;
    border:2px solid #27E0BE !important;
    box-shadow:inset 0 0 0 3px rgba(16,195,161,.10),0 0 16px rgba(39,224,190,.18) !important;
  }
}
/* V20 Mayan88 customer service widget */
.mayan-cs-widget{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:120;
  font-family:inherit;
}
.mayan-cs-launcher{
  position:relative;
  width:74px;
  height:74px;
  border:0;
  border-radius:50%;
  cursor:pointer;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 32% 25%,rgba(255,255,255,.12),transparent 28%),
    linear-gradient(145deg,#007F83,#07141D 68%);
  box-shadow:
    0 12px 26px rgba(0,0,0,.34),
    0 0 0 2px rgba(243,181,27,.72),
    0 0 24px rgba(16,168,138,.28);
  color:#fff;
  transition:transform .2s ease,box-shadow .2s ease;
  overflow:visible;
}
.mayan-cs-launcher:hover{
  transform:translateY(-3px) scale(1.035);
  box-shadow:
    0 16px 30px rgba(0,0,0,.38),
    0 0 0 2px rgba(255,211,61,.92),
    0 0 30px rgba(16,168,138,.42);
}
.mayan-cs-launcher-ring{
  position:absolute;
  inset:-8px;
  border:2px solid rgba(255,211,61,.38);
  border-radius:50%;
  animation:mayanCsPulse 2.2s ease-out infinite;
}
.mayan-cs-launcher::before, .mayan-cs-launcher::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:#FFD33D;
  box-shadow:0 0 9px rgba(255,211,61,.9);
  animation:mayanCsSparkle 2.6s ease-in-out infinite;
}
.mayan-cs-launcher::before{
  width:5px;
  height:5px;
  top:5px;
  right:4px;
}
.mayan-cs-launcher::after{
  width:3px;
  height:3px;
  left:4px;
  bottom:10px;
  animation-delay:.9s;
}
.mayan-cs-launcher-icon{
  position:relative;
  width:38px;
  height:38px;
  border:2px solid #FFD33D;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(3,18,23,.74);
  box-shadow:inset 0 0 10px rgba(16,168,138,.22);
}

.mayan-cs-chatdot{
  position:absolute;
  width:9px;
  height:9px;
  right:1px;
  bottom:2px;
  border-radius:50%;
  background:#10A88A;
  box-shadow:0 0 10px rgba(16,168,138,.9);
  animation:mayanCsDot 1.6s ease-in-out infinite;
}
.mayan-cs-launcher-label{
  position:absolute;
  right:82px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(3,18,23,.92);
  border:1px solid rgba(243,181,27,.35);
  color:#F2D995;
  font-size:11px;
  font-weight:900;
  letter-spacing:.45px;
  white-space:nowrap;
  opacity:0;
  transform:translateX(8px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.mayan-cs-launcher:hover .mayan-cs-launcher-label{
  opacity:1;
  transform:translateX(0);
}


@keyframes mayanCsPulse{
  0%{transform:scale(.88);opacity:.6}
  70%{transform:scale(1.18);opacity:0}
  100%{transform:scale(1.18);opacity:0}
}
@keyframes mayanCsSparkle{
  0%,100%{opacity:.18;transform:scale(.65)}
  50%{opacity:1;transform:scale(1.15)}
}
@keyframes mayanCsDot{
  0%,100%{transform:scale(.82);opacity:.65}
  50%{transform:scale(1.18);opacity:1}
}
@media (max-width:759px){
  .mayan-cs-widget{right:14px;bottom:76px}
  .mayan-cs-launcher{width:58px;height:58px}
  .mayan-cs-launcher-icon{width:32px;height:32px}
  .mayan-cs-launcher-label{display:none}
  
}

/* MAYAN88 mobile category alignment refinement — keeps the existing layout, only centers icon + label content. */
@media (max-width:759px){
  .category-scroll{align-items:stretch;}
  .category{
    text-align:center;
    padding-left:4px;
    padding-right:4px;
  }
  .category > svg{
    flex:0 0 auto;
    margin-left:auto;
    margin-right:auto;
  }
  .category > span{
    width:100%;
    min-height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1.12;
    white-space:normal;
  }
}


/* Desktop game-section heading readability upgrade */
@media (min-width:760px){
  .desktop-mayan-heading{
    position:relative;
    min-height:48px;
    padding:0 14px;
    margin-bottom:12px;
    border-radius:10px 10px 0 0;
    background:linear-gradient(90deg,rgba(4,16,21,.94) 0%,rgba(4,16,21,.78) 26%,rgba(4,16,21,.38) 56%,rgba(4,16,21,.08) 78%,transparent 100%);
    border-bottom:1px solid rgba(243,181,27,.38);
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.02);
  }
  .desktop-mayan-title{
    color:#FFF4D2;
    font-size:22px;
    font-weight:900;
    letter-spacing:.01em;
    text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.58);
  }
  .desktop-mayan-icon{
    color:#FFD33D;
    filter:drop-shadow(0 0 4px rgba(255,211,61,.78)) drop-shadow(0 0 9px rgba(243,181,27,.34));
  }
  .desktop-mayan-icon.new, .desktop-mayan-icon.jackpot{color:#FFD33D}
  .desktop-mayan-line{
    height:1px;
    background:linear-gradient(90deg,rgba(243,181,27,.72),rgba(243,181,27,.22) 62%,rgba(243,181,27,.06));
  }
  .desktop-mayan-group{margin-bottom:34px}
}


/* ================================================================
   DESKTOP-ONLY HEADER LIQUID LIGHT
   Mobile markup and mobile CSS remain untouched.
   ================================================================ */
@media (min-width:760px){
  .site-header{
    position:fixed;
    isolation:isolate;
    overflow:hidden;
    background:#061219 !important;
    border-bottom-color:rgba(243,181,27,.18) !important;
  }
  /* Main liquid field: several blurred radial gradients moving together
     across a larger canvas so edges never become visible. */
  .site-header::before{
    content:"";
    position:absolute;
    z-index:0;
    pointer-events:none;
    inset:-90% -18%;
    width:136%;
    height:280%;
    background:
      radial-gradient(ellipse 34% 62% at 12% 50%, rgba(0,127,131,.82) 0%, rgba(0,127,131,.34) 34%, transparent 70%),
      radial-gradient(ellipse 30% 56% at 43% 34%, rgba(16,168,138,.72) 0%, rgba(16,168,138,.26) 38%, transparent 72%),
      radial-gradient(ellipse 38% 68% at 72% 62%, rgba(0,95,105,.76) 0%, rgba(0,95,105,.30) 36%, transparent 72%),
      radial-gradient(ellipse 28% 54% at 94% 35%, rgba(19,130,112,.54) 0%, rgba(19,130,112,.18) 42%, transparent 74%),
      linear-gradient(100deg,#061219 8%,#082029 42%,#061219 78%,#07161D 100%);
    filter:blur(28px) saturate(115%);
    transform:translate3d(-4%,0,0) scale(1.08) rotate(-1.5deg);
    transform-origin:center;
    opacity:.88;
    will-change:transform,filter,opacity;
    animation:mayanLiquidMain 2.35s cubic-bezier(.45,.05,.55,.95) infinite alternate;
  }
  /* Independent left-side teal/jade body. */
  .logo-wrap{
    position:relative;
    z-index:3;
    isolation:isolate;
    padding-left:0;
  }
  .logo-wrap::before{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    width:420px;
    height:170px;
    left:-145px;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:
      radial-gradient(ellipse at 46% 50%, rgba(18,195,163,.34) 0%, rgba(0,127,131,.24) 36%, rgba(0,127,131,.06) 60%, transparent 76%);
    filter:blur(25px);
    opacity:.70;
    will-change:transform,opacity;
    animation:mayanLiquidLogo 1.85s ease-in-out infinite alternate;
  }
  .logo-wrap img{
    width:186px !important;
    height:64px !important;
    position:relative;
    z-index:2;
    filter:drop-shadow(0 0 10px rgba(16,168,138,.12));
    animation:mayanLogoBreath 2.6s ease-in-out infinite;
  }
  /* Independent center field creates cross-flow behind navigation. */
  .desktop-nav{
    position:relative;
    z-index:3;
    isolation:isolate;
    gap:21px !important;
    overflow:visible !important;
  }
  .desktop-nav::before{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    width:760px;
    height:190px;
    left:50%;
    top:50%;
    border-radius:50%;
    background:
      radial-gradient(ellipse at 28% 56%, rgba(0,114,123,.24), transparent 56%),
      radial-gradient(ellipse at 72% 42%, rgba(16,168,138,.20), transparent 54%);
    filter:blur(30px);
    opacity:.72;
    will-change:transform,opacity;
    animation:mayanLiquidNav 2.9s ease-in-out infinite alternate;
  }
  .desktop-nav a{
    position:relative;
    z-index:2;
    font-size:12px !important;
    font-weight:800;
    letter-spacing:.012em;
    color:#DCE5E2;
    text-shadow:0 1px 4px rgba(0,0,0,.55);
    transition:color .18s ease,text-shadow .18s ease;
  }
  .desktop-nav a::after{
    height:2px !important;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(243,181,27,.10),#F3B51B 24%,#FFD33D 50%,#F3B51B 76%,rgba(243,181,27,.10)) !important;
    box-shadow:0 0 0 rgba(255,211,61,0);
  }
  .desktop-nav a:hover, .desktop-nav a.desktop-hover-active{
    color:#FFF0B5 !important;
    text-shadow:0 0 8px rgba(243,181,27,.16);
  }
  .desktop-nav a:hover::after, .desktop-nav a.desktop-hover-active::after{
    left:0 !important;
    right:0 !important;
    box-shadow:0 0 8px rgba(255,211,61,.42),0 0 16px rgba(243,181,27,.14);
  }
  /* Keep one nav item visually active even before hover. */
  .desktop-nav a:first-child{
    color:#FFF0B5;
  }
  .desktop-nav a:first-child::after{
    left:0;
    right:0;
    box-shadow:0 0 8px rgba(255,211,61,.30);
  }
  /* Account-side gold aura stays restrained and moves separately. */
  .site-header .header-btn{
    position:relative;
    z-index:4;
  }
  .site-header .header-btn.login::before{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    width:310px;
    height:130px;
    right:-95px;
    top:50%;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(243,181,27,.15) 0%,rgba(243,181,27,.06) 38%,transparent 72%);
    filter:blur(24px);
    opacity:.62;
    will-change:transform,opacity;
    animation:mayanLiquidGold 3.5s ease-in-out infinite alternate;
  }
  /* Stationary engraved Mayan geometry above all moving light. */
  .site-header::after{
    content:"";
    position:absolute;
    z-index:1;
    pointer-events:none;
    inset:0;
    opacity:.075;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='72' viewBox='0 0 190 72'%3E%3Cg fill='none' stroke='%23FFD33D' stroke-width='1.35'%3E%3Cpath d='M0 18h24V7h20v11h22v17h18V18h26V7h20v11h24v17h18V18h18'/%3E%3Cpath d='M0 54h18V37h24v11h18V31h26v17h22V37h20v17h24V37h22v17h16'/%3E%3Cpath d='M12 0v10h12M52 0v10h14M104 0v10h12M154 0v10h14M28 72V62h14M82 72V62h14M132 72V62h14'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat:repeat;
    background-position:center;
    mix-blend-mode:screen;
  }
  .site-header > *{
    position:relative;
  }
  /* Utility bar: subtle structure, desktop only. */
  .topbar-desktop{
    background:linear-gradient(90deg,#050B10,#07151B 48%,#050B10) !important;
  }
  .topbar-desktop .desktop-utils{
    gap:0 !important;
  }
  .topbar-desktop .desktop-utils > span{
    display:flex;
    align-items:center;
  }
  .topbar-desktop .desktop-utils > span + span::before{
    content:"";
    width:1px;
    height:11px;
    background:rgba(243,181,27,.24);
    margin:0 12px;
  }
  @keyframes mayanLiquidMain{
    0%{transform:translate3d(-6%,-2%,0) scale(1.06) rotate(-1.7deg);filter:blur(30px) saturate(112%) brightness(.94);opacity:.80}
    28%{transform:translate3d(1%,3%,0) scale(1.13) rotate(.4deg);filter:blur(27px) saturate(118%) brightness(1.02);opacity:.92}
    58%{transform:translate3d(7%,-1%,0) scale(1.09) rotate(1.5deg);filter:blur(31px) saturate(121%) brightness(.97);opacity:.86}
    82%{transform:translate3d(2%,2%,0) scale(1.15) rotate(-.2deg);filter:blur(26px) saturate(116%) brightness(1.04);opacity:.94}
    100%{transform:translate3d(-4%,0,0) scale(1.10) rotate(-1deg);filter:blur(29px) saturate(119%) brightness(.98);opacity:.88}
  }
  @keyframes mayanLiquidLogo{
    0%{transform:translate3d(-18px,-50%,0) scale(.90);opacity:.46}
    45%{transform:translate3d(28px,-46%,0) scale(1.10);opacity:.78}
    100%{transform:translate3d(4px,-54%,0) scale(1.02);opacity:.60}
  }
  @keyframes mayanLiquidNav{
    0%{transform:translate3d(-58%,-48%,0) scale(.90) rotate(-2deg);opacity:.46}
    50%{transform:translate3d(-43%,-55%,0) scale(1.16) rotate(2deg);opacity:.76}
    100%{transform:translate3d(-54%,-45%,0) scale(1.03) rotate(-1deg);opacity:.56}
  }
  @keyframes mayanLiquidGold{
    0%{transform:translate3d(-25px,-52%,0) scale(.88);opacity:.34}
    55%{transform:translate3d(20px,-47%,0) scale(1.10);opacity:.60}
    100%{transform:translate3d(4px,-54%,0) scale(.98);opacity:.42}
  }
  @keyframes mayanLogoBreath{
    0%,100%{filter:drop-shadow(0 0 8px rgba(16,168,138,.10)) brightness(1)}
    48%{filter:drop-shadow(0 0 13px rgba(16,168,138,.18)) brightness(1.035)}
    64%{filter:drop-shadow(0 0 10px rgba(16,168,138,.13)) brightness(1.01)}
  }
}


body.popup-locked{overflow:hidden!important}
  .access-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:rgba(0,0,0,.4);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;padding:18px;z-index:2147483646;overscroll-behavior:none;touch-action:none}
  .access-overlay[hidden]{display:none!important}
  .access-popup{position:relative;width:90%;max-width:420px;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);background:linear-gradient(145deg,rgba(10,10,10,.9),rgba(26,21,16,.85));border:1px solid rgb(126 232 209);border-radius:20px;overflow-x:hidden;overflow-y:auto;text-align:center;padding-bottom:20px;box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 0 1px rgb(126 232 209);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:accessIn .8s cubic-bezier(.175,.885,.32,1.275),accessPulse 3.5s infinite ease-in-out;isolation:isolate;touch-action:pan-y;-webkit-overflow-scrolling:touch}
  .access-close{position:absolute;top:10px;right:10px;z-index:5;width:38px;height:38px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(7,20,29,.88);color:#fff;font:700 24px/1 Arial,sans-serif;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.45);cursor:pointer}
  .access-close:hover, .access-close:focus-visible{background:#0b5750;outline:2px solid #fff;outline-offset:2px}
  .access-popup:before{content:"";position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(135deg,transparent 45%,rgb(126 232 209) 50%,transparent 55%);animation:accessShine 5s linear infinite;z-index:2;pointer-events:none}
  .access-banner{position:relative;z-index:1;width:100%;height:auto;display:block;border-bottom:1px solid rgb(126 232 209)}
  .access-buttons{position:relative;z-index:3;display:flex;flex-direction:column;gap:15px;padding:25px 20px}
  .access-buttons a{position:relative;display:block;width:100%;padding:18px 0;overflow:hidden;color:#fff;background:linear-gradient(135deg,#073a36,#0b5750);border-radius:50px;box-shadow:0 10px 20px rgba(24,168,143,.45);font:700 16px/1 Montserrat,Arial,sans-serif;letter-spacing:1.5px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}
  .access-buttons a:before{content:"";position:absolute;inset:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:accessButtonShine 3.2s infinite}
  .access-buttons a:hover{transform:translateY(-4px);box-shadow:0 15px 25px rgba(24,168,143,.55);background:linear-gradient(135deg,#073a36,#18a88f)}
  .access-footer{position:relative;z-index:3;padding:20px 10px;color:#ccc;font:13px/1.6 "Playfair Display",Georgia,serif}
  .access-footer strong{color:#fff;font-weight:600;text-shadow:0 0 5px rgba(255,255,255,.8)}
  .access-particle{position:absolute;background:radial-gradient(circle,rgb(126 232 209) 0%,rgb(24 168 143) 100%);border-radius:50%;pointer-events:none;z-index:1;animation:accessFloat 10s infinite ease-in-out;box-shadow:0 0 10px rgb(24 168 143)}
  @keyframes accessPulse{0%,100%{box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 20px rgb(126 232 209),0 0 0 1px rgb(126 232 209)}50%{box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 30px rgb(126 232 209),0 0 0 1px rgb(126 232 209)}}
  @keyframes accessShine{0%{transform:translate(-100%,-100%) rotate(30deg)}100%{transform:translate(100%,100%) rotate(30deg)}}
  @keyframes accessButtonShine{0%,35%{left:-100%}70%,100%{left:100%}}
  @keyframes accessIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.05) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
  @keyframes accessFloat{0%,100%{transform:translate(0);opacity:0}10%,90%{opacity:.8}100%{transform:translate(40px,-120px);opacity:0}}
  @media(max-width:480px){.access-overlay{padding:10px}.access-popup{width:95%;max-width:350px;padding-bottom:8px}.access-buttons{gap:12px;padding:20px 17px}.access-buttons a{font-size:14px;padding:16px 0}.access-footer{font-size:12px;padding:14px 8px 20px}}
  @media(max-height:720px){.access-popup{max-width:330px}.access-buttons{gap:10px;padding:14px 16px}.access-buttons a{padding:13px 0}.access-footer{padding:7px;font-size:10px}}


.mayan-trust-panel{margin:16px 0 18px;padding:18px;border:1px solid rgba(243,181,27,.22);border-radius:12px;background:linear-gradient(135deg,rgba(16,168,138,.10),rgba(7,20,29,.85))}.mayan-trust-panel strong, .mayan-trust-panel span{display:block}.mayan-trust-panel strong{color:#F2D995;font-size:14px}.mayan-trust-panel span{color:#8FA09C;font-size:11px}.mayan-trust-panel p{margin:10px 0}.mayan-trust-links{display:flex;flex-wrap:wrap;gap:10px}.mayan-trust-links a{font-size:12px;font-weight:800}.mayan-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 26px}.mayan-resource-grid>a{padding:14px;border:1px solid rgba(243,181,27,.18);border-radius:12px;background:#0A1A22}.mayan-resource-grid strong, .mayan-resource-grid span{display:block}.mayan-resource-grid strong{color:#EADDAE;font-size:13px}.mayan-resource-grid span{color:#95A4A1;font-size:11px;margin-top:3px}.page-icon-rail .category{cursor:pointer}.seo.page-content{padding-top:32px}.page-meta{color:#8FA09C;font-size:11px;margin-bottom:16px}.page-content ol, .page-content ul{color:#AEB8B6;font-size:13px;line-height:1.75}.page-content .brand-source a{font-weight:900}
@media(min-width:760px){.mayan-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.page-icon-rail{display:none!important}#mayanFoliageZone{background-image:url("https://res.cloudinary.com/rhjpo8yy/image/upload/v1787398183/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp")!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}#mayanFoliageZone .jackpot-wrap, #mayanFoliageZone .desktop-jungle-stage{background:transparent!important;background-image:none!important}#mayanAppSection{background-image:linear-gradient(rgba(1,8,10,.18),rgba(1,8,10,.28)),url("https://res.cloudinary.com/rhjpo8yy/image/upload/v1787311279/Untitled_-_August_11_2026_at_16.50.11-41_1_nqup07.webp")!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}}
@media(max-width:759px){.page-icon-rail .category{flex-basis:82px}.mayan-resource-grid{grid-template-columns:1fr 1fr}#mayanAppSection{background-image:linear-gradient(rgba(4,14,19,.18),rgba(4,14,19,.24)),url("https://res.cloudinary.com/rhjpo8yy/image/upload/v1787398183/70b0e386-2ed2-4258-ab49-5ea096986f6a_zc2eoe.webp")!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}}