/* cv9996 base styles - mobile first HTML5 casino (bn-BD) */
/* Prefix: ui68- */

:root{
  --ui68-bg:#3A3A3A;
  --ui68-bg2:#2c2c2c;
  --ui68-bg3:#454545;
  --ui68-text:#F5DEB3;
  --ui68-accent:#8FBC8F;
  --ui68-hot:#00FF7F;
  --ui68-card:#3f3f3f;
  --ui68-border:#5a5a5a;
  --ui68-muted:#b9a98a;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{
  font-family:"Hind Siliguri","Noto Sans Bengali",system-ui,Arial,sans-serif;
  background:var(--ui68-bg);
  color:var(--ui68-text);
  line-height:1.5rem;
  font-size:1.5rem;
  overflow-x:hidden;
}
a{color:var(--ui68-hot);text-decoration:none;}
img{max-width:100%;display:block;}

/* Layout container */
.ui68-wrapper{max-width:430px;margin:0 auto;position:relative;}
.ui68-container{padding:1.2rem;}

/* Header */
.ui68-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,#232323,#3A3A3A);
  border-bottom:1px solid var(--ui68-border);
}
.ui68-header-inner{
  max-width:430px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:.6rem 1rem;min-height:56px;
}
.ui68-logo{display:flex;align-items:center;gap:.6rem;}
.ui68-logo img{width:30px;height:30px;border-radius:6px;}
.ui68-logo .ui68-brand{font-size:1.7rem;font-weight:700;color:var(--ui68-hot);letter-spacing:.5px;}
.ui68-header-actions{display:flex;align-items:center;gap:.5rem;}
.ui68-btn{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.55rem 1.1rem;border-radius:20px;
  font-size:1.3rem;font-weight:600;border:none;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease;
}
.ui68-btn:active{transform:scale(.96);}
.ui68-btn-register{background:var(--ui68-hot);color:#1a1a1a;}
.ui68-btn-login{background:transparent;color:var(--ui68-text);border:1px solid var(--ui68-accent);}
.ui68-menu-btn{
  background:transparent;border:none;color:var(--ui68-text);
  font-size:2rem;cursor:pointer;padding:.2rem .6rem;
}

/* Expandable nav menu */
.ui68-nav{
  max-height:0;overflow:hidden;transition:max-height .3s ease;
  background:#2c2c2c;border-top:1px solid var(--ui68-border);
}
.ui68-nav.open{max-height:480px;}
.ui68-nav-list{list-style:none;max-width:430px;margin:0 auto;padding:.4rem 1rem;}
.ui68-nav-list li{border-bottom:1px solid #444;}
.ui68-nav-list li:last-child{border-bottom:none;}
.ui68-nav-list a{
  display:block;padding:1rem;color:var(--ui68-text);font-size:1.4rem;
}
.ui68-nav-list a:hover{color:var(--ui68-hot);}

/* Main */
.ui68-main{padding-top:70px;padding-bottom:90px;}
.ui68-section{padding:1.6rem 1.2rem;}
.ui68-section-title{
  font-size:1.9rem;font-weight:700;color:var(--ui68-hot);
  margin-bottom:1rem;border-left:4px solid var(--ui68-accent);padding-left:.8rem;
}

/* Hero / Carousel */
.ui68-hero{padding:1.2rem;}
.ui68-carousel{position:relative;border-radius:14px;overflow:hidden;}
.ui68-slides{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;}
.ui68-slides::-webkit-scrollbar{display:none;}
.ui68-slide{flex:0 0 100%;scroll-snap-align:center;position:relative;}
.ui68-slide img{width:100%;height:190px;object-fit:cover;}
.ui68-slide-cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:.8rem 1rem;background:linear-gradient(transparent,rgba(0,0,0,.75));
  font-size:1.4rem;font-weight:600;color:var(--ui68-text);
}
.ui68-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.7rem;}
.ui68-dot{width:8px;height:8px;border-radius:50%;background:#777;cursor:pointer;}
.ui68-dot.active{background:var(--ui68-hot);}

/* Promo link styles */
.ui68-promo-link{
  color:var(--ui68-hot);font-weight:700;cursor:pointer;
  border-bottom:1px dashed var(--ui68-hot);
}
.ui68-cta-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;}
.ui68-cta-row .ui68-btn{flex:1;justify-content:center;}

