/* 55577.homes - Core base stylesheet (prefix: uid0-) */
:root{
  --uid0-primary:#FFEB3B;
  --uid0-accent:#FF6347;
  --uid0-bg:#0C0C0C;
  --uid0-bg2:#161616;
  --uid0-bg3:#1f1f1f;
  --uid0-text:#F5F5F5;
  --uid0-muted:#9a9a9a;
  --uid0-line:#2a2a2a;
  --uid0-radius:1.2rem;
  --uid0-shadow:0 4px 18px rgba(0,0,0,.45);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{
  font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--uid0-bg);
  color:var(--uid0-text);
  line-height:1.5rem;
  max-width:430px;
  margin:0 auto;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.uid0-wrap{max-width:430px;margin:0 auto;position:relative;}

/* ===== Header ===== */
.uid0-header{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:1000;
  background:linear-gradient(180deg,#0C0C0C 0%,rgba(12,12,12,.96) 100%);
  border-bottom:1px solid var(--uid0-line);
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1rem;gap:.6rem;
}
.uid0-logo{display:flex;align-items:center;gap:.55rem;min-width:0;}
.uid0-logo img{width:30px;height:30px;border-radius:.6rem;}
.uid0-logo b{font-size:1.55rem;color:var(--uid0-primary);letter-spacing:.5px;font-weight:800;}
.uid0-logo span{font-size:1rem;color:var(--uid0-muted);}
.uid0-hbtns{display:flex;align-items:center;gap:.5rem;}
.uid0-btn{
  border:none;border-radius:2rem;padding:.65rem 1.2rem;font-size:1.15rem;
  font-weight:700;cursor:pointer;min-height:40px;transition:transform .15s,filter .15s;
}
.uid0-btn:active{transform:scale(.94);}
.uid0-btn-login{background:transparent;color:var(--uid0-text);border:1.5px solid var(--uid0-primary);}
.uid0-btn-reg{background:linear-gradient(90deg,var(--uid0-accent) 0%,#ff8155 100%);color:#0C0C0C;}
.uid0-menu-btn{
  background:transparent;border:1px solid var(--uid0-line);border-radius:.8rem;
  width:38px;height:38px;color:var(--uid0-primary);font-size:1.6rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}

/* ===== Mobile menu (drawer) ===== */
.uid0-menu{
  position:fixed;top:0;right:0;height:100%;width:78%;max-width:330px;z-index:9999;
  background:var(--uid0-bg2);transform:translateX(105%);transition:transform .28s ease;
  padding:6.5rem 1.2rem 2rem;overflow-y:auto;border-left:1px solid var(--uid0-line);
}
.uid0-menu.open{transform:translateX(0);}
.uid0-menu h4{color:var(--uid0-primary);font-size:1.25rem;margin:1.2rem 0 .5rem;}
.uid0-menu a{
  display:block;padding:.85rem .6rem;border-bottom:1px solid var(--uid0-line);
  font-size:1.2rem;color:var(--uid0-text);
}
.uid0-menu a:active{background:var(--uid0-bg3);}
.uid0-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;
  opacity:0;visibility:hidden;transition:opacity .25s;max-width:430px;margin:0 auto;
}
.uid0-overlay.open{opacity:1;visibility:visible;}
.uid0-menu-close{
  position:absolute;top:1.1rem;right:1.1rem;background:transparent;border:none;
  color:var(--uid0-text);font-size:2rem;cursor:pointer;
}

/* ===== Main / sections ===== */
.uid0-main{padding-top:5.6rem;}
.uid0-section{padding:1.6rem 1rem 1.2rem;}
.uid0-sec-title{
  font-size:1.55rem;font-weight:800;color:var(--uid0-primary);margin-bottom:.9rem;
  display:flex;align-items:center;gap:.5rem;
}
.uid0-sec-title::before{content:"";width:.4rem;height:1.5rem;background:var(--uid0-accent);border-radius:.3rem;}

/* ===== Carousel ===== */
.uid0-carousel{position:relative;width:100%;overflow:hidden;border-radius:var(--uid0-radius);margin:0 0 .6rem;}
.uid0-track{display:flex;transition:transform .45s ease;}
.uid0-slide{min-width:100%;position:relative;cursor:pointer;}
.uid0-slide img{width:100%;height:190px;object-fit:cover;}
.uid0-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:.9rem 1rem;
  background:linear-gradient(0deg,rgba(12,12,12,.92),transparent);
  font-size:1.15rem;font-weight:700;color:var(--uid0-primary);
}
.uid0-dots{display:flex;justify-content:center;gap:.5rem;padding:.6rem 0;}
.uid0-dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--uid0-line);border:none;cursor:pointer;}
.uid0-dot.on{background:var(--uid0-accent);width:1.6rem;border-radius:.4rem;}

/* ===== Promo strip ===== */
.uid0-promostrip{
  display:flex;gap:.6rem;overflow-x:auto;padding:.6rem 1rem;scroll-snap-type:x mandatory;
}
.uid0-promostrip::-webkit-scrollbar{display:none;}
.uid0-promo-card{
  min-width:140px;flex:0 0 auto;background:var(--uid0-bg2);border:1px solid var(--uid0-line);
  border-radius:1rem;padding:.85rem;scroll-snap-align:start;cursor:pointer;
}
.uid0-promo-card b{color:var(--uid0-primary);font-size:1.15rem;display:block;}
.uid0-promo-card small{color:var(--uid0-muted);font-size:1rem;}

