/* ===== game zone app - layout.css ===== */
/* Prefix: wad7e- | Palette: #0C0C0C #FF8A80 #880E4F #6C757D */

:root{
  --wad7e-bg:#0C0C0C;
  --wad7e-bg2:#15100f;
  --wad7e-bg3:#1d1518;
  --wad7e-primary:#FF8A80;
  --wad7e-secondary:#880E4F;
  --wad7e-muted:#6C757D;
  --wad7e-text:#F5F2F1;
  --wad7e-text-dim:#C9C2C0;
  --wad7e-border:rgba(255,138,128,0.22);
  --wad7e-grad:linear-gradient(135deg,#880E4F 0%,#FF8A80 100%);
  --wad7e-grad2:linear-gradient(180deg,#1d1518 0%,#0C0C0C 100%);
  --wad7e-radius:14px;
  --wad7e-shadow:0 6px 22px rgba(0,0,0,0.45);
  --wad7e-transition:all .28s ease;
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:62.5%;}
html,body{max-width:100vw;overflow-x:hidden;}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  background:var(--wad7e-bg);
  background-image:radial-gradient(circle at 18% -10%,rgba(136,14,79,0.35),transparent 45%),radial-gradient(circle at 110% 8%,rgba(255,138,128,0.18),transparent 40%);
  color:var(--wad7e-text);
  line-height:1.5;
  font-size:1.5rem;
  min-height:100vh;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;}

/* ===== Layout ===== */
.wad7e-wrapper{max-width:430px;margin:0 auto;position:relative;background:var(--wad7e-grad2);box-shadow:0 0 40px rgba(0,0,0,.5);min-height:100vh;}
.wad7e-container{padding:0 14px;}
.wad7e-section{padding:26px 0 10px;}
.wad7e-section-title{font-size:2rem;font-weight:800;color:var(--wad7e-text);margin-bottom:4px;letter-spacing:.2px;}
.wad7e-section-title em{color:var(--wad7e-primary);font-style:normal;}
.wad7e-section-sub{font-size:1.25rem;color:var(--wad7e-muted);margin-bottom:16px;}

/* ===== Header ===== */
.wad7e-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(12,12,12,0.86);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--wad7e-border);
}
.wad7e-header-inner{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 12px;}
.wad7e-logo{display:flex;align-items:center;gap:8px;}
.wad7e-logo-icon{width:30px;height:30px;border-radius:8px;background:var(--wad7e-grad);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 2px 10px rgba(136,14,79,.5);}
.wad7e-logo-text{font-size:1.6rem;font-weight:800;color:var(--wad7e-text);}
.wad7e-logo-text span{color:var(--wad7e-primary);}
.wad7e-header-actions{display:flex;align-items:center;gap:8px;}
.wad7e-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:24px;font-size:1.3rem;font-weight:700;transition:var(--wad7e-transition);min-height:36px;}
.wad7e-btn-primary{background:var(--wad7e-grad);color:#fff;box-shadow:0 4px 14px rgba(255,138,128,.35);}
.wad7e-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08);}
.wad7e-btn-ghost{background:rgba(255,255,255,0.06);color:var(--wad7e-text);border:1px solid var(--wad7e-border);}
.wad7e-btn-ghost:hover{background:rgba(255,138,128,0.12);}
.wad7e-menu-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,0.05);font-size:18px;color:var(--wad7e-primary);}

/* ===== Mobile dropdown menu ===== */
.wad7e-mobile-menu{position:fixed;inset:0 0 0 auto;width:80%;max-width:320px;z-index:9999;background:var(--wad7e-bg2);border-left:1px solid var(--wad7e-border);transform:translateX(100%);transition:transform .3s ease;padding:18px 14px;display:flex;flex-direction:column;gap:6px;}
.wad7e-mobile-menu.open{transform:translateX(0);}
.wad7e-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease;}
.wad7e-overlay.open{opacity:1;visibility:visible;}
.wad7e-menu-close{align-self:flex-end;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--wad7e-primary);font-size:16px;margin-bottom:8px;}
.wad7e-mobile-menu a{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:10px;font-size:1.5rem;color:var(--wad7e-text);transition:background .2s ease;}
.wad7e-mobile-menu a i{color:var(--wad7e-primary);width:20px;text-align:center;}
.wad7e-mobile-menu a:hover{background:rgba(255,138,128,.12);}
.wad7e-menu-cta{margin-top:auto;display:flex;flex-direction:column;gap:8px;}

/* ===== Hero carousel ===== */
.wad7e-hero{position:relative;margin:12px 0 6px;border-radius:16px;overflow:hidden;box-shadow:var(--wad7e-shadow);}
.wad7e-carousel{position:relative;}
.wad7e-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.wad7e-slides::-webkit-scrollbar{display:none;}
.wad7e-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;cursor:pointer;}
.wad7e-slide img{width:100%;height:200px;object-fit:cover;}
.wad7e-slide-cap{position:absolute;left:14px;bottom:14px;right:14px;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);padding:24px 10px 8px;border-radius:10px;}
.wad7e-slide-cap h2{font-size:1.8rem;font-weight:800;color:#fff;}
.wad7e-slide-cap p{font-size:1.1rem;color:#f1d7d3;margin-top:2px;}
.wad7e-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;}
.wad7e-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .2s ease;}
.wad7e-dots span.active{background:var(--wad7e-primary);}

