/* ============================================================
   vb99.homes base stylesheet
   Prefix:      shell1c844-
   Canvas:      320px - 430px mobile first
   Palette:     #1A1A1A bg / #AFEEEE text / #808080 muted
   Direction:   compact square catalog, segmented action bar,
                full-height menu layer, card lift on tap.
   ============================================================ */

:root{
  --shell1c844-bg:#1A1A1A;
  --shell1c844-bg-soft:#202020;
  --shell1c844-card:#262626;
  --shell1c844-card-2:#2e2e2e;
  --shell1c844-line:#3a3a3a;
  --shell1c844-line-soft:#2c2c2c;
  --shell1c844-text:#AFEEEE;
  --shell1c844-text-bright:#d6f7f7;
  --shell1c844-muted:#808080;
  --shell1c844-muted-2:#9a9a9a;
  --shell1c844-accent:#AFEEEE;
  --shell1c844-accent-2:#7fd6d6;
  --shell1c844-warn:#ffd166;
  --shell1c844-dark:#1A1A1A;
  --shell1c844-radius:6px;
  --shell1c844-radius-lg:10px;
  --shell1c844-radius-pill:999px;
  --shell1c844-shadow:0 6px 18px rgba(0,0,0,.45);
  --shell1c844-shadow-card:0 2px 6px rgba(0,0,0,.35);
  --shell1c844-topbar-h:56px;
  --shell1c844-bottombar-h:66px;
  --shell1c844-safe-bottom:env(safe-area-inset-bottom,0px);
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}

html{scroll-behavior:smooth}

html,body{
  background:var(--shell1c844-bg);
  color:var(--shell1c844-text);
  font-family:"Hind Siliguri","Noto Sans Bengali","SolaimanLipi",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:15px;
  line-height:1.6;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  word-break:break-word;
  overflow-wrap:break-word;
}

img{max-width:100%;display:block;height:auto}

a{color:var(--shell1c844-accent);text-decoration:none}

a:hover,a:focus{color:var(--shell1c844-text-bright);text-decoration:underline}

button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

ul,ol{list-style:none}

input,select,textarea{font:inherit;color:inherit}

:focus-visible{outline:2px solid var(--shell1c844-accent);outline-offset:2px;border-radius:4px}

/* ---------- Page canvas (mobile first, max 430) ---------- */
.shell1c844-page{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:var(--shell1c844-bg);
  box-shadow:0 0 24px rgba(0,0,0,.5);
  overflow:hidden;
}

