/* ============================================================
   123win pro - Core layout stylesheet
   Prefix: v5b6-  (all custom classes)
   Palette: #FFBF00 (gold) | #273746 (slate) | #FF6347 (coral)
            #BA55D3 (orchid) | #6495ED (cornflower)
   ============================================================ */

:root{
  --v5b6-primary:#FFBF00;
  --v5b6-secondary:#273746;
  --v5b6-accent:#FF6347;
  --v5b6-purple:#BA55D3;
  --v5b6-blue:#6495ED;
  --v5b6-bg:#141d27;
  --v5b6-bg-2:#1d2b3a;
  --v5b6-bg-3:#243648;
  --v5b6-text:#f3f6fa;
  --v5b6-text-muted:#a8b6c4;
  --v5b6-line:rgba(255,255,255,.08);
  --v5b6-shadow:0 .6rem 1.6rem rgba(0,0,0,.35);
  --v5b6-radius:1.2rem;
}

*{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;-webkit-text-size-adjust:100%}
body{
  font-family:"Segoe UI","Noto Sans",Roboto,system-ui,sans-serif;
  background:radial-gradient(1200px 600px at 10% -10%,rgba(100,149,237,.15),transparent 60%),
             radial-gradient(900px 500px at 110% 10%,rgba(186,85,211,.12),transparent 60%),
             var(--v5b6-bg);
  color:var(--v5b6-text);
  line-height:1.5rem;
  max-width:430px;
  margin:0 auto;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}

.v5b6-container{width:100%;max-width:430px;margin:0 auto;padding:0 1.2rem}
.v5b6-wrapper{padding:1rem 0}

/* ===== Header ===== */
.v5b6-header{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:1000;
  background:linear-gradient(180deg,rgba(20,29,39,.96),rgba(20,29,39,.86));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--v5b6-line);
}
.v5b6-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1rem;gap:.6rem;
}
.v5b6-logo{display:flex;align-items:center;gap:.5rem;min-width:0}
.v5b6-logo img{width:2.6rem;height:2.6rem;border-radius:.5rem}
.v5b6-logo b{font-size:1.4rem;color:var(--v5b6-primary);white-space:nowrap}
.v5b6-logo span{font-size:1rem;color:var(--v5b6-text-muted)}

