/* gb99.homes - mobile first gaming website styles
   Prefix: pg92-  | Palette: #0D1117 / #228B22 / #E0E0E0
   Layout: 320-430px canvas, header action band, full-height menu layer,
           center-raised bottom nav with vertical-lift micro-interaction. */

:root{
  --pg92-bg:#0D1117;
  --pg92-bg-2:#11181F;
  --pg92-bg-3:#16202A;
  --pg92-card:#1A2530;
  --pg92-line:#25313D;
  --pg92-green:#228B22;
  --pg92-green-2:#2FAA3A;
  --pg92-green-soft:rgba(34,139,34,.18);
  --pg92-gold:#E8B14C;
  --pg92-text:#E0E0E0;
  --pg92-text-dim:#9AA6B2;
  --pg92-text-mute:#6B7684;
  --pg92-white:#FFFFFF;
  --pg92-danger:#E05A5A;
  --pg92-radius:14px;
  --pg92-radius-sm:10px;
  --pg92-radius-lg:22px;
  --pg92-shadow:0 6px 22px rgba(0,0,0,.32);
  --pg92-header-h:58px;
  --pg92-nav-h:74px;
  --pg92-max:460px;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:"Hind Siliguri","Noto Sans Bengali","Segoe UI",system-ui,-apple-system,sans-serif;
  background:var(--pg92-bg);
  color:var(--pg92-text);
  font-size:15px;
  line-height:1.65;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* Centered mobile canvas on wider screens */
.pg92-shell{
  max-width:var(--pg92-max);
  margin:0 auto;
  background:var(--pg92-bg);
  min-height:100vh;
  position:relative;
  box-shadow:0 0 60px rgba(0,0,0,.45);
}
a{color:var(--pg92-green-2);text-decoration:none;}
img{max-width:100%;display:block;}
h1,h2,h3,h4{margin:0 0 8px;font-weight:700;line-height:1.3;color:var(--pg92-white);}
h1{font-size:1.5rem;}
h2{font-size:1.2rem;}
h3{font-size:1.02rem;}
p{margin:0 0 12px;}

/* ============ HEADER ============ */
.pg92-header{
  position:sticky;top:0;z-index:50;
  height:var(--pg92-header-h);
  background:linear-gradient(180deg,#0F161D 0%,#0D1117 100%);
  border-bottom:1px solid var(--pg92-line);
  display:flex;align-items:center;
  padding:0 12px;
  gap:8px;
}
.pg92-brand{
  display:flex;align-items:center;gap:8px;
  min-width:0;flex:1;
}
.pg92-logo{
  width:38px;height:38px;border-radius:10px;
  object-fit:cover;
  border:2px solid var(--pg92-green);
  background:var(--pg92-bg-3);
  flex-shrink:0;
}
.pg92-brand-text{display:flex;flex-direction:column;line-height:1.1;min-width:0;}
.pg92-brand-name{
  font-size:1.05rem;font-weight:800;color:var(--pg92-white);
  letter-spacing:.5px;
}
.pg92-brand-sub{font-size:10px;color:var(--pg92-green-2);font-weight:600;}

.pg92-head-actions{display:flex;align-items:center;gap:6px;}
.pg92-btn{
  border:0;cursor:pointer;font-family:inherit;font-weight:700;
  border-radius:999px;padding:9px 14px;font-size:12.5px;
  min-height:36px;display:inline-flex;align-items:center;gap:5px;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.pg92-btn:active{transform:translateY(1px);}
.pg92-btn-login{
  background:transparent;color:var(--pg92-text);
  border:1px solid var(--pg92-line);
}
.pg92-btn-register{
  background:linear-gradient(135deg,var(--pg92-green) 0%,var(--pg92-green-2) 100%);
  color:#fff;box-shadow:0 3px 12px rgba(34,139,34,.4);
}
.pg92-menu-btn{
  width:38px;height:38px;border-radius:10px;
  background:var(--pg92-bg-3);
  border:1px solid var(--pg92-line);
  color:var(--pg92-text);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;flex-shrink:0;
}
.pg92-menu-btn svg{width:22px;height:22px;}

/* ============ FULL-HEIGHT MENU LAYER ============ */
.pg92-menu{
  position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(8,12,16,.55);
  z-index:80;opacity:0;visibility:hidden;
  transition:opacity .22s ease;
}
.pg92-menu.pg92-open{opacity:1;visibility:visible;}
.pg92-menu-panel{
  position:absolute;top:0;right:0;
  width:84%;max-width:360px;height:100%;
  background:var(--pg92-bg-2);
  border-left:1px solid var(--pg92-line);
  transform:translateX(100%);
  transition:transform .26s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
  overflow-y:auto;
}
.pg92-menu.pg92-open .pg92-menu-panel{transform:translateX(0);}
.pg92-menu-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--pg92-line);
}
.pg92-menu-head .pg92-brand-name{font-size:1.1rem;}
.pg92-menu-close{
  width:36px;height:36px;border-radius:50%;
  background:var(--pg92-bg-3);border:1px solid var(--pg92-line);
  color:var(--pg92-text);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.pg92-menu-list{list-style:none;margin:0;padding:8px 0;}
.pg92-menu-list li a{
  display:flex;align-items:center;gap:12px;
  padding:13px 18px;color:var(--pg92-text);
  font-weight:600;border-left:3px solid transparent;
  transition:background .15s,border-color .15s;
}
.pg92-menu-list li a:active{background:var(--pg92-bg-3);}
.pg92-menu-list li a.pg92-active{
  border-left-color:var(--pg92-green);
  background:var(--pg92-green-soft);color:var(--pg92-white);
}
.pg92-menu-list li a svg{width:20px;height:20px;color:var(--pg92-green-2);}
.pg92-menu-foot{
  margin-top:auto;padding:16px;border-top:1px solid var(--pg92-line);
}
.pg92-menu-foot .pg92-btn{width:100%;justify-content:center;}

/* ============ MAIN ============ */
.pg92-main{
  padding:14px 12px calc(var(--pg92-nav-h) + 26px);
}

/* ============ HERO CAROUSEL ============ */
.pg92-hero{
  position:relative;border-radius:var(--pg92-radius-lg);
  overflow:hidden;margin-bottom:16px;
  box-shadow:var(--pg92-shadow);
  background:var(--pg92-bg-2);
}
.pg92-hero-track{
  display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
.pg92-hero-slide{
  min-width:100%;position:relative;cursor:pointer;
}
.pg92-hero-slide img{
  width:100%;height:190px;object-fit:cover;
}
.pg92-hero-cap{
  position:absolute;left:14px;right:14px;bottom:12px;
  background:linear-gradient(180deg,transparent 0%,rgba(8,12,16,.85) 90%);
  padding:24px 12px 8px;border-radius:0 0 var(--pg92-radius-lg) var(--pg92-radius-lg);
  pointer-events:none;
}
.pg92-hero-cap h2{
  color:#fff;margin:0 0 2px;font-size:1.05rem;text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.pg92-hero-cap p{margin:0;font-size:11.5px;color:#dfe6ee;}
.pg92-hero-dots{
  position:absolute;bottom:8px;left:50%;transform:translateX(-50%);
  display:flex;gap:6px;
}
.pg92-hero-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.45);transition:all .2s;
  border:0;padding:0;cursor:pointer;
}
.pg92-hero-dot.pg92-active{
  background:var(--pg92-green);width:20px;border-radius:5px;
}

/* ============ SECTION ============ */
.pg92-section{margin:22px 0;}
.pg92-section-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px;padding:0 2px;
}
.pg92-section-title{
  display:flex;align-items:center;gap:8px;
  font-size:1.05rem;font-weight:700;color:var(--pg92-white);
}
.pg92-section-title::before{
  content:"";width:4px;height:18px;border-radius:3px;
  background:linear-gradient(180deg,var(--pg92-green),var(--pg92-green-2));
  display:inline-block;
}
.pg92-section-more{
  font-size:11.5px;color:var(--pg92-green-2);font-weight:600;
}
.pg92-section-intro{
  font-size:12.5px;color:var(--pg92-text-dim);margin:0 2px 10px;
}

/* ============ GAME GRID ============ */
.pg92-game-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.pg92-game{
  background:var(--pg92-card);
  border:1px solid var(--pg92-line);
  border-radius:var(--pg92-radius);
  overflow:hidden;cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
  display:flex;flex-direction:column;
}
.pg92-game:active{
  transform:translateY(-2px);
  border-color:var(--pg92-green);
  box-shadow:0 4px 14px rgba(34,139,34,.28);
}
.pg92-game-img{
  width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--pg92-bg-3);
}
.pg92-game-name{
  font-size:10.5px;line-height:1.25;
  padding:5px 6px 6px;color:var(--pg92-text);
  text-align:center;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pg92-cat-tag{
  display:inline-block;font-size:10px;font-weight:700;
  padding:3px 10px;border-radius:999px;
  background:var(--pg92-green-soft);color:var(--pg92-green-2);
  margin-bottom:8px;
}

/* ============ FEATURES / CARDS ============ */
.pg92-feat-row{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.pg92-feat-card{
  background:linear-gradient(160deg,var(--pg92-card) 0%,var(--pg92-bg-2) 100%);
  border:1px solid var(--pg92-line);
  border-radius:var(--pg92-radius);
  padding:14px;cursor:pointer;
  transition:transform .15s,border-color .15s;
}
.pg92-feat-card:active{transform:translateY(-2px);border-color:var(--pg92-green);}
.pg92-feat-icon{
  width:38px;height:38px;border-radius:10px;
  background:var(--pg92-green-soft);
  color:var(--pg92-green-2);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:8px;
}
.pg92-feat-icon svg{width:22px;height:22px;}
.pg92-feat-card h3{margin:0 0 4px;font-size:.95rem;color:var(--pg92-white);}
.pg92-feat-card p{margin:0;font-size:11.5px;color:var(--pg92-text-dim);}

/* ============ STEPS ============ */
.pg92-steps{
  display:flex;flex-direction:column;gap:10px;
  list-style:none;padding:0;margin:0;
}
.pg92-step{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--pg92-bg-2);
  border:1px solid var(--pg92-line);
  border-radius:var(--pg92-radius);
  padding:12px;
}
.pg92-step-num{
  width:30px;height:30px;border-radius:50%;
  background:linear-gradient(135deg,var(--pg92-green),var(--pg92-green-2));
  color:#fff;font-weight:800;font-size:14px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.pg92-step h4{margin:0 0 3px;font-size:.95rem;color:var(--pg92-white);}
.pg92-step p{margin:0;font-size:12px;color:var(--pg92-text-dim);}

/* ============ CATEGORY HIGHLIGHT ============ */
.pg92-cat-row{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.pg92-cat-card{
  border-radius:var(--pg92-radius);
  padding:14px;border:1px solid var(--pg92-line);
  background:var(--pg92-bg-2);
  position:relative;overflow:hidden;
}
.pg92-cat-card::before{
  content:"";position:absolute;right:-20px;top:-20px;
  width:80px;height:80px;border-radius:50%;
  background:var(--pg92-green-soft);
}
.pg92-cat-card h3{position:relative;margin:0 0 4px;font-size:1rem;}
.pg92-cat-card p{position:relative;margin:0;font-size:11.5px;color:var(--pg92-text-dim);}

/* ============ PROSE / CONTENT BLOCK ============ */
.pg92-prose{
  background:var(--pg92-bg-2);
  border:1px solid var(--pg92-line);
  border-radius:var(--pg92-radius);
  padding:16px;font-size:13.5px;color:var(--pg92-text);
  line-height:1.75;
}
.pg92-prose h2{margin-top:8px;}
.pg92-prose h2:first-child{margin-top:0;}
.pg92-prose p{margin:0 0 10px;}
.pg92-prose a{color:var(--pg92-green-2);font-weight:600;border-bottom:1px dashed rgba(47,170,58,.4);}
.pg92-prose ul{margin:8px 0;padding-left:18px;}
.pg92-prose li{margin-bottom:5px;}

/* ============ PROMO STRIP ============ */
.pg92-promo-strip{
  background:linear-gradient(135deg,#1B2E1B 0%,#0D1117 100%);
  border:1px solid var(--pg92-green);
  border-radius:var(--pg92-radius-lg);
  padding:16px;margin:16px 0;
  display:flex;align-items:center;gap:12px;
}
.pg92-promo-strip-text{flex:1;}
.pg92-promo-strip-text h3{margin:0 0 3px;color:#fff;font-size:1.05rem;}
.pg92-promo-strip-text p{margin:0;font-size:11.5px;color:var(--pg92-text-dim);}

/* ============ EXTENDED FOOTER ============ */
.pg92-ext-footer{
  margin-top:24px;
  border-top:1px solid var(--pg92-line);
  padding-top:18px;
}
.pg92-ext-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.pg92-ext-block h4{
  font-size:.85rem;color:var(--pg92-green-2);
  text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;
}
.pg92-ext-block p{font-size:12px;color:var(--pg92-text-dim);margin:0;}
.pg92-ext-links{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
}
.pg92-ext-links a{
  font-size:12px;color:var(--pg92-text-dim);
  padding:5px 0;border-bottom:1px dashed var(--pg92-line);
}
.pg92-ext-links a:active{color:var(--pg92-green-2);}
.pg92-ext-disclaimer{
  background:var(--pg92-bg-2);border:1px solid var(--pg92-line);
  border-radius:var(--pg92-radius-sm);
  padding:10px 12px;font-size:11px;color:var(--pg92-text-mute);
  margin-top:14px;line-height:1.6;
}
.pg92-promo-actions{
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px;
}
.pg92-promo-actions .pg92-btn{
  width:100%;justify-content:center;font-size:11.5px;padding:10px;
  background:var(--pg92-bg-3);color:var(--pg92-text);
  border:1px solid var(--pg92-line);
}

/* ============ COPYRIGHT BAR ============ */
.pg92-copyright{
  text-align:center;font-size:11px;color:var(--pg92-text-mute);
  padding:14px 8px 8px;
}

/* ============ BOTTOM NAV (center-raised) ============ */
.pg92-nav{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);
  width:100%;max-width:var(--pg92-max);
  height:var(--pg92-nav-h);
  background:linear-gradient(180deg,#0F161D 0%,#0A0E13 100%);
  border-top:1px solid var(--pg92-line);
  display:flex;align-items:flex-end;justify-content:space-around;
  padding:6px 6px calc(env(safe-area-inset-bottom,0px) + 6px);
  z-index:60;
}
.pg92-nav-item{
  flex:1;display:flex;flex-direction:column;align-items:center;
  background:transparent;border:0;cursor:pointer;
  font-family:inherit;color:var(--pg92-text-mute);
  font-size:10px;font-weight:600;
  padding:6px 2px 4px;border-radius:14px;
  position:relative;
  transition:transform .18s ease,color .18s ease,background .18s ease;
  min-height:44px;justify-content:center;
}
.pg92-nav-item svg{width:23px;height:23px;margin-bottom:2px;transition:transform .18s ease;}
.pg92-nav-item.pg92-active{
  color:var(--pg92-white);
  background:var(--pg92-green-soft);
}
.pg92-nav-item.pg92-active svg{color:var(--pg92-green-2);}
.pg92-nav-item:active{transform:translateY(-3px);}
.pg92-nav-item.pg92-active svg{transform:translateY(-1px);}

/* Center raised promo */
.pg92-nav-center{
  flex:1.1;display:flex;flex-direction:column;align-items:center;
  position:relative;
}
.pg92-nav-center-btn{
  width:54px;height:54px;border-radius:50%;
  background:linear-gradient(135deg,var(--pg92-green) 0%,var(--pg92-green-2) 100%);
  color:#fff;border:3px solid #0A0E13;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:0 5px 16px rgba(34,139,34,.55);
  position:absolute;top:-22px;
  transition:transform .18s ease;
}
.pg92-nav-center-btn svg{width:26px;height:26px;}
.pg92-nav-center-btn:active{transform:translateY(-2px) scale(.97);}
.pg92-nav-center-label{
  font-size:10px;font-weight:700;color:var(--pg92-white);
  margin-top:32px;
}

/* ============ UTILITY ============ */
.pg92-hide{display:none !important;}
.pg92-visually-hidden{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
}

@media (min-width:375px){
  .pg92-game-grid{gap:10px;}
  .pg92-hero-slide img{height:210px;}
}
@media (min-width:430px){
  .pg92-game-grid{grid-template-columns:repeat(5,1fr);}
  .pg92-feat-row{grid-template-columns:repeat(3,1fr);}
  .pg92-ext-links{grid-template-columns:repeat(3,1fr);}
}