/* Reference breakpoint: literal 430 appears here for the mobile canvas edge. */
@media (min-width:431px){
  body{background:#0c0c0c}
  .shell1c844-page{
    border-left:1px solid #000;
    border-right:1px solid #000;
  }
}

/* ---------- Top tab bar ---------- */
.shell1c844-topbar{
  position:sticky;
  top:0;
  z-index:50;
  height:var(--shell1c844-topbar-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:6px 12px;
  background:linear-gradient(180deg,#181818 0%,#1A1A1A 100%);
  border-bottom:1px solid var(--shell1c844-line);
}

.shell1c844-brand{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.shell1c844-brand-logo{
  width:38px;
  height:38px;
  border-radius:var(--shell1c844-radius);
  object-fit:cover;
  border:1px solid var(--shell1c844-line);
  background:var(--shell1c844-card);
  flex:0 0 auto;
}

.shell1c844-brand-name{
  font-weight:800;
  font-size:18px;
  letter-spacing:.5px;
  color:var(--shell1c844-text-bright);
  line-height:1;
  white-space:nowrap;
}

.shell1c844-brand-name span{color:var(--shell1c844-accent)}

.shell1c844-topact{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}

.shell1c844-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:8px 14px;
  border-radius:var(--shell1c844-radius);
  font-weight:700;
  font-size:13px;
  line-height:1;
  text-align:center;
  transition:transform .15s ease, background .15s ease, color .15s ease;
  border:1px solid transparent;
}

.shell1c844-btn:active{transform:translateY(1px)}

.shell1c844-btn-register{
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  border:1px solid var(--shell1c844-accent);
}

.shell1c844-btn-register:hover,.shell1c844-btn-register:focus{
  background:var(--shell1c844-text-bright);
  color:var(--shell1c844-dark);
  text-decoration:none;
}

.shell1c844-btn-login{
  background:transparent;
  color:var(--shell1c844-text);
  border:1px solid var(--shell1c844-line);
}

.shell1c844-btn-login:hover,.shell1c844-btn-login:focus{
  border-color:var(--shell1c844-accent);
  color:var(--shell1c844-text-bright);
  text-decoration:none;
}

.shell1c844-menu-btn{
  width:38px;
  height:38px;
  border-radius:var(--shell1c844-radius);
  border:1px solid var(--shell1c844-line);
  background:var(--shell1c844-card);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--shell1c844-text);
}

.shell1c844-menu-btn:hover,.shell1c844-menu-btn:focus{color:var(--shell1c844-accent);border-color:var(--shell1c844-accent)}

.shell1c844-menu-btn svg{width:20px;height:20px;display:block}

/* ---------- Full height menu layer ---------- */
.shell1c844-menu{
  position:fixed;
  inset:0;
  z-index:80;
  transform:translateX(100%);
  transition:transform .28s ease;
  background:rgba(15,15,15,.97);
  display:flex;
  flex-direction:column;
  visibility:hidden;
  max-width:430px;
  margin:0 auto;
}

.shell1c844-menu-open{transform:translateX(0);visibility:visible}

.shell1c844-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid var(--shell1c844-line);
  background:#161616;
}

.shell1c844-menu-head .shell1c844-brand-name{font-size:17px}

.shell1c844-menu-close{
  width:38px;height:38px;
  border-radius:var(--shell1c844-radius);
  border:1px solid var(--shell1c844-line);
  background:var(--shell1c844-card);
  color:var(--shell1c844-text);
  display:inline-flex;align-items:center;justify-content:center;
}

.shell1c844-menu-close svg{width:18px;height:18px;display:block}

.shell1c844-menu-body{
  flex:1 1 auto;
  overflow-y:auto;
  padding:14px;
}

.shell1c844-menu-title{
  font-size:12px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--shell1c844-muted);
  margin:14px 4px 8px;
}

.shell1c844-menu-list{display:flex;flex-direction:column;gap:6px}

.shell1c844-menu-list a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 12px;
  border-radius:var(--shell1c844-radius);
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  color:var(--shell1c844-text);
  font-weight:600;
  font-size:14px;
}

.shell1c844-menu-list a:hover,.shell1c844-menu-list a:focus{
  background:var(--shell1c844-card-2);
  border-color:var(--shell1c844-accent);
  color:var(--shell1c844-text-bright);
  text-decoration:none;
}

.shell1c844-menu-ico{
  width:32px;height:32px;
  border-radius:6px;
  background:var(--shell1c844-card-2);
  border:1px solid var(--shell1c844-line);
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--shell1c844-accent);
  flex:0 0 auto;
}

.shell1c844-menu-ico svg{width:18px;height:18px;display:block}

.shell1c844-menu-promo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}

.shell1c844-menu-promo .shell1c844-btn{padding:12px 8px}

/* ---------- Hero carousel ---------- */
.shell1c844-hero{
  position:relative;
  margin:0 0 4px;
  background:var(--shell1c844-bg-soft);
}

.shell1c844-slides{position:relative;display:block}

.shell1c844-slide{
  position:relative;
  display:none;
  cursor:pointer;
  overflow:hidden;
}

.shell1c844-slide-active{display:block}

.shell1c844-slide img{
  width:100%;
  height:188px;
  object-fit:cover;
  filter:brightness(.78) saturate(1.05);
}

.shell1c844-slide-overlay{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:14px 14px 14px;
  background:linear-gradient(180deg,rgba(26,26,26,0) 0%,rgba(26,26,26,.85) 60%,rgba(26,26,26,.95) 100%);
  color:var(--shell1c844-text);
}

.shell1c844-slide-title{
  font-weight:800;
  font-size:17px;
  line-height:1.3;
  color:var(--shell1c844-text-bright);
  margin-bottom:4px;
}

.shell1c844-slide-sub{
  font-size:12.5px;
  color:var(--shell1c844-muted-2);
  margin-bottom:8px;
}

