/* cwin game 999 theme - prefix pg20- */
/* Root units: 62.5% base font for rem scaling */
:root{
  --pg20-primary:#00CED1;
  --pg20-bg:#273746;
  --pg20-bg-deep:#1c2832;
  --pg20-text:#FFEFD5;
  --pg20-muted:#778899;
  --pg20-soft:#999999;
  --pg20-accent:#6F4E37;
  --pg20-gold:#FFD27A;
  --pg20-danger:#FF5C6C;
  --pg20-line:rgba(255,239,213,.12);
  --pg20-shadow:0 .6rem 1.8rem rgba(0,0,0,.28);
  --pg20-radius:1.2rem;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{
  font-family:'Segoe UI','Noto Sans','Helvetica Neue',Arial,sans-serif;
  background:linear-gradient(160deg,var(--pg20-bg-deep),var(--pg20-bg) 55%,#20303b);
  color:var(--pg20-text);
  line-height:1.5rem;
  font-size:1.4rem;
  overflow-x:hidden;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
}
a{color:var(--pg20-primary);text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}

/* ===== Header ===== */
.pg20-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(95deg,#1c2832,#273746 60%,#22323e);
  border-bottom:.1rem solid var(--pg20-line);
  box-shadow:var(--pg20-shadow);
  max-width:430px;margin:0 auto;
}
.pg20-header-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1rem;gap:.6rem;
}
.pg20-logo{display:flex;align-items:center;gap:.6rem;}
.pg20-logo img{width:3rem;height:3rem;border-radius:.6rem;}
.pg20-logo-text{font-size:1.5rem;font-weight:800;color:var(--pg20-text);letter-spacing:.03rem;}
.pg20-logo-text b{color:var(--pg20-primary);}
.pg20-head-actions{display:flex;align-items:center;gap:.5rem;}
.pg20-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.65rem 1rem;font-size:1.25rem;font-weight:700;
  border-radius:2rem;border:none;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease;
  min-height:3.4rem;
}
.pg20-btn:active{transform:scale(.96);}
.pg20-btn-login{
  background:transparent;color:var(--pg20-text);
  border:.12rem solid var(--pg20-primary);
}
.pg20-btn-register{
  background:linear-gradient(95deg,var(--pg20-primary),#19b6bb);
  color:#103039;box-shadow:0 .3rem 1rem rgba(0,206,209,.35);
}
.pg20-menu-toggle{
  background:transparent;border:none;color:var(--pg20-text);
  font-size:2rem;cursor:pointer;padding:.3rem .5rem;
}
.pg20-nav{
  max-height:0;overflow:hidden;
  transition:max-height .3s ease;
  background:#1c2832;border-top:.1rem solid var(--pg20-line);
}
.pg20-nav.open{max-height:60rem;}
.pg20-nav-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.8rem;
}
.pg20-nav a{
  display:flex;align-items:center;gap:.5rem;
  padding:.85rem .9rem;font-size:1.25rem;color:var(--pg20-text);
  background:rgba(255,239,213,.04);border-radius:.7rem;
  border:.1rem solid var(--pg20-line);
}
.pg20-nav a:active{background:rgba(0,206,209,.15);}
.pg20-nav a i{color:var(--pg20-primary);}

/* ===== Layout ===== */
.pg20-wrapper{padding-top:6.2rem;padding-bottom:8rem;}
.pg20-section{padding:1.4rem 1rem .4rem;}
.pg20-section-title{
  display:flex;align-items:center;gap:.6rem;
  font-size:1.55rem;font-weight:800;color:var(--pg20-gold);
  margin:.6rem 0 1rem;text-transform:uppercase;letter-spacing:.02rem;
}
.pg20-section-title i{color:var(--pg20-primary);}
.pg20-tag{
  font-size:1.05rem;color:var(--pg20-soft);font-weight:600;
  margin-bottom:.8rem;
}

