/* ===========================================================
   Mega Casino (megacasino.homes) - Mobile-first styles
   Prefix: v641-
   =========================================================== */

:root{
  --v641-bg:#1a120b;
  --v641-bg-2:#241a10;
  --v641-card:#2a1e14;
  --v641-primary:#FF6347;
  --v641-secondary:#FF7F50;
  --v641-accent:#FFB74D;
  --v641-text:#fff5ee;
  --v641-muted:#A9A9A9;
  --v641-dark:#3A3A3A;
  --v641-border:rgba(255,183,77,.18);
  --v641-radius:14px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%;scroll-behavior:smooth}
body{
  font-family:'Noto Sans Bengali','Hind Siliguri',system-ui,Segoe UI,Roboto,Arial,sans-serif;
  background:radial-gradient(circle at 20% 0%,#2a1e14 0%,var(--v641-bg) 60%);
  color:var(--v641-text);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:var(--v641-accent);text-decoration:none;transition:color .2s}
a:hover{color:var(--v641-primary)}
img{max-width:100%;display:block}
ul{list-style:none}

.v641-container{max-width:430px;margin:0 auto;padding:0 12px;position:relative}

/* ===== Header ===== */
.v641-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,rgba(26,18,11,.96),rgba(26,18,11,.88));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--v641-border);
}
.v641-header-inner{
  max-width:430px;margin:0 auto;padding:8px 12px;
  display:flex;align-items:center;gap:8px;
}
.v641-logo{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.v641-logo-icon{
  width:32px;height:32px;border-radius:8px;
  background:linear-gradient(135deg,var(--v641-primary),var(--v641-secondary));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;
  box-shadow:0 2px 8px rgba(255,99,71,.4);
}
.v641-logo-text{font-size:1.7rem;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:.3px}
.v641-logo-text span{color:var(--v641-accent)}
.v641-btn{
  border:none;border-radius:10px;padding:8px 14px;font-size:1.3rem;font-weight:700;
  cursor:pointer;transition:transform .15s,box-shadow .2s;font-family:inherit;
}
.v641-btn:active{transform:scale(.96)}
.v641-btn-login{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--v641-border)}
.v641-btn-register{
  background:linear-gradient(135deg,var(--v641-primary),var(--v641-secondary));
  color:#fff;box-shadow:0 2px 10px rgba(255,99,71,.45);
}
.v641-menu-toggle{
  background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:6px;
}

