/* =========================================================================
   Playzone - theme-94bc.css
   Prefix: w94bc-
   Palette: #FFB3BA | #FFB6C1 | #1A1A2E | #999999
   Mobile-first (max-width 430px), root font 62.5%, rem units
   ========================================================================= */

:root{
  --w94bc-primary:#FFB3BA;
  --w94bc-primary-2:#FFB6C1;
  --w94bc-bg:#1A1A2E;
  --w94bc-bg-2:#20203a;
  --w94bc-bg-3:#2c2c4a;
  --w94bc-text:#FFFFFF;
  --w94bc-text-muted:#999999;
  --w94bc-accent:#FFB3BA;
  --w94bc-border:rgba(255,179,186,.18);
  --w94bc-radius:1.4rem;
  --w94bc-shadow:0 .6rem 1.8rem rgba(0,0,0,.32);
  --w94bc-shadow-pink:0 .4rem 1.4rem rgba(255,179,186,.28);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{font-size:62.5%;-webkit-text-size-adjust:100%;}
body{
  font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;
  background:var(--w94bc-bg);
  color:var(--w94bc-text);
  line-height:1.5rem;
  font-size:1.4rem;
  max-width:430px;
  margin:0 auto;
  position:relative;
  overflow-x:hidden;
}
a{color:var(--w94bc-primary);text-decoration:none;}
img{max-width:100%;display:block;}
ul,ol{list-style:none;}

/* ===== Layout helpers ===== */
.w94bc-container{width:100%;padding:0 1.2rem;}
.w94bc-wrapper{max-width:430px;margin:0 auto;}
.w94bc-section{padding:2.4rem 1.2rem;}
.w94bc-section--alt{background:var(--w94bc-bg-2);}
.w94bc-section-title{
  font-size:1.9rem;font-weight:800;color:var(--w94bc-text);
  margin-bottom:.6rem;line-height:2.2rem;
}
.w94bc-section-title .w94bc-pink{color:var(--w94bc-primary);}
.w94bc-section-sub{
  font-size:1.3rem;color:var(--w94bc-text-muted);
  margin-bottom:1.6rem;
}
.w94bc-pill{
  display:inline-block;background:rgba(255,179,186,.14);
  color:var(--w94bc-primary);font-size:1.1rem;font-weight:700;
  padding:.3rem .9rem;border-radius:1rem;margin-bottom:.6rem;
}

/* ===== Header ===== */
.w94bc-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  background:rgba(26,26,46,.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--w94bc-border);
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1.2rem;height:5.6rem;
}
.w94bc-logo{display:flex;align-items:center;gap:.6rem;min-width:0;}
.w94bc-logo img{width:30px;height:30px;border-radius:.6rem;}
.w94bc-logo-text{font-size:1.7rem;font-weight:900;color:var(--w94bc-text);letter-spacing:.03rem;}
.w94bc-logo-text span{color:var(--w94bc-primary);}
.w94bc-header-actions{display:flex;align-items:center;gap:.6rem;}
.w94bc-btn{
  border:none;cursor:pointer;font-weight:800;font-size:1.25rem;
  padding:.6rem 1.2rem;border-radius:1rem;
  transition:transform .2s,box-shadow .2s,filter .2s;
  min-height:4rem;display:inline-flex;align-items:center;gap:.4rem;
}
.w94bc-btn:active{transform:scale(.95);}
.w94bc-btn--login{
  background:transparent;color:var(--w94bc-text);
  border:1px solid var(--w94bc-primary);padding:.55rem 1rem;
}
.w94bc-btn--register{
  background:linear-gradient(135deg,#FFB3BA,#FFB6C1);
  color:#1A1A2E;box-shadow:var(--w94bc-shadow-pink);
}
.w94bc-menu-toggle{
  background:transparent;border:none;color:var(--w94bc-text);
  font-size:2.2rem;cursor:pointer;padding:.4rem;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  width:4rem;height:4rem;border-radius:1rem;
}

/* ===== Mobile menu drawer ===== */
.w94bc-drawer{
  position:fixed;top:0;right:0;bottom:0;width:82%;max-width:340px;
  background:var(--w94bc-bg-2);z-index:9999;
  transform:translateX(100%);transition:transform .3s ease;
  padding:2rem 1.6rem;overflow-y:auto;
}
.w94bc-drawer.is-open{transform:translateX(0);}
.w94bc-drawer-close{
  position:absolute;top:1rem;right:1.2rem;font-size:2.2rem;
  background:transparent;border:none;color:var(--w94bc-text);cursor:pointer;
}
.w94bc-drawer h3{font-size:1.5rem;color:var(--w94bc-primary);margin:1.4rem 0 .6rem;}
.w94bc-drawer a{
  display:block;padding:.8rem .6rem;border-bottom:1px solid var(--w94bc-border);
  color:var(--w94bc-text);font-size:1.35rem;font-weight:600;
}
.w94bc-drawer a:active{color:var(--w94bc-primary);}
.w94bc-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;
  display:none;
}
.w94bc-overlay.is-open{display:block;}