/* ===== Carousel ===== */
.pg20-carousel{
  position:relative;border-radius:var(--pg20-radius);overflow:hidden;
  box-shadow:var(--pg20-shadow);
}
.pg20-slides{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;border-radius:var(--pg20-radius);}
.pg20-slides::-webkit-scrollbar{display:none;}
.pg20-slide{
  flex:0 0 100%;scroll-snap-align:center;position:relative;
}
.pg20-slide img{width:100%;height:auto;min-height:16rem;object-fit:cover;}
.pg20-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:1rem;
  background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);
  color:var(--pg20-text);font-size:1.3rem;font-weight:700;
}
.pg20-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.7rem;}
.pg20-dots button{
  width:.8rem;height:.8rem;border-radius:50%;border:none;
  background:rgba(255,239,213,.3);cursor:pointer;
}
.pg20-dots button.active{background:var(--pg20-primary);width:2rem;border-radius:.5rem;}

/* ===== H1 ===== */
.pg20-h1{
  font-size:2rem;line-height:2.5rem;font-weight:900;
  color:var(--pg20-text);margin:1.4rem 0 .6rem;
}
.pg20-h1 b{color:var(--pg20-primary);}
.pg20-lead{font-size:1.25rem;color:var(--pg20-muted);margin-bottom:1rem;}

/* ===== Game grid ===== */
.pg20-cat-block{margin-top:1.4rem;}
.pg20-cat-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:.8rem;
}
.pg20-cat-head h2{
  font-size:1.45rem;color:var(--pg20-gold);font-weight:800;
  display:flex;align-items:center;gap:.5rem;
}
.pg20-cat-head h2 i{color:var(--pg20-primary);}
.pg20-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;
}
.pg20-game{
  display:flex;flex-direction:column;align-items:center;gap:.35rem;
  background:rgba(255,239,213,.04);
  border:.1rem solid var(--pg20-line);border-radius:.9rem;
  padding:.55rem;cursor:pointer;transition:transform .15s ease,border-color .15s;
}
.pg20-game:active{transform:scale(.95);border-color:var(--pg20-primary);}
.pg20-game img{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.6rem;
}
.pg20-game-name{
  font-size:1.05rem;color:var(--pg20-text);text-align:center;
  line-height:1.25rem;height:2.5rem;overflow:hidden;
}

