/* f16878 vip - Core Base Stylesheet
   Prefix: g15c-
   Palette: #9932CC (primary) | #0A0A0A (bg)
   Mobile-first, max-width 430px
   Comments in English. */

:root{
  --g15c-primary:#9932CC;
  --g15c-primary-dark:#6B1E96;
  --g15c-primary-light:#B85EE6;
  --g15c-bg:#0A0A0A;
  --g15c-bg-alt:#141019;
  --g15c-bg-card:#1A1322;
  --g15c-text:#F5F0FA;
  --g15c-text-muted:#B9A9C9;
  --g15c-gold:#FFD24A;
  --g15c-border:rgba(153,50,204,.28);
  --g15c-radius:12px;
  --g15c-shadow:0 6px 22px rgba(0,0,0,.45);
  --g15c-accent:#FF5E8A;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
body{
  font-family:"Segoe UI","Inter",system-ui,Arial,sans-serif;
  background:var(--g15c-bg);
  color:var(--g15c-text);
  line-height:1.5rem;
  font-size:1.5rem;
  overflow-x:hidden;
  max-width:430px;
  margin:0 auto;
  position:relative;
}
img{max-width:100%;display:block;}
a{color:var(--g15c-primary-light);text-decoration:none;}
a:hover{color:var(--g15c-gold);}

/* ===== Header ===== */
.g15c-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  background:linear-gradient(135deg,#0A0A0A 0%,#1A0B24 100%);
  border-bottom:1px solid var(--g15c-border);
  box-shadow:0 4px 14px rgba(0,0,0,.5);
}
.g15c-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 1rem;gap:.6rem;
}
.g15c-logo{display:flex;align-items:center;gap:.5rem;}
.g15c-logo img{width:30px;height:30px;border-radius:6px;}
.g15c-logo-text{font-size:1.6rem;font-weight:800;color:var(--g15c-primary-light);letter-spacing:.3px;}
.g15c-header-actions{display:flex;align-items:center;gap:.5rem;}
.g15c-menu-btn{
  background:transparent;border:none;color:var(--g15c-text);
  font-size:2rem;cursor:pointer;padding:.2rem .5rem;line-height:1;
}
.g15c-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  font-size:1.25rem;font-weight:700;border:none;border-radius:20px;
  padding:.55rem 1.1rem;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:34px;
}
.g15c-btn:hover{transform:translateY(-1px);}
.g15c-btn-register{
  background:linear-gradient(90deg,var(--g15c-primary) 0%,var(--g15c-accent) 100%);
  color:#fff;box-shadow:0 3px 10px rgba(153,50,204,.5);
}
.g15c-btn-login{
  background:transparent;color:var(--g15c-text);
  border:1.5px solid var(--g15c-primary);
}

/* ===== Mobile Menu Drawer ===== */
.g15c-mobile-menu{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;
  background:rgba(10,10,10,.96);
  transform:translateX(-100%);transition:transform .3s ease;
  padding:6rem 1.5rem 2rem;overflow-y:auto;
}
.g15c-mobile-menu.g15c-open{transform:translateX(0);}
.g15c-mobile-menu a{
  display:block;padding:1rem .8rem;border-bottom:1px solid var(--g15c-border);
  font-size:1.5rem;color:var(--g15c-text);
}
.g15c-mobile-menu a:hover{color:var(--g15c-primary-light);background:rgba(153,50,204,.1);}
.g15c-menu-close{
  position:absolute;top:1rem;right:1rem;background:transparent;border:none;
  color:var(--g15c-text);font-size:2.4rem;cursor:pointer;
}

/* ===== Layout ===== */
.g15c-main{padding-top:6rem;padding-bottom:9rem;}
.g15c-container{padding:1rem 1.2rem;max-width:430px;margin:0 auto;}
.g15c-section{margin-bottom:2rem;}
.g15c-section-title{
  font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:.8rem;
  padding-left:.6rem;border-left:4px solid var(--g15c-primary);
}

/* ===== Hero / Carousel ===== */
.g15c-carousel{position:relative;border-radius:var(--g15c-radius);overflow:hidden;box-shadow:var(--g15c-shadow);}
.g15c-carousel-track{display:flex;transition:transform .5s ease;}
.g15c-slide{min-width:100%;position:relative;cursor:pointer;}
.g15c-slide img{width:100%;height:200px;object-fit:cover;}
.g15c-slide-caption{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(transparent,rgba(10,10,10,.92));
  padding:1.4rem 1rem .8rem;color:#fff;font-size:1.35rem;font-weight:700;
}
.g15c-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.6rem;}
.g15c-dot{width:8px;height:8px;border-radius:50%;background:rgba(153,50,204,.3);cursor:pointer;border:none;}
.g15c-dot.g15c-active{background:var(--g15c-primary);width:22px;border-radius:4px;}