/* Category tabs */
.ui68-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.6rem 1.2rem;}
.ui68-tabs::-webkit-scrollbar{display:none;}
.ui68-tab{
  flex:0 0 auto;padding:.5rem 1.1rem;border-radius:18px;
  background:var(--ui68-card);color:var(--ui68-text);
  font-size:1.25rem;border:1px solid var(--ui68-border);cursor:pointer;white-space:nowrap;
}
.ui68-tab.active{background:var(--ui68-hot);color:#1a1a1a;border-color:var(--ui68-hot);}

/* Game grid */
.ui68-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:0 1.2rem;
}
.ui68-card{
  background:var(--ui68-card);border:1px solid var(--ui68-border);
  border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s ease;
}
.ui68-card:active{transform:scale(.97);}
.ui68-card img{width:100%;height:90px;object-fit:cover;}
.ui68-card-name{
  padding:.5rem;font-size:1.15rem;color:var(--ui68-text);
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ui68-card-tag{
  display:inline-block;font-size:1rem;color:var(--ui68-accent);
  padding:0 .5rem .4rem;text-align:center;width:100%;
}

/* SEO content block */
.ui68-content{padding:1.2rem;font-size:1.45rem;color:var(--ui68-text);line-height:2.6rem;}
.ui68-content h2{color:var(--ui68-hot);font-size:1.7rem;margin:1.4rem 0 .6rem;}
.ui68-content h3{color:var(--ui68-accent);font-size:1.5rem;margin:1.1rem 0 .5rem;}
.ui68-content p{margin-bottom:.9rem;}
.ui68-content a{font-weight:600;}

/* Footer */
.ui68-footer{
  background:#232323;border-top:1px solid var(--ui68-border);
  padding:1.6rem 1.2rem 2rem;color:var(--ui68-muted);font-size:1.3rem;
}
.ui68-footer-brand{margin-bottom:1rem;line-height:2rem;}
.ui68-footer-promos{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;}
.ui68-footer-promos .ui68-btn{padding:.4rem .9rem;font-size:1.2rem;}
.ui68-footer-links{
  display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:1rem 0;
}
.ui68-footer-links a{color:var(--ui68-accent);font-size:1.25rem;}
.ui68-footer-links a:hover{color:var(--ui68-hot);}
.ui68-copy{text-align:center;border-top:1px solid #444;padding-top:1rem;margin-top:1rem;font-size:1.15rem;}

/* Mobile bottom nav */
.ui68-bottomnav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  background:#1f1f1f;border-top:1px solid var(--ui68-border);
  display:flex;justify-content:space-around;align-items:center;
  height:60px;
}
.ui68-bottomnav-item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:var(--ui68-muted);font-size:1.05rem;cursor:pointer;
  background:transparent;border:none;transition:color .15s ease,transform .15s ease;
  min-width:60px;min-height:60px;text-decoration:none;
}
.ui68-bottomnav-item:active{transform:scale(.92);}
.ui68-bottomnav-item.active{color:var(--ui68-hot);}
.ui68-bottomnav-item .material-icons,
.ui68-bottomnav-item .fas,
.ui68-bottomnav-item .far,
.ui68-bottomnav-item ion-icon{font-size:22px;}
.ui68-bottomnav-item ion-icon{font-size:24px;}
.ui68-bottomnav-label{margin-top:.15rem;}

/* Desktop: hide bottom nav */
@media (min-width:769px){
  .ui68-bottomnav{display:none;}
  .ui68-main{padding-bottom:30px;}
}

/* Tablet/desktop wider */
@media (min-width:600px){
  body{font-size:1.6rem;}
}