.shell1c844-slide-cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  padding:7px 14px;
  border-radius:var(--shell1c844-radius-pill);
  font-weight:700;
  font-size:12.5px;
}

.shell1c844-slide-cta:hover,.shell1c844-slide-cta:focus{
  background:var(--shell1c844-text-bright);
  color:var(--shell1c844-dark);
  text-decoration:none;
}

.shell1c844-dots{
  position:absolute;
  bottom:8px;
  right:12px;
  display:flex;
  gap:5px;
  z-index:2;
}

.shell1c844-dot{
  width:7px;height:7px;
  border-radius:50%;
  background:rgba(175,238,238,.35);
  border:0;
  padding:0;
  cursor:pointer;
}

.shell1c844-dot-active{background:var(--shell1c844-accent);width:18px;border-radius:4px}

/* ---------- Quick chips ---------- */
.shell1c844-chips{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:10px 12px 6px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.shell1c844-chips::-webkit-scrollbar{display:none}

.shell1c844-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border-radius:var(--shell1c844-radius-pill);
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  color:var(--shell1c844-text);
  font-size:12.5px;
  font-weight:600;
  white-space:nowrap;
}

.shell1c844-chip:hover,.shell1c844-chip:focus{
  border-color:var(--shell1c844-accent);
  color:var(--shell1c844-text-bright);
  text-decoration:none;
}

.shell1c844-chip-on{
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  border-color:var(--shell1c844-accent);
}

.shell1c844-chip-on:hover,.shell1c844-chip-on:focus{
  background:var(--shell1c844-text-bright);
  color:var(--shell1c844-dark);
}

.shell1c844-chip-dot{
  width:6px;height:6px;
  border-radius:50%;
  background:currentColor;
  opacity:.85;
}

/* ---------- Main / sections ---------- */
.shell1c844-main{
  padding:6px 12px 0;
  padding-bottom:calc(var(--shell1c844-bottombar-h) + var(--shell1c844-safe-bottom) + 36px);
}

.shell1c844-section{margin:18px 0 0}

.shell1c844-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  padding:0 2px 8px;
  border-bottom:1px solid var(--shell1c844-line-soft);
  margin-bottom:10px;
}

.shell1c844-section-title{
  font-size:17px;
  font-weight:800;
  color:var(--shell1c844-text-bright);
  line-height:1.2;
}

.shell1c844-section-title small{
  display:block;
  font-size:11px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--shell1c844-muted);
  text-transform:uppercase;
  margin-top:3px;
}

.shell1c844-section-link{
  font-size:12px;
  font-weight:700;
  color:var(--shell1c844-accent);
  white-space:nowrap;
}

/* ---------- Game grid (4 cols / 5 cols at wider) ---------- */
.shell1c844-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px 7px;
}

@media (min-width:375px){
  .shell1c844-grid{grid-template-columns:repeat(5,1fr)}
}

.shell1c844-card{
  display:block;
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  border-radius:var(--shell1c844-radius);
  overflow:hidden;
  color:var(--shell1c844-text);
  text-align:center;
  transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.shell1c844-card:hover,.shell1c844-card:focus{
  color:var(--shell1c844-text-bright);
  text-decoration:none;
  transform:translateY(-2px);
  border-color:var(--shell1c844-accent);
  box-shadow:var(--shell1c844-shadow-card);
}

.shell1c844-thumb{
  position:relative;
  aspect-ratio:1/1;
  background:var(--shell1c844-card-2);
  overflow:hidden;
}

.shell1c844-thumb img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}