/* ===== Hero carousel ===== */
.w94bc-carousel{position:relative;margin-top:5.6rem;overflow:hidden;}
.w94bc-carousel-track{display:flex;transition:transform .4s ease;}
.w94bc-slide{min-width:100%;position:relative;}
.w94bc-slide img{width:100%;height:200px;object-fit:cover;}
.w94bc-slide-text{
  position:absolute;left:1.2rem;bottom:1.2rem;right:1.2rem;
  background:rgba(26,26,46,.7);padding:1rem 1.2rem;border-radius:1.2rem;
}
.w94bc-slide-text h2{font-size:1.7rem;font-weight:900;color:#fff;margin-bottom:.3rem;}
.w94bc-slide-text p{font-size:1.15rem;color:var(--w94bc-primary-2);}
.w94bc-carousel-dots{
  display:flex;justify-content:center;gap:.6rem;margin-top:.8rem;
}
.w94bc-carousel-dots span{
  width:.9rem;height:.9rem;border-radius:50%;background:rgba(255,255,255,.3);
  cursor:pointer;
}
.w94bc-carousel-dots span.is-active{background:var(--w94bc-primary);}

/* ===== Intro / H1 ===== */
.w94bc-intro{padding:2rem 1.2rem 1rem;}
.w94bc-intro h1{font-size:2.1rem;font-weight:900;line-height:2.6rem;margin-bottom:.8rem;}
.w94bc-intro h1 span{color:var(--w94bc-primary);}
.w94bc-intro p{font-size:1.35rem;color:var(--w94bc-text-muted);line-height:1.8rem;}

/* ===== Game grid ===== */
.w94bc-cat-block{margin-bottom:2.4rem;}
.w94bc-cat-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:1rem;padding:0 1.2rem;
}
.w94bc-cat-head h2{font-size:1.7rem;font-weight:800;color:var(--w94bc-primary);}
.w94bc-cat-head .w94bc-cat-count{font-size:1.15rem;color:var(--w94bc-text-muted);}
.w94bc-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;
  padding:0 1.2rem;
}
.w94bc-game-card{
  background:var(--w94bc-bg-2);border:1px solid var(--w94bc-border);
  border-radius:1rem;overflow:hidden;cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}
