/* f22 bet basefiles stylesheet - prefix v0ae */
:root{
  --v0ae-bg:#2D2D2D;
  --v0ae-bg2:#1f1f1f;
  --v0ae-card:#3a3a3a;
  --v0ae-mint:#BAFFC9;
  --v0ae-coral:#FF8A80;
  --v0ae-brown:#A0522D;
  --v0ae-wheat:#F5DEB3;
  --v0ae-gray:#808080;
  --v0ae-gold:#FFD479;
  --v0ae-radius:14px;
}
*{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(--v0ae-bg);
  color:var(--v0ae-wheat);
  line-height:1.5;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
}
a{color:var(--v0ae-mint);text-decoration:none;}
img{max-width:100%;display:block;}

/* ===== Header ===== */
.v0ae-header{
  position:sticky;top:0;z-index:1000;
  background:linear-gradient(135deg,#1f1f1f 0%,#2D2D2D 60%,#3a2418 100%);
  border-bottom:2px solid var(--v0ae-brown);
  padding:10px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.v0ae-logo{display:flex;align-items:center;gap:8px;color:var(--v0ae-wheat);font-weight:800;font-size:1.9rem;letter-spacing:.5px;}
.v0ae-logo .v0ae-logo-mark{
  width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--v0ae-coral),var(--v0ae-brown));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:800;
  box-shadow:0 2px 6px rgba(0,0,0,.4);
}
.v0ae-logo small{display:block;font-size:1rem;color:var(--v0ae-mint);font-weight:500;}
.v0ae-header-actions{display:flex;align-items:center;gap:8px;}
.v0ae-btn{
  border:none;cursor:pointer;border-radius:30px;padding:9px 16px;
  font-size:1.3rem;font-weight:700;font-family:inherit;
  transition:transform .15s ease,box-shadow .15s ease;
}
.v0ae-btn:active{transform:scale(.95);}
.v0ae-btn-login{background:transparent;color:var(--v0ae-wheat);border:1.5px solid var(--v0ae-wheat);}
.v0ae-btn-register{
  background:linear-gradient(135deg,var(--v0ae-coral),var(--v0ae-brown));
  color:#fff;box-shadow:0 3px 10px rgba(255,138,128,.4);
}
.v0ae-menu-toggle{
  background:transparent;border:none;color:var(--v0ae-wheat);
  font-size:2rem;cursor:pointer;padding:4px 8px;
}

/* ===== Mobile menu ===== */
.v0ae-menu{
  position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;
  background:var(--v0ae-bg2);z-index:9999;
  transition:right .28s ease;padding:64px 18px 24px;overflow-y:auto;
  border-left:2px solid var(--v0ae-brown);
}
.v0ae-menu.open{right:0;}
.v0ae-menu-close{
  position:absolute;top:14px;right:14px;background:transparent;border:none;
  color:var(--v0ae-wheat);font-size:2.4rem;cursor:pointer;
}
.v0ae-menu a{
  display:block;padding:13px 12px;border-radius:10px;color:var(--v0ae-wheat);
  font-size:1.45rem;border-bottom:1px solid rgba(245,222,179,.08);
}
.v0ae-menu a:hover{background:rgba(186,255,201,.08);color:var(--v0ae-mint);}
.v0ae-menu .v0ae-menu-title{color:var(--v0ae-coral);font-weight:800;font-size:1.4rem;padding:6px 12px;}
.v0ae-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;
  opacity:0;visibility:hidden;transition:opacity .25s;
}
.v0ae-overlay.open{opacity:1;visibility:visible;}

/* ===== Hero / banner ===== */
.v0ae-main{padding:14px 14px 24px;}
.v0ae-hero{
  position:relative;border-radius:var(--v0ae-radius);overflow:hidden;
  margin-bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,.4);
}
.v0ae-hero img{width:100%;height:200px;object-fit:cover;}
.v0ae-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(45,45,45,.92) 100%);
}
.v0ae-hero-text{
  position:absolute;left:14px;right:14px;bottom:14px;z-index:2;color:#fff;
}
.v0ae-hero-text h1{font-size:2.1rem;font-weight:800;color:var(--v0ae-wheat);line-height:1.2;}
.v0ae-hero-text p{font-size:1.25rem;color:var(--v0ae-mint);margin-top:4px;}
.v0ae-hero-cta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;}
.v0ae-hero-cta .v0ae-btn-register{font-size:1.35rem;}

/* ===== Carousel ===== */
.v0ae-carousel{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;margin-bottom:18px;}
.v0ae-carousel::-webkit-scrollbar{height:4px;}
.v0ae-carousel::-webkit-scrollbar-thumb{background:var(--v0ae-brown);border-radius:4px;}
.v0ae-banner{
  flex:0 0 86%;scroll-snap-align:start;border-radius:12px;overflow:hidden;
  position:relative;height:130px;
}
.v0ae-banner img{width:100%;height:100%;object-fit:cover;}
.v0ae-banner span{
  position:absolute;left:10px;bottom:8px;color:#fff;font-weight:700;font-size:1.25rem;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}

/* ===== Section titles ===== */
.v0ae-section{margin-bottom:22px;}
.v0ae-section-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;
}
.v0ae-section-head h2{font-size:1.6rem;color:var(--v0ae-wheat);font-weight:700;display:flex;align-items:center;gap:6px;}
.v0ae-section-head h2 i{color:var(--v0ae-coral);}
.v0ae-section-head a{font-size:1.2rem;color:var(--v0ae-mint);}

