/* =========================================================
   Play Time (play-time.sbs) - Core Layout Stylesheet
   Prefix : g79b-
   Palette: #FF8C00 | #BF360C | #2D2D2D | #BBBBBB | #FFCCCB
   ========================================================= */

:root{
  --g79b-primary:#FF8C00;
  --g79b-deep:#BF360C;
  --g79b-bg:#2D2D2D;
  --g79b-bg-2:#1f1f1f;
  --g79b-bg-3:#3a3a3a;
  --g79b-text:#BBBBBB;
  --g79b-text-light:#f5f5f5;
  --g79b-soft:#FFCCCB;
  --g79b-line:rgba(255,255,255,.08);
  --g79b-shadow:0 8px 24px rgba(0,0,0,.35);
  --g79b-radius:14px;
}

*{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",system-ui,-apple-system,Roboto,Arial,sans-serif;
  background:var(--g79b-bg);
  color:var(--g79b-text-light);
  line-height:1.5;
  font-size:1.5rem;
  overflow-x:hidden;
  max-width:430px;
  margin:0 auto;
  position:relative;
}
img{max-width:100%;display:block;}
a{color:var(--g79b-primary);text-decoration:none;}
a:hover{color:var(--g79b-soft);}

/* ---------- Header ---------- */
.g79b-header{
  position:sticky;top:0;z-index:1000;
  background:linear-gradient(135deg,#1a1a1a 0%,#2D2D2D 60%,#3a2208 100%);
  border-bottom:2px solid var(--g79b-primary);
  padding:.7rem 1rem;
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
}
.g79b-logo{display:flex;align-items:center;gap:.6rem;min-width:0;}
.g79b-logo-icon{
  width:30px;height:30px;border-radius:8px;
  background:linear-gradient(135deg,var(--g79b-primary),var(--g79b-deep));
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.4rem;
  box-shadow:0 2px 8px rgba(255,140,0,.4);
}
.g79b-logo-text{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:.3px;white-space:nowrap;}
.g79b-logo-text span{color:var(--g79b-primary);}
.g79b-header-actions{display:flex;align-items:center;gap:.5rem;}
.g79b-btn{
  border:none;cursor:pointer;font-weight:700;border-radius:10px;
  padding:.65rem 1.1rem;font-size:1.3rem;transition:transform .15s,box-shadow .15s,opacity .15s;
  display:inline-flex;align-items:center;gap:.4rem;
}
.g79b-btn:active{transform:scale(.95);}
.g79b-btn-login{background:transparent;color:#fff;border:1.5px solid var(--g79b-primary);}
.g79b-btn-register{
  background:linear-gradient(135deg,var(--g79b-primary),var(--g79b-deep));
  color:#fff;box-shadow:0 3px 10px rgba(191,54,12,.45);
}
.g79b-menu-toggle{
  background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.2rem .5rem;
}

/* ---------- Desktop nav (hidden on mobile) ---------- */
.g79b-desktop-nav{display:none;}
@media(min-width:769px){
  .g79b-desktop-nav{display:flex;gap:1.6rem;align-items:center;}
  .g79b-desktop-nav a{color:var(--g79b-text);font-size:1.4rem;}
  .g79b-desktop-nav a:hover{color:var(--g79b-primary);}
}

/* ---------- Mobile slide menu ---------- */
.g79b-mobile-menu{
  position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;
  background:#1a1a1a;z-index:9999;transition:right .28s ease;
  padding:5rem 1.4rem 2rem;overflow-y:auto;box-shadow:var(--g79b-shadow);
}
.g79b-mobile-menu.open{right:0;}
.g79b-mobile-menu h4{color:var(--g79b-primary);font-size:1.3rem;margin:1.4rem 0 .6rem;text-transform:uppercase;letter-spacing:1px;}
.g79b-mobile-menu a{
  display:block;color:var(--g79b-text-light);padding:.85rem .6rem;border-bottom:1px solid var(--g79b-line);font-size:1.4rem;
}
.g79b-mobile-menu a:hover{padding-left:1rem;color:var(--g79b-primary);}
.g79b-menu-close{
  position:absolute;top:1rem;right:1.2rem;background:transparent;border:none;color:#fff;font-size:2.4rem;cursor:pointer;
}
.g79b-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;opacity:0;visibility:hidden;transition:.25s;
}
.g79b-overlay.show{opacity:1;visibility:visible;}

/* ---------- Layout containers ---------- */
.g79b-container{max-width:430px;margin:0 auto;padding:0 1rem;}
.g79b-wrapper{padding:1rem 0;}
main{display:block;}
@media(max-width:768px){main{padding-bottom:90px;}}

/* ---------- Hero / Carousel ---------- */
.g79b-hero{position:relative;padding:1rem 0;}
.g79b-carousel{
  position:relative;border-radius:var(--g79b-radius);overflow:hidden;box-shadow:var(--g79b-shadow);
  background:#111;
}
.g79b-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;}
.g79b-slides::-webkit-scrollbar{display:none;}
.g79b-slide{
  flex:0 0 100%;scroll-snap-align:start;position:relative;cursor:pointer;
}
.g79b-slide img{width:100%;height:200px;object-fit:cover;}
.g79b-slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1rem 1rem;
  background:linear-gradient(to top,rgba(0,0,0,.85),transparent);
}
.g79b-slide-cap h2{font-size:1.7rem;color:#fff;margin-bottom:.3rem;}
.g79b-slide-cap p{font-size:1.2rem;color:var(--g79b-soft);}
.g79b-carousel-dots{
  position:absolute;bottom:.7rem;left:50%;transform:translateX(-50%);
  display:flex;gap:.5rem;
}
.g79b-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;border:none;}
.g79b-dot.active{background:var(--g79b-primary);width:22px;border-radius:4px;}