.w94bc-game-card:active{
  transform:scale(.96);box-shadow:var(--w94bc-shadow-pink);
  border-color:var(--w94bc-primary);
}
.w94bc-game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.w94bc-game-card .w94bc-game-name{
  font-size:1.05rem;color:var(--w94bc-text);text-align:center;
  padding:.5rem .3rem .6rem;line-height:1.3rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ===== Cards / features ===== */
.w94bc-card{
  background:var(--w94bc-bg-2);border:1px solid var(--w94bc-border);
  border-radius:var(--w94bc-radius);padding:1.4rem;margin-bottom:1rem;
}
.w94bc-card h3{font-size:1.55rem;font-weight:800;color:var(--w94bc-primary);margin-bottom:.6rem;}
.w94bc-card p{font-size:1.3rem;color:var(--w94bc-text);line-height:1.7rem;}
.w94bc-card .w94bc-card-icon{font-size:2.2rem;color:var(--w94bc-primary);margin-bottom:.4rem;display:inline-block;}

.w94bc-feature-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
.w94bc-feature{
  background:var(--w94bc-bg-2);border:1px solid var(--w94bc-border);
  border-radius:1.2rem;padding:1.3rem;display:flex;gap:1rem;align-items:flex-start;
}
.w94bc-feature .w94bc-feature-ico{font-size:2.4rem;color:var(--w94bc-primary);flex-shrink:0;}
.w94bc-feature h3{font-size:1.5rem;font-weight:800;margin-bottom:.3rem;}
.w94bc-feature p{font-size:1.28rem;color:var(--w94bc-text-muted);line-height:1.6rem;}

/* ===== RTP table ===== */
.w94bc-rtp-table{width:100%;border-collapse:collapse;}
.w94bc-rtp-table th,.w94bc-rtp-table td{
  padding:.7rem .6rem;border-bottom:1px solid var(--w94bc-border);font-size:1.25rem;text-align:left;
}
.w94bc-rtp-table th{color:var(--w94bc-primary);}
.w94bc-rtp-table td .w94bc-bar{
  height:.6rem;background:#2c2c4a;border-radius:.4rem;overflow:hidden;margin-top:.3rem;
}
.w94bc-rtp-table td .w94bc-bar span{display:block;height:100%;background:var(--w94bc-primary);}

/* ===== Steps list ===== */
.w94bc-steps{counter-reset:step;}
.w94bc-step{display:flex;gap:1rem;margin-bottom:1.2rem;align-items:flex-start;}
.w94bc-step-num{
  flex-shrink:0;width:3rem;height:3rem;border-radius:50%;
  background:var(--w94bc-primary);color:#1A1A2E;font-weight:900;
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;
}
.w94bc-step h3{font-size:1.45rem;font-weight:800;margin-bottom:.2rem;}
.w94bc-step p{font-size:1.28rem;color:var(--w94bc-text-muted);line-height:1.6rem;}

/* ===== Testimonials ===== */
.w94bc-testi{
  background:var(--w94bc-bg-2);border:1px solid var(--w94bc-border);
  border-radius:1.2rem;padding:1.3rem;margin-bottom:1rem;
}
.w94bc-testi-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem;}
.w94bc-testi-avatar{
  width:4rem;height:4rem;border-radius:50%;
  background:var(--w94bc-primary);color:#1A1A2E;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.6rem;
}
.w94bc-testi-name{font-size:1.4rem;font-weight:800;}
.w94bc-testi-stars{color:#FFD86B;font-size:1.2rem;}
.w94bc-testi p{font-size:1.28rem;color:var(--w94bc-text);line-height:1.7rem;}

/* ===== Winners ===== */
.w94bc-winner-row{
  display:flex;justify-content:space-between;padding:.7rem .2rem;
  border-bottom:1px solid var(--w94bc-border);font-size:1.28rem;
}
.w94bc-winner-row .w94bc-amt{color:var(--w94bc-primary);font-weight:800;}

/* ===== Payment grid ===== */
.w94bc-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;}
.w94bc-pay{
  background:var(--w94bc-bg-2);border:1px solid var(--w94bc-border);
  border-radius:1rem;padding:1rem;text-align:center;
}
.w94bc-pay .w94bc-pay-ico{font-size:2.4rem;color:var(--w94bc-primary);margin-bottom:.4rem;display:block;}
.w94bc-pay span{font-size:1.15rem;color:var(--w94bc-text);}

