/* =========================================================
   win99 apk - Core Layout Stylesheet (prefix: v1cc-)
   Mobile-first HTML5 casino design (max-width: 430px)
   Palette: #F8F8FF #F0F0F0 #2D2D2D #80CBC4 #8A2BE2 #AFEEEE
   ========================================================= */

:root{
  --v1cc-bg:#2D2D2D;
  --v1cc-bg-2:#1c1c1c;
  --v1cc-bg-3:#3a3a3a;
  --v1cc-text:#F8F8FF;
  --v1cc-text-soft:#F0F0F0;
  --v1cc-muted:#b8b8c8;
  --v1cc-primary:#80CBC4;
  --v1cc-accent:#8A2BE2;
  --v1cc-accent-2:#AFEEEE;
  --v1cc-border:rgba(248,248,255,.12);
  --v1cc-radius:14px;
  --v1cc-shadow:0 6px 22px rgba(0,0,0,.35);
  --v1cc-header-h:60px;
  --v1cc-bottomnav-h:62px;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{
  font-family:"Segoe UI","Helvetica Neue",Roboto,Arial,sans-serif;
  background:linear-gradient(160deg,#2D2D2D 0%,#1c1c1c 100%);
  color:var(--v1cc-text);
  line-height:1.5;
  font-size:1.5rem;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  overflow-x:hidden;
}
a{color:var(--v1cc-accent-2);text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}

/* ---------- Layout helpers ---------- */
.v1cc-container{width:100%;padding:0 14px;}
.v1cc-wrapper{max-width:430px;margin:0 auto;padding:0 14px;}
.v1cc-grid{display:grid;gap:12px;}
.v1cc-section{padding:22px 0;}
.v1cc-section-title{
  font-size:2rem;font-weight:800;color:var(--v1cc-text);
  margin-bottom:12px;padding-left:10px;border-left:4px solid var(--v1cc-primary);
}
.v1cc-eyebrow{
  display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--v1cc-primary);margin-bottom:6px;
}

/* ---------- Header ---------- */
.v1cc-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  max-width:430px;margin:0 auto;
  background:rgba(28,28,28,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--v1cc-border);
  display:flex;align-items:center;justify-content:space-between;
  height:var(--v1cc-header-h);padding:0 12px;
}
.v1cc-brand{display:flex;align-items:center;gap:8px;color:var(--v1cc-text);font-weight:800;font-size:1.7rem;}
.v1cc-brand .v1cc-logo{
  width:30px;height:30px;border-radius:8px;
  background:linear-gradient(135deg,var(--v1cc-primary),var(--v1cc-accent));
  display:grid;place-items:center;color:#1c1c1c;font-size:1.6rem;
}
.v1cc-brand small{display:block;font-size:1rem;color:var(--v1cc-muted);font-weight:500;}
.v1cc-head-actions{display:flex;align-items:center;gap:8px;}
.v1cc-btn{
  border:none;cursor:pointer;border-radius:24px;font-weight:700;
  padding:9px 16px;font-size:1.3rem;transition:transform .15s,box-shadow .15s,background .2s;
  display:inline-flex;align-items:center;gap:6px;line-height:1;
}
.v1cc-btn:active{transform:scale(.94);}
.v1cc-btn-primary{background:linear-gradient(135deg,var(--v1cc-primary),var(--v1cc-accent-2));color:#1c1c1c;box-shadow:0 4px 14px rgba(128,203,196,.35);}
.v1cc-btn-accent{background:linear-gradient(135deg,var(--v1cc-accent),#5a1ba8);color:#fff;box-shadow:0 4px 14px rgba(138,43,226,.4);}
.v1cc-btn-ghost{background:transparent;border:1px solid var(--v1cc-primary);color:var(--v1cc-primary);}
.v1cc-btn-block{display:flex;width:100%;justify-content:center;padding:13px;}
.v1cc-menu-btn{
  background:transparent;border:none;color:var(--v1cc-text);font-size:2rem;cursor:pointer;
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
}
.v1cc-menu-btn:active{background:rgba(255,255,255,.08);}

/* ---------- Mobile dropdown menu ---------- */
.v1cc-mobile-menu{
  position:fixed;top:calc(var(--v1cc-header-h));left:0;right:0;z-index:9999;
  max-width:430px;margin:0 auto;
  background:rgba(20,20,20,.98);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--v1cc-border);
  padding:14px;display:none;
}
.v1cc-mobile-menu.v1cc-open{display:block;animation:v1ccFade .22s ease;}
@keyframes v1ccFade{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.v1cc-mobile-menu h4{color:var(--v1cc-muted);font-size:1.15rem;margin:10px 4px 6px;text-transform:uppercase;letter-spacing:.1em;}
.v1cc-mobile-menu ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.v1cc-mobile-menu a{
  display:block;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05);
  color:var(--v1cc-text);font-size:1.35rem;border:1px solid var(--v1cc-border);
}
.v1cc-mobile-menu a:active{background:rgba(128,203,196,.18);}

/* ---------- Main / spacing ---------- */
.v1cc-main{padding-top:calc(var(--v1cc-header-h) + 8px);padding-bottom:90px;}

/* ---------- Hero / Carousel ---------- */
.v1cc-hero{padding:14px 0 4px;}
.v1cc-carousel{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--v1cc-shadow);}
.v1cc-carousel-track{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}
.v1cc-carousel-track::-webkit-scrollbar{display:none;}
.v1cc-slide{flex:0 0 100%;scroll-snap-align:center;position:relative;}
.v1cc-slide img{width:100%;height:200px;object-fit:cover;}
.v1cc-slide-cta{
  position:absolute;left:14px;bottom:14px;right:14px;display:flex;flex-direction:column;gap:8px;
  background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,0));padding:18px 4px 4px;
}
.v1cc-slide-cta strong{color:#fff;font-size:1.7rem;}
.v1cc-slide-cta span{color:var(--v1cc-accent-2);font-size:1.25rem;}
.v1cc-carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:8px;}
.v1cc-carousel-dots button{
  width:8px;height:8px;border-radius:50%;border:none;background:rgba(248,248,255,.35);cursor:pointer;padding:0;
}
.v1cc-carousel-dots button.v1cc-active{background:var(--v1cc-primary);width:22px;border-radius:6px;}