/* ===== Game list ===== */
.uid0-cat-head{
  display:flex;align-items:center;justify-content:space-between;margin:1.2rem 0 .7rem;
}
.uid0-cat-head h2{font-size:1.4rem;color:var(--uid0-primary);}
.uid0-cat-head em{font-style:normal;color:var(--uid0-muted);font-size:1rem;}
.uid0-games{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;}
.uid0-game{cursor:pointer;text-align:center;transition:transform .15s;}
.uid0-game:active{transform:scale(.95);}
.uid0-game .uid0-gimg{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.9rem;
  border:1.5px solid var(--uid0-line);background:var(--uid0-bg2);
}
.uid0-game b{display:block;font-size:1.05rem;color:var(--uid0-text);margin-top:.4rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ===== Content / SEO modules ===== */
.uid0-card{
  background:var(--uid0-bg2);border:1px solid var(--uid0-line);border-radius:var(--uid0-radius);
  padding:1.2rem;margin-bottom:1rem;
}
.uid0-card h3{color:var(--uid0-primary);font-size:1.3rem;margin-bottom:.5rem;}
.uid0-card p{font-size:1.15rem;color:var(--uid0-text);margin-bottom:.6rem;}
.uid0-card a{color:var(--uid0-accent);font-weight:700;}
.uid0-faq{border-bottom:1px solid var(--uid0-line);padding:.8rem 0;}
.uid0-faq q{display:block;color:var(--uid0-primary);font-weight:700;font-size:1.15rem;margin-bottom:.3rem;}
.uid0-faq a{font-size:1.1rem;}
.uid0-list{list-style:none;padding-left:0;}
.uid0-list li{padding:.5rem 0 .5rem 1.6rem;position:relative;font-size:1.15rem;}
.uid0-list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;
  position:absolute;left:0;color:var(--uid0-accent);font-size:1rem;}

/* ===== Winners ===== */
.uid0-winners{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;}
.uid0-winner{background:var(--uid0-bg3);border-radius:.8rem;padding:.7rem;border-left:3px solid var(--uid0-primary);}
.uid0-winner b{color:var(--uid0-primary);font-size:1.15rem;}
.uid0-winner small{display:block;color:var(--uid0-muted);font-size:1rem;margin-top:.2rem;}

/* ===== Payment ===== */
.uid0-pay{display:flex;flex-wrap:wrap;gap:.5rem;}
.uid0-pay span{
  background:var(--uid0-bg3);border:1px solid var(--uid0-line);border-radius:.7rem;
  padding:.55rem 1rem;font-size:1.05rem;color:var(--uid0-text);
}

/* ===== App CTA ===== */
.uid0-appcta{
  background:linear-gradient(120deg,#1a1400,#2a0f0a);border:1px solid var(--uid0-primary);
  border-radius:var(--uid0-radius);padding:1.3rem;text-align:center;
}
.uid0-appcta h3{color:var(--uid0-primary);font-size:1.4rem;margin-bottom:.5rem;}
.uid0-appcta p{font-size:1.1rem;margin-bottom:.9rem;}
.uid0-appcta .uid0-btn{display:inline-block;}

/* ===== Footer ===== */
.uid0-footer{background:var(--uid0-bg2);border-top:1px solid var(--uid0-line);padding:1.6rem 1rem 6rem;}
.uid0-footer p{font-size:1.1rem;color:var(--uid0-muted);margin-bottom:.8rem;line-height:1.6rem;}
.uid0-footer h4{color:var(--uid0-primary);font-size:1.2rem;margin:1rem 0 .5rem;}
.uid0-flinks{display:flex;flex-wrap:wrap;gap:.5rem;}
.uid0-flinks a{
  background:var(--uid0-bg3);border:1px solid var(--uid0-line);border-radius:.7rem;
  padding:.45rem .9rem;font-size:1.05rem;color:var(--uid0-text);
}
.uid0-flinks a:active{color:var(--uid0-primary);border-color:var(--uid0-primary);}
.uid0-promobtns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;}
.uid0-promobtns button{
  flex:1 1 45%;background:linear-gradient(90deg,var(--uid0-accent),#ff8155);
  color:#0C0C0C;border:none;border-radius:.8rem;padding:.7rem;font-weight:700;font-size:1.1rem;cursor:pointer;
}
.uid0-copy{text-align:center;color:var(--uid0-muted);font-size:1rem;margin-top:1rem;}

/* ===== Bottom nav ===== */
.uid0-bottomnav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;
  height:60px;background:#0C0C0C;border-top:1.5px solid var(--uid0-primary);
  display:flex;justify-content:space-around;align-items:center;z-index:1000;
}
.uid0-navbtn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;
  background:transparent;border:none;color:var(--uid0-muted);font-size:1rem;cursor:pointer;
  min-width:60px;min-height:60px;flex:1;transition:color .2s,transform .15s;
}
.uid0-navbtn .ic{font-size:2.2rem;line-height:1;}
.uid0-navbtn .material-icons,.uid0-navbtn .ion{font-size:2.2rem;}
.uid0-navbtn.active{color:var(--uid0-primary);}
.uid0-navbtn:active{transform:scale(.9);}
.uid0-navbtn.promo{color:var(--uid0-accent);}
.uid0-navbtn.promo .ic{font-size:2.4rem;}

@media (min-width:769px){
  .uid0-bottomnav{display:none;}
}
@media (max-width:768px){
  .uid0-main{padding-bottom:80px;}
}