/* ==========================================================================
   bd win 24 - mobile palette stylesheet
   File   : css/bd-win-24-palette-2c672a.css
   Prefix : shell672a0-
   Palette: #00CED1 teal | #B8860B gold | #AFEEEE ice | #800080 purple | #212F3D ink
   Canvas : 320-430px phone frame, centered on wide screens (max-width:430px)
   ========================================================================== */

:root{
  --shell672a0-ink:#212F3D;
  --shell672a0-ink-deep:#18242f;
  --shell672a0-ink-panel:#28394b;
  --shell672a0-ink-raise:#2f4358;
  --shell672a0-teal:#00CED1;
  --shell672a0-teal-soft:rgba(0,206,209,.14);
  --shell672a0-gold:#B8860B;
  --shell672a0-gold-lt:#e2b64f;
  --shell672a0-ice:#AFEEEE;
  --shell672a0-purple:#800080;
  --shell672a0-txt:#e8f4f4;
  --shell672a0-txt-dim:#a8bcc4;
  --shell672a0-line:rgba(175,238,238,.16);
  --shell672a0-line-gold:rgba(184,134,11,.38);
  --shell672a0-font:"Noto Sans Bengali","Hind Siliguri","SolaimanLipi",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --shell672a0-mono:ui-monospace,"Cascadia Mono","JetBrains Mono",Consolas,"Courier New",monospace;
  --shell672a0-r-card:9px;
  --shell672a0-r-btn:7px;
  --shell672a0-topbar-h:56px;
  --shell672a0-bbar-h:62px;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  background:#101a23;
  color:var(--shell672a0-txt);
  font-family:var(--shell672a0-font);
  font-size:15px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;border:0}
a{color:var(--shell672a0-teal);text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 12px}
ul,ol{margin:0;padding:0}
button{font-family:inherit}

.shell672a0-noscroll{overflow:hidden}

/* phone canvas: keeps the 430px frame centered on desktop */
.shell672a0-canvas{
  position:relative;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:linear-gradient(180deg,#23344500 0%,var(--shell672a0-ink) 0%,var(--shell672a0-ink) 60%,#1b2836 100%);
  box-shadow:0 0 0 1px rgba(0,206,209,.08),0 0 44px rgba(0,0,0,.55);
  overflow:hidden;
}
.shell672a0-wrap{padding:0 14px}

.shell672a0-skip{
  position:absolute;left:-9999px;top:0;
  background:var(--shell672a0-teal);color:#08252a;
  padding:8px 14px;border-radius:0 0 var(--shell672a0-r-btn) 0;font-weight:700;z-index:99;
}
.shell672a0-skip:focus{left:0}

.shell672a0-mono{font-family:var(--shell672a0-mono);letter-spacing:.06em}

/* focus ring - visible for keyboard users */
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:2px solid var(--shell672a0-teal);
  outline-offset:2px;
  border-radius:4px;
}

/* ==========================================================================
   Top bar - edge aligned functional header
   ========================================================================== */
