/* ===== link 13win base styles (prefix w0710-) ===== */
/* Color palette: #2C2C2C | #DEB887 | #6C757D | #000080 | #FFFFBA */
/* Dark backgrounds, light text, mobile-first (max-width 430px). */

:root{
  --w0710-bg:#2C2C2C;
  --w0710-bg-2:#1f1f1f;
  --w0710-bg-3:#3a3a3a;
  --w0710-primary:#000080;
  --w0710-accent:#DEB887;
  --w0710-accent-2:#FFFFBA;
  --w0710-muted:#6C757D;
  --w0710-text:#FFFFBA;
  --w0710-text-soft:#DEB887;
  --w0710-white:#ffffff;
  --w0710-border:rgba(222,184,135,0.25);
  --w0710-radius:1.2rem;
  --w0710-shadow:0 0.4rem 1.4rem rgba(0,0,0,0.45);
  --w0710-header-h:5.6rem;
  --w0710-bottom-h:6.2rem;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--w0710-bg);
  color:var(--w0710-text);
  line-height:1.5rem;
  font-size:1.4rem;
  max-width:430px;
  margin:0 auto;
  overflow-x:hidden;
  padding-top:var(--w0710-header-h);
}
img{max-width:100%;display:block;}
a{color:var(--w0710-accent);text-decoration:none;}
h1,h2,h3,h4{line-height:1.25rem;font-weight:700;color:var(--w0710-white);}
h1{font-size:2.2rem;line-height:2.6rem;}
h2{font-size:1.9rem;line-height:2.3rem;color:var(--w0710-accent);}
h3{font-size:1.6rem;color:var(--w0710-accent-2);}

.w0710-container{width:100%;padding:0 1.2rem;}
.w0710-wrapper{max-width:430px;margin:0 auto;padding:0 1.2rem;}
.w0710-section{padding:2.4rem 0;}
.w0710-reveal{opacity:0;transform:translateY(1.6rem);transition:opacity .6s ease,transform .6s ease;}
.w0710-revealed{opacity:1;transform:none;}

/* ===== Header ===== */
.w0710-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:var(--w0710-header-h);
  background:linear-gradient(180deg,#000080,#000050);
  border-bottom:0.2rem solid var(--w0710-accent);
  box-shadow:var(--w0710-shadow);
  max-width:430px;margin:0 auto;
}
.w0710-header-inner{
  height:100%;display:flex;align-items:center;justify-content:space-between;
  padding:0 1rem;max-width:430px;margin:0 auto;
}
.w0710-brand{display:flex;align-items:center;gap:.6rem;color:var(--w0710-accent-2);font-weight:800;font-size:1.6rem;}
.w0710-brand img{width:2.8rem;height:2.8rem;border-radius:.5rem;}
.w0710-header-actions{display:flex;align-items:center;gap:.5rem;}
.w0710-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  min-height:3.4rem;padding:0 1.1rem;border:none;border-radius:2rem;
  font-size:1.25rem;font-weight:700;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,#DEB887,#b88a55);
  transition:transform .15s ease,box-shadow .15s ease;
}
.w0710-btn:hover{transform:translateY(-1px);box-shadow:0 .3rem .8rem rgba(0,0,0,.4);}
.w0710-btn-primary{background:linear-gradient(135deg,#000080,#1a1a8c);border:0.15rem solid var(--w0710-accent);color:var(--w0710-accent-2);}
.w0710-btn-ghost{background:transparent;border:0.15rem solid var(--w0710-accent);color:var(--w0710-accent);}
.w0710-icon-btn{background:transparent;border:none;color:var(--w0710-accent-2);font-size:1.8rem;cursor:pointer;padding:.4rem;}

/* ===== Nav menu (expandable) ===== */
.w0710-nav{position:relative;}
.w0710-nav-menu{
  position:absolute;top:calc(var(--w0710-header-h));;right:0;left:0;
  background:#1a1a4a;border-top:.15rem solid var(--w0710-accent);
  max-height:0;overflow:hidden;transition:max-height .35s ease;z-index:999;
}
.w0710-nav-menu.w0710-menu-open{max-height:60rem;}
.w0710-nav-menu a{
  display:block;padding:1.1rem 1.4rem;color:var(--w0710-accent-2);
  border-bottom:.1rem solid rgba(222,184,135,.15);font-weight:600;
}
.w0710-nav-menu a:hover{background:rgba(222,184,135,.12);color:#fff;}

/* ===== Hero / Carousel ===== */
.w0710-hero{position:relative;padding:1.2rem 0 0;}
.w0710-carousel{position:relative;border-radius:var(--w0710-radius);overflow:hidden;box-shadow:var(--w0710-shadow);}
.w0710-slide{
  position:relative;display:none;cursor:pointer;
}
.w0710-slide.w0710-slide-active{display:block;}
.w0710-slide img{width:100%;height:auto;object-fit:cover;}
.w0710-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:1.2rem;
  background:linear-gradient(180deg,transparent,rgba(0,0,30,.85));
  color:#fff;font-weight:700;font-size:1.5rem;
}
.w0710-dots{position:absolute;bottom:.8rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem;}
.w0710-dot{width:.9rem;height:.9rem;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;}
.w0710-dot.w0710-dot-active{background:var(--w0710-accent);}

/* ===== Headings & text ===== */
.w0710-h1{margin:1.6rem 0 .8rem;}
.w0710-lead{color:var(--w0710-text-soft);font-size:1.45rem;margin-bottom:1.4rem;}
.w0710-text p{margin-bottom:1.1rem;color:var(--w0710-text);}
.w0710-text a{color:var(--w0710-accent);font-weight:700;}
.w0710-pill{
  display:inline-block;padding:.3rem .9rem;border-radius:1.4rem;
  background:rgba(222,184,135,.15);color:var(--w0710-accent-2);
  font-size:1.15rem;font-weight:700;margin:.2rem .2rem .2rem 0;
}

/* ===== Cards & grids ===== */
.w0710-card{
  background:var(--w0710-bg-2);border:.1rem solid var(--w0710-border);
  border-radius:var(--w0710-radius);padding:1.4rem;margin-bottom:1.4rem;
  box-shadow:var(--w0710-shadow);
}
.w0710-card h3{margin-bottom:.6rem;}
.w0710-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;}
.w0710-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;}
.w0710-game-item{
  background:var(--w0710-bg-3);border-radius:.9rem;overflow:hidden;
  text-align:center;cursor:pointer;border:.1rem solid transparent;
  transition:transform .15s ease,border-color .15s ease;
}
.w0710-game-item:hover{transform:translateY(-2px);border-color:var(--w0710-accent);}
.w0710-game-item img{width:100%;aspect-ratio:1;object-fit:cover;}
.w0710-game-item span{display:block;padding:.5rem .3rem;font-size:1.1rem;color:var(--w0710-accent-2);font-weight:600;}