/* ===== Promo strip ===== */
.wad7e-promo-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:none;}
.wad7e-promo-strip::-webkit-scrollbar{display:none;}
.wad7e-chip{flex:0 0 auto;padding:7px 12px;border-radius:20px;font-size:1.15rem;font-weight:700;white-space:nowrap;background:rgba(255,138,128,.12);color:var(--wad7e-primary);border:1px solid var(--wad7e-border);}

/* ===== Category tabs (anchor nav) ===== */
.wad7e-cat-nav{display:flex;gap:6px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:none;}
.wad7e-cat-nav::-webkit-scrollbar{display:none;}
.wad7e-cat-tab{flex:0 0 auto;padding:8px 14px;border-radius:20px;font-size:1.2rem;font-weight:700;background:rgba(255,255,255,.05);color:var(--wad7e-text-dim);border:1px solid transparent;transition:var(--wad7e-transition);}
.wad7e-cat-tab.active{background:var(--wad7e-grad);color:#fff;border-color:transparent;}

/* ===== Game grid ===== */
.wad7e-game-block{margin-bottom:26px;scroll-margin-top:70px;}
.wad7e-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.wad7e-game-card{position:relative;border-radius:12px;overflow:hidden;background:var(--wad7e-bg3);border:1px solid var(--wad7e-border);transition:var(--wad7e-transition);cursor:pointer;}
.wad7e-game-card:hover{transform:translateY(-2px);border-color:var(--wad7e-primary);box-shadow:0 6px 14px rgba(136,14,79,.35);}
.wad7e-game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.wad7e-game-card .wad7e-game-name{padding:6px 8px;font-size:1.05rem;color:var(--wad7e-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.wad7e-game-card .wad7e-game-tag{position:absolute;top:5px;left:5px;background:rgba(136,14,79,.85);color:#fff;font-size:.85rem;padding:2px 6px;border-radius:6px;font-weight:700;}
.wad7e-cat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.wad7e-cat-head h3{font-size:1.7rem;font-weight:800;display:flex;align-items:center;gap:8px;}
.wad7e-cat-head h3 i{color:var(--wad7e-primary);}
.wad7e-cat-more{font-size:1.1rem;color:var(--wad7e-primary);font-weight:700;}

/* ===== Feature / cards ===== */
.wad7e-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;}
.wad7e-feature{background:var(--wad7e-bg3);border:1px solid var(--wad7e-border);border-radius:12px;padding:14px;}
.wad7e-feature .icon{font-size:22px;color:var(--wad7e-primary);margin-bottom:6px;}
.wad7e-feature h4{font-size:1.4rem;font-weight:700;margin-bottom:4px;}
.wad7e-feature p{font-size:1.1rem;color:var(--wad7e-text-dim);line-height:1.45;}

.wad7e-card{background:var(--wad7e-bg3);border:1px solid var(--wad7e-border);border-radius:14px;padding:16px;margin-bottom:12px;}
.wad7e-card h4{font-size:1.6rem;font-weight:800;margin-bottom:8px;color:var(--wad7e-text);}
.wad7e-card h4 i{color:var(--wad7e-primary);margin-right:6px;}
.wad7e-card p{font-size:1.25rem;color:var(--wad7e-text-dim);line-height:1.55;margin-bottom:8px;}
.wad7e-card ul{list-style:none;padding:0;}
.wad7e-card ul li{font-size:1.2rem;color:var(--wad7e-text-dim);padding:5px 0 5px 18px;position:relative;}
.wad7e-card ul li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--wad7e-primary);position:absolute;left:0;font-size:1rem;}

/* ===== RTP bars ===== */
.wad7e-rtp-row{margin-bottom:10px;}
.wad7e-rtp-row .top{display:flex;justify-content:space-between;font-size:1.15rem;margin-bottom:4px;}
.wad7e-rtp-row .top span:last-child{color:var(--wad7e-primary);font-weight:700;}
.wad7e-rtp-bar{height:8px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;}
.wad7e-rtp-bar i{display:block;height:100%;background:var(--wad7e-grad);border-radius:6px;}

/* ===== Achievements ===== */
.wad7e-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.wad7e-ach{background:var(--wad7e-bg3);border:1px solid var(--wad7e-border);border-radius:12px;padding:12px;text-align:center;}
.wad7e-ach .num{font-size:1.9rem;font-weight:800;color:var(--wad7e-primary);}
.wad7e-ach .label{font-size:1.05rem;color:var(--wad7e-text-dim);margin-top:2px;}

/* ===== Testimonials ===== */
.wad7e-testi{background:var(--wad7e-bg3);border:1px solid var(--wad7e-border);border-radius:12px;padding:12px;margin-bottom:10px;}
.wad7e-testi .head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.wad7e-testi .avatar{width:36px;height:36px;border-radius:50%;background:var(--wad7e-grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3rem;}
.wad7e-testi .who{font-weight:700;font-size:1.3rem;}
.wad7e-testi .stars{color:#FFC107;font-size:1.05rem;}
.wad7e-testi p{font-size:1.2rem;color:var(--wad7e-text-dim);line-height:1.5;}

/* ===== Payment / winners ===== */
.wad7e-pay{display:flex;flex-wrap:wrap;gap:8px;}
.wad7e-pay .wad7e-pill{background:var(--wad7e-bg3);border:1px solid var(--wad7e-border);border-radius:20px;padding:7px 12px;font-size:1.1rem;display:flex;align-items:center;gap:6px;color:var(--wad7e-text-dim);}
.wad7e-pay .wad7e-pill i{color:var(--wad7e-primary);}
.wad7e-winner{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px dashed var(--wad7e-border);font-size:1.2rem;}
.wad7e-winner .w-who{color:var(--wad7e-text);}
.wad7e-winner .w-amt{color:var(--wad7e-primary);font-weight:800;}

/* ===== App CTA ===== */
.wad7e-app-cta{background:linear-gradient(135deg,rgba(136,14,79,.5),rgba(255,138,128,.18));border:1px solid var(--wad7e-border);border-radius:16px;padding:18px;text-align:center;}
.wad7e-app-cta h3{font-size:1.9rem;font-weight:800;margin-bottom:6px;}
.wad7e-app-cta p{font-size:1.2rem;color:var(--wad7e-text-dim);margin-bottom:14px;}
.wad7e-app-cta .wad7e-btn{width:100%;}

/* ===== FAQ ===== */
.wad7e-faq-item{background:var(--wad7e-bg3);border:1px solid var(--wad7e-border);border-radius:12px;margin-bottom:8px;overflow:hidden;}
.wad7e-faq-q{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;font-size:1.35rem;font-weight:700;cursor:pointer;gap:10px;}
.wad7e-faq-q .icon-plus{color:var(--wad7e-primary);transition:transform .25s ease;}
.wad7e-faq-item.open .wad7e-faq-q .icon-plus{transform:rotate(45deg);}
.wad7e-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 14px;font-size:1.2rem;color:var(--wad7e-text-dim);}
.wad7e-faq-item.open .wad7e-faq-a{max-height:300px;padding-bottom:14px;}

/* ===== Inline promo link ===== */
.wad7e-link-inline{color:var(--wad7e-primary);font-weight:700;border-bottom:1px dashed var(--wad7e-primary);cursor:pointer;}
.wad7e-link-inline:hover{color:#ffb3aa;}

/* ===== Footer ===== */
.wad7e-footer{background:var(--wad7e-bg2);border-top:1px solid var(--wad7e-border);padding:22px 14px 12px;margin-top:10px;}
.wad7e-footer-brand{font-size:1.6rem;font-weight:800;color:var(--wad7e-text);margin-bottom:6px;}
.wad7e-footer-brand span{color:var(--wad7e-primary);}
.wad7e-footer-desc{font-size:1.15rem;color:var(--wad7e-text-dim);line-height:1.5;margin-bottom:14px;}
.wad7e-footer-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;}
.wad7e-footer-btns .wad7e-btn{width:100%;}
.wad7e-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;}
.wad7e-footer-links a{font-size:1.15rem;color:var(--wad7e-text-dim);padding:5px 0;}
.wad7e-footer-links a:hover{color:var(--wad7e-primary);}
.wad7e-footer-copy{text-align:center;font-size:1.05rem;color:var(--wad7e-muted);border-top:1px solid var(--wad7e-border);padding-top:10px;}

/* ===== Bottom nav ===== */
.wad7e-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;z-index:1000;background:rgba(12,12,12,.96);backdrop-filter:blur(14px);border-top:1px solid var(--wad7e-border);display:flex;justify-content:space-around;align-items:stretch;height:60px;}
.wad7e-bottom-nav .wad7e-nav-btn{flex:1;min-width:60px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--wad7e-muted);font-size:1rem;transition:var(--wad7e-transition);position:relative;}
.wad7e-bottom-nav .wad7e-nav-btn i{font-size:22px;}
.wad7e-bottom-nav .wad7e-nav-btn span{font-size:1rem;}
.wad7e-bottom-nav .wad7e-nav-btn.active{color:var(--wad7e-primary);}
.wad7e-bottom-nav .wad7e-nav-btn.active::before{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:3px;background:var(--wad7e-grad);}
.wad7e-bottom-nav .wad7e-nav-btn:active{transform:scale(.92);}

@media (min-width:769px){.wad7e-bottom-nav{display:none;}}
@media (max-width:768px){main{padding-bottom:80px;}}