/* ===== jl33.homes core stylesheet (CSS prefix: w6e4d-) ===== */
:root{
  --w6e4d-primary:#BF360C;
  --w6e4d-accent:#FFF176;
  --w6e4d-muted:#A9A9A9;
  --w6e4d-deep:#2C3E50;
  --w6e4d-bg:#0F0F23;
  --w6e4d-green:#006400;
  --w6e4d-text:#f3f3f3;
  --w6e4d-card:#161630;
  --w6e4d-card2:#1d1d3a;
  --w6e4d-radius:14px;
  --w6e4d-shadow:0 6px 24px rgba(0,0,0,.45);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{font-size:62.5%;}
body{
  font-family:"Segoe UI",Roboto,system-ui,Arial,sans-serif;
  background:var(--w6e4d-bg);
  color:var(--w6e4d-text);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  max-width:430px;
  margin:0 auto;
  position:relative;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

/* ===== Header ===== */
.w6e4d-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  background:linear-gradient(90deg,#0F0F23,#2C3E50);
  border-bottom:1px solid rgba(191,54,12,.55);
  box-shadow:var(--w6e4d-shadow);
}
.w6e4d-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1rem;gap:.6rem;
}
.w6e4d-logo{display:flex;align-items:center;gap:.5rem;min-width:0;}
.w6e4d-logo img{width:26px;height:26px;border-radius:6px;}
.w6e4d-logo b{font-size:1.7rem;color:var(--w6e4d-accent);letter-spacing:.5px;}
.w6e4d-logo span{font-size:1.05rem;color:var(--w6e4d-muted);}
.w6e4d-head-actions{display:flex;align-items:center;gap:.5rem;}
.w6e4d-btn{
  border:none;cursor:pointer;border-radius:20px;
  font-size:1.25rem;font-weight:700;padding:.5rem 1.2rem;
  transition:transform .15s ease,opacity .15s ease;
}
.w6e4d-btn:active{transform:scale(.94);}
.w6e4d-btn-login{background:transparent;color:var(--w6e4d-accent);border:1px solid var(--w6e4d-accent);}
.w6e4d-btn-reg{background:linear-gradient(90deg,#BF360C,#FF6A00);color:#fff;}
.w6e4d-menu-btn{
  background:transparent;border:none;color:var(--w6e4d-accent);
  font-size:1.8rem;cursor:pointer;padding:.2rem .4rem;
}

/* ===== Dropdown nav ===== */
.w6e4d-nav{
  position:fixed;top:54px;left:0;right:0;z-index:9999;
  max-width:430px;margin:0 auto;
  background:#0c0c1d;border-bottom:2px solid var(--w6e4d-primary);
  max-height:0;overflow:hidden;transition:max-height .3s ease;
}
.w6e4d-nav.open{max-height:560px;}
.w6e4d-nav ul{list-style:none;padding:.6rem 1rem;}
.w6e4d-nav li{border-bottom:1px solid rgba(255,255,255,.06);}
.w6e4d-nav li:last-child{border-bottom:none;}
.w6e4d-nav a{
  display:block;padding:1rem .4rem;font-size:1.35rem;color:var(--w6e4d-text);
  display:flex;align-items:center;gap:.6rem;
}
.w6e4d-nav a i{color:var(--w6e4d-accent);width:22px;text-align:center;}
.w6e4d-nav a:hover{color:var(--w6e4d-accent);}

/* ===== Layout ===== */
.w6e4d-main{padding-top:60px;padding-bottom:90px;}
.w6e4d-section{padding:1.6rem 1rem;}
.w6e4d-section h2{
  font-size:1.7rem;color:var(--w6e4d-accent);margin-bottom:.8rem;
  border-left:4px solid var(--w6e4d-primary);padding-left:.6rem;
}
.w6e4d-section h3{font-size:1.4rem;color:#fff;margin:.8rem 0 .4rem;}
.w6e4d-section p{font-size:1.25rem;margin-bottom:.7rem;color:#dcdce6;}
.w6e4d-promo-link{color:var(--w6e4d-accent);font-weight:700;cursor:pointer;border-bottom:1px dashed var(--w6e4d-accent);}

/* ===== Carousel ===== */
.w6e4d-carousel{position:relative;border-radius:var(--w6e4d-radius);overflow:hidden;box-shadow:var(--w6e4d-shadow);}
.w6e4d-carousel-track{display:flex;transition:transform .5s ease;}
.w6e4d-carousel-track a{flex:0 0 100%;cursor:pointer;}
.w6e4d-carousel-track img{width:100%;height:170px;object-fit:cover;}
.w6e4d-carousel-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px;}
.w6e4d-carousel-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);}
.w6e4d-carousel-dots span.active{background:var(--w6e4d-accent);width:18px;border-radius:6px;}

/* ===== Game grid ===== */
.w6e4d-cat-title{
  font-size:1.5rem;color:#fff;margin:1.4rem 0 .6rem;
  display:flex;align-items:center;gap:.5rem;
}
.w6e4d-cat-title i{color:var(--w6e4d-primary);}
.w6e4d-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;}
.w6e4d-game{
  background:var(--w6e4d-card);border-radius:10px;overflow:hidden;cursor:pointer;
  border:1px solid rgba(255,255,255,.05);transition:transform .15s ease;
}
.w6e4d-game:active{transform:scale(.96);}
.w6e4d-game img{width:100%;height:88px;object-fit:cover;}
.w6e4d-game b{display:block;font-size:1.05rem;text-align:center;padding:.4rem .2rem;color:#eaeaf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ===== Cards ===== */
.w6e4d-card{
  background:var(--w6e4d-card);border-radius:var(--w6e4d-radius);
  padding:1.2rem;margin-bottom:1rem;box-shadow:var(--w6e4d-shadow);
  border:1px solid rgba(255,241,118,.08);
}
.w6e4d-card.feat{background:linear-gradient(135deg,#161630,#2C3E50);}
.w6e4d-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;}
.w6e4d-mini{
  background:var(--w6e4d-card2);border-radius:10px;padding:.9rem;text-align:center;
}
.w6e4d-mini i{font-size:2rem;color:var(--w6e4d-accent);}
.w6e4d-mini b{display:block;font-size:1.3rem;color:#fff;margin-top:.3rem;}
.w6e4d-mini span{font-size:1.05rem;color:var(--w6e4d-muted);}

/* ===== Play CTA ===== */
.w6e4d-cta{
  display:inline-block;background:linear-gradient(90deg,#BF360C,#FF6A00);
  color:#fff;font-weight:700;font-size:1.3rem;padding:.8rem 1.6rem;
  border-radius:24px;cursor:pointer;border:none;
}
.w6e4d-cta:active{transform:scale(.95);}

/* ===== Testimonials ===== */
.w6e4d-testi{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.4rem;}
.w6e4d-testi .w6e4d-card{min-width:260px;margin-bottom:0;}
.w6e4d-testi .w6e4d-stars{color:var(--w6e4d-accent);font-size:1.1rem;}

/* ===== Payment ===== */
.w6e4d-pay{display:flex;flex-wrap:wrap;gap:.6rem;}
.w6e4d-pay span{
  background:var(--w6e4d-card2);padding:.5rem 1rem;border-radius:8px;
  font-size:1.15rem;border:1px solid rgba(255,255,255,.08);
}

/* ===== Winners ticker ===== */
.w6e4d-winners{
  background:var(--w6e4d-card);border-radius:10px;padding:.6rem 1rem;
  display:flex;align-items:center;gap:.6rem;overflow:hidden;
}
.w6e4d-winners i{color:var(--w6e4d-green);}
.w6e4d-winners marquee{font-size:1.2rem;color:#dcdce6;}

/* ===== Footer ===== */
.w6e4d-footer{
  background:#08081a;padding:1.6rem 1rem 1rem;border-top:2px solid var(--w6e4d-primary);
}
.w6e4d-footer p{font-size:1.15rem;color:var(--w6e4d-muted);margin-bottom:.8rem;}
.w6e4d-footer-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;}
.w6e4d-footer-links a{
  background:var(--w6e4d-card);padding:.5rem 1rem;border-radius:8px;font-size:1.15rem;
  border:1px solid rgba(255,241,118,.12);
}
.w6e4d-footer-links a:hover{color:var(--w6e4d-accent);}
.w6e4d-footer-bottom{font-size:1.05rem;color:#6f6f88;text-align:center;margin-top:.8rem;border-top:1px solid rgba(255,255,255,.05);padding-top:.8rem;}

/* ===== Bottom nav ===== */
.w6e4d-bottomnav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;height:62px;
  background:linear-gradient(180deg,#161630,#0F0F23);
  border-top:2px solid var(--w6e4d-primary);
  display:flex;justify-content:space-around;align-items:center;
}
.w6e4d-bottomnav a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:1rem;color:var(--w6e4d-muted);gap:.15rem;min-width:60px;min-height:60px;
  transition:color .15s ease,transform .15s ease;
}
.w6e4d-bottomnav a i{font-size:22px;}
.w6e4d-bottomnav a:active{transform:scale(.9);}
.w6e4d-bottomnav a.active{color:var(--w6e4d-accent);}
.w6e4d-bottomnav a.promo{color:var(--w6e4d-accent);}
.w6e4d-bottomnav a.promo i{filter:drop-shadow(0 0 4px rgba(255,241,118,.5));}

/* Desktop hide bottom nav */
@media (min-width:769px){
  .w6e4d-bottomnav{display:none;}
  body{max-width:760px;}
  .w6e4d-header,.w6e4d-nav{max-width:760px;}
}
@media (min-width:431px){
  body,.w6e4d-header,.w6e4d-nav,.w6e4d-bottomnav{max-width:430px;}
}