/* cb666 base styles - mobile first, prefix v6ee- */
:root{
  --v6ee-primary:#4DB6AC;
  --v6ee-bg:#2D2D2D;
  --v6ee-bg-soft:#363636;
  --v6ee-bg-card:#3c3c3c;
  --v6ee-text:#f5f5f5;
  --v6ee-muted:#bdbdbd;
  --v6ee-accent:#FFB74D;
  --v6ee-danger:#EF5350;
  --v6ee-success:#66BB6A;
  --v6ee-line:rgba(255,255,255,.08);
  --v6ee-radius:10px;
}
*{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,sans-serif;
  background:var(--v6ee-bg);
  color:var(--v6ee-text);
  line-height:1.5rem;
  font-size:1.5rem;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:var(--v6ee-primary);text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}

.v6ee-container{max-width:430px;margin:0 auto;padding:0 1.2rem;}
.v6ee-wrapper{padding-top:6.4rem;padding-bottom:8.4rem;min-height:100vh;}

/* ===== Header ===== */
.v6ee-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(135deg,#1f1f1f,#2D2D2D);
  border-bottom:1px solid var(--v6ee-line);
  height:6.4rem;
}
.v6ee-header-inner{
  max-width:430px;margin:0 auto;padding:0 1rem;height:100%;
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
}
.v6ee-brand{display:flex;align-items:center;gap:.6rem;min-width:0;}
.v6ee-logo{width:3rem;height:3rem;border-radius:.6rem;object-fit:cover;}
.v6ee-brand-text{display:flex;flex-direction:column;line-height:1.2rem;}
.v6ee-brand-name{font-size:1.8rem;font-weight:700;color:var(--v6ee-primary);}
.v6ee-brand-tag{font-size:1rem;color:var(--v6ee-muted);}
.v6ee-header-actions{display:flex;align-items:center;gap:.5rem;}
.v6ee-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.7rem 1.2rem;border-radius:var(--v6ee-radius);font-size:1.3rem;font-weight:600;
  min-height:4rem;min-width:4.4rem;transition:transform .15s, opacity .15s;
}
.v6ee-btn:active{transform:scale(.96);}
.v6ee-btn-primary{background:var(--v6ee-primary);color:#112022;}
.v6ee-btn-outline{border:1px solid var(--v6ee-primary);color:var(--v6ee-primary);}
.v6ee-btn-ghost{color:var(--v6ee-text);}
.v6ee-menu-btn{font-size:2rem;color:var(--v6ee-primary);padding:.4rem .6rem;}

/* ===== Mobile Menu Drawer ===== */
.v6ee-menu-backdrop{
  position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);
  opacity:0;pointer-events:none;transition:opacity .25s;
}
.v6ee-menu-backdrop.v6ee-open{opacity:1;pointer-events:auto;}
.v6ee-menu{
  position:fixed;top:0;right:0;z-index:10000;height:100vh;width:80%;max-width:320px;
  background:var(--v6ee-bg-soft);transform:translateX(100%);transition:transform .28s ease;
  padding:2rem 1.4rem;overflow-y:auto;
}
.v6ee-menu.v6ee-open{transform:translateX(0);}
.v6ee-menu-title{font-size:1.8rem;color:var(--v6ee-primary);margin-bottom:1rem;font-weight:700;}
.v6ee-menu-link{
  display:flex;align-items:center;gap:.8rem;padding:1.1rem .6rem;
  border-bottom:1px solid var(--v6ee-line);font-size:1.4rem;color:var(--v6ee-text);
}
.v6ee-menu-link:active{background:var(--v6ee-bg-card);}
.v6ee-menu-link i{color:var(--v6ee-primary);font-size:1.8rem;}
.v6ee-menu-close{position:absolute;top:1rem;right:1rem;font-size:2.2rem;color:var(--v6ee-muted);}

/* ===== Hero / Carousel ===== */
.v6ee-hero{margin:1rem 0 1.4rem;}
.v6ee-carousel{position:relative;border-radius:14px;overflow:hidden;}
.v6ee-slides{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;}
.v6ee-slides::-webkit-scrollbar{display:none;}
.v6ee-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;}
.v6ee-slide img{width:100%;height:18rem;object-fit:cover;}
.v6ee-slide-overlay{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:1.2rem;background:linear-gradient(transparent,rgba(0,0,0,.7));
}
.v6ee-slide-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.4rem;}
.v6ee-slide-sub{font-size:1.2rem;color:#eee;margin-bottom:.6rem;}
.v6ee-slide-cta{
  align-self:flex-start;background:var(--v6ee-primary);color:#112022;
  padding:.6rem 1.2rem;border-radius:20px;font-weight:700;font-size:1.2rem;
}
.v6ee-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.6rem;}
.v6ee-dot{width:.7rem;height:.7rem;border-radius:50%;background:rgba(255,255,255,.3);}
.v6ee-dot.v6ee-active{background:var(--v6ee-primary);width:1.6rem;border-radius:4px;}