/* ===== Game Grid ===== */
.g15c-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;}
.g15c-card{
  background:var(--g15c-bg-card);border:1px solid var(--g15c-border);
  border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s;
}
.g15c-card:hover{transform:translateY(-2px);border-color:var(--g15c-primary);}
.g15c-card img{width:100%;aspect-ratio:1;object-fit:cover;}
.g15c-card-name{
  font-size:1.05rem;color:var(--g15c-text);padding:.45rem .4rem;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.g15c-cat-tag{
  display:inline-block;font-size:1.1rem;color:var(--g15c-primary-light);
  font-weight:700;margin-bottom:.6rem;letter-spacing:.5px;
}

/* ===== Content Modules ===== */
.g15c-module{
  background:var(--g15c-bg-alt);border:1px solid var(--g15c-border);
  border-radius:var(--g15c-radius);padding:1.1rem 1.2rem;margin-bottom:1.2rem;
}
.g15c-module h2{font-size:1.7rem;color:#fff;margin-bottom:.6rem;}
.g15c-module h3{font-size:1.4rem;color:var(--g15c-primary-light);margin:.8rem 0 .4rem;}
.g15c-module p{color:var(--g15c-text-muted);margin-bottom:.6rem;font-size:1.35rem;}
.g15c-module ul{padding-left:1.5rem;color:var(--g15c-text-muted);margin-bottom:.6rem;}
.g15c-module li{margin-bottom:.3rem;font-size:1.3rem;}

.g15c-promo-link{
  display:inline-block;color:var(--g15c-gold);font-weight:700;
  border-bottom:1px dashed var(--g15c-gold);padding-bottom:1px;cursor:pointer;
}
.g15c-cta{
  display:block;text-align:center;background:linear-gradient(90deg,var(--g15c-primary),var(--g15c-accent));
  color:#fff;font-weight:800;font-size:1.6rem;padding:1rem;border-radius:30px;
  margin:1rem 0;cursor:pointer;border:none;box-shadow:0 4px 14px rgba(153,50,204,.5);
}
.g15c-cta:hover{filter:brightness(1.1);}

/* Testimonials */
.g15c-testimonial{background:var(--g15c-bg-card);border-radius:10px;padding:.9rem;margin-bottom:.7rem;border-left:3px solid var(--g15c-primary);}
.g15c-testimonial .g15c-name{font-weight:700;color:var(--g15c-gold);font-size:1.3rem;}
.g15c-testimonial .g15c-text{color:var(--g15c-text-muted);font-size:1.3rem;margin-top:.3rem;}

/* Winners */
.g15c-winner-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--g15c-border);font-size:1.25rem;}
.g15c-winner-row .g15c-amount{color:var(--g15c-gold);font-weight:700;}

/* Payment */
.g15c-pay-row{display:flex;flex-wrap:wrap;gap:.5rem;}
.g15c-pay-chip{background:var(--g15c-bg-card);border:1px solid var(--g15c-border);border-radius:20px;padding:.4rem .9rem;font-size:1.2rem;color:var(--g15c-text);}

/* RTP table */
.g15c-rtp-row{display:flex;justify-content:space-between;padding:.45rem .2rem;border-bottom:1px solid var(--g15c-border);font-size:1.3rem;}
.g15c-rtp-row .g15c-pct{color:var(--g15c-gold);font-weight:700;}

/* Achievements / tricks */
.g15c-badge{display:inline-block;background:rgba(153,50,204,.18);color:var(--g15c-primary-light);border-radius:6px;padding:.3rem .7rem;font-size:1.15rem;margin:.2rem;}

/* ===== Footer ===== */
.g15c-footer{
  background:#060608;border-top:1px solid var(--g15c-border);
  padding:1.5rem 1.2rem 2rem;color:var(--g15c-text-muted);
}
.g15c-footer-brand{font-size:1.35rem;margin-bottom:.8rem;color:var(--g15c-text);}
.g15c-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.8rem 0;}
.g15c-footer-links a{color:var(--g15c-text-muted);font-size:1.2rem;}
.g15c-footer-links a:hover{color:var(--g15c-primary-light);}
.g15c-footer-promo{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0;}
.g15c-footer-promo button{
  background:var(--g15c-primary);color:#fff;border:none;border-radius:18px;
  padding:.5rem .9rem;font-size:1.2rem;font-weight:700;cursor:pointer;
}
.g15c-copyright{text-align:center;font-size:1.1rem;color:#6a5a7a;margin-top:1rem;border-top:1px solid var(--g15c-border);padding-top:.8rem;}

/* ===== Mobile Bottom Nav ===== */
.g15c-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  background:linear-gradient(180deg,#1A0B24 0%,#0A0A0A 100%);
  border-top:1px solid var(--g15c-border);
  display:flex;justify-content:space-around;align-items:center;
  height:62px;box-shadow:0 -4px 16px rgba(0,0,0,.6);
}
.g15c-nav-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;background:transparent;border:none;
  color:var(--g15c-text-muted);cursor:pointer;flex:1;transition:color .15s,transform .15s;
}
.g15c-nav-btn .g15c-nav-icon{font-size:24px;line-height:1;margin-bottom:2px;}
.g15c-nav-btn .g15c-nav-label{font-size:10px;line-height:1;letter-spacing:.2px;}
.g15c-nav-btn:hover,.g15c-nav-btn.g15c-active{color:var(--g15c-primary-light);transform:scale(1.08);}
.g15c-nav-btn.g15c-active .g15c-nav-icon{color:var(--g15c-gold);}
.g15c-nav-badge{
  position:absolute;top:4px;right:18px;background:var(--g15c-accent);color:#fff;
  font-size:9px;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-weight:700;
}

/* Desktop: hide bottom nav, show desktop nav row */
@media (min-width:769px){
  .g15c-bottom-nav{display:none;}
  .g15c-main{padding-bottom:2rem;}
}
@media (max-width:768px){
  .g15c-main{padding-bottom:9rem;}
}