/* ====================================================
   Bingo Plus Game - Core Stylesheet
   Prefix: w8249-  |  Hash: 8249c4ad
   Mobile-first HTML5 gaming layout (max-width: 430px)
==================================================== */

:root{
  --w8249-bg:#1C2833;
  --w8249-bg-soft:#243340;
  --w8249-bg-card:#2B3A4A;
  --w8249-text:#FAF0E6;
  --w8249-text-muted:#DEE2E6;
  --w8249-brown:#8B7355;
  --w8249-coral:#F08080;
  --w8249-pink:#FFCCCB;
  --w8249-gold:#E8B96B;
  --w8249-border:#3a4a5a;
  --w8249-radius:12px;
  --w8249-shadow:0 6px 22px rgba(0,0,0,.28);
  --w8249-header-h:58px;
  --w8249-bottom-h:62px;
}

*{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(--w8249-bg);
  color:var(--w8249-text);
  line-height:1.55;
  font-size:1.5rem;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:var(--w8249-coral);text-decoration:none;}
a:hover{color:var(--w8249-pink);}

.w8249-container{width:100%;max-width:430px;margin:0 auto;padding:0 12px;}
.w8249-wrapper{padding:14px 0;}
.w8249-grid{display:grid;gap:10px;}

/* ---------- Header ---------- */
.w8249-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,#1b2735,#223242);
  border-bottom:1px solid var(--w8249-border);
  box-shadow:0 2px 10px rgba(0,0,0,.25);
}
.w8249-header-inner{
  height:var(--w8249-header-h);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.w8249-brand{display:flex;align-items:center;gap:8px;min-width:0;}
.w8249-brand img{width:30px;height:30px;border-radius:8px;}
.w8249-brand-name{font-size:1.55rem;font-weight:700;color:var(--w8249-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.w8249-brand-name b{color:var(--w8249-coral);}
.w8249-header-actions{display:flex;align-items:center;gap:6px;}
.w8249-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  border:none;border-radius:20px;padding:8px 14px;font-size:1.3rem;font-weight:600;
  cursor:pointer;transition:transform .15s ease, background .2s ease;line-height:1;
}
.w8249-btn:hover{transform:translateY(-1px);}
.w8249-btn-primary{background:linear-gradient(135deg,#F08080,#E8B96B);color:#1C2833;}
.w8249-btn-ghost{background:transparent;border:1px solid var(--w8249-coral);color:var(--w8249-coral);}
.w8249-menu-btn{background:transparent;border:none;color:var(--w8249-text);font-size:2rem;cursor:pointer;padding:4px 6px;}

/* ---------- Drop-down nav ---------- */
.w8249-nav{
  position:fixed;top:var(--w8249-header-h);left:0;right:0;z-index:9999;
  background:#1b2735;border-bottom:1px solid var(--w8249-border);
  max-height:0;overflow:hidden;transition:max-height .3s ease;
}
.w8249-nav.w8249-open{max-height:480px;}
.w8249-nav-inner{padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;}
.w8249-nav a{
  color:var(--w8249-text-muted);font-size:1.35rem;padding:8px 4px;
  border-bottom:1px dashed #33455a;display:flex;align-items:center;gap:6px;
}
.w8249-nav a:hover{color:var(--w8249-coral);}

/* ---------- Hero ---------- */
.w8249-main{padding-top:calc(var(--w8249-header-h) + 8px);padding-bottom:80px;}
.w8249-hero{position:relative;border-radius:var(--w8249-radius);overflow:hidden;margin-top:6px;box-shadow:var(--w8249-shadow);}
.w8249-hero-slider .w8249-slide{display:none;position:relative;}
.w8249-hero-slider .w8249-slide.w8249-active{display:block;}
.w8249-hero-slider img{width:100%;height:180px;object-fit:cover;}
.w8249-hero-cap{
  position:absolute;left:0;right:0;bottom:0;padding:10px 12px;
  background:linear-gradient(0deg,rgba(28,40,51,.92),rgba(28,40,51,0));
}
.w8249-hero-cap h2{font-size:1.55rem;color:var(--w8249-text);font-weight:700;}
.w8249-hero-cap p{font-size:1.2rem;color:var(--w8249-pink);}
.w8249-hero-dots{display:flex;gap:5px;justify-content:center;padding:6px 0;}
.w8249-hero-dots span{width:7px;height:7px;border-radius:50%;background:#46586b;}
.w8249-hero-dots span.w8249-active{background:var(--w8249-coral);}

/* ---------- Section ---------- */
.w8249-section{margin-top:18px;}
.w8249-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.w8249-section-head h2{font-size:1.7rem;color:var(--w8249-text);font-weight:700;}
.w8249-section-head h2 em{color:var(--w8249-coral);font-style:normal;}
.w8249-section-head .w8249-more{font-size:1.2rem;color:var(--w8249-pink);}

/* ---------- Game grid ---------- */
.w8249-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.w8249-game-card{
  background:var(--w8249-bg-card);border:1px solid var(--w8249-border);
  border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s ease, box-shadow .2s ease;
}
.w8249-game-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(240,128,128,.25);}
.w8249-game-card img{width:100%;height:78px;object-fit:cover;}
.w8249-game-card .w8249-game-name{
  padding:5px 6px;font-size:1.1rem;color:var(--w8249-text-muted);text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ---------- H1 + text blocks ---------- */
.w8249-h1{font-size:1.85rem;font-weight:800;color:var(--w8249-text);line-height:1.3;margin:14px 0 6px;}
.w8249-h1 b{color:var(--w8249-coral);}
.w8249-lead{font-size:1.35rem;color:var(--w8249-text-muted);margin-bottom:10px;}
.w8249-prose p{margin-bottom:10px;font-size:1.35rem;color:var(--w8249-text-muted);}
.w8249-prose h3{font-size:1.5rem;color:var(--w8249-text);margin:14px 0 6px;}
.w8249-prose ul{margin:6px 0 10px 18px;color:var(--w8249-text-muted);font-size:1.3rem;}
.w8249-prose li{margin-bottom:4px;}

/* ---------- Card / Box ---------- */
.w8249-card{
  background:var(--w8249-bg-card);border:1px solid var(--w8249-border);
  border-radius:var(--w8249-radius);padding:14px;box-shadow:var(--w8249-shadow);margin-bottom:12px;
}
.w8249-card h3{font-size:1.55rem;color:var(--w8249-text);margin-bottom:8px;}
.w8249-card p{font-size:1.3rem;color:var(--w8249-text-muted);}

/* ---------- CTA banner ---------- */
.w8249-cta{
  background:linear-gradient(135deg,#F08080,#8B7355);
  border-radius:var(--w8249-radius);padding:14px;text-align:center;color:#1C2833;margin:14px 0;
  box-shadow:var(--w8249-shadow);
}
.w8249-cta h3{font-size:1.7rem;margin-bottom:4px;}
.w8249-cta p{font-size:1.25rem;margin-bottom:8px;}
.w8249-cta .w8249-btn{background:#1C2833;color:var(--w8249-pink);}

/* ---------- Testimonials ---------- */
.w8249-testi{display:grid;gap:8px;}
.w8249-testi .w8249-card{margin-bottom:0;}
.w8249-testi .w8249-stars{color:var(--w8249-gold);font-size:1.2rem;margin-bottom:4px;}

/* ---------- Payment chips ---------- */
.w8249-chips{display:flex;flex-wrap:wrap;gap:6px;}
.w8249-chip{
  background:var(--w8249-bg-soft);border:1px solid var(--w8249-border);
  padding:6px 10px;border-radius:20px;font-size:1.2rem;color:var(--w8249-text-muted);
  display:inline-flex;align-items:center;gap:5px;
}

/* ---------- Promo link inline ---------- */
.w8249-inline-link{
  color:var(--w8249-coral);font-weight:600;cursor:pointer;text-decoration:underline;
}
.w8249-inline-link:hover{color:var(--w8249-pink);}

/* ---------- Footer ---------- */
.w8249-footer{
  background:#16212c;border-top:1px solid var(--w8249-border);margin-top:20px;padding:18px 0 24px;
}
.w8249-footer p{font-size:1.2rem;color:var(--w8249-text-muted);margin-bottom:10px;}
.w8249-footer-links{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px;}
.w8249-footer-links a{
  font-size:1.2rem;color:var(--w8249-text-muted);padding:4px 8px;
  border:1px solid var(--w8249-border);border-radius:14px;background:var(--w8249-bg-soft);
}
.w8249-footer-links a:hover{color:var(--w8249-coral);border-color:var(--w8249-coral);}
.w8249-copy{font-size:1.1rem;color:#5e6f80;text-align:center;margin-top:8px;}

/* ---------- Bottom nav ---------- */
.w8249-bottom{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;height:var(--w8249-bottom-h);
  background:linear-gradient(180deg,#1b2735,#141d27);
  border-top:1px solid var(--w8249-border);
  display:flex;justify-content:space-around;align-items:center;
  box-shadow:0 -2px 12px rgba(0,0,0,.3);
}
.w8249-bottom-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:60px;min-height:60px;background:transparent;border:none;color:var(--w8249-text-muted);
  cursor:pointer;font-size:1rem;gap:2px;transition:transform .15s ease, color .2s ease;
}
.w8249-bottom-btn .w8249-ico{font-size:22px;line-height:1;}
.w8249-bottom-btn:hover{transform:scale(1.08);color:var(--w8249-coral);}
.w8249-bottom-btn.w8249-active{color:var(--w8249-coral);}
.w8249-bottom-btn .material-icons,.w8249-bottom-btn .ion{font-size:22px;}

/* ---------- Desktop ---------- */
@media (min-width:769px){
  .w8249-bottom{display:none;}
  .w8249-container{max-width:960px;}
  .w8249-main{padding-bottom:20px;}
  .w8249-game-grid{grid-template-columns:repeat(6,1fr);}
  .w8249-hero-slider img{height:300px;}
}

/* ---------- Small phones ---------- */
@media (max-width:430px){
  .w8249-brand-name{font-size:1.4rem;}
  .w8249-h1{font-size:1.7rem;}
  .w8249-game-grid{gap:6px;}
  .w8249-game-card img{height:68px;}
}