/* ============================================================
   bet88 apk - Core Layout Stylesheet
   Mobile-first HTML5 casino layout (max-width 430px)
   Class prefix: s16f-
   ============================================================ */
:root{--s16f-primary:#2C3E50;--s16f-bg:#212F3D;--s16f-bg-alt:#1B2733;--s16f-text:#ECF0F1;--s16f-muted:#A9A9A9;--s16f-accent:#F39C12;--s16f-accent-2:#E74C3C;--s16f-soft:#95A5A6;--s16f-line:rgba(149,165,166,.25);--s16f-radius:1.2rem;--s16f-radius-sm:.8rem;--s16f-shadow:0 4px 18px rgba(0,0,0,.35);--s16f-header-h:5.6rem;--s16f-bottomnav-h:6.4rem;--s16f-maxw:430px}
*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;-webkit-text-size-adjust:100%}body{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--s16f-bg);color:var(--s16f-text);line-height:1.5rem;font-size:1.5rem;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--s16f-accent);text-decoration:none}ul,ol{list-style:none}
.s16f-container{width:100%;max-width:var(--s16f-maxw);margin:0 auto;padding:0 1.2rem}.s16f-wrapper{max-width:var(--s16f-maxw);margin:0 auto;background:var(--s16f-bg);min-height:100vh}.s16f-section{padding:2.4rem 1.2rem}.s16f-section-alt{background:var(--s16f-bg-alt);padding:2.4rem 1.2rem}.s16f-main{padding-bottom:8rem}
.s16f-header{position:fixed;top:0;left:0;right:0;height:var(--s16f-header-h);background:var(--s16f-primary);z-index:1000;box-shadow:var(--s16f-shadow)}.s16f-header-inner{max-width:var(--s16f-maxw);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem}.s16f-logo{display:flex;align-items:center;gap:.8rem;color:var(--s16f-text);font-weight:700;font-size:1.7rem}.s16f-logo img{width:2.8rem;height:2.8rem;border-radius:.6rem}.s16f-logo span{color:var(--s16f-accent)}.s16f-header-actions{display:flex;align-items:center;gap:.8rem}.s16f-menu-btn{background:transparent;border:1px solid var(--s16f-line);color:var(--s16f-text);width:4.4rem;height:4.4rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.s16f-menu-btn:hover{background:rgba(255,255,255,.08)}.s16f-menu-btn .bi{font-size:2.4rem}
.s16f-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:4.4rem;padding:0 1.6rem;border-radius:var(--s16f-radius-sm);font-weight:700;font-size:1.4rem;border:0;cursor:pointer;transition:transform .15s,filter .15s;text-decoration:none}.s16f-btn:active{transform:scale(.96)}.s16f-btn-primary{background:var(--s16f-accent);color:#1B2733}.s16f-btn-secondary{background:var(--s16f-accent-2);color:#fff}.s16f-btn-ghost{background:transparent;color:var(--s16f-text);border:1px solid var(--s16f-line)}.s16f-btn-block{display:flex;width:100%}.s16f-btn-lg{min-height:5.2rem;font-size:1.6rem}.s16f-btn-sm{min-height:3.6rem;padding:0 1.2rem;font-size:1.3rem}
.s16f-mobile-menu{position:fixed;top:var(--s16f-header-h);left:0;right:0;background:var(--s16f-bg-alt);border-top:1px solid var(--s16f-line);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:9999}.s16f-mobile-menu.s16f-open{max-height:60rem}.s16f-mobile-menu ul{padding:1rem 1.2rem 1.6rem}.s16f-mobile-menu li{border-bottom:1px solid var(--s16f-line)}.s16f-mobile-menu li:last-child{border-bottom:0}.s16f-mobile-menu a{display:flex;align-items:center;gap:1rem;padding:1.4rem .6rem;color:var(--s16f-text);font-size:1.5rem;min-height:4.4rem}.s16f-mobile-menu a .material-icons,.s16f-mobile-menu a .bi{font-size:2.2rem;color:var(--s16f-accent)}.s16f-mobile-menu a:hover{color:var(--s16f-accent)}.s16f-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .25s;z-index:9998}.s16f-menu-overlay.s16f-open{opacity:1;visibility:visible}
.s16f-hero{margin-top:var(--s16f-header-h)}.s16f-carousel{position:relative;overflow:hidden;border-radius:0 0 1.6rem 1.6rem}.s16f-carousel-track{display:flex;transition:transform .5s ease}.s16f-carousel-slide{flex:0 0 100%;position:relative;cursor:pointer}.s16f-carousel-slide img{width:100%;height:22rem;object-fit:cover}.s16f-carousel-caption{position:absolute;left:1.2rem;bottom:1.2rem;right:1.2rem;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:1.2rem;border-radius:1rem}.s16f-carousel-caption h2{color:#fff;font-size:1.8rem;line-height:1.2}.s16f-carousel-caption p{color:var(--s16f-soft);font-size:1.3rem;margin-top:.4rem}.s16f-carousel-dots{display:flex;gap:.6rem;justify-content:center;padding:1rem 0}.s16f-carousel-dots button{width:.9rem;height:.9rem;border-radius:50%;background:var(--s16f-line);border:0;cursor:pointer}.s16f-carousel-dots button.s16f-active{background:var(--s16f-accent)}
.s16f-h1{font-size:2.4rem;font-weight:800;line-height:1.25;color:var(--s16f-text);margin:1.6rem 0 .6rem}.s16f-h2{font-size:2rem;font-weight:700;color:var(--s16f-text);margin:2rem 0 1rem;padding-left:1rem;border-left:.4rem solid var(--s16f-accent)}.s16f-h3{font-size:1.7rem;font-weight:700;color:var(--s16f-accent);margin:1.4rem 0 .8rem}.s16f-lead{color:var(--s16f-muted);font-size:1.5rem;margin-bottom:1.2rem}.s16f-p{color:var(--s16f-text);margin-bottom:1rem;font-size:1.5rem}.s16f-strong{color:var(--s16f-accent);font-weight:700}.s16f-promo-link{color:var(--s16f-accent);font-weight:700;cursor:pointer;text-decoration:underline}.s16f-promo-link:hover{color:var(--s16f-accent-2)}
.s16f-game-block{margin:2rem 0}.s16f-game-block-title{display:flex;align-items:center;gap:.8rem;font-size:1.8rem;font-weight:700;color:var(--s16f-text);margin-bottom:1.2rem}.s16f-game-block-title .material-icons{color:var(--s16f-accent);font-size:2.4rem}.s16f-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.s16f-game-card{background:var(--s16f-bg-alt);border-radius:var(--s16f-radius-sm);padding:.6rem;text-align:center;cursor:pointer;border:1px solid var(--s16f-line);transition:transform .15s,border-color .15s;overflow:hidden}.s16f-game-card:hover{transform:translateY(-3px);border-color:var(--s16f-accent)}.s16f-game-card img{width:100%;height:7rem;object-fit:cover;border-radius:.6rem;margin-bottom:.4rem}.s16f-game-card .s16f-game-name{font-size:1.2rem;color:var(--s16f-text);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s16f-card{background:var(--s16f-bg-alt);border-radius:var(--s16f-radius);padding:1.6rem;border:1px solid var(--s16f-line);margin-bottom:1.2rem}.s16f-card-title{display:flex;align-items:center;gap:.8rem;font-size:1.7rem;font-weight:700;color:var(--s16f-text);margin-bottom:.8rem}.s16f-card-title .bi,.s16f-card-title .material-icons{color:var(--s16f-accent);font-size:2.2rem}.s16f-card p{color:var(--s16f-muted);font-size:1.4rem;margin-bottom:.6rem}.s16f-feature-list{display:grid;gap:1rem}.s16f-feature-item{display:flex;gap:1rem;background:var(--s16f-bg-alt);padding:1.2rem;border-radius:var(--s16f-radius-sm);border-left:.3rem solid var(--s16f-accent)}.s16f-feature-item .s16f-icon-box{flex-shrink:0;width:4rem;height:4rem;border-radius:.8rem;background:rgba(243,156,18,.12);display:flex;align-items:center;justify-content:center}.s16f-feature-item .s16f-icon-box .material-icons,.s16f-feature-item .s16f-icon-box .bi,.s16f-feature-item .s16f-icon-box .ion{color:var(--s16f-accent);font-size:2.2rem}.s16f-feature-item h3{font-size:1.5rem;color:var(--s16f-text);margin-bottom:.3rem}.s16f-feature-item p{font-size:1.35rem;color:var(--s16f-muted)}
.s16f-rtp-table{width:100%;border-collapse:collapse;background:var(--s16f-bg-alt);border-radius:var(--s16f-radius-sm);overflow:hidden}.s16f-rtp-table th,.s16f-rtp-table td{padding:1rem .8rem;text-align:left;border-bottom:1px solid var(--s16f-line);font-size:1.3rem}.s16f-rtp-table th{background:var(--s16f-primary);color:var(--s16f-accent)}.s16f-rtp-table td .s16f-bar{height:.6rem;border-radius:.3rem;background:var(--s16f-line);overflow:hidden;margin-top:.4rem}.s16f-rtp-table td .s16f-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--s16f-accent),var(--s16f-accent-2))}
.s16f-testimonials{display:grid;gap:1rem}.s16f-testimonial{background:var(--s16f-bg-alt);border-radius:var(--s16f-radius-sm);padding:1.4rem;border:1px solid var(--s16f-line)}.s16f-testimonial-stars{color:var(--s16f-accent);margin-bottom:.6rem;font-size:1.4rem}.s16f-testimonial p{color:var(--s16f-text);font-size:1.35rem;margin-bottom:.8rem}.s16f-testimonial .s16f-author{color:var(--s16f-muted);font-size:1.25rem}.s16f-winner-list{display:grid;gap:.6rem}.s16f-winner{display:flex;align-items:center;justify-content:space-between;background:var(--s16f-bg-alt);padding:1rem 1.2rem;border-radius:.8rem;border-left:.3rem solid var(--s16f-accent-2)}.s16f-winner .s16f-winner-name{font-size:1.35rem;color:var(--s16f-text)}.s16f-winner .s16f-winner-game{font-size:1.2rem;color:var(--s16f-muted)}.s16f-winner .s16f-winner-amount{color:var(--s16f-accent);font-weight:700;font-size:1.4rem}
.s16f-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.s16f-payment-item{background:var(--s16f-bg-alt);border-radius:.8rem;padding:1rem;text-align:center;border:1px solid var(--s16f-line)}.s16f-payment-item .bi,.s16f-payment-item .material-icons{font-size:2.6rem;color:var(--s16f-accent)}.s16f-payment-item span{display:block;font-size:1.2rem;color:var(--s16f-muted);margin-top:.4rem}.s16f-faq-item{background:var(--s16f-bg-alt);border-radius:var(--s16f-radius-sm);margin-bottom:.8rem;border:1px solid var(--s16f-line);overflow:hidden}.s16f-faq-q{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;font-size:1.4rem;font-weight:700;color:var(--s16f-text);cursor:pointer;min-height:4.4rem}.s16f-faq-q .bi{color:var(--s16f-accent);transition:transform .2s}.s16f-faq-item.s16f-open .s16f-faq-q .bi{transform:rotate(180deg)}.s16f-faq-a{padding:0 1.4rem 1.2rem;color:var(--s16f-muted);font-size:1.35rem;display:none}.s16f-faq-item.s16f-open .s16f-faq-a{display:block}
.s16f-cta{background:linear-gradient(135deg,var(--s16f-primary),var(--s16f-bg-alt));border-radius:var(--s16f-radius);padding:2rem 1.6rem;text-align:center;margin:1.6rem 0;border:1px solid var(--s16f-accent)}.s16f-cta h3{color:var(--s16f-accent);font-size:1.9rem;margin-bottom:.6rem}.s16f-cta p{color:var(--s16f-text);margin-bottom:1.2rem;font-size:1.4rem}.s16f-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.s16f-stat{background:var(--s16f-bg-alt);border-radius:.8rem;padding:1.2rem;text-align:center;border:1px solid var(--s16f-line)}.s16f-stat .s16f-stat-num{color:var(--s16f-accent);font-size:2.2rem;font-weight:800}.s16f-stat .s16f-stat-label{color:var(--s16f-muted);font-size:1.2rem;margin-top:.3rem}.s16f-trick-list{counter-reset:trick}.s16f-trick{position:relative;padding:1rem 1.2rem 1rem 4rem;background:var(--s16f-bg-alt);border-radius:.8rem;margin-bottom:.8rem;font-size:1.35rem;color:var(--s16f-text);counter-increment:trick}.s16f-trick:before{content:counter(trick);position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:2.6rem;height:2.6rem;background:var(--s16f-accent);color:var(--s16f-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem}
.s16f-app-download{background:var(--s16f-bg-alt);border-radius:var(--s16f-radius);padding:1.6rem;text-align:center;border:1px solid var(--s16f-line)}.s16f-app-download h3{color:var(--s16f-accent);font-size:1.8rem;margin-bottom:.6rem}.s16f-app-download p{color:var(--s16f-muted);margin-bottom:1.2rem;font-size:1.4rem}.s16f-app-download .s16f-app-icons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.s16f-app-download .s16f-app-icons .bi,.s16f-app-download .s16f-app-icons .material-icons{font-size:3rem;color:var(--s16f-accent)}
.s16f-footer{background:var(--s16f-bg-alt);padding:2.4rem 1.2rem 2rem;border-top:1px solid var(--s16f-line);margin-top:2rem}.s16f-footer-brand{color:var(--s16f-text);font-weight:700;font-size:1.7rem;margin-bottom:.8rem}.s16f-footer-desc{color:var(--s16f-muted);font-size:1.3rem;line-height:1.5;margin-bottom:1.2rem}.s16f-footer-links,.s16f-footer-promo{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem}.s16f-footer-links a{flex:1 1 auto;text-align:center;background:var(--s16f-primary);color:var(--s16f-text);padding:.9rem 1rem;border-radius:.6rem;font-size:1.2rem;min-height:3.6rem;display:flex;align-items:center;justify-content:center}.s16f-footer-links a:hover{background:var(--s16f-accent);color:var(--s16f-bg)}.s16f-footer-promo button{flex:1 1 auto;background:var(--s16f-accent);color:var(--s16f-bg);border:0;padding:1rem;border-radius:.6rem;font-weight:700;font-size:1.25rem;cursor:pointer;min-height:4rem}.s16f-footer-promo button:hover{background:var(--s16f-accent-2);color:#fff}.s16f-footer-copy{text-align:center;color:var(--s16f-muted);font-size:1.2rem;padding-top:1rem;border-top:1px solid var(--s16f-line)}
.s16f-bottomnav{position:fixed;bottom:0;left:0;right:0;height:var(--s16f-bottomnav-h);background:var(--s16f-primary);border-top:1px solid var(--s16f-line);display:flex;justify-content:space-around;align-items:stretch;z-index:1000;box-shadow:0 -4px 18px rgba(0,0,0,.35)}.s16f-bottomnav-btn{flex:1;min-width:60px;min-height:60px;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;color:var(--s16f-soft);cursor:pointer;transition:color .2s,transform .15s;padding:.4rem 0}.s16f-bottomnav-btn:active{transform:scale(.92)}.s16f-bottomnav-btn .material-icons,.s16f-bottomnav-btn .bi,.s16f-bottomnav-btn .fas,.s16f-bottomnav-btn .far,.s16f-bottomnav-btn .fad,.s16f-bottomnav-btn .ion{font-size:2.4rem}.s16f-bottomnav-btn span{font-size:1.1rem}.s16f-bottomnav-btn.s16f-active,.s16f-bottomnav-btn:hover{color:var(--s16f-accent)}.s16f-bottomnav-btn.s16f-promo{position:relative}.s16f-bottomnav-btn.s16f-promo:after{content:"";position:absolute;top:.3rem;right:1rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--s16f-accent-2)}
.s16f-desktop-nav{display:none}.s16f-text-center{text-align:center}.s16f-mt-1{margin-top:1rem}.s16f-mt-2{margin-top:2rem}.s16f-mb-1{margin-bottom:1rem}.s16f-hidden{display:none!important}
@media (min-width:769px){.s16f-bottomnav{display:none}.s16f-menu-btn{display:none}.s16f-desktop-nav{display:flex;gap:1.2rem;align-items:center}.s16f-desktop-nav a{color:var(--s16f-text);font-size:1.4rem;padding:.6rem .8rem;border-radius:.6rem}.s16f-desktop-nav a:hover{background:rgba(255,255,255,.08);color:var(--s16f-accent)}.s16f-main{padding-bottom:2rem}.s16f-game-grid{grid-template-columns:repeat(5,1fr)}.s16f-payment-grid{grid-template-columns:repeat(6,1fr)}.s16f-stat-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:360px){.s16f-game-grid{grid-template-columns:repeat(2,1fr)}.s16f-h1{font-size:2rem}.s16f-h2{font-size:1.7rem}}
/* Prevent narrow mobile viewport overflow from fixed bars and long labels. */
html,body{width:100%;max-width:100%;overflow-x:hidden}.s16f-wrapper,.s16f-header-inner,.s16f-bottomnav{width:100%;max-width:min(var(--s16f-maxw),100vw)}.s16f-header,.s16f-bottomnav{overflow-x:hidden}.s16f-logo,.s16f-header-actions,.s16f-btn,.s16f-bottomnav-btn{min-width:0}.s16f-logo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s16f-main,.s16f-container,.s16f-card,.s16f-cta,.s16f-footer{overflow-wrap:anywhere}@media (max-width:430px){.s16f-header-actions{gap:.4rem}.s16f-btn-sm{padding:0 .8rem;font-size:1.2rem}.s16f-bottomnav-btn{min-width:0}}