/* ---------- Promo strip ---------- */
.v1cc-promo-strip{
  display:flex;gap:10px;overflow-x:auto;padding:8px 0;scrollbar-width:none;
}
.v1cc-promo-strip::-webkit-scrollbar{display:none;}
.v1cc-promo-card{
  flex:0 0 70%;padding:14px;border-radius:14px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--v1cc-accent),#5a1ba8);border:1px solid var(--v1cc-border);
}
.v1cc-promo-card.alt{background:linear-gradient(135deg,var(--v1cc-primary),#3e9e97);color:#1c1c1c;}
.v1cc-promo-card h3{font-size:1.5rem;margin-bottom:4px;}
.v1cc-promo-card p{font-size:1.2rem;opacity:.92;}

/* ---------- Game grid ---------- */
.v1cc-cat-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px;}
.v1cc-cat-head h2{font-size:1.9rem;font-weight:800;display:flex;align-items:center;gap:8px;}
.v1cc-cat-head .v1cc-cat-icon{color:var(--v1cc-primary);font-size:2.2rem;}
.v1cc-cat-link{font-size:1.2rem;color:var(--v1cc-accent-2);font-weight:600;}
.v1cc-games{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.v1cc-game{
  background:var(--v1cc-bg-3);border-radius:12px;overflow:hidden;cursor:pointer;
  border:1px solid var(--v1cc-border);transition:transform .15s;
  display:block;color:inherit;
}
.v1cc-game:active{transform:scale(.95);}
.v1cc-game .v1cc-game-img{position:relative;}
.v1cc-game .v1cc-game-img img{width:100%;height:96px;object-fit:cover;}
.v1cc-game .v1cc-game-tag{
  position:absolute;top:6px;left:6px;background:rgba(138,43,226,.9);color:#fff;
  font-size:1rem;padding:2px 6px;border-radius:6px;font-weight:700;
}
.v1cc-game .v1cc-game-name{
  padding:6px 8px;font-size:1.15rem;color:var(--v1cc-text);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ---------- Info / content cards ---------- */
.v1cc-card{
  background:var(--v1cc-bg-3);border:1px solid var(--v1cc-border);border-radius:14px;padding:14px;margin-bottom:12px;
}
.v1cc-card h3{font-size:1.55rem;margin-bottom:6px;color:var(--v1cc-primary);}
.v1cc-card p{font-size:1.3rem;color:var(--v1cc-text-soft);margin-bottom:6px;}
.v1cc-card ul{padding-left:18px;}
.v1cc-card li{font-size:1.3rem;color:var(--v1cc-text-soft);margin-bottom:4px;list-style:disc;}

/* ---------- Features list ---------- */
.v1cc-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.v1cc-feature{
  background:var(--v1cc-bg-3);padding:12px;border-radius:12px;text-align:center;border:1px solid var(--v1cc-border);
}
.v1cc-feature .v1cc-ic{font-size:2.4rem;color:var(--v1cc-primary);margin-bottom:4px;}
.v1cc-feature h4{font-size:1.3rem;color:var(--v1cc-text);margin-bottom:2px;}
.v1cc-feature p{font-size:1.1rem;color:var(--v1cc-muted);}

/* ---------- Testimonial ---------- */
.v1cc-testi{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;}
.v1cc-testi::-webkit-scrollbar{display:none;}
.v1cc-testi-card{flex:0 0 80%;background:var(--v1cc-bg-3);border-radius:12px;padding:12px;border:1px solid var(--v1cc-border);}
.v1cc-testi-card .v1cc-stars{color:#FFD54F;font-size:1.2rem;margin-bottom:4px;}
.v1cc-testi-card p{font-size:1.25rem;color:var(--v1cc-text-soft);}
.v1cc-testi-card .v1cc-author{font-size:1.1rem;color:var(--v1cc-muted);margin-top:6px;}

/* ---------- Winner showcase ---------- */
.v1cc-winners{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.v1cc-winner{
  background:linear-gradient(135deg,rgba(128,203,196,.15),rgba(138,43,226,.15));
  border:1px solid var(--v1cc-border);border-radius:10px;padding:10px;font-size:1.15rem;
}
.v1cc-winner b{color:var(--v1cc-primary);display:block;font-size:1.4rem;}
.v1cc-winner span{color:var(--v1cc-muted);font-size:1.05rem;}

/* ---------- Payment / badges ---------- */
.v1cc-badges{display:flex;flex-wrap:wrap;gap:8px;}
.v1cc-badge{
  background:var(--v1cc-bg-3);border:1px solid var(--v1cc-border);border-radius:10px;
  padding:8px 12px;font-size:1.2rem;color:var(--v1cc-text-soft);display:inline-flex;align-items:center;gap:6px;
}
.v1cc-badge .material-icons,.v1cc-badge i{color:var(--v1cc-accent-2);}

/* ---------- CTA banner ---------- */
.v1cc-cta-banner{
  background:linear-gradient(135deg,var(--v1cc-accent),var(--v1cc-primary));
  border-radius:16px;padding:18px;text-align:center;color:#fff;margin:16px 0;
}
.v1cc-cta-banner h3{font-size:1.8rem;margin-bottom:6px;}
.v1cc-cta-banner p{font-size:1.25rem;margin-bottom:10px;opacity:.95;}

/* ---------- FAQ ---------- */
.v1cc-faq-item{background:var(--v1cc-bg-3);border:1px solid var(--v1cc-border);border-radius:10px;margin-bottom:8px;overflow:hidden;}
.v1cc-faq-q{padding:12px;font-weight:700;color:var(--v1cc-text);font-size:1.35rem;cursor:pointer;display:flex;justify-content:space-between;gap:8px;}
.v1cc-faq-a{padding:0 12px 12px;font-size:1.25rem;color:var(--v1cc-text-soft);display:none;}
.v1cc-faq-item.v1cc-open .v1cc-faq-a{display:block;}
.v1cc-faq-item.v1cc-open .v1cc-faq-q i{transform:rotate(180deg);}

/* ---------- Footer ---------- */
.v1cc-footer{
  background:var(--v1cc-bg-2);border-top:1px solid var(--v1cc-border);padding:20px 0 100px;
}
.v1cc-footer h4{color:var(--v1cc-primary);font-size:1.4rem;margin:12px 0 6px;}
.v1cc-footer p{color:var(--v1cc-muted);font-size:1.2rem;margin-bottom:8px;}
.v1cc-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.v1cc-footer-links a{font-size:1.2rem;color:var(--v1cc-text-soft);padding:6px 0;border-bottom:1px dashed var(--v1cc-border);}
.v1cc-footer-cta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
.v1cc-copy{text-align:center;color:var(--v1cc-muted);font-size:1.1rem;padding-top:12px;border-top:1px solid var(--v1cc-border);}

/* ---------- Bottom nav (mobile only) ---------- */
.v1cc-bottomnav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;max-width:430px;margin:0 auto;
  height:var(--v1cc-bottomnav-h);
  background:rgba(20,20,20,.97);backdrop-filter:blur(10px);
  border-top:1px solid var(--v1cc-border);
  display:flex;justify-content:space-around;align-items:stretch;
}
.v1cc-bottomnav a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:var(--v1cc-muted);font-size:1rem;text-decoration:none;position:relative;min-width:60px;min-height:60px;
  transition:color .18s;
}
.v1cc-bottomnav a .v1cc-bn-ic{font-size:22px;line-height:1;}
.v1cc-bottomnav a.v1cc-active{color:var(--v1cc-primary);}
.v1cc-bottomnav a.v1cc-active::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:30px;height:3px;border-radius:0 0 4px 4px;background:var(--v1cc-primary);
}
.v1cc-bottomnav a:active{transform:scale(.92);}
.v1cc-bottomnav a.v1cc-promo .v1cc-bn-ic{color:var(--v1cc-accent-2);}

/* ---------- Desktop ---------- */
@media (min-width:769px){
  .v1cc-bottomnav{display:none;}
  body{max-width:960px;}
  .v1cc-header,.v1cc-mobile-menu,.v1cc-footer{max-width:960px;}
  .v1cc-games{grid-template-columns:repeat(6,1fr);}
  .v1cc-features{grid-template-columns:repeat(4,1fr);}
  .v1cc-footer{padding-bottom:30px;}
  .v1cc-main{padding-bottom:30px;}
}