.v5b6-head-actions{display:flex;align-items:center;gap:.4rem}
.v5b6-btn{
  border:0;border-radius:.9rem;padding:.55rem 1rem;font-size:1.2rem;
  font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease;
  display:inline-flex;align-items:center;gap:.35rem;line-height:1;
}
.v5b6-btn:active{transform:scale(.94)}
.v5b6-btn-register{
  background:linear-gradient(135deg,var(--v5b6-accent),#ff8a3d);
  color:#fff;box-shadow:0 .3rem .9rem rgba(255,99,71,.35);
}
.v5b6-btn-login{
  background:linear-gradient(135deg,var(--v5b6-primary),#ffd24d);
  color:#2a1d00;
}
.v5b6-menu-btn{
  background:transparent;border:1px solid var(--v5b6-line);color:var(--v5b6-text);
  width:3.2rem;height:3.2rem;border-radius:.8rem;font-size:1.6rem;cursor:pointer;
}

/* ===== Dropdown menu ===== */
.v5b6-nav{max-height:0;overflow:hidden;transition:max-height .35s ease;background:var(--v5b6-bg-2);
  border-top:1px solid var(--v5b6-line)}
.v5b6-nav.v5b6-open{max-height:520px}
.v5b6-nav ul{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.9rem 1rem 1.2rem}
.v5b6-nav a{
  display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:var(--v5b6-text-muted);
  padding:.65rem .8rem;border-radius:.7rem;background:var(--v5b6-bg-3);border:1px solid var(--v5b6-line);
}
.v5b6-nav a:hover{color:var(--v5b6-primary);border-color:var(--v5b6-primary)}

/* ===== Hero / Carousel ===== */
.v5b6-hero{padding-top:6.4rem}
.v5b6-carousel{position:relative;border-radius:var(--v5b6-radius);overflow:hidden;box-shadow:var(--v5b6-shadow)}
.v5b6-slides{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth}
.v5b6-slides::-webkit-scrollbar{display:none}
.v5b6-slide{flex:0 0 100%;scroll-snap-align:center;position:relative}
.v5b6-slide img{width:100%;height:17rem;object-fit:cover}
.v5b6-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:1rem;
  background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);
}
.v5b6-slide-cap b{font-size:1.5rem;color:var(--v5b6-primary)}
.v5b6-slide-cap p{font-size:1.1rem;color:#fff;margin-top:.2rem}
.v5b6-dots{display:flex;justify-content:center;gap:.5rem;padding:.6rem 0}
.v5b6-dots i{width:.8rem;height:.8rem;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer}
.v5b6-dots i.v5b6-active{background:var(--v5b6-primary);width:1.8rem;border-radius:.4rem}

/* ===== Sections ===== */
.v5b6-section{padding:1.6rem 0 .4rem}
.v5b6-section-title{
  display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;
}
.v5b6-section-title .v5b6-bar{width:.4rem;height:2rem;border-radius:.2rem;background:linear-gradient(var(--v5b6-primary),var(--v5b6-accent))}
.v5b6-section-title h2{font-size:1.7rem;color:var(--v5b6-text)}
.v5b6-section-title small{color:var(--v5b6-text-muted);font-size:1.1rem;margin-left:auto}

/* ===== Game grid ===== */
.v5b6-cat-head{display:flex;align-items:center;gap:.6rem;margin:1.4rem 0 .8rem}
.v5b6-cat-head .v5b6-ico{
  width:2.8rem;height:2.8rem;border-radius:.7rem;display:grid;place-items:center;color:#fff;font-size:1.5rem;
}
.v5b6-cat-head h3{font-size:1.4rem;color:var(--v5b6-text)}
.v5b6-cat-head .v5b6-tag{margin-left:auto;font-size:1rem;color:var(--v5b6-text-muted);
  background:var(--v5b6-bg-2);padding:.3rem .7rem;border-radius:1rem;border:1px solid var(--v5b6-line)}

.v5b6-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.v5b6-card{
  background:var(--v5b6-bg-2);border:1px solid var(--v5b6-line);border-radius:1rem;
  overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s ease,border-color .15s ease;
}
.v5b6-card:active{transform:scale(.95)}
.v5b6-card:hover{border-color:var(--v5b6-primary)}
.v5b6-card-img{position:relative;aspect-ratio:1/1;background:#0c1219}
.v5b6-card-img img{width:100%;height:100%;object-fit:cover}
.v5b6-card-img .v5b6-hot{
  position:absolute;top:.3rem;left:.3rem;background:var(--v5b6-accent);color:#fff;
  font-size:.85rem;font-weight:700;padding:.15rem .45rem;border-radius:.4rem;
}
.v5b6-card-name{
  font-size:1.05rem;color:var(--v5b6-text);text-align:center;padding:.5rem .3rem .6rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ===== Info / feature blocks ===== */
.v5b6-card-box{
  background:linear-gradient(160deg,var(--v5b6-bg-2),var(--v5b6-bg-3));
  border:1px solid var(--v5b6-line);border-radius:var(--v5b6-radius);padding:1.2rem;
}
.v5b6-card-box h3{font-size:1.5rem;color:var(--v5b6-primary);margin-bottom:.5rem}
.v5b6-card-box p{color:var(--v5b6-text-muted);font-size:1.15rem;margin-bottom:.6rem;line-height:1.55}
.v5b6-card-box ul{padding-left:1.4rem}
.v5b6-card-box li{color:var(--v5b6-text-muted);font-size:1.1rem;margin:.3rem 0;list-style:disc}

.v5b6-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.v5b6-feature{
  background:var(--v5b6-bg-2);border:1px solid var(--v5b6-line);border-radius:1rem;padding:1rem;text-align:center;
}
.v5b6-feature .v5b6-fico{
  width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;margin:0 auto .5rem;
  font-size:1.7rem;color:#fff;
}
.v5b6-feature h4{font-size:1.15rem;color:var(--v5b6-text);margin-bottom:.2rem}
.v5b6-feature p{font-size:1rem;color:var(--v5b6-text-muted);line-height:1.4}

/* ===== Text link promotion ===== */
.v5b6-text-link{
  color:var(--v5b6-primary);font-weight:700;border-bottom:1px dashed rgba(255,191,0,.5);
  cursor:pointer;
}
.v5b6-text-link:hover{color:var(--v5b6-accent)}

.v5b6-cta{
  display:block;width:100%;text-align:center;font-size:1.4rem;font-weight:700;color:#2a1d00;
  background:linear-gradient(135deg,var(--v5b6-primary),#ffd24d);
  padding:1rem;border-radius:1rem;box-shadow:0 .5rem 1.2rem rgba(255,191,0,.3);
  border:0;cursor:pointer;
}
.v5b6-cta.v5b6-cta-coral{background:linear-gradient(135deg,var(--v5b6-accent),#ff8a3d);color:#fff;box-shadow:0 .5rem 1.2rem rgba(255,99,71,.3)}

/* ===== RTP table ===== */
.v5b6-rtp{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.v5b6-rtp-row{
  background:var(--v5b6-bg-2);border:1px solid var(--v5b6-line);border-radius:.8rem;padding:.7rem .9rem;
  display:flex;flex-direction:column;gap:.25rem;
}
.v5b6-rtp-row b{font-size:1.1rem;color:var(--v5b6-text)}
.v5b6-rtp-row .v5b6-pct{font-size:1.4rem;color:var(--v5b6-primary);font-weight:800}
.v5b6-rtp-row span{font-size:1rem;color:var(--v5b6-text-muted)}

/* ===== Testimonial ===== */
.v5b6-testi{display:grid;grid-template-columns:1fr;gap:.7rem}
.v5b6-testi-item{
  background:var(--v5b6-bg-2);border-left:.3rem solid var(--v5b6-purple);border-radius:.8rem;padding:1rem;
}
.v5b6-testi-item .v5b6-stars{color:var(--v5b6-primary);font-size:1rem;letter-spacing:.1rem}
.v5b6-testi-item p{color:var(--v5b6-text);font-size:1.15rem;margin:.4rem 0;line-height:1.5}
.v5b6-testi-item small{color:var(--v5b6-text-muted)}

/* ===== Payment ===== */
.v5b6-pay{display:flex;flex-wrap:wrap;gap:.5rem}
.v5b6-pay span{
  background:var(--v5b6-bg-2);border:1px solid var(--v5b6-line);color:var(--v5b6-text-muted);
  padding:.5rem 1rem;border-radius:1rem;font-size:1.1rem;display:inline-flex;align-items:center;gap:.4rem;
}

/* ===== Winners ===== */
.v5b6-winner{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--v5b6-bg-2);border:1px solid var(--v5b6-line);border-radius:.8rem;padding:.7rem .9rem;margin-bottom:.5rem;
}
.v5b6-winner .v5b6-wname{font-size:1.1rem;color:var(--v5b6-text)}
.v5b6-winner .v5b6-wgame{font-size:1rem;color:var(--v5b6-text-muted)}
.v5b6-winner .v5b6-wamt{font-size:1.2rem;color:var(--v5b6-primary);font-weight:800}

/* ===== App download ===== */
.v5b6-app{
  background:linear-gradient(135deg,rgba(186,85,211,.18),rgba(100,149,237,.18));
  border:1px solid var(--v5b6-line);border-radius:var(--v5b6-radius);padding:1.2rem;display:flex;align-items:center;gap:1rem;
}
.v5b6-app .v5b6-app-ico{font-size:3rem;color:var(--v5b6-primary)}
.v5b6-app h3{font-size:1.4rem;color:var(--v5b6-text);margin-bottom:.3rem}
.v5b6-app p{font-size:1.05rem;color:var(--v5b6-text-muted);margin-bottom:.7rem}
.v5b6-app-btns{display:flex;gap:.5rem}
.v5b6-app-btns .v5b6-btn{font-size:1.1rem;padding:.5rem .9rem}

/* ===== FAQ ===== */
.v5b6-faq{border:1px solid var(--v5b6-line);border-radius:.8rem;overflow:hidden;margin-bottom:.6rem;background:var(--v5b6-bg-2)}
.v5b6-faq summary{
  cursor:pointer;padding:.9rem 1rem;font-size:1.15rem;color:var(--v5b6-text);
  display:flex;justify-content:space-between;align-items:center;gap:.5rem;list-style:none;
}
.v5b6-faq summary::-webkit-details-marker{display:none}
.v5b6-faq summary .v5b6-q-ico{color:var(--v5b6-primary);font-size:1.3rem}
.v5b6-faq p{padding:0 1rem 1rem;color:var(--v5b6-text-muted);font-size:1.1rem;line-height:1.55}

/* ===== Footer ===== */
.v5b6-footer{margin-top:1.6rem;background:var(--v5b6-bg-2);border-top:1px solid var(--v5b6-line);padding:1.4rem 1.2rem 8rem}
.v5b6-footer p{color:var(--v5b6-text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:.8rem}
.v5b6-footer-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}
.v5b6-footer-links a{
  font-size:1.05rem;color:var(--v5b6-text-muted);background:var(--v5b6-bg-3);
  padding:.4rem .7rem;border-radius:.6rem;border:1px solid var(--v5b6-line);
}
.v5b6-footer-links a:hover{color:var(--v5b6-primary)}
.v5b6-footer-promo{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.v5b6-footer-copy{text-align:center;color:var(--v5b6-text-muted);font-size:1rem;margin-top:1rem;border-top:1px solid var(--v5b6-line);padding-top:1rem}

/* ===== Bottom mobile nav ===== */
.v5b6-bottom-nav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;height:6rem;z-index:1000;
  background:linear-gradient(180deg,rgba(29,43,58,.98),rgba(20,29,39,.99));
  backdrop-filter:blur(8px);border-top:1px solid var(--v5b6-line);
  display:flex;justify-content:space-around;align-items:center;
  box-shadow:0 -.4rem 1rem rgba(0,0,0,.3);
}
.v5b6-bottom-nav a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;gap:.2rem;color:var(--v5b6-text-muted);
  font-size:1rem;transition:color .15s ease,transform .15s ease;position:relative;
}
.v5b6-bottom-nav a:active{transform:scale(.9)}
.v5b6-bottom-nav a .v5b6-bn-ico{font-size:2.2rem;line-height:1}
.v5b6-bottom-nav a.v5b6-active{color:var(--v5b6-primary)}
.v5b6-bottom-nav a.v5b6-active::before{
  content:"";position:absolute;top:-.4rem;left:50%;transform:translateX(-50%);
  width:2.6rem;height:.3rem;border-radius:.2rem;background:var(--v5b6-primary);
}
.v5b6-bottom-nav a.v5b6-promo .v5b6-bn-ico{color:var(--v5b6-accent)}
.v5b6-bottom-nav a .v5b6-badge{
  position:absolute;top:.3rem;right:1rem;background:var(--v5b6-accent);color:#fff;
  font-size:.8rem;font-weight:700;border-radius:.6rem;padding:.05rem .35rem;min-width:1.3rem;text-align:center;
}

/* ===== Utility ===== */
.v5b6-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.v5b6-pb-safe{padding-bottom:1rem}
.v5b6-hidden{display:none}

@media (min-width:769px){
  .v5b6-bottom-nav{display:none}
  body{max-width:760px}
}
@media (max-width:768px){
  main{padding-bottom:7rem}
}