.shell672a0-topbar{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;height:var(--shell672a0-topbar-h);
  z-index:50;
  background:linear-gradient(180deg,#1c2b3a 0%,#20303f 100%);
  border-bottom:1px solid var(--shell672a0-line-gold);
}
.shell672a0-topin{
  height:100%;display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;gap:8px;
}
.shell672a0-brand{
  display:flex;align-items:center;gap:8px;
  min-width:0;min-height:44px;
}
.shell672a0-logo{
  width:34px;height:34px;flex:0 0 34px;
  border-radius:8px;
  border:1px solid var(--shell672a0-line-gold);
  background:#0f1a24;
  object-fit:cover;
}
.shell672a0-bname{
  font-weight:800;font-size:16px;letter-spacing:.02em;
  color:var(--shell672a0-txt);white-space:nowrap;
}
.shell672a0-bname small{
  display:block;font-family:var(--shell672a0-mono);
  font-size:8.5px;font-weight:400;letter-spacing:.28em;
  color:var(--shell672a0-gold-lt);line-height:1;margin-top:2px;
}
.shell672a0-tacts{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.shell672a0-hbtn{
  min-height:36px;padding:7px 13px;
  border-radius:var(--shell672a0-r-btn);
  border:1px solid rgba(0,206,209,.55);
  background:rgba(0,206,209,.10);
  color:var(--shell672a0-ice);
  font-size:12.5px;font-weight:700;cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
.shell672a0-hbtn:active{background:rgba(0,206,209,.28)}
.shell672a0-hbtn-a{
  background:linear-gradient(135deg,#d8a93c,var(--shell672a0-gold) 60%,#8f6a08);
  border:1px solid #e8c268;color:#1d1503;
  box-shadow:0 2px 8px rgba(184,134,11,.35);
}
.shell672a0-hbtn-a:active{filter:brightness(1.12)}
.shell672a0-menu-btn{
  width:38px;height:38px;min-width:38px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--shell672a0-r-btn);
  border:1px solid var(--shell672a0-line);
  background:var(--shell672a0-ink-panel);color:var(--shell672a0-ice);
  cursor:pointer;
}
.shell672a0-menu-btn svg{width:19px;height:19px}
.shell672a0-menu-btn:active{background:var(--shell672a0-ink-raise)}

/* ==========================================================================
   Side drawer menu
   ========================================================================== */
.shell672a0-scrim{
  position:fixed;inset:0;background:rgba(6,12,17,.66);
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;z-index:60;
}
.shell672a0-scrim.shell672a0-show{opacity:1;visibility:visible}
.shell672a0-drawer{
  position:fixed;top:0;right:0;bottom:0;
  width:min(82vw,308px);max-width:430px;
  background:#1b2836;
  border-left:1px solid var(--shell672a0-line-gold);
  transform:translateX(102%);
  transition:transform .26s cubic-bezier(.32,.72,.28,1);
  z-index:70;display:flex;flex-direction:column;
  padding:14px 0 calc(14px + env(safe-area-inset-bottom));
}
.shell672a0-drawer.shell672a0-open{transform:translateX(0)}
.shell672a0-dhead{
  display:flex;align-items:center;justify-content:space-between;
  padding:4px 16px 12px;border-bottom:1px dashed var(--shell672a0-line-gold);
}
.shell672a0-dtitle{
  font-family:var(--shell672a0-mono);font-size:11px;letter-spacing:.3em;
  color:var(--shell672a0-gold-lt);text-transform:uppercase;
}
.shell672a0-dclose{
  width:34px;height:34px;border-radius:var(--shell672a0-r-btn);
  border:1px solid var(--shell672a0-line);background:transparent;
  color:var(--shell672a0-txt-dim);font-size:16px;line-height:1;cursor:pointer;
}
.shell672a0-dnav{flex:1;overflow-y:auto;padding:8px 10px;list-style:none}
.shell672a0-dlink{
  display:flex;align-items:center;gap:10px;
  padding:10px 10px;min-height:44px;
  border-radius:var(--shell672a0-r-btn);
  color:var(--shell672a0-txt);font-size:14px;font-weight:600;
}
.shell672a0-dlink:hover,.shell672a0-dlink:active{background:var(--shell672a0-teal-soft);text-decoration:none}
.shell672a0-dlink.shell672a0-dcur{background:var(--shell672a0-teal-soft);box-shadow:inset 3px 0 0 var(--shell672a0-teal)}
.shell672a0-didx{
  font-family:var(--shell672a0-mono);font-size:10.5px;color:var(--shell672a0-gold-lt);
  min-width:20px;letter-spacing:.08em;
}
.shell672a0-dfoot{padding:12px 16px 0;border-top:1px dashed var(--shell672a0-line-gold)}
.shell672a0-dcta{
  width:100%;min-height:44px;border:none;border-radius:var(--shell672a0-r-btn);
  background:linear-gradient(135deg,#d8a93c,var(--shell672a0-gold) 62%,#8f6a08);
  color:#1d1503;font-weight:800;font-size:14px;cursor:pointer;
  box-shadow:0 3px 10px rgba(184,134,11,.3);
}
.shell672a0-dcta:active{filter:brightness(1.12)}

/* ==========================================================================
   Main column
   ========================================================================== */
.shell672a0-main{
  padding-top:calc(var(--shell672a0-topbar-h) + 10px);
  /* keep content clear of the fixed bottom action bar */
  padding-bottom:calc(var(--shell672a0-bbar-h) + 26px + env(safe-area-inset-bottom));
}
.shell672a0-sec{padding:20px 0 6px}
.shell672a0-sec + .shell672a0-sec{border-top:1px solid rgba(175,238,238,.07)}

/* section heading with sliding focus indicator */
.shell672a0-sechead{margin-bottom:12px}
.shell672a0-seckick{
  font-family:var(--shell672a0-mono);font-size:10px;letter-spacing:.32em;
  color:var(--shell672a0-teal);text-transform:uppercase;margin-bottom:5px;
}
.shell672a0-h2row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.shell672a0-h2{
  position:relative;display:inline-block;
  margin:0 0 6px;font-size:19px;line-height:1.45;font-weight:800;color:#f2fbfb;
  padding-bottom:7px;
}
.shell672a0-h2::after{
  content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;
  border-radius:3px;
  background:linear-gradient(90deg,var(--shell672a0-gold-lt),var(--shell672a0-teal) 72%,rgba(128,0,128,.65));
  transform:scaleX(.34);transform-origin:left center;
  transition:transform .32s cubic-bezier(.3,.7,.3,1);
}
.shell672a0-sec:hover .shell672a0-h2::after,
.shell672a0-sec:focus-within .shell672a0-h2::after{transform:scaleX(1)}
.shell672a0-count{
  font-family:var(--shell672a0-mono);font-size:10.5px;letter-spacing:.1em;
  color:#1d1503;background:linear-gradient(135deg,#e2b64f,var(--shell672a0-gold));
  border-radius:20px;padding:3px 9px;white-space:nowrap;align-self:center;
}
.shell672a0-seclead{color:var(--shell672a0-txt-dim);font-size:14px;margin:0 0 12px}
.shell672a0-seclead strong{color:var(--shell672a0-ice);font-weight:700}

/* ==========================================================================
   Hero
   ========================================================================== */
.shell672a0-hero{padding:16px 0 4px}
.shell672a0-kick{
  display:inline-block;font-family:var(--shell672a0-mono);font-size:10px;
  letter-spacing:.3em;color:var(--shell672a0-gold-lt);
  border:1px solid var(--shell672a0-line-gold);border-radius:4px;
  padding:4px 9px;margin-bottom:11px;
}
.shell672a0-h1{
  margin:0 0 10px;font-size:26px;line-height:1.4;font-weight:800;color:#f5ffff;
  text-wrap:balance;
}
.shell672a0-h1 em{
  font-style:normal;color:var(--shell672a0-teal);
}
.shell672a0-lead{color:var(--shell672a0-txt-dim);font-size:14.5px}
/* staggered primary / secondary CTA sizes */
.shell672a0-ctarow{display:flex;align-items:stretch;gap:9px;margin:15px 0 4px;flex-wrap:wrap}
.shell672a0-cta-a{
  flex:1 1 170px;min-height:48px;border:none;border-radius:var(--shell672a0-r-btn);
  background:linear-gradient(135deg,#d8a93c,var(--shell672a0-gold) 58%,#8f6a08);
  color:#1d1503;font-weight:800;font-size:15.5px;cursor:pointer;
  box-shadow:0 4px 14px rgba(184,134,11,.35);
}
.shell672a0-cta-a:active{filter:brightness(1.12)}
.shell672a0-cta-b{
  flex:0 1 auto;min-height:40px;align-self:center;
  padding:9px 16px;border-radius:var(--shell672a0-r-btn);
  border:1px solid rgba(0,206,209,.6);background:rgba(0,206,209,.09);
  color:var(--shell672a0-ice);font-weight:700;font-size:13px;cursor:pointer;
}
.shell672a0-cta-b:active{background:rgba(0,206,209,.26)}

/* quick facts strip */
.shell672a0-facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 2px;
}
.shell672a0-fact{
  background:var(--shell672a0-ink-panel);
  border:1px solid var(--shell672a0-line);
  border-radius:var(--shell672a0-r-card);
  padding:9px 6px;text-align:center;
}
.shell672a0-fnum{
  font-family:var(--shell672a0-mono);font-size:16px;font-weight:700;
  color:var(--shell672a0-teal);line-height:1.25;
}
.shell672a0-flab{font-size:10.5px;color:var(--shell672a0-txt-dim);line-height:1.4}

/* ==========================================================================
   Promo carousel
   ========================================================================== */
.shell672a0-carousel{position:relative;margin:14px 0 4px}
.shell672a0-cwin{
  overflow:hidden;border-radius:var(--shell672a0-r-card);
  border:1px solid var(--shell672a0-line-gold);
  background:var(--shell672a0-ink-deep);
}
.shell672a0-track{
  display:flex;transition:transform .42s cubic-bezier(.32,.72,.28,1);
  will-change:transform;
}
.shell672a0-slide{
  position:relative;flex:0 0 100%;width:100%;
  display:block;padding:0;border:0;background:var(--shell672a0-ink-deep);
  cursor:pointer;text-align:left;
}
.shell672a0-simg{width:100%;aspect-ratio:16/9;object-fit:cover}
.shell672a0-scap{
  position:absolute;left:0;right:0;bottom:0;
  padding:26px 13px 11px;
  background:linear-gradient(180deg,rgba(10,17,24,0) 0%,rgba(10,17,24,.88) 58%,rgba(10,17,24,.95) 100%);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.shell672a0-stag{
  font-family:var(--shell672a0-mono);font-size:9.5px;letter-spacing:.22em;
  color:#1d1503;background:var(--shell672a0-ice);border-radius:4px;
  padding:3px 7px;white-space:nowrap;
}
.shell672a0-stxt{font-size:13.5px;font-weight:700;color:#f2fbfb;line-height:1.5}
.shell672a0-dots{
  display:flex;justify-content:center;gap:8px;padding:9px 0 2px;
}
.shell672a0-dot{
  width:26px;height:5px;border-radius:4px;border:0;cursor:pointer;
  background:rgba(175,238,238,.22);padding:0;
  transition:background .2s ease;
}
.shell672a0-dot.shell672a0-on{background:var(--shell672a0-teal)}

/* ==========================================================================
   Game grid - image card with bottom name bar
   ========================================================================== */
.shell672a0-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.shell672a0-game{
  display:flex;flex-direction:column;
  border-radius:var(--shell672a0-r-card);
  overflow:hidden;cursor:pointer;padding:0;
  background:var(--shell672a0-ink-panel);
  border:1px solid rgba(175,238,238,.1);
  transition:transform .16s ease,border-color .16s ease;
}
.shell672a0-game:active{transform:scale(.955);border-color:var(--shell672a0-teal)}
.shell672a0-gimg{
  width:100%;aspect-ratio:1/1;object-fit:cover;
  background:#0f1922;
}
.shell672a0-gname{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:36px;padding:4px 5px;
  font-size:10.5px;font-weight:700;line-height:1.45;color:var(--shell672a0-ice);
  background:linear-gradient(180deg,rgba(15,26,36,.9),rgba(9,16,23,.96));
  border-top:1px solid rgba(184,134,11,.35);
  overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* category tail lead-in with real internal links */
.shell672a0-tail{
  margin:13px 0 6px;padding:11px 12px;
  background:var(--shell672a0-teal-soft);
  border-left:3px solid var(--shell672a0-teal);
  border-radius:0 var(--shell672a0-r-card) var(--shell672a0-r-card) 0;
  font-size:13.5px;color:var(--shell672a0-txt-dim);
}
.shell672a0-tail a{
  color:var(--shell672a0-teal);font-weight:700;
  border-bottom:1px dashed rgba(0,206,209,.55);
}
.shell672a0-tail a:hover{text-decoration:none;border-bottom-style:solid}

/* ==========================================================================
   Content panels (summary first, expand after)
   ========================================================================== */
.shell672a0-panel{
  background:var(--shell672a0-ink-panel);
  border:1px solid var(--shell672a0-line);
  border-radius:var(--shell672a0-r-card);
  padding:13px 14px;margin:12px 0;
}
.shell672a0-sum{
  background:linear-gradient(135deg,rgba(184,134,11,.16),rgba(0,206,209,.08));
  border:1px solid var(--shell672a0-line-gold);
  border-radius:var(--shell672a0-r-btn);
  padding:10px 12px;margin:0 0 11px;
  font-size:13.5px;color:var(--shell672a0-ice);
}
.shell672a0-sum strong{color:var(--shell672a0-gold-lt)}
.shell672a0-det{margin:9px 0}
.shell672a0-det > summary{
  cursor:pointer;list-style:none;min-height:44px;
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  padding:10px 12px;border-radius:var(--shell672a0-r-btn);
  background:var(--shell672a0-ink-deep);
  border:1px solid var(--shell672a0-line);
  font-weight:700;font-size:13.5px;color:var(--shell672a0-txt);
}
.shell672a0-det > summary::-webkit-details-marker{display:none}
.shell672a0-det > summary::after{
  content:"+";font-family:var(--shell672a0-mono);font-size:15px;
  color:var(--shell672a0-teal);transition:transform .2s ease;
}
.shell672a0-det[open] > summary::after{transform:rotate(45deg)}
.shell672a0-dbody{
  padding:11px 12px 3px;font-size:13.5px;color:var(--shell672a0-txt-dim);
}
.shell672a0-dbody p:last-child{margin-bottom:2px}

/* numbered step list */
.shell672a0-steps{list-style:none;counter-reset:shell672a0-st;margin:10px 0 4px}
.shell672a0-steps li{
  counter-increment:shell672a0-st;
  position:relative;padding:9px 10px 9px 44px;margin:0 0 8px;
  background:var(--shell672a0-ink-deep);
  border:1px solid var(--shell672a0-line);
  border-radius:var(--shell672a0-r-btn);
  font-size:13.5px;color:var(--shell672a0-txt-dim);
}
.shell672a0-steps li::before{
  content:counter(shell672a0-st,decimal-leading-zero);
  position:absolute;left:10px;top:50%;transform:translateY(-50%);
  font-family:var(--shell672a0-mono);font-size:13px;font-weight:700;
  color:var(--shell672a0-gold-lt);
}
.shell672a0-steps li strong{color:var(--shell672a0-ice)}

/* takeaway list */
.shell672a0-tl{list-style:none;margin:10px 0 4px}
.shell672a0-tl li{
  position:relative;padding:8px 10px 8px 26px;margin:0 0 7px;
  border-left:2px solid var(--shell672a0-gold);
  background:rgba(184,134,11,.07);
  border-radius:0 var(--shell672a0-r-btn) var(--shell672a0-r-btn) 0;
  font-size:13.5px;color:var(--shell672a0-txt-dim);
}
.shell672a0-tl li::before{
  content:"";position:absolute;left:10px;top:16px;
  width:7px;height:7px;border-radius:2px;
  background:var(--shell672a0-teal);transform:rotate(45deg);
}
.shell672a0-tl li strong{color:var(--shell672a0-ice)}

/* FAQ blocks */
.shell672a0-qa{margin:9px 0}
.shell672a0-qa > summary{
  cursor:pointer;list-style:none;min-height:44px;
  display:flex;align-items:center;gap:9px;
  padding:10px 12px;border-radius:var(--shell672a0-r-btn);
  background:var(--shell672a0-ink-deep);
  border:1px solid var(--shell672a0-line);
  font-weight:700;font-size:13.5px;color:var(--shell672a0-txt);
}
.shell672a0-qa > summary::-webkit-details-marker{display:none}
.shell672a0-qa > summary::before{
  content:"?";font-family:var(--shell672a0-mono);flex:0 0 20px;height:20px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:5px;background:rgba(128,0,128,.35);
  color:#dcc4dc;font-size:12px;
}
.shell672a0-qa[open] > summary{border-color:rgba(128,0,128,.6)}

/* inline text links inside articles */
.shell672a0-body a{
  color:var(--shell672a0-teal);font-weight:700;
  border-bottom:1px dashed rgba(0,206,209,.55);
}
.shell672a0-body{font-size:14px;color:var(--shell672a0-txt-dim)}
.shell672a0-body strong{color:var(--shell672a0-ice);font-weight:700}
.shell672a0-body h3{
  margin:16px 0 7px;font-size:15px;font-weight:800;color:#eef9f9;
}

/* ==========================================================================
   Extended footer (directory > brand > promotions > disclaimer)
   ========================================================================== */
.shell672a0-xfoot{
  margin-top:20px;padding:16px 0 8px;
  border-top:1px solid var(--shell672a0-line-gold);
  background:linear-gradient(180deg,rgba(24,36,47,.65),rgba(16,26,35,.9));
}
.shell672a0-xfsec{padding:10px 0 12px}
.shell672a0-xfsec + .shell672a0-xfsec{border-top:1px dashed rgba(175,238,238,.12)}
.shell672a0-xflab{
  font-family:var(--shell672a0-mono);font-size:10px;letter-spacing:.3em;
  color:var(--shell672a0-gold-lt);text-transform:uppercase;
  margin:0 0 9px;
}
.shell672a0-xflist{
  list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;
}
.shell672a0-xflist a{
  display:inline-flex;align-items:center;min-height:34px;
  color:var(--shell672a0-txt-dim);font-size:12.5px;font-weight:600;
}
.shell672a0-xflist a::before{
  content:"\203A";font-family:var(--shell672a0-mono);color:var(--shell672a0-teal);
  margin-right:6px;font-size:13px;
}
.shell672a0-xflist a:hover{color:var(--shell672a0-teal);text-decoration:none}
.shell672a0-xfbrand{font-size:12.5px;color:var(--shell672a0-txt-dim);margin:0}
.shell672a0-xfbrand strong{color:var(--shell672a0-ice)}
.shell672a0-xfpromo{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.shell672a0-xfpromo button{
  min-height:40px;padding:7px 8px;border-radius:var(--shell672a0-r-btn);
  border:1px solid var(--shell672a0-line-gold);
  background:rgba(184,134,11,.1);color:var(--shell672a0-gold-lt);
  font-size:12px;font-weight:700;cursor:pointer;line-height:1.4;
}
.shell672a0-xfpromo button:active{background:rgba(184,134,11,.3)}
.shell672a0-xfdisc{
  margin:4px 0 0;padding:9px 11px;border-radius:var(--shell672a0-r-btn);
  background:rgba(128,0,128,.14);border:1px solid rgba(128,0,128,.4);
  font-size:11.5px;color:#cdb9cd;line-height:1.7;
}

/* ==========================================================================
   Common footer
   ========================================================================== */
.shell672a0-foot{
  padding:14px 0 10px;text-align:center;
  border-top:1px solid var(--shell672a0-line);
}
.shell672a0-foot p{
  margin:0;font-family:var(--shell672a0-mono);font-size:10.5px;
  letter-spacing:.12em;color:var(--shell672a0-txt-dim);
}

/* ==========================================================================
   Bottom action bar - segmented, 5 roles
   ========================================================================== */
.shell672a0-bbar{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;
  height:calc(var(--shell672a0-bbar-h) + env(safe-area-inset-bottom));
  padding-bottom:env(safe-area-inset-bottom);
  background:linear-gradient(180deg,#1e2e3d,#16222e);
  border-top:1px solid var(--shell672a0-line-gold);
  display:flex;z-index:50;
}
.shell672a0-bitem{
  flex:1 1 0;min-width:0;min-height:44px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:6px 2px 7px;cursor:pointer;position:relative;
  background:transparent;border:0;border-left:1px solid rgba(175,238,238,.09);
  color:var(--shell672a0-txt-dim);text-decoration:none;
}
.shell672a0-bitem:first-child{border-left:0}
.shell672a0-bitem:hover{text-decoration:none}
/* active role gets a backing block + revealed label */
.shell672a0-bitem::before{
  content:"";position:absolute;inset:5px 4px 4px;
  border-radius:var(--shell672a0-r-btn);
  background:rgba(0,206,209,.16);
  opacity:0;transform:scale(.9);
  transition:opacity .2s ease,transform .2s ease;
}
.shell672a0-bitem.shell672a0-on{color:var(--shell672a0-teal)}
.shell672a0-bitem.shell672a0-on::before{opacity:1;transform:scale(1)}
.shell672a0-bic{position:relative;width:22px;height:22px}
.shell672a0-bic svg{width:100%;height:100%;display:block}
.shell672a0-btxt{
  position:relative;font-size:10px;font-weight:700;letter-spacing:.02em;
  opacity:.72;transform:translateY(1px);
  transition:opacity .2s ease,transform .2s ease;
  white-space:nowrap;
}
.shell672a0-bitem.shell672a0-on .shell672a0-btxt,
.shell672a0-bitem:active .shell672a0-btxt{opacity:1;transform:translateY(0)}
/* promo roles carry a gold accent ring */
.shell672a0-bitem--promo .shell672a0-bic{color:var(--shell672a0-gold-lt)}
.shell672a0-bitem--promo .shell672a0-btxt{color:var(--shell672a0-gold-lt);opacity:.9}

/* ==========================================================================
   Responsive tweaks inside the 430px frame
   ========================================================================== */
@media (min-width:375px){
  .shell672a0-h1{font-size:28px}
  .shell672a0-h2{font-size:20px}
  .shell672a0-grid{gap:10px}
  .shell672a0-gname{font-size:11px}
  .shell672a0-xflist{gap:7px 12px}
}
@media (min-width:400px){
  /* wider phones fit a fifth column comfortably */
  .shell672a0-grid{grid-template-columns:repeat(5,1fr)}
  .shell672a0-facts{gap:9px}
}
@media (min-width:520px){
  body{background:#0b131a}
  .shell672a0-canvas{border-radius:14px;margin-top:10px;overflow:visible}
}
/* Compatible access and article additions. */
.shell672a0-hero.shell672a0-wrap,.shell672a0-sec.shell672a0-wrap{padding-left:14px;padding-right:14px}
.shell672a0-hbtn,.shell672a0-menu-btn,.shell672a0-dclose,.shell672a0-cta-b,.shell672a0-xflist a,.shell672a0-xfpromo button{min-height:44px}
.shell672a0-menu-btn,.shell672a0-dclose{width:44px;height:44px;min-width:44px}
.shell672a0-access{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--shell672a0-line);background:var(--shell672a0-ink-deep)}
.shell672a0-access .shell672a0-hbtn{flex:1}
.shell672a0-grid{align-items:stretch}
.shell672a0-game{min-width:0}
.shell672a0-gname{display:block;min-height:48px;height:auto;overflow:visible;overflow-wrap:anywhere;-webkit-line-clamp:unset}
.shell672a0-dot{width:44px;height:44px;background:transparent;position:relative}
.shell672a0-dot::after{content:"";display:block;height:5px;width:26px;margin:auto;background:rgba(175,238,238,.3);border-radius:4px}
.shell672a0-dot.shell672a0-on{background:transparent}
.shell672a0-dot.shell672a0-on::after{background:var(--shell672a0-teal)}
.shell672a0-carousel-tools{display:flex;justify-content:center;align-items:center;gap:8px}
.shell672a0-pause{min-height:44px;border:1px solid var(--shell672a0-line);border-radius:7px;background:var(--shell672a0-ink-deep);color:var(--shell672a0-ice);padding:7px 10px;cursor:pointer}
.shell672a0-decision{border-left:3px solid var(--shell672a0-purple);padding:12px;background:var(--shell672a0-ink-deep);margin:12px 0}
.shell672a0-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.shell672a0-compare article{padding:12px 10px;background:var(--shell672a0-ink-deep);border-top:2px solid var(--shell672a0-teal);border-radius:7px;min-width:0}
.shell672a0-compare h3{margin-top:0}
.shell672a0-glossary{margin:12px 0}
.shell672a0-glossary dt{color:var(--shell672a0-ice);font-weight:700;padding:10px 0 4px;border-top:1px dashed var(--shell672a0-line)}
.shell672a0-glossary dd{margin:0 0 12px}
.shell672a0-checks{list-style:none}
.shell672a0-checks li{padding:12px 10px 12px 32px;position:relative;border-bottom:1px solid var(--shell672a0-line)}
.shell672a0-checks li::before{content:"□";position:absolute;left:8px;color:var(--shell672a0-teal)}
.shell672a0-bitem:focus-visible .shell672a0-btxt{opacity:1;transform:translateY(0)}
.shell672a0-foot{padding-bottom:calc(var(--shell672a0-bbar-h) + 26px + env(safe-area-inset-bottom))}
.shell672a0-bbar + *{scroll-margin-bottom:90px}
[id]{scroll-margin-top:70px}
@media(min-width:520px){.shell672a0-drawer{right:calc((100vw - 430px)/2)}}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
  html{scroll-behavior:auto}
}