/* ===== Mobile dropdown menu ===== */
.v641-dropdown{
  position:fixed;top:54px;left:0;right:0;z-index:9999;
  background:var(--v641-bg-2);border-bottom:1px solid var(--v641-border);
  max-height:0;overflow:hidden;transition:max-height .3s ease;
}
.v641-dropdown.v641-open{max-height:480px}
.v641-dropdown-inner{max-width:430px;margin:0 auto;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v641-dropdown a{
  display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;
  background:var(--v641-card);color:var(--v641-text);font-size:1.3rem;font-weight:600;
  border:1px solid transparent;
}
.v641-dropdown a:hover{border-color:var(--v641-border);color:var(--v641-accent)}
.v641-dropdown a i{color:var(--v641-secondary);font-size:16px}

/* ===== Hero ===== */
.v641-main{padding-top:60px}
.v641-hero{
  position:relative;border-radius:20px;overflow:hidden;margin:14px 0;
  background:linear-gradient(135deg,#3a1408,#5a2510);
  border:1px solid var(--v641-border);
}
.v641-hero-bg{
  position:absolute;inset:0;
  background:radial-gradient(circle at 80% 20%,rgba(255,183,77,.25),transparent 50%),
             radial-gradient(circle at 10% 90%,rgba(255,99,71,.3),transparent 60%);
}
.v641-hero-content{position:relative;padding:20px 18px;text-align:center}
.v641-hero-badge{
  display:inline-block;background:rgba(255,99,71,.18);color:var(--v641-accent);
  padding:4px 12px;border-radius:20px;font-size:1.15rem;font-weight:700;margin-bottom:10px;
  border:1px solid rgba(255,99,71,.4);
}
.v641-hero h1{font-size:2.4rem;line-height:1.25;margin-bottom:8px;font-weight:800}
.v641-hero h1 span{color:var(--v641-accent)}
.v641-hero p{font-size:1.3rem;color:#ffe2c8;margin-bottom:14px}
.v641-hero-cta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.v641-hero-cta .v641-btn{padding:11px 22px;font-size:1.4rem}
.v641-hero-stats{display:flex;justify-content:space-around;margin-top:16px;padding-top:14px;border-top:1px dashed var(--v641-border)}
.v641-stat{text-align:center}
.v641-stat strong{display:block;font-size:1.8rem;color:var(--v641-accent);font-weight:800}
.v641-stat small{font-size:1.05rem;color:var(--v641-muted)}

/* ===== Section heading ===== */
.v641-section{margin:22px 0}
.v641-section-title{
  display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1.7rem;font-weight:800;color:#fff;
}
.v641-section-title i{color:var(--v641-secondary);font-size:22px}
.v641-section-title .v641-more{margin-left:auto;font-size:1.2rem;color:var(--v641-accent);font-weight:600}

/* ===== Category chips ===== */
.v641-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.v641-chips::-webkit-scrollbar{display:none}
.v641-chip{
  flex:0 0 auto;padding:8px 16px;border-radius:30px;background:var(--v641-card);
  color:var(--v641-text);font-size:1.3rem;font-weight:600;border:1px solid transparent;cursor:pointer;
  white-space:nowrap;transition:all .2s;
}
.v641-chip.v641-active,.v641-chip:hover{
  background:linear-gradient(135deg,var(--v641-primary),var(--v641-secondary));
  border-color:var(--v641-accent);color:#fff;
}

/* ===== Game grid ===== */
.v641-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v641-game-card{
  background:var(--v641-card);border-radius:12px;overflow:hidden;cursor:pointer;
  border:1px solid var(--v641-border);transition:transform .2s,box-shadow .2s;position:relative;
}
.v641-game-card:active{transform:scale(.96)}
.v641-game-card:hover{box-shadow:0 6px 16px rgba(255,99,71,.25);transform:translateY(-2px)}
.v641-game-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#1a120b}
.v641-game-name{padding:6px 8px;font-size:1.1rem;font-weight:600;color:var(--v641-text);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v641-game-tag{
  position:absolute;top:6px;left:6px;background:var(--v641-primary);color:#fff;
  font-size:.95rem;font-weight:700;padding:2px 8px;border-radius:6px;
}
.v641-game-tag.v641-hot{background:linear-gradient(135deg,#ff3d3d,#ff6347)}

/* ===== Promo banner ===== */
.v641-promo{
  display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#3a1408,#6b2a14);
  border:1px solid var(--v641-border);border-radius:14px;padding:14px;margin:14px 0;
}
.v641-promo-icon{
  width:44px;height:44px;border-radius:10px;flex:0 0 auto;
  background:linear-gradient(135deg,var(--v641-accent),var(--v641-secondary));
  display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;
}
.v641-promo-text{flex:1;min-width:0}
.v641-promo-text strong{display:block;font-size:1.45rem;color:#fff;font-weight:800}
.v641-promo-text small{font-size:1.15rem;color:#ffd9b8}
.v641-promo .v641-btn{padding:9px 16px}

/* ===== SEO article ===== */
.v641-article{
  background:var(--v641-card);border:1px solid var(--v641-border);border-radius:14px;
  padding:16px;margin:14px 0;line-height:1.7;font-size:1.3rem;color:#e9d6c4;
}
.v641-article h2{font-size:1.7rem;color:#fff;margin:14px 0 8px;font-weight:800}
.v641-article h2:first-child{margin-top:0}
.v641-article p{margin-bottom:10px}
.v641-article a{color:var(--v641-accent);font-weight:600;border-bottom:1px dashed rgba(255,183,77,.4)}

/* ===== FAQ ===== */
.v641-faq-item{
  background:var(--v641-card);border:1px solid var(--v641-border);border-radius:10px;
  margin-bottom:8px;overflow:hidden;
}
.v641-faq-q{
  width:100%;text-align:left;background:transparent;border:none;color:#fff;
  padding:12px 14px;font-size:1.3rem;font-weight:700;cursor:pointer;font-family:inherit;
  display:flex;justify-content:space-between;align-items:center;gap:8px;
}
.v641-faq-q .v641-icon{color:var(--v641-accent);transition:transform .2s}
.v641-faq-item.v641-open .v641-icon{transform:rotate(45deg)}
.v641-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 14px;color:#e9d6c4;font-size:1.25rem}
.v641-faq-item.v641-open .v641-faq-a{max-height:300px;padding:0 14px 12px}

/* ===== Footer ===== */
.v641-footer{
  margin-top:24px;padding:22px 0 24px;
  background:var(--v641-bg-2);border-top:1px solid var(--v641-border);
}
.v641-footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.v641-footer h4{font-size:1.35rem;color:var(--v641-accent);margin-bottom:8px;font-weight:700}
.v641-footer a{display:block;font-size:1.2rem;color:#cbb5a0;padding:3px 0}
.v641-footer a:hover{color:var(--v641-accent)}
.v641-footer-bottom{text-align:center;font-size:1.1rem;color:var(--v641-muted);padding-top:12px;border-top:1px solid var(--v641-border)}
.v641-footer-disclaimer{font-size:1.05rem;color:#8a7a6a;text-align:center;margin-top:8px;line-height:1.5}

/* ===== Mobile bottom nav ===== */
.v641-bottom-nav{
  position:fixed;bottom:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg,rgba(26,18,11,.97),rgba(20,14,9,1));
  border-top:1px solid var(--v641-border);
  display:flex;justify-content:space-around;align-items:stretch;
  height:62px;
}
.v641-bottom-nav a{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:var(--v641-muted);font-size:1rem;font-weight:600;gap:2px;min-width:60px;min-height:60px;
  transition:color .2s;position:relative;
}
.v641-bottom-nav a i{font-size:22px}
.v641-bottom-nav a.v641-active{color:var(--v641-accent)}
.v641-bottom-nav a.v641-active::before{
  content:'';position:absolute;top:0;width:30px;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--v641-primary),var(--v641-accent));
}
.v641-bottom-nav a:active{color:var(--v641-primary)}
.v641-bottom-nav a.v641-cta{
  background:linear-gradient(135deg,var(--v641-primary),var(--v641-secondary));
  color:#fff;border-radius:30px;margin:6px;min-width:54px;
  box-shadow:0 2px 10px rgba(255,99,71,.4);
}
.v641-bottom-nav a.v641-cta i{font-size:24px}

/* ===== Desktop / responsive ===== */
@media (min-width:769px){
  .v641-bottom-nav{display:none}
  .v641-container{max-width:760px}
  .v641-header-inner,.v641-dropdown-inner{max-width:760px}
  .v641-game-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:768px){
  .v641-main{padding-bottom:80px}
}
@media (max-width:380px){
  .v641-game-grid{grid-template-columns:repeat(2,1fr)}
  .v641-logo-text{font-size:1.5rem}
}