.shell1c844-name{
  display:block;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  color:var(--shell1c844-text);
  padding:5px 4px 6px;
  min-height:30px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.shell1c844-card:hover .shell1c844-name{color:var(--shell1c844-text-bright)}

.shell1c844-card-tag{
  position:absolute;
  top:4px;left:4px;
  background:rgba(175,238,238,.92);
  color:var(--shell1c844-dark);
  font-size:9px;
  font-weight:800;
  letter-spacing:.4px;
  padding:2px 5px;
  border-radius:4px;
  text-transform:uppercase;
}

/* ---------- Promo banner strip ---------- */
.shell1c844-promostrip{
  margin:14px 0 0;
  padding:12px;
  border-radius:var(--shell1c844-radius-lg);
  background:linear-gradient(135deg,#213a3a 0%,#262626 60%,#1A1A1A 100%);
  border:1px solid var(--shell1c844-line);
  display:flex;
  align-items:center;
  gap:12px;
}

.shell1c844-promostrip-ico{
  width:44px;height:44px;
  border-radius:var(--shell1c844-radius);
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}

.shell1c844-promostrip-ico svg{width:24px;height:24px;display:block}

.shell1c844-promostrip-text{flex:1 1 auto;min-width:0}

.shell1c844-promostrip-title{
  font-weight:800;font-size:14px;color:var(--shell1c844-text-bright);line-height:1.25;
}

.shell1c844-promostrip-sub{
  font-size:12px;color:var(--shell1c844-muted-2);margin-top:2px;
}

.shell1c844-promostrip-cta{
  flex:0 0 auto;
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  padding:9px 14px;
  border-radius:var(--shell1c844-radius-pill);
  font-weight:800;font-size:12.5px;
}

/* ---------- Info / prose blocks ---------- */
.shell1c844-prose{
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  border-radius:var(--shell1c844-radius-lg);
  padding:14px;
  margin:10px 0 0;
}

.shell1c844-prose h2{
  font-size:16px;
  font-weight:800;
  color:var(--shell1c844-text-bright);
  margin-bottom:8px;
  line-height:1.3;
}

.shell1c844-prose h3{
  font-size:14px;
  font-weight:700;
  color:var(--shell1c844-accent);
  margin:12px 0 4px;
}

.shell1c844-prose p{
  font-size:13.5px;
  color:var(--shell1c844-text);
  margin-bottom:8px;
}

.shell1c844-prose p:last-child{margin-bottom:0}

.shell1c844-prose strong{color:var(--shell1c844-text-bright);font-weight:700}

.shell1c844-prose a{
  color:var(--shell1c844-accent);
  text-decoration:underline;
  text-underline-offset:2px;
}

/* ---------- Metric / fact tiles (compact metric-explanation rhythm) ---------- */
.shell1c844-tiles{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:10px;
}

.shell1c844-tile{
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  border-radius:var(--shell1c844-radius);
  padding:10px 12px;
}

.shell1c844-tile-num{
  font-size:18px;
  font-weight:800;
  color:var(--shell1c844-accent);
  line-height:1;
}

.shell1c844-tile-label{
  font-size:11.5px;
  color:var(--shell1c844-muted-2);
  margin-top:4px;
  line-height:1.35;
}

/* ---------- Step list ---------- */
.shell1c844-steps{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.shell1c844-step{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:var(--shell1c844-card-2);
  border:1px solid var(--shell1c844-line-soft);
  border-radius:var(--shell1c844-radius);
  padding:9px 11px;
}

.shell1c844-step-num{
  width:24px;height:24px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  font-weight:800;
  font-size:12px;
  display:inline-flex;align-items:center;justify-content:center;
}

.shell1c844-step-text{
  font-size:13px;
  color:var(--shell1c844-text);
  line-height:1.45;
}

.shell1c844-step-text strong{color:var(--shell1c844-text-bright)}

/* ---------- FAQ ---------- */
.shell1c844-faq{margin-top:10px;display:flex;flex-direction:column;gap:8px}

.shell1c844-faq-item{
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  border-radius:var(--shell1c844-radius);
  padding:10px 12px;
}

.shell1c844-faq-q{
  font-size:13.5px;
  font-weight:700;
  color:var(--shell1c844-text-bright);
  line-height:1.35;
  margin-bottom:4px;
}

.shell1c844-faq-a{
  font-size:13px;
  color:var(--shell1c844-muted-2);
  line-height:1.5;
}

.shell1c844-faq-a strong{color:var(--shell1c844-text)}

/* ---------- Inline promo button (in-prose) ---------- */
.shell1c844-cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  padding:9px 16px;
  border-radius:var(--shell1c844-radius-pill);
  font-weight:800;
  font-size:13px;
  margin:6px 0 0;
}

.shell1c844-cta:hover,.shell1c844-cta:focus{background:var(--shell1c844-text-bright);color:var(--shell1c844-dark);text-decoration:none}

.shell1c844-cta-ghost{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:transparent;
  color:var(--shell1c844-accent);
  border:1px solid var(--shell1c844-accent);
  padding:8px 14px;
  border-radius:var(--shell1c844-radius-pill);
  font-weight:700;
  font-size:12.5px;
  margin:6px 6px 0 0;
}

.shell1c844-cta-ghost:hover,.shell1c844-cta-ghost:focus{background:var(--shell1c844-card);color:var(--shell1c844-text-bright);text-decoration:none}

/* ---------- Notice / disclaimer box ---------- */
.shell1c844-note{
  margin-top:10px;
  padding:10px 12px;
  border-left:3px solid var(--shell1c844-accent);
  background:rgba(175,238,238,.06);
  border-radius:4px;
  font-size:12.5px;
  color:var(--shell1c844-muted-2);
  line-height:1.5;
}

/* ---------- Expanded footer (home only) ---------- */
.shell1c844-extended{
  margin:22px 0 0;
  padding:14px 12px 6px;
  background:var(--shell1c844-bg-soft);
  border-top:1px solid var(--shell1c844-line);
  border-bottom:1px solid var(--shell1c844-line);
}

.shell1c844-extended-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 12px;
  margin-top:10px;
}

.shell1c844-ext-title{
  font-size:12px;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:var(--shell1c844-muted);
  margin:10px 0 4px;
}

.shell1c844-ext-title:first-child{margin-top:0}

.shell1c844-ext-list{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.shell1c844-ext-list a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12.5px;
  color:var(--shell1c844-text);
}

.shell1c844-ext-list a:hover,.shell1c844-ext-list a:focus{color:var(--shell1c844-accent);text-decoration:underline}

.shell1c844-ext-ico{
  width:18px;height:18px;
  border-radius:4px;
  background:var(--shell1c844-card-2);
  border:1px solid var(--shell1c844-line-soft);
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--shell1c844-accent);
  flex:0 0 auto;
}