/* ===== Section ===== */
.v6ee-section{margin:1.6rem 0;}
.v6ee-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;}
.v6ee-section-title{font-size:1.8rem;font-weight:700;color:var(--v6ee-primary);}
.v6ee-section-title i{margin-right:.4rem;}
.v6ee-section-more{font-size:1.2rem;color:var(--v6ee-muted);}

/* ===== Game Grid ===== */
.v6ee-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;}
.v6ee-game-card{
  background:var(--v6ee-bg-card);border-radius:12px;overflow:hidden;
  border:1px solid var(--v6ee-line);transition:transform .15s;
}
.v6ee-game-card:active{transform:scale(.97);}
.v6ee-game-thumb{aspect-ratio:1/1;background:#222;}
.v6ee-game-thumb img{width:100%;height:100%;object-fit:cover;}
.v6ee-game-name{
  padding:.5rem .4rem;font-size:1.1rem;color:var(--v6ee-text);
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.v6ee-cat-label{
  font-size:1.3rem;color:var(--v6ee-muted);margin:1.2rem 0 .6rem;
  border-left:3px solid var(--v6ee-primary);padding-left:.6rem;
}

/* ===== Info Cards ===== */
.v6ee-card{
  background:var(--v6ee-bg-card);border-radius:12px;padding:1.2rem;
  border:1px solid var(--v6ee-line);margin-bottom:1rem;
}
.v6ee-card-title{font-size:1.6rem;color:var(--v6ee-primary);margin-bottom:.6rem;font-weight:700;}
.v6ee-card p{font-size:1.3rem;color:var(--v6ee-muted);margin-bottom:.6rem;}
.v6ee-card p strong{color:var(--v6ee-text);}

/* ===== RTP compact table ===== */
.v6ee-rtp{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;}
.v6ee-rtp-item{
  background:var(--v6ee-bg-soft);border-radius:8px;padding:.8rem;text-align:center;
}
.v6ee-rtp-name{font-size:1.1rem;color:var(--v6ee-muted);}
.v6ee-rtp-val{font-size:1.6rem;color:var(--v6ee-accent);font-weight:700;}

/* ===== Testimonial ===== */
.v6ee-testi{display:flex;flex-direction:column;gap:.8rem;}
.v6ee-testi-item{
  background:var(--v6ee-bg-soft);border-radius:10px;padding:1rem;
  border-left:3px solid var(--v6ee-primary);
}
.v6ee-testi-name{font-size:1.3rem;font-weight:600;color:var(--v6ee-primary);}
.v6ee-testi-text{font-size:1.2rem;color:var(--v6ee-muted);margin-top:.3rem;}

/* ===== Winners ===== */
.v6ee-winners{display:flex;flex-direction:column;gap:.5rem;}
.v6ee-winner{
  display:flex;justify-content:space-between;align-items:center;
  background:var(--v6ee-bg-soft);border-radius:8px;padding:.7rem 1rem;font-size:1.2rem;
}
.v6ee-winner-name{color:var(--v6ee-text);}
.v6ee-winner-amount{color:var(--v6ee-accent);font-weight:700;}

/* ===== Payment ===== */
.v6ee-pay{display:flex;flex-wrap:wrap;gap:.6rem;}
.v6ee-pay-item{
  background:var(--v6ee-bg-soft);border:1px solid var(--v6ee-line);
  border-radius:8px;padding:.7rem 1rem;font-size:1.2rem;color:var(--v6ee-muted);
  display:flex;align-items:center;gap:.4rem;
}
.v6ee-pay-item i{color:var(--v6ee-primary);}

/* ===== CTA Banner ===== */
.v6ee-cta-banner{
  background:linear-gradient(135deg,var(--v6ee-primary),#26a69a);
  border-radius:14px;padding:1.4rem;text-align:center;color:#112022;margin:1.4rem 0;
}
.v6ee-cta-banner h3{font-size:1.8rem;margin-bottom:.4rem;}
.v6ee-cta-banner p{font-size:1.2rem;margin-bottom:.8rem;}
.v6ee-cta-banner .v6ee-btn{background:#112022;color:var(--v6ee-primary);}

/* ===== Promo text link ===== */
.v6ee-promo-link{color:var(--v6ee-primary);font-weight:700;border-bottom:1px dashed var(--v6ee-primary);}

/* ===== Help / guide blocks ===== */
.v6ee-help-list{display:flex;flex-direction:column;gap:.8rem;}
.v6ee-help-item{background:var(--v6ee-bg-soft);border:1px solid var(--v6ee-line);border-radius:10px;padding:1rem;}
.v6ee-help-item h3{font-size:1.4rem;color:var(--v6ee-primary);margin-bottom:.4rem;}
.v6ee-help-item p,.v6ee-help-item li{font-size:1.25rem;color:var(--v6ee-muted);margin-bottom:.4rem;}
.v6ee-step-list{counter-reset:v6ee-step;display:flex;flex-direction:column;gap:.8rem;}
.v6ee-step{counter-increment:v6ee-step;position:relative;background:var(--v6ee-bg-soft);border-radius:10px;padding:1rem 1rem 1rem 4rem;border:1px solid var(--v6ee-line);}
.v6ee-step:before{content:counter(v6ee-step);position:absolute;left:1rem;top:1rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--v6ee-primary);color:#112022;display:flex;align-items:center;justify-content:center;font-weight:700;}
.v6ee-note{border-left:3px solid var(--v6ee-accent);background:rgba(255,183,77,.08);border-radius:8px;padding:1rem;color:var(--v6ee-muted);font-size:1.25rem;}
.v6ee-internal-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem;}
.v6ee-internal-links a{font-size:1.2rem;color:var(--v6ee-primary);border-bottom:1px dashed var(--v6ee-primary);}
.v6ee-partners{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0;}
.v6ee-partner{background:var(--v6ee-bg-card);border:1px solid var(--v6ee-line);border-radius:8px;padding:.6rem .8rem;font-size:1.1rem;color:var(--v6ee-muted);display:flex;align-items:center;gap:.4rem;}
.v6ee-partner i{color:var(--v6ee-primary);}

/* ===== Footer ===== */
.v6ee-footer{
  background:var(--v6ee-bg-soft);border-top:1px solid var(--v6ee-line);
  padding:1.6rem 0 2rem;margin-top:1.4rem;
}
.v6ee-footer-intro{font-size:1.2rem;color:var(--v6ee-muted);margin-bottom:1rem;}
.v6ee-footer-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;}
.v6ee-footer-links a{
  font-size:1.2rem;color:var(--v6ee-primary);background:var(--v6ee-bg-card);
  padding:.5rem .9rem;border-radius:6px;
}
.v6ee-footer-copy{font-size:1.1rem;color:var(--v6ee-muted);text-align:center;border-top:1px solid var(--v6ee-line);padding-top:1rem;}

/* ===== Bottom Nav ===== */
.v6ee-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;height:6.2rem;
  background:linear-gradient(180deg,#222,#1a1a1a);border-top:1px solid var(--v6ee-line);
  display:flex;justify-content:space-around;align-items:center;
}
.v6ee-nav-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:6rem;min-height:6rem;gap:.2rem;color:var(--v6ee-muted);font-size:1rem;transition:color .2s,transform .15s;
}
.v6ee-nav-item:active{transform:scale(.92);}
.v6ee-nav-item i{font-size:2.2rem;}
.v6ee-nav-item.v6ee-active{color:var(--v6ee-primary);}
.v6ee-nav-badge{
  position:absolute;top:.4rem;right:1.4rem;background:var(--v6ee-danger);
  color:#fff;font-size:.9rem;border-radius:50%;width:1.6rem;height:1.6rem;
  display:flex;align-items:center;justify-content:center;font-weight:700;
}

/* ===== Utility ===== */
.v6ee-hide-desktop{}
.v6ee-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;}
.v6ee-feature{
  background:var(--v6ee-bg-card);border-radius:10px;padding:1rem;text-align:center;
}
.v6ee-feature i{font-size:2.4rem;color:var(--v6ee-primary);margin-bottom:.4rem;}
.v6ee-feature h4{font-size:1.3rem;color:var(--v6ee-text);margin-bottom:.3rem;}
.v6ee-feature p{font-size:1.1rem;color:var(--v6ee-muted);}

/* ===== Responsive ===== */
@media (min-width:769px){
  .v6ee-bottom-nav{display:none;}
  .v6ee-wrapper{padding-bottom:2rem;}
  .v6ee-container{max-width:760px;}
  .v6ee-game-grid{grid-template-columns:repeat(5,1fr);}
}
@media (max-width:768px){
  .v6ee-wrapper{padding-bottom:8.4rem;}
}
