/* ninogaming apk - layout stylesheet. All custom classes use s659- prefix. */
:root{--s659-bg:#273746;--s659-bg-deep:#1c2935;--s659-bg-soft:#324a5e;--s659-primary:#3CB371;--s659-accent:#20B2AA;--s659-gold:#FFEF94;--s659-mint:#9AFF9A;--s659-text:#f4f9f5;--s659-text-dim:#b8c7d2;--s659-line:rgba(255,255,255,.08);--s659-shadow:0 6px 24px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--s659-bg);color:var(--s659-text);font-family:"Segoe UI",Roboto,system-ui,-apple-system,Arial,sans-serif;font-size:1.5rem;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--s659-mint);text-decoration:none}main{padding-bottom:80px}
.s659-wrapper{width:100%;max-width:430px;margin:0 auto;position:relative;background:var(--s659-bg)}.s659-container{padding:0 1.4rem;width:100%}
.s659-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#1c2935 0%,#273746 100%);border-bottom:1px solid var(--s659-line);box-shadow:0 2px 12px rgba(0,0,0,.3)}
.s659-header-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem 1rem;max-width:430px;margin:0 auto}.s659-brand{display:flex;align-items:center;gap:.6rem;min-width:0}.s659-brand img{width:28px;height:28px;border-radius:6px;flex:0 0 auto}.s659-brand-name{font-size:1.45rem;font-weight:700;color:var(--s659-gold);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s659-brand-name span{color:var(--s659-mint)}
.s659-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:8px;padding:.55rem .9rem;font-size:1.3rem;font-weight:700;cursor:pointer;min-height:36px;transition:transform .15s ease,filter .15s ease}.s659-btn:active{transform:scale(.94)}.s659-btn-login{background:transparent;color:var(--s659-text);border:1px solid var(--s659-line)}.s659-btn-register{background:linear-gradient(135deg,var(--s659-primary),var(--s659-accent));color:#0d1f17}.s659-menu-btn{background:transparent;border:1px solid var(--s659-line);color:var(--s659-text);width:36px;height:36px;border-radius:8px;font-size:1.5rem;cursor:pointer}
.s659-mobile-menu{display:none;background:var(--s659-bg-deep);border-bottom:1px solid var(--s659-line);padding:.6rem 1rem 1rem}.s659-mobile-menu.s659-menu-open{display:block}.s659-mobile-menu a{display:block;padding:.7rem .4rem;color:var(--s659-text);border-bottom:1px dashed var(--s659-line);font-size:1.35rem}.s659-mobile-menu a:active{color:var(--s659-gold)}
.s659-carousel{position:relative;overflow:hidden;border-radius:12px;margin:1rem 0}.s659-slide{display:none;position:relative;cursor:pointer}.s659-slide.s659-active{display:block}.s659-slide img{width:100%;height:auto;border-radius:12px}.s659-slide-cap{position:absolute;left:1rem;bottom:1rem;right:1rem;background:rgba(13,31,23,.78);padding:.6rem .9rem;border-radius:8px;font-size:1.3rem;color:var(--s659-gold);font-weight:600}.s659-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.5rem}.s659-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;padding:0}.s659-dot.s659-active{background:var(--s659-primary)}
.s659-section{padding:1.6rem 0}.s659-section-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.s659-section-head h2{font-size:1.7rem;color:var(--s659-gold);margin:0;flex:1}.s659-section-head .s659-bar{width:4px;height:18px;background:linear-gradient(180deg,var(--s659-primary),var(--s659-accent));border-radius:4px}.s659-more{font-size:1.2rem;color:var(--s659-mint)}.s659-h1{font-size:1.9rem;line-height:1.3;color:var(--s659-text);margin:1rem 0 .5rem;font-weight:800}.s659-lead{color:var(--s659-text-dim);font-size:1.35rem;margin:0 0 .8rem}
.s659-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.s659-game{display:block;background:var(--s659-bg-soft);border-radius:10px;overflow:hidden;text-align:center;cursor:pointer;border:1px solid var(--s659-line);transition:transform .15s ease}.s659-game:active{transform:scale(.95)}.s659-game img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#0e1820}.s659-game-name{display:block;padding:.35rem .25rem;font-size:1.1rem;color:var(--s659-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s659-cat-title{font-size:1.45rem;color:var(--s659-accent);margin:1.2rem 0 .6rem;font-weight:700;display:flex;align-items:center;gap:.4rem}
.s659-card{background:var(--s659-bg-soft);border:1px solid var(--s659-line);border-radius:12px;padding:1rem;margin-bottom:.8rem}.s659-card h3{margin:0 0 .4rem;color:var(--s659-gold);font-size:1.45rem}.s659-card p{margin:0;color:var(--s659-text-dim);font-size:1.3rem}.s659-card-row{display:flex;gap:.7rem;align-items:center}.s659-card-row .s659-ico{width:38px;height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(60,179,113,.18);border-radius:10px;color:var(--s659-mint);font-size:1.7rem}
.s659-cta{display:inline-block;width:100%;text-align:center;background:linear-gradient(135deg,var(--s659-primary),var(--s659-accent));color:#0d1f17;padding:.9rem 1rem;border-radius:10px;font-weight:800;font-size:1.45rem;margin:.6rem 0;border:none;cursor:pointer}.s659-cta-gold{background:linear-gradient(135deg,var(--s659-gold),#f0c654);color:#3a2c08}.s659-cta-link{color:var(--s659-mint);font-weight:700;text-decoration:underline}.s659-promo{color:var(--s659-gold);font-weight:700}
.s659-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.s659-stat{background:var(--s659-bg-soft);border-radius:10px;padding:.7rem;text-align:center;border:1px solid var(--s659-line)}.s659-stat b{display:block;font-size:1.7rem;color:var(--s659-mint)}.s659-stat span{font-size:1.15rem;color:var(--s659-text-dim)}
.s659-quote{background:var(--s659-bg-soft);border-left:3px solid var(--s659-primary);border-radius:8px;padding:.7rem .9rem;margin-bottom:.6rem;font-size:1.25rem;color:var(--s659-text-dim)}.s659-quote b{color:var(--s659-gold);display:block;margin-bottom:.2rem}
.s659-faq-item{background:var(--s659-bg-soft);border:1px solid var(--s659-line);border-radius:10px;margin-bottom:.6rem;overflow:hidden}.s659-faq-q{padding:.8rem 1rem;cursor:pointer;font-weight:700;color:var(--s659-text);display:flex;justify-content:space-between;align-items:center;font-size:1.35rem}.s659-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;color:var(--s659-text-dim);font-size:1.25rem;padding:0 1rem}.s659-faq-item.s659-faq-open .s659-faq-a{max-height:360px;padding-bottom:.8rem}
.s659-pill-row{display:flex;flex-wrap:wrap;gap:.4rem}.s659-pill{background:var(--s659-bg-soft);border:1px solid var(--s659-line);border-radius:999px;padding:.35rem .8rem;font-size:1.15rem;color:var(--s659-text);display:inline-flex;align-items:center;gap:.3rem}
.s659-footer{background:var(--s659-bg-deep);border-top:1px solid var(--s659-line);padding:1.4rem 1rem 2rem;color:var(--s659-text-dim);font-size:1.25rem}.s659-footer h4{color:var(--s659-gold);font-size:1.3rem;margin:1rem 0 .5rem}.s659-footer a{color:var(--s659-text-dim);display:block;padding:.2rem 0}.s659-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin:.5rem 0}.s659-footer-copy{border-top:1px solid var(--s659-line);margin-top:1rem;padding-top:.8rem;font-size:1.1rem;text-align:center}
.s659-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:linear-gradient(180deg,#243240 0%,#1c2935 100%);border-top:1px solid var(--s659-line);display:flex;justify-content:space-around;align-items:center;padding:.25rem 0;height:60px}.s659-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;min-height:56px;color:var(--s659-text-dim);font-size:1rem;gap:.15rem;text-decoration:none;flex:1;transition:color .15s ease,transform .15s ease}.s659-bottom-nav a:active{transform:scale(.9)}.s659-bottom-nav a .material-icons,.s659-bottom-nav a ion-icon,.s659-bottom-nav a i{font-size:22px}.s659-bottom-nav a.s659-active{color:var(--s659-gold)}.s659-bottom-nav a.s659-promo-btn{color:var(--s659-mint)}
.s659-reveal{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}.s659-reveal.s659-visible{opacity:1;transform:translateY(0)}
@media (min-width:769px){.s659-bottom-nav{display:none}main{padding-bottom:24px}}@media (min-width:600px) and (max-width:768px){.s659-grid{grid-template-columns:repeat(4,1fr)}}