.shell1c844-ext-ico svg{width:11px;height:11px;display:block}

.shell1c844-ext-promo{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:6px;
}

.shell1c844-ext-promo .shell1c844-ext-promo-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 10px;
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  border-radius:var(--shell1c844-radius);
  color:var(--shell1c844-text);
  font-size:12.5px;
  font-weight:700;
}

.shell1c844-ext-promo .shell1c844-ext-promo-btn:hover,
.shell1c844-ext-promo .shell1c844-ext-promo-btn:focus{
  border-color:var(--shell1c844-accent);
  color:var(--shell1c844-text-bright);
  text-decoration:none;
}

.shell1c844-ext-promo-btn-ico{
  width:20px;height:20px;
  border-radius:4px;
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}

.shell1c844-ext-promo-btn-ico svg{width:12px;height:12px;display:block}

.shell1c844-ext-brand{
  font-size:12.5px;
  color:var(--shell1c844-muted-2);
  line-height:1.55;
  margin-top:4px;
}

.shell1c844-ext-brand strong{color:var(--shell1c844-text-bright);font-weight:800}

.shell1c844-ext-disclaimer{
  margin-top:12px;
  padding:9px 10px;
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  border-radius:var(--shell1c844-radius);
  font-size:11.5px;
  color:var(--shell1c844-muted);
  line-height:1.5;
}

/* ---------- Universal footer ---------- */
.shell1c844-footer{
  padding:14px 14px 12px;
  text-align:center;
  background:#161616;
  border-top:1px solid var(--shell1c844-line);
}

.shell1c844-footer-brand{
  font-size:13px;
  font-weight:800;
  color:var(--shell1c844-text-bright);
  margin-bottom:4px;
}

.shell1c844-footer-copy{
  font-size:11.5px;
  color:var(--shell1c844-muted);
  line-height:1.5;
}

.shell1c844-footer-copy a{color:var(--shell1c844-muted-2)}