/* ===== Category sections ===== */
.w0710-cat-title{
  display:flex;align-items:center;gap:.7rem;margin:2.2rem 0 1rem;
  color:var(--w0710-accent);font-size:1.7rem;font-weight:800;
}
.w0710-cat-title i,.w0710-cat-title .material-icons{color:var(--w0710-accent-2);}

/* ===== Stats / RTP ===== */
.w0710-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;}
.w0710-stat{background:var(--w0710-bg-2);border-radius:1rem;padding:1rem;text-align:center;border:.1rem solid var(--w0710-border);}
.w0710-stat b{display:block;font-size:1.8rem;color:var(--w0710-accent);}
.w0710-stat span{font-size:1.15rem;color:var(--w0710-text-soft);}

/* ===== Testimonials ===== */
.w0710-review{background:var(--w0710-bg-2);padding:1.1rem;border-radius:1rem;margin-bottom:.8rem;border-left:.3rem solid var(--w0710-accent);}
.w0710-review b{color:var(--w0710-accent-2);}
.w0710-stars{color:#FFD700;font-size:1.2rem;}

/* ===== Payment ===== */
.w0710-pay{display:flex;flex-wrap:wrap;gap:.6rem;}
.w0710-pay span{background:var(--w0710-bg-3);padding:.6rem 1rem;border-radius:.8rem;font-size:1.15rem;color:var(--w0710-accent-2);border:.1rem solid var(--w0710-border);}

/* ===== Winners ===== */
.w0710-winner{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:.1rem dashed var(--w0710-border);font-size:1.2rem;}
.w0710-winner b{color:var(--w0710-accent);}

/* ===== CTA banner ===== */
.w0710-cta{
  background:linear-gradient(135deg,#000080,#3a2c5a);
  border:.15rem solid var(--w0710-accent);border-radius:var(--w0710-radius);
  padding:1.8rem;text-align:center;margin:2rem 0;
}
.w0710-cta h3{color:var(--w0710-accent-2);margin-bottom:.6rem;}
.w0710-cta p{color:var(--w0710-text);margin-bottom:1rem;}
.w0710-cta .w0710-btn{font-size:1.4rem;padding:0 1.6rem;}

/* ===== Footer ===== */
.w0710-footer{background:var(--w0710-bg-2);border-top:.2rem solid var(--w0710-accent);padding:2rem 1.2rem 9rem;margin-top:2rem;}
.w0710-footer h4{color:var(--w0710-accent);margin:.6rem 0;}
.w0710-footer p{color:var(--w0710-text-soft);font-size:1.2rem;margin-bottom:.8rem;}
.w0710-footer-links{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0;}
.w0710-footer-links a{background:var(--w0710-bg-3);padding:.5rem .9rem;border-radius:.7rem;font-size:1.1rem;color:var(--w0710-accent-2);border:.1rem solid var(--w0710-border);}
.w0710-footer-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0;}
.w0710-copyright{text-align:center;color:var(--w0710-muted);font-size:1.1rem;padding-top:1rem;border-top:.1rem solid var(--w0710-border);}

/* ===== Bottom nav (mobile only) ===== */
.w0710-bottomnav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  height:var(--w0710-bottom-h);
  background:linear-gradient(180deg,#1a1a4a,#000040);
  border-top:.2rem solid var(--w0710-accent);
  display:flex;justify-content:space-around;align-items:center;
  max-width:430px;margin:0 auto;box-shadow:0 -.3rem 1rem rgba(0,0,0,.45);
}
.w0710-bottombtn{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;background:transparent;border:none;
  color:var(--w0710-accent-2);font-size:1.05rem;cursor:pointer;gap:.2rem;
  transition:transform .15s ease,color .15s ease;
}
.w0710-bottombtn i,.w0710-bottombtn .material-icons{font-size:2.2rem;}
.w0710-bottombtn:hover{transform:scale(1.08);color:var(--w0710-accent);}
.w0710-bottombtn.w0710-nav-active{color:var(--w0710-accent);}

@media (min-width:769px){
  .w0710-bottomnav{display:none;}
  .w0710-footer{padding-bottom:2rem;}
}
@media (max-width:768px){
  body{padding-bottom:calc(var(--w0710-bottom-h) + 1rem);}
}