/* ---------- CTA bar ---------- */
.g79b-cta{
  background:linear-gradient(135deg,var(--g79b-primary),var(--g79b-deep));
  border-radius:var(--g79b-radius);padding:1.2rem 1rem;margin:1rem 0;text-align:center;
  box-shadow:var(--g79b-shadow);
}
.g79b-cta h3{color:#fff;font-size:1.6rem;margin-bottom:.4rem;}
.g79b-cta p{color:#fff;font-size:1.25rem;opacity:.95;margin-bottom:.8rem;}
.g79b-cta .g79b-btn-register{background:#fff;color:var(--g79b-deep);}

/* ---------- Section ---------- */
.g79b-section{padding:1.4rem 0;}
.g79b-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;}
.g79b-section-title{
  font-size:1.7rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:.5rem;
}
.g79b-section-title::before{
  content:"";width:4px;height:1.6rem;background:var(--g79b-primary);border-radius:3px;display:inline-block;
}
.g79b-section-more{color:var(--g79b-primary);font-size:1.2rem;}

/* ---------- Game grid ---------- */
.g79b-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;
}
.g79b-card{
  background:var(--g79b-bg-2);border-radius:12px;overflow:hidden;position:relative;
  border:1px solid var(--g79b-line);transition:transform .18s,border-color .18s;cursor:pointer;
}
.g79b-card:active{transform:scale(.96);border-color:var(--g79b-primary);}
.g79b-card-img{aspect-ratio:1/1;background:#111;}
.g79b-card-img img{width:100%;height:100%;object-fit:cover;}
.g79b-card-name{
  padding:.45rem .4rem;font-size:1.05rem;color:var(--g79b-text-light);text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.g79b-card-tag{
  position:absolute;top:.35rem;left:.35rem;background:rgba(191,54,12,.92);color:#fff;
  font-size:.95rem;padding:.1rem .45rem;border-radius:6px;font-weight:700;text-transform:uppercase;
}

/* ---------- Featured ---------- */
.g79b-feature{
  background:linear-gradient(135deg,#3a2208,#1f1f1f);border-radius:var(--g79b-radius);
  padding:1.2rem;margin:.8rem 0;border:1px solid rgba(255,140,0,.25);
}
.g79b-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.8rem;}
.g79b-feature-item{
  background:rgba(0,0,0,.3);border-radius:10px;padding:.8rem;text-align:center;
}
.g79b-feature-item i{color:var(--g79b-primary);font-size:2rem;}
.g79b-feature-item h4{color:#fff;font-size:1.25rem;margin:.3rem 0;}
.g79b-feature-item p{color:var(--g79b-text);font-size:1.05rem;}

/* ---------- SEO Article ---------- */
.g79b-article{padding:1.2rem 0;line-height:1.7;}
.g79b-article h2{color:var(--g79b-primary);font-size:1.8rem;margin:1.4rem 0 .6rem;}
.g79b-article h3{color:#fff;font-size:1.45rem;margin:1.1rem 0 .5rem;}
.g79b-article p{color:var(--g79b-text-light);font-size:1.3rem;margin-bottom:.7rem;}
.g79b-article ul{margin:.5rem 0 .9rem 1.6rem;}
.g79b-article li{color:var(--g79b-text);font-size:1.25rem;margin-bottom:.35rem;}

/* ---------- FAQ ---------- */
.g79b-faq-item{
  background:var(--g79b-bg-2);border:1px solid var(--g79b-line);border-radius:10px;
  margin-bottom:.6rem;overflow:hidden;
}
.g79b-faq-q{
  padding:.9rem 1rem;cursor:pointer;font-weight:700;color:#fff;font-size:1.3rem;
  display:flex;justify-content:space-between;align-items:center;gap:.6rem;
}
.g79b-faq-q i{color:var(--g79b-primary);transition:transform .2s;}
.g79b-faq-item.open .g79b-faq-q i{transform:rotate(180deg);}
.g79b-faq-a{padding:0 1rem;max-height:0;overflow:hidden;transition:padding .25s,max-height .25s;color:var(--g79b-text);}
.g79b-faq-item.open .g79b-faq-a{padding:0 1rem 1rem;max-height:400px;}

/* ---------- Testimonials ---------- */
.g79b-testi-grid{display:grid;grid-template-columns:1fr;gap:.7rem;}
.g79b-testi{
  background:var(--g79b-bg-2);border-radius:12px;padding:1rem;border-left:3px solid var(--g79b-primary);
}
.g79b-testi-stars{color:var(--g79b-primary);font-size:1.1rem;margin-bottom:.4rem;}
.g79b-testi p{color:var(--g79b-text-light);font-size:1.2rem;font-style:italic;margin-bottom:.5rem;}
.g79b-testi-name{color:var(--g79b-soft);font-size:1.1rem;font-weight:700;}

/* ---------- Payment ---------- */
.g79b-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;}
.g79b-pay{
  background:var(--g79b-bg-2);border-radius:10px;padding:.7rem .3rem;text-align:center;border:1px solid var(--g79b-line);
}
.g79b-pay i{font-size:1.8rem;color:var(--g79b-primary);}
.g79b-pay span{display:block;color:var(--g79b-text);font-size:1rem;margin-top:.3rem;}

/* ---------- Winners ---------- */
.g79b-winner{
  background:var(--g79b-bg-2);border-radius:10px;padding:.7rem .9rem;margin-bottom:.5rem;
  display:flex;justify-content:space-between;align-items:center;border:1px solid var(--g79b-line);
}
.g79b-winner-name{color:#fff;font-weight:700;font-size:1.2rem;}
.g79b-winner-game{color:var(--g79b-text);font-size:1.05rem;}
.g79b-winner-amount{color:var(--g79b-primary);font-weight:800;font-size:1.3rem;}

/* ---------- Footer ---------- */
.g79b-footer{
  background:#1a1a1a;border-top:2px solid var(--g79b-primary);padding:1.6rem 1rem 1rem;margin-top:1rem;
}
.g79b-footer-brand{color:#fff;font-weight:800;font-size:1.6rem;margin-bottom:.5rem;}
.g79b-footer-brand span{color:var(--g79b-primary);}
.g79b-footer-desc{color:var(--g79b-text);font-size:1.2rem;margin-bottom:1rem;}
.g79b-footer-links{
  display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin-bottom:1rem;
}
.g79b-footer-links a{color:var(--g79b-text);font-size:1.15rem;}
.g79b-footer-links a:hover{color:var(--g79b-primary);}
.g79b-footer-promo{
  display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;
}
.g79b-footer-promo button,.g79b-footer-promo a{
  flex:1 1 30%;text-align:center;background:linear-gradient(135deg,var(--g79b-primary),var(--g79b-deep));
  color:#fff;padding:.6rem .3rem;border-radius:8px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;
}
.g79b-footer-copy{color:var(--g79b-text);font-size:1.05rem;border-top:1px solid var(--g79b-line);padding-top:.8rem;text-align:center;}

/* ---------- Mobile bottom nav ---------- */
.g79b-bottom-nav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;height:62px;z-index:1000;
  background:linear-gradient(180deg,#1a1a1a,#000);
  border-top:2px solid var(--g79b-primary);
  display:flex;justify-content:space-around;align-items:center;
  box-shadow:0 -4px 16px rgba(0,0,0,.4);
}
.g79b-bottom-nav button,.g79b-bottom-nav a{
  background:transparent;border:none;color:var(--g79b-text);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;font-size:1rem;gap:.18rem;cursor:pointer;transition:color .15s,transform .15s;
}
.g79b-bottom-nav button:active,.g79b-bottom-nav a:active{transform:scale(.92);}
.g79b-bottom-nav .g79b-nav-icon{font-size:2.2rem;line-height:1;}
.g79b-bottom-nav .active{color:var(--g79b-primary);}
.g79b-bottom-nav .g79b-nav-badge{
  position:absolute;top:6px;right:18px;background:var(--g79b-deep);color:#fff;
  font-size:.85rem;padding:0 .35rem;border-radius:8px;font-weight:700;
}
@media(min-width:769px){.g79b-bottom-nav{display:none;}}

/* ---------- Utility ---------- */
.g79b-hide-mobile{display:none;}
@media(min-width:769px){.g79b-hide-mobile{display:block;}}
.g79b-text-primary{color:var(--g79b-primary);}
.g79b-center{text-align:center;}