/* ===== App CTA ===== */
.w94bc-app-cta{
  background:linear-gradient(135deg,#FFB3BA 0%,#FFB6C1 100%);
  color:#1A1A2E;border-radius:1.6rem;padding:1.6rem;text-align:center;
}
.w94bc-app-cta h3{font-size:1.8rem;font-weight:900;margin-bottom:.4rem;}
.w94bc-app-cta p{font-size:1.3rem;margin-bottom:1rem;}
.w94bc-app-btns{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;}
.w94bc-app-btn{
  background:#1A1A2E;color:#fff;border:none;cursor:pointer;
  padding:.7rem 1.2rem;border-radius:1rem;font-weight:800;font-size:1.25rem;
  display:inline-flex;align-items:center;gap:.4rem;
}
.w94bc-app-btn:active{transform:scale(.95);}
.w94bc-app-phones{display:flex;gap:.6rem;justify-content:center;margin-top:1rem;}
.w94bc-app-phones img{width:30%;border-radius:.8rem;border:1px solid rgba(26,26,46,.3);}

/* ===== FAQ ===== */
.w94bc-faq{margin-bottom:.8rem;}
.w94bc-faq-q{
  background:var(--w94bc-bg-2);border:1px solid var(--w94bc-border);
  border-radius:1rem;padding:1rem 1.2rem;font-weight:700;font-size:1.35rem;
  display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#fff;
}
.w94bc-faq-q .w94bc-faq-ico{color:var(--w94bc-primary);font-size:1.6rem;transition:transform .2s;}
.w94bc-faq-a{
  max-height:0;overflow:hidden;transition:max-height .3s ease;
  padding:0 1.2rem;background:var(--w94bc-bg-3);border-radius:0 0 1rem 1rem;
  font-size:1.25rem;color:var(--w94bc-text-muted);line-height:1.7rem;
}
.w94bc-faq.is-open .w94bc-faq-a{max-height:300px;padding:1rem 1.2rem;}
.w94bc-faq.is-open .w94bc-faq-ico{transform:rotate(45deg);}

/* ===== Play now CTA banner ===== */
.w94bc-cta-banner{
  background:var(--w94bc-bg-2);border:1px solid var(--w94bc-primary);
  border-radius:1.6rem;padding:1.6rem;text-align:center;
  box-shadow:var(--w94bc-shadow-pink);
}
.w94bc-cta-banner h3{font-size:1.8rem;color:var(--w94bc-primary);margin-bottom:.5rem;}
.w94bc-cta-banner p{font-size:1.3rem;color:var(--w94bc-text);margin-bottom:1rem;}
.w94bc-cta-big{
  background:linear-gradient(135deg,#FFB3BA,#FFB6C1);color:#1A1A2E;border:none;
  padding:1rem 2rem;border-radius:1.2rem;font-weight:900;font-size:1.5rem;cursor:pointer;
  box-shadow:var(--w94bc-shadow-pink);
}
.w94bc-cta-big:active{transform:scale(.95);}
.w94bc-text-link{color:var(--w94bc-primary);font-weight:700;cursor:pointer;}
.w94bc-text-link:active{text-decoration:underline;}

/* ===== Footer ===== */
.w94bc-footer{
  background:var(--w94bc-bg-2);padding:2rem 1.2rem 1rem;
  border-top:1px solid var(--w94bc-border);
}
.w94bc-footer h4{font-size:1.35rem;color:var(--w94bc-primary);margin-bottom:.5rem;}
.w94bc-footer-links{
  display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.8rem 0 1rem;
}
.w94bc-footer-links a{font-size:1.2rem;color:var(--w94bc-text);}
.w94bc-footer-links a:active{color:var(--w94bc-primary);}
.w94bc-footer-brand{font-size:1.15rem;color:var(--w94bc-text-muted);line-height:1.6rem;margin-bottom:.6rem;}
.w94bc-footer-copy{font-size:1.1rem;color:var(--w94bc-text-muted);border-top:1px solid var(--w94bc-border);padding-top:.8rem;}

/* ===== Mobile bottom nav ===== */
.w94bc-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  display:flex;justify-content:space-around;align-items:center;
  background:rgba(26,26,46,.97);backdrop-filter:blur(10px);
  border-top:1px solid var(--w94bc-border);
  height:6rem;padding:.4rem 0;
}
.w94bc-nav-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;flex:1;
  background:transparent;border:none;cursor:pointer;color:var(--w94bc-text-muted);
  gap:.2rem;padding:.2rem;transition:color .2s,transform .2s;
}
.w94bc-nav-item:active{transform:scale(.9);}
.w94bc-nav-item .w94bc-nav-ico{font-size:2.2rem;line-height:1;}
.w94bc-nav-item .w94bc-nav-ico.mat{font-size:2.3rem;}
.w94bc-nav-item .w94bc-nav-label{font-size:1rem;font-weight:700;}
.w94bc-nav-item.is-active,.w94bc-nav-item:active{color:var(--w94bc-primary);}
.w94bc-nav-item.is-active .w94bc-nav-label{color:var(--w94bc-primary);}

/* ===== Main content padding ===== */
main{padding-bottom:7rem;}

/* ===== Desktop ===== */
@media (min-width:769px){
  .w94bc-bottom-nav{display:none;}
  body{max-width:430px;}
  main{padding-bottom:2rem;}
}