/* ===== Cards / modules ===== */
.pg20-card{
  background:rgba(255,239,213,.04);
  border:.1rem solid var(--pg20-line);border-radius:var(--pg20-radius);
  padding:1.1rem;margin-bottom:1rem;
}
.pg20-card h3{
  font-size:1.35rem;color:var(--pg20-gold);font-weight:800;
  margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem;
}
.pg20-card h3 i{color:var(--pg20-primary);}
.pg20-card p,.pg20-card li{font-size:1.2rem;color:var(--pg20-text);margin-bottom:.45rem;}
.pg20-card ul{padding-left:.2rem;}
.pg20-card li{display:flex;gap:.5rem;align-items:flex-start;}
.pg20-card li i{color:var(--pg20-primary);margin-top:.2rem;}
.pg20-text-link{color:var(--pg20-primary);font-weight:700;border-bottom:.1rem dashed var(--pg20-primary);}
.pg20-cta{
  display:block;width:100%;text-align:center;padding:1rem;margin-top:.7rem;
  font-size:1.3rem;font-weight:800;border-radius:2rem;border:none;
  background:linear-gradient(95deg,var(--pg20-primary),#19b6bb);
  color:#103039;cursor:pointer;box-shadow:0 .3rem 1rem rgba(0,206,209,.35);
}

/* ===== RTP table ===== */
.pg20-rtp{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
.pg20-rtp-item{
  background:rgba(0,206,209,.08);border:.1rem solid var(--pg20-line);
  border-radius:.7rem;padding:.7rem;text-align:center;
}
.pg20-rtp-item b{display:block;font-size:1.5rem;color:var(--pg20-primary);}
.pg20-rtp-item span{font-size:1.05rem;color:var(--pg20-soft);}

/* ===== Testimonials ===== */
.pg20-quote{
  border-left:.3rem solid var(--pg20-primary);padding:.6rem .8rem;
  margin-bottom:.7rem;background:rgba(255,239,213,.03);border-radius:.5rem;
}
.pg20-quote p{font-size:1.18rem;color:var(--pg20-text);}
.pg20-quote span{font-size:1.05rem;color:var(--pg20-gold);}

/* ===== Payment ===== */
.pg20-pay{display:flex;flex-wrap:wrap;gap:.5rem;}
.pg20-pay span{
  padding:.5rem .9rem;border-radius:.6rem;font-size:1.1rem;
  background:rgba(0,206,209,.1);border:.1rem solid var(--pg20-line);color:var(--pg20-text);
}

/* ===== Winners ===== */
.pg20-winner{
  display:flex;justify-content:space-between;align-items:center;
  padding:.55rem 0;border-bottom:.1rem dashed var(--pg20-line);font-size:1.15rem;
}
.pg20-winner b{color:var(--pg20-gold);}

/* ===== Promo link in body ===== */
.pg20-promo-line{
  background:linear-gradient(95deg,rgba(111,78,55,.45),rgba(0,206,209,.18));
  border:.1rem solid var(--pg20-line);border-radius:.8rem;
  padding:.8rem 1rem;margin:.7rem 0;font-size:1.2rem;color:var(--pg20-text);
}
.pg20-promo-line b{color:var(--pg20-primary);}

/* ===== Footer ===== */
.pg20-footer{
  background:#17222b;border-top:.15rem solid var(--pg20-line);
  padding:1.6rem 1rem 1rem;margin-top:1.4rem;
}
.pg20-footer p{font-size:1.15rem;color:var(--pg20-muted);margin-bottom:.8rem;line-height:1.6rem;}
.pg20-footer-links{
  display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;
}
.pg20-footer-links a{
  font-size:1.1rem;color:var(--pg20-text);padding:.4rem .7rem;
  background:rgba(255,239,213,.05);border:.1rem solid var(--pg20-line);border-radius:.6rem;
}
.pg20-footer-promos{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;}
.pg20-footer-promos button{
  flex:1 1 45%;padding:.7rem;border-radius:.7rem;font-size:1.15rem;font-weight:700;
  background:linear-gradient(95deg,var(--pg20-primary),#19b6bb);color:#103039;border:none;cursor:pointer;
}
.pg20-footer-promos button.outline{
  background:transparent;color:var(--pg20-text);border:.12rem solid var(--pg20-primary);
}
.pg20-copy{text-align:center;font-size:1.05rem;color:var(--pg20-soft);padding-top:.8rem;border-top:.1rem solid var(--pg20-line);}

/* ===== Mobile bottom nav ===== */
.pg20-bottom{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  background:linear-gradient(0deg,#13202a,#1c2832);
  border-top:.12rem solid var(--pg20-primary);
  box-shadow:0 -.3rem 1rem rgba(0,0,0,.4);
  display:flex;justify-content:space-around;align-items:center;
  height:6rem;padding:.3rem 0;
}
.pg20-bottom button,.pg20-bottom a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.15rem;background:transparent;border:none;cursor:pointer;
  color:var(--pg20-muted);font-size:1rem;text-decoration:none;
  transition:color .15s ease,transform .15s ease;min-width:60px;min-height:54px;
}
.pg20-bottom button:active,.pg20-bottom a:active{transform:scale(.9);}
.pg20-bottom .material-icons,.pg20-bottom .fas,.pg20-bottom .far,
.pg20-bottom ion-icon,.pg20-bottom .bi{font-size:2.2rem;}
.pg20-bottom ion-icon{font-size:2.3rem;}
.pg20-bottom .active{color:var(--pg20-primary);}
.pg20-bottom .active::after{
  content:'';width:.5rem;height:.5rem;border-radius:50%;background:var(--pg20-primary);
  position:absolute;margin-top:4.2rem;
}
.pg20-bottom button,.pg20-bottom a{position:relative;}
.pg20-badge{
  position:absolute;top:.2rem;right:1.4rem;background:var(--pg20-danger);
  color:#fff;font-size:.9rem;border-radius:.8rem;padding:0 .35rem;min-width:1.4rem;text-align:center;
}

/* ===== Desktop: hide bottom nav ===== */
@media (min-width:769px){
  .pg20-bottom{display:none;}
  body{max-width:760px;}
}
@media (min-width:431px) and (max-width:768px){
  .pg20-bottom{max-width:430px;}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;}
}