/* ===== Category chips ===== */
.v0ae-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:14px;}
.v0ae-chip{
  flex:0 0 auto;background:var(--v0ae-card);color:var(--v0ae-wheat);
  padding:8px 14px;border-radius:20px;font-size:1.25rem;font-weight:600;
  border:1px solid transparent;white-space:nowrap;
}
.v0ae-chip.active{background:linear-gradient(135deg,var(--v0ae-brown),var(--v0ae-coral));color:#fff;border-color:var(--v0ae-coral);}

/* ===== Game grid ===== */
.v0ae-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.v0ae-card{
  background:var(--v0ae-card);border-radius:12px;overflow:hidden;position:relative;
  transition:transform .15s;cursor:pointer;border:1px solid rgba(245,222,179,.06);
}
.v0ae-card:active{transform:scale(.97);}
.v0ae-card-img{aspect-ratio:1;overflow:hidden;background:#222;}
.v0ae-card-img img{width:100%;height:100%;object-fit:cover;}
.v0ae-card-body{padding:6px 8px;}
.v0ae-card-name{
  font-size:1.1rem;color:var(--v0ae-wheat);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.v0ae-card-tag{
  position:absolute;top:6px;left:6px;background:var(--v0ae-coral);color:#fff;
  font-size:.95rem;font-weight:700;padding:2px 7px;border-radius:8px;
}
.v0ae-card-tag.hot{background:var(--v0ae-coral);}
.v0ae-card-tag.new{background:var(--v0ae-mint);color:#2D2D2D;}

/* ===== Promo / feature blocks ===== */
.v0ae-promo{
  background:linear-gradient(135deg,#3a2418,#A0522D);border-radius:var(--v0ae-radius);
  padding:16px;color:#fff;margin-bottom:16px;
}
.v0ae-promo h3{font-size:1.55rem;color:var(--v0ae-wheat);margin-bottom:6px;}
.v0ae-promo p{font-size:1.25rem;color:var(--v0ae-mint);margin-bottom:10px;}
.v0ae-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;}
.v0ae-feature{
  background:var(--v0ae-card);border-radius:12px;padding:14px;text-align:center;
  border:1px solid rgba(186,255,201,.12);
}
.v0ae-feature i{font-size:2.4rem;color:var(--v0ae-coral);margin-bottom:6px;}
.v0ae-feature h4{font-size:1.3rem;color:var(--v0ae-wheat);margin-bottom:3px;}
.v0ae-feature p{font-size:1.1rem;color:var(--v0ae-gray);}

/* ===== SEO text & winners ===== */
.v0ae-seo{background:var(--v0ae-bg2);border-radius:var(--v0ae-radius);padding:14px;margin-bottom:16px;border-left:3px solid var(--v0ae-brown);}
.v0ae-seo h3{font-size:1.4rem;color:var(--v0ae-wheat);margin-bottom:6px;}
.v0ae-seo p{font-size:1.22rem;color:var(--v0ae-gray);margin-bottom:8px;}
.v0ae-winners{background:var(--v0ae-card);border-radius:12px;padding:12px;margin-bottom:16px;}
.v0ae-winner{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed rgba(245,222,179,.1);font-size:1.2rem;}
.v0ae-winner:last-child{border-bottom:none;}
.v0ae-winner b{color:var(--v0ae-gold);}

/* ===== Footer ===== */
.v0ae-footer{
  background:var(--v0ae-bg2);padding:22px 14px 30px;border-top:2px solid var(--v0ae-brown);
  margin-top:10px;
}
.v0ae-footer h4{font-size:1.35rem;color:var(--v0ae-coral);margin-bottom:8px;}
.v0ae-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;}
.v0ae-footer-links a{font-size:1.15rem;color:var(--v0ae-wheat);padding:3px 0;}
.v0ae-footer-links a:hover{color:var(--v0ae-mint);}
.v0ae-footer-copy{font-size:1.1rem;color:var(--v0ae-gray);text-align:center;border-top:1px solid rgba(245,222,179,.08);padding-top:12px;}

/* ===== Mobile bottom nav ===== */
.v0ae-bottomnav{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;
  width:100%;max-width:430px;height:62px;z-index:1000;
  background:linear-gradient(180deg,#2D2D2D,#1a1a1a);
  border-top:2px solid var(--v0ae-brown);
  display:flex;justify-content:space-around;align-items:stretch;
  box-shadow:0 -3px 14px rgba(0,0,0,.45);
}
.v0ae-bottomnav button,.v0ae-bottomnav a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;background:transparent;border:none;color:var(--v0ae-gray);
  font-size:1rem;font-family:inherit;text-decoration:none;cursor:pointer;
  min-width:60px;min-height:60px;position:relative;transition:color .15s;
}
.v0ae-bottomnav button i,.v0ae-bottomnav a i{font-size:2.2rem;}
.v0ae-bottomnav .v0ae-nav-active{color:var(--v0ae-mint);}
.v0ae-bottomnav .v0ae-nav-active::before{
  content:"";position:absolute;top:0;width:30px;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--v0ae-coral),var(--v0ae-mint));
}
.v0ae-bottomnav .v0ae-nav-play{
  background:linear-gradient(135deg,var(--v0ae-coral),var(--v0ae-brown));
  color:#fff;border-radius:50%;width:48px;height:48px;margin-top:-18px;
  min-width:auto;min-height:auto;align-self:flex-start;padding:0;
  box-shadow:0 4px 10px rgba(255,138,128,.5);border:2px solid #2D2D2D;
}
.v0ae-bottomnav .v0ae-nav-play i{font-size:2.4rem;}
.v0ae-bottomnav .v0ae-nav-play span{font-size:.9rem;margin-top:1px;}

/* desktop hide bottom nav, content padding mobile */
@media (min-width:769px){
  .v0ae-bottomnav{display:none;}
  body{max-width:430px;}
}
@media (max-width:768px){
  .v0ae-main{padding-bottom:90px;}
}