/* ---------- Bottom action bar ---------- */
.shell1c844-bottombar{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:100%;
  max-width:430px;
  z-index:60;
  height:calc(var(--shell1c844-bottombar-h) + var(--shell1c844-safe-bottom));
  padding-bottom:var(--shell1c844-safe-bottom);
  background:linear-gradient(180deg,#1c1c1c 0%,#101010 100%);
  border-top:1px solid var(--shell1c844-line);
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
}

.shell1c844-bottom-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  height:100%;
  color:var(--shell1c844-muted-2);
  font-size:10.5px;
  font-weight:600;
  text-align:center;
  position:relative;
}

.shell1c844-bottom-item:hover,.shell1c844-bottom-item:focus{color:var(--shell1c844-text-bright);text-decoration:none}

.shell1c844-bottom-item-on{
  color:var(--shell1c844-text-bright);
}

.shell1c844-bottom-item-on::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:34px;
  height:3px;
  background:var(--shell1c844-accent);
  border-radius:0 0 4px 4px;
}

.shell1c844-bottom-ico{
  width:28px;height:28px;
  border-radius:8px;
  background:var(--shell1c844-card);
  border:1px solid var(--shell1c844-line-soft);
  display:inline-flex;align-items:center;justify-content:center;
  color:inherit;
}

.shell1c844-bottom-item-on .shell1c844-bottom-ico{
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  border-color:var(--shell1c844-accent);
}

.shell1c844-bottom-item:hover .shell1c844-bottom-ico{border-color:var(--shell1c844-accent)}

.shell1c844-bottom-ico svg{width:15px;height:15px;display:block}

.shell1c844-bottom-promo .shell1c844-bottom-ico{
  background:var(--shell1c844-accent);
  color:var(--shell1c844-dark);
  border-color:var(--shell1c844-accent);
  box-shadow:0 0 0 3px rgba(175,238,238,.12);
}

/* ---------- Visually hidden helper ---------- */
.shell1c844-sr{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

/* ---------- No-scroll lock when menu open ---------- */
.shell1c844-noscroll{overflow:hidden}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;scroll-behavior:auto !important}
  .shell1c844-card:hover,.shell1c844-card:focus{transform:none}
}

/* ---------- Shared editorial pages ---------- */
.shell1c844-article-head{padding:18px 14px 4px}
.shell1c844-article-head h1{font-size:22px;line-height:1.3;color:var(--shell1c844-text-bright);font-weight:800}
.shell1c844-article-lead{font-size:13.5px;color:var(--shell1c844-muted-2);margin-top:8px}
.shell1c844-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.shell1c844-action-row .shell1c844-cta,.shell1c844-action-row .shell1c844-cta-ghost{margin:0;min-height:44px;justify-content:center}
.shell1c844-checklist{display:flex;flex-direction:column;gap:7px;margin-top:8px}
.shell1c844-checklist li{position:relative;padding:9px 10px 9px 32px;background:var(--shell1c844-card-2);border:1px solid var(--shell1c844-line-soft);border-radius:var(--shell1c844-radius);font-size:13px}
.shell1c844-checklist li::before{content:"✓";position:absolute;left:10px;top:9px;color:var(--shell1c844-accent);font-weight:800}
.shell1c844-table-wrap{overflow-x:auto;margin-top:10px;border:1px solid var(--shell1c844-line-soft);border-radius:var(--shell1c844-radius)}
.shell1c844-table{width:100%;min-width:340px;border-collapse:collapse;font-size:12.5px}
.shell1c844-table th,.shell1c844-table td{padding:9px;border-bottom:1px solid var(--shell1c844-line-soft);text-align:left;vertical-align:top}
.shell1c844-table th{color:var(--shell1c844-text-bright);background:var(--shell1c844-card-2)}
.shell1c844-table tr:last-child td{border-bottom:0}
.shell1c844-breadcrumb{padding:10px 14px 0;color:var(--shell1c844-muted-2);font-size:12px}
.shell1c844-breadcrumb a{text-decoration:underline}
.shell1c844-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.shell1c844-inline-actions button{min-height:44px}
@media (max-width:350px){
  .shell1c844-topbar{padding-left:8px;padding-right:8px}
  .shell1c844-brand-name{font-size:16px}
  .shell1c844-btn{padding:8px 9px}
  .shell1c844-action-row{grid-template-columns:1fr}
}