/* ==========================================================================
   Jili Crown - native-16b3fe-chrome.css
   Mobile-first chrome built for a 430px phone canvas (320px safe).
   Design voice: poster-weight headings over narrow body text, near-square
   tool-like corners, mixed large/small game cards, question-driven rhythm,
   short-distance section transitions, compact dual-button CTA groups.
   Every class and custom property carries the shell6b3fe- prefix.
   ========================================================================== */

:root{
  --shell6b3fe-ink:        #262626;
  --shell6b3fe-ink-deep:   #1d1c1a;
  --shell6b3fe-brown:      #8B4513;
  --shell6b3fe-sienna:     #A0522D;
  --shell6b3fe-indigo:     #4B0082;
  --shell6b3fe-gold:       #CD853F;
  --shell6b3fe-mute:       #999999;
  --shell6b3fe-paper:      #f3ead9;
  --shell6b3fe-paper-dim:  rgba(243,234,217,.72);
  --shell6b3fe-line:       rgba(139,69,19,.55);
  --shell6b3fe-line-soft:  rgba(139,69,19,.32);
  --shell6b3fe-font-poster: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;
  --shell6b3fe-font-body: "Arial Narrow", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --shell6b3fe-canvas:     430px;
  --shell6b3fe-head-h:     100px;
  --shell6b3fe-bnav-h:     76px;
  --shell6b3fe-ease:       cubic-bezier(.22,.61,.36,1);
}

/* ---------- reset-ish base ---------- */
*{ box-sizing:border-box; margin:0; padding:0; }
html{ background:#191716; -webkit-text-size-adjust:100%; }
body{
  background:var(--shell6b3fe-ink);
  color:var(--shell6b3fe-paper);
  font-family:var(--shell6b3fe-font-body);
  font-size:15px;
  line-height:1.5;
  letter-spacing:.2px;
  min-height:100vh;
}
img{ display:block; max-width:100%; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
a{ color:var(--shell6b3fe-gold); text-decoration:none; }
a:hover{ text-decoration:underline; }
ul{ list-style:none; }
:focus-visible{ outline:2px solid var(--shell6b3fe-gold); outline-offset:2px; }
::selection{ background:var(--shell6b3fe-gold); color:var(--shell6b3fe-ink); }

.shell6b3fe-sr{
  position:absolute; width:1px; height:1px; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; padding:0;
}

/* ---------- the phone canvas ---------- */
.shell6b3fe-canvas{
  position:relative;
  width:100%;
  max-width:430px; /* the stable phone canvas; wide screens keep it centered */
  margin:0 auto;
  min-height:100vh;
  background:
    linear-gradient(180deg, rgba(75,0,130,.20) 0%, rgba(38,38,38,0) 340px),
    var(--shell6b3fe-ink);
  overflow-x:hidden;
}
@media (min-width:431px){
  .shell6b3fe-canvas{
    box-shadow:0 0 0 1px rgba(139,69,19,.5), 0 18px 60px rgba(0,0,0,.55);
  }
}

/* ==========================================================================
   Fixed top block: tier 1 = brand strip, tier 2 = action strip
   ========================================================================== */
.shell6b3fe-header{
  position:fixed; top:0; left:50%; transform:translateX(-50%);
  width:100%; max-width:var(--shell6b3fe-canvas);
  z-index:60;
  background:linear-gradient(180deg, rgba(29,28,26,.98), rgba(38,38,38,.96));
  border-bottom:2px solid var(--shell6b3fe-gold);
  backdrop-filter:blur(6px);
}
.shell6b3fe-brand{
  display:flex; align-items:center; gap:10px;
  min-height:54px; padding:7px 12px 6px;
}
.shell6b3fe-logo{
  width:38px; height:38px; flex:0 0 38px;
  border:1px solid var(--shell6b3fe-gold);
  border-radius:3px;
  background:#000;
  object-fit:cover;
}
.shell6b3fe-word{
  font-family:var(--shell6b3fe-font-poster);
  font-size:24px; line-height:1; letter-spacing:1.5px;
  text-transform:uppercase; color:var(--shell6b3fe-paper);
}
.shell6b3fe-word i{
  font-style:normal; color:var(--shell6b3fe-gold);
}
.shell6b3fe-tagpip{
  margin-left:auto; align-self:flex-end;
  font-size:10px; letter-spacing:1.6px; text-transform:uppercase;
  color:var(--shell6b3fe-mute);
  border:1px solid var(--shell6b3fe-line-soft);
  padding:2px 6px; border-radius:2px;
}

/* action strip: compact dual-button group + burger */
.shell6b3fe-acts{
  display:flex; align-items:stretch; gap:8px;
  padding:0 12px 8px;
}
.shell6b3fe-btn{
  flex:1 1 auto;
  min-height:44px;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  font-family:var(--shell6b3fe-font-poster);
  font-size:15px; letter-spacing:1.2px; text-transform:uppercase;
  border-radius:3px;
  transition:transform .16s var(--shell6b3fe-ease), background-color .16s var(--shell6b3fe-ease), color .16s var(--shell6b3fe-ease);
}
.shell6b3fe-btn--reg{
  background:var(--shell6b3fe-indigo);
  color:var(--shell6b3fe-paper);
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.35);
}
.shell6b3fe-btn--reg:hover{ background:#5a0aa6; text-decoration:none; }
.shell6b3fe-btn--login{
  background:transparent;
  color:var(--shell6b3fe-gold);
  border:1px solid var(--shell6b3fe-gold);
}
.shell6b3fe-btn--login:hover{ background:rgba(205,133,63,.14); text-decoration:none; }
.shell6b3fe-btn:active{ transform:translateY(1px); }

/* burger morphs into an X while the panel is open */
.shell6b3fe-burger{
  flex:0 0 52px; min-height:44px;
  display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  border:1px solid var(--shell6b3fe-line);
  border-radius:3px;
}
.shell6b3fe-burger span{
  display:block; width:20px; height:2px;
  background:var(--shell6b3fe-gold);
  transition:transform .2s var(--shell6b3fe-ease), opacity .14s linear;
}
.shell6b3fe-burger.shell6b3fe-open span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.shell6b3fe-burger.shell6b3fe-open span:nth-child(2){ opacity:0; }
.shell6b3fe-burger.shell6b3fe-open span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* ==========================================================================
   Sectioned menu panel (slides under the header)
   ========================================================================== */
.shell6b3fe-panel{
  position:fixed; top:var(--shell6b3fe-head-h); left:50%; transform:translateX(-50%);
  width:100%; max-width:var(--shell6b3fe-canvas);
  max-height:0; overflow:hidden;
  z-index:55;
  background:var(--shell6b3fe-ink-deep);
  border-bottom:2px solid var(--shell6b3fe-gold);
  transition:max-height .24s var(--shell6b3fe-ease);
}
.shell6b3fe-panel.shell6b3fe-open{ max-height:70vh; overflow-y:auto; }
.shell6b3fe-pgroup{
  padding:10px 14px 12px;
  border-bottom:1px solid var(--shell6b3fe-line-soft);
}
.shell6b3fe-pgroup:last-child{ border-bottom:0; }
.shell6b3fe-ptitle{
  font-family:var(--shell6b3fe-font-poster);
  font-size:12px; letter-spacing:2.4px; text-transform:uppercase;
  color:var(--shell6b3fe-mute);
  margin-bottom:7px;
}
.shell6b3fe-plinks{
  display:grid; grid-template-columns:1fr 1fr; gap:6px 8px;
}
.shell6b3fe-plinks a{
  display:block; min-height:44px;
  display:flex; align-items:center;
  padding:10px 10px;
  color:var(--shell6b3fe-paper);
  background:rgba(139,69,19,.16);
  border-left:3px solid var(--shell6b3fe-sienna);
  border-radius:2px;
  font-size:14px;
  transition:background-color .15s var(--shell6b3fe-ease), color .15s var(--shell6b3fe-ease);
}
.shell6b3fe-plinks a:hover{
  background:var(--shell6b3fe-gold); color:var(--shell6b3fe-ink); text-decoration:none;
}

/* ==========================================================================
   Main column
   ========================================================================== */
.shell6b3fe-main{
  padding-top:calc(var(--shell6b3fe-head-h) + 8px);
  padding-bottom:calc(var(--shell6b3fe-bnav-h) + 34px + env(safe-area-inset-bottom, 0px));
}

/* ---------- promo carousel ---------- */
.shell6b3fe-crsl{ position:relative; margin:2px 0 14px; }
.shell6b3fe-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.shell6b3fe-track::-webkit-scrollbar{ display:none; }
.shell6b3fe-slide{
  flex:0 0 100%;
  scroll-snap-align:center;
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:430/212;
  overflow:hidden;
  text-align:left;
}
.shell6b3fe-slide img{
  width:100%; height:100%; object-fit:cover;
}
.shell6b3fe-slidecap{
  position:absolute; left:0; right:0; bottom:0;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:26px 12px 9px;
  background:linear-gradient(180deg, rgba(29,28,26,0), rgba(29,28,26,.92) 55%);
}
.shell6b3fe-slidecap b{
  font-family:var(--shell6b3fe-font-poster);
  font-size:16px; letter-spacing:.8px; text-transform:uppercase;
  color:var(--shell6b3fe-paper); font-weight:400;
}
.shell6b3fe-slidecap span{
  flex:0 0 auto;
  font-size:11px; letter-spacing:1.4px; text-transform:uppercase;
  color:var(--shell6b3fe-ink);
  background:var(--shell6b3fe-gold);
  padding:5px 9px; border-radius:2px;
}
.shell6b3fe-dots{
  position:absolute; right:10px; bottom:8px;
  display:flex; gap:6px;
}
.shell6b3fe-dot{
  width:22px; height:6px; min-height:6px;
  border-radius:1px;
  background:rgba(243,234,217,.38);
  transition:background-color .18s var(--shell6b3fe-ease);
}
.shell6b3fe-dot.shell6b3fe-on{ background:var(--shell6b3fe-gold); }

/* ---------- H1 intro band ---------- */
.shell6b3fe-intro{
  padding:2px 14px 16px;
  border-bottom:1px solid var(--shell6b3fe-line-soft);
}
.shell6b3fe-h1{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400;
  font-size:27px; line-height:1.12; letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--shell6b3fe-paper);
  text-wrap:balance;
}
.shell6b3fe-h1 em{
  font-style:normal; color:var(--shell6b3fe-gold);
}
.shell6b3fe-lede{
  margin-top:8px;
  color:var(--shell6b3fe-paper-dim);
  font-size:14.5px;
}
.shell6b3fe-duo{
  margin-top:12px;
  display:flex; gap:8px;
}
.shell6b3fe-duo .shell6b3fe-btn{ flex:1 1 50%; }

/* ---------- category quick chips ---------- */
.shell6b3fe-chips{
  display:flex; gap:6px;
  padding:12px 14px 4px;
  overflow-x:auto;
  scrollbar-width:none;
}
.shell6b3fe-chips::-webkit-scrollbar{ display:none; }
.shell6b3fe-chip{
  flex:0 0 auto;
  min-height:34px;
  display:inline-flex; align-items:center;
  padding:6px 11px;
  font-size:12.5px; letter-spacing:1px; text-transform:uppercase;
  color:var(--shell6b3fe-paper-dim);
  border:1px solid var(--shell6b3fe-line);
  border-radius:2px;
  background:rgba(139,69,19,.12);
  transition:color .15s var(--shell6b3fe-ease), border-color .15s var(--shell6b3fe-ease);
}
.shell6b3fe-chip:hover{
  color:var(--shell6b3fe-gold); border-color:var(--shell6b3fe-gold); text-decoration:none;
}

/* ==========================================================================
   Sections: headings carry a gold notch, question-first
   ========================================================================== */
.shell6b3fe-sec{
  padding:20px 14px 6px;
  scroll-margin-top:calc(var(--shell6b3fe-head-h) + 14px);
}
.shell6b3fe-h2{
  display:flex; align-items:baseline; gap:8px;
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400;
  font-size:21px; line-height:1.16; letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--shell6b3fe-paper);
}
.shell6b3fe-h2::before{
  content:"";
  flex:0 0 6px; align-self:stretch;
  background:var(--shell6b3fe-gold);
  margin-top:3px; margin-bottom:3px;
}
.shell6b3fe-secintro{
  margin:8px 0 12px;
  color:var(--shell6b3fe-paper-dim);
  font-size:14.5px;
}
.shell6b3fe-secintro strong{ color:var(--shell6b3fe-paper); font-weight:700; }
.shell6b3fe-secintro a{ text-decoration:underline; text-underline-offset:2px; }

/* ---------- game grids: small tiles + one large lead card ---------- */
.shell6b3fe-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:8px;
}
@media (min-width:400px){
  .shell6b3fe-grid{ grid-template-columns:repeat(5, minmax(0,1fr)); }
}
.shell6b3fe-tile{
  display:flex; flex-direction:column; gap:5px;
  padding:5px;
  background:rgba(139,69,19,.14);
  border:1px solid var(--shell6b3fe-line-soft);
  border-radius:3px;
  text-align:left;
  transition:transform .16s var(--shell6b3fe-ease), border-color .16s var(--shell6b3fe-ease), background-color .16s var(--shell6b3fe-ease);
}
.shell6b3fe-tile:hover{
  border-color:var(--shell6b3fe-gold);
  background:rgba(205,133,63,.14);
}
.shell6b3fe-tile:active{ transform:scale(.97); }
.shell6b3fe-tile img{
  width:100%; aspect-ratio:1/1; object-fit:cover;
  border-radius:2px;
  background:#000;
}
.shell6b3fe-tile b{
  font-weight:700; font-size:11.5px; line-height:1.22;
  color:var(--shell6b3fe-paper);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; overflow-wrap:anywhere;
}
/* the lead card of each lobby: spans two tracks */
.shell6b3fe-tile--big{
  grid-column:span 2;
  padding:7px;
  background:linear-gradient(160deg, rgba(75,0,130,.42), rgba(139,69,19,.24));
  border-color:var(--shell6b3fe-line);
}
.shell6b3fe-tile--big b{
  font-size:13.5px; letter-spacing:.4px;
  color:var(--shell6b3fe-gold);
  -webkit-line-clamp:3;
}

/* per-lobby related internal links */
.shell6b3fe-related{
  display:flex; flex-wrap:wrap; gap:6px;
  margin:12px 0 8px;
}
.shell6b3fe-related a{
  display:inline-flex; align-items:center; gap:6px;
  min-height:38px;
  padding:7px 10px;
  font-size:13px;
  color:var(--shell6b3fe-paper);
  background:rgba(75,0,130,.24);
  border:1px solid rgba(205,133,63,.4);
  border-radius:2px;
  transition:background-color .15s var(--shell6b3fe-ease);
}
.shell6b3fe-related a::before{
  content:"\25B8"; color:var(--shell6b3fe-gold); font-size:11px;
}
.shell6b3fe-related a:hover{ background:rgba(205,133,63,.2); text-decoration:none; }

/* ==========================================================================
   Editorial modules after the lobbies
   ========================================================================== */

/* player voices */
.shell6b3fe-quotes{
  display:grid; gap:10px;
}
.shell6b3fe-quote{
  position:relative;
  padding:12px 12px 10px 16px;
  background:rgba(38,38,38,.9);
  border:1px solid var(--shell6b3fe-line-soft);
  border-left:4px solid var(--shell6b3fe-sienna);
  border-radius:2px;
}
.shell6b3fe-quote p{
  font-size:14px; color:var(--shell6b3fe-paper-dim);
}
.shell6b3fe-quote p::before{ content:"\201C"; color:var(--shell6b3fe-gold); font-size:18px; }
.shell6b3fe-quote p::after{ content:"\201D"; color:var(--shell6b3fe-gold); font-size:18px; }
.shell6b3fe-who{
  margin-top:7px;
  font-size:12px; letter-spacing:1px; text-transform:uppercase;
  color:var(--shell6b3fe-mute);
}
.shell6b3fe-who b{ color:var(--shell6b3fe-gold); font-weight:700; }

/* what-is block */
.shell6b3fe-whatbox{
  padding:14px;
  background:linear-gradient(170deg, rgba(75,0,130,.3), rgba(29,28,26,.4));
  border:1px solid var(--shell6b3fe-line);
  border-radius:3px;
}
.shell6b3fe-whatbox p{ margin-bottom:10px; font-size:14.5px; color:var(--shell6b3fe-paper-dim); }
.shell6b3fe-whatbox p:last-child{ margin-bottom:0; }
.shell6b3fe-whatbox strong{ color:var(--shell6b3fe-paper); }

/* scenario Q&A pairs */
.shell6b3fe-qa{
  border-top:1px dashed var(--shell6b3fe-line);
  padding:12px 2px;
}
.shell6b3fe-qa:first-of-type{ border-top:0; }
.shell6b3fe-q{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400;
  font-size:15.5px; letter-spacing:.6px; text-transform:uppercase;
  color:var(--shell6b3fe-gold);
  margin-bottom:6px;
}
.shell6b3fe-a{ font-size:14.5px; color:var(--shell6b3fe-paper-dim); }
.shell6b3fe-a a{ text-decoration:underline; text-underline-offset:2px; }

/* pros vs limitations twin lists */
.shell6b3fe-split{
  display:grid; gap:10px;
}
@media (min-width:380px){
  .shell6b3fe-split{ grid-template-columns:1fr 1fr; }
}
.shell6b3fe-col{
  padding:12px;
  border-radius:3px;
}
.shell6b3fe-col--good{
  background:rgba(139,69,19,.2);
  border:1px solid var(--shell6b3fe-brown);
}
.shell6b3fe-col--bad{
  background:rgba(75,0,130,.18);
  border:1px solid var(--shell6b3fe-indigo);
}
.shell6b3fe-col h3{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400; font-size:14px; letter-spacing:1.4px; text-transform:uppercase;
  color:var(--shell6b3fe-paper);
  margin-bottom:8px;
}
.shell6b3fe-col li{
  position:relative;
  padding:0 0 7px 16px;
  font-size:13.5px; color:var(--shell6b3fe-paper-dim);
}
.shell6b3fe-col li::before{
  position:absolute; left:0; top:0;
  color:var(--shell6b3fe-gold); font-size:12px;
}
.shell6b3fe-col--good li::before{ content:"+"; }
.shell6b3fe-col--bad li::before{ content:"\2013"; }

/* ==========================================================================
   Extended footer (homepage only): sectioned list
   order: promotions > brand > page directory > disclaimer
   ========================================================================== */
.shell6b3fe-xfoot{
  margin-top:22px;
  border-top:3px double var(--shell6b3fe-line);
  background:var(--shell6b3fe-ink-deep);
}
.shell6b3fe-xsect{ padding:16px 14px 6px; }
.shell6b3fe-xtitle{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400; font-size:13px; letter-spacing:2.6px; text-transform:uppercase;
  color:var(--shell6b3fe-mute);
  margin-bottom:10px;
}
/* seven distinct promotion actions, icon + text labels */
.shell6b3fe-promos{ display:grid; gap:7px; }
.shell6b3fe-pbtn{
  display:flex; align-items:center; gap:10px;
  width:100%; min-height:46px;
  padding:9px 11px;
  background:rgba(139,69,19,.16);
  border:1px solid var(--shell6b3fe-line-soft);
  border-left:4px solid var(--shell6b3fe-gold);
  border-radius:2px;
  text-align:left;
  transition:background-color .15s var(--shell6b3fe-ease), transform .15s var(--shell6b3fe-ease);
}
.shell6b3fe-pbtn:hover{ background:rgba(205,133,63,.16); }
.shell6b3fe-pbtn:active{ transform:translateX(2px); }
.shell6b3fe-pbtn svg{
  flex:0 0 20px; width:20px; height:20px;
  color:var(--shell6b3fe-gold);
}
.shell6b3fe-pbtn b{
  font-weight:700; font-size:14px; letter-spacing:.3px;
  color:var(--shell6b3fe-paper);
}
.shell6b3fe-pbtn small{
  display:block;
  font-size:11.5px; color:var(--shell6b3fe-mute);
}
/* brand note */
.shell6b3fe-brandnote{
  font-size:14px; color:var(--shell6b3fe-paper-dim);
}
.shell6b3fe-brandnote a{ text-decoration:underline; text-underline-offset:2px; }
/* page directory */
.shell6b3fe-dir{ display:grid; gap:9px; }
.shell6b3fe-dir a{
  display:block;
  color:var(--shell6b3fe-paper);
  font-weight:700; font-size:14px;
}
.shell6b3fe-dir a:hover{ color:var(--shell6b3fe-gold); }
.shell6b3fe-dirnote{
  font-size:12.5px; color:var(--shell6b3fe-mute);
  margin-top:2px;
}
/* short factual disclaimer */
.shell6b3fe-disc{
  padding:12px 14px 16px;
  font-size:12px; line-height:1.5;
  color:var(--shell6b3fe-mute);
  border-top:1px solid var(--shell6b3fe-line-soft);
}

/* ==========================================================================
   Common footer: 2026 copyright + layered bottom bar
   ========================================================================== */
.shell6b3fe-foot{
  padding:10px 14px 12px;
  text-align:center;
  font-size:12px; letter-spacing:.6px;
  color:var(--shell6b3fe-mute);
  border-top:1px solid var(--shell6b3fe-line-soft);
}

/* layered bottom navigation: raised center promo over a flat rail */
.shell6b3fe-bnav{
  position:fixed; bottom:0; left:50%; transform:translateX(-50%);
  width:100%; max-width:var(--shell6b3fe-canvas);
  z-index:70;
  display:grid; grid-template-columns:repeat(5, 1fr);
  align-items:end;
  padding:4px 4px calc(4px + env(safe-area-inset-bottom, 0px));
  background:linear-gradient(180deg, rgba(29,28,26,.97), rgba(21,20,19,.99));
  border-top:2px solid var(--shell6b3fe-gold);
  box-shadow:0 -8px 22px rgba(0,0,0,.45);
}
.shell6b3fe-bitem{
  display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:3px;
  min-height:52px;
  padding:5px 2px 6px;
  border-radius:3px;
  color:var(--shell6b3fe-paper-dim);
  transition:color .15s var(--shell6b3fe-ease), background-color .15s var(--shell6b3fe-ease);
}
.shell6b3fe-bitem:hover{ color:var(--shell6b3fe-gold); text-decoration:none; }
.shell6b3fe-bic{
  display:flex; align-items:center; justify-content:center;
  width:26px; height:26px;
  transition:transform .18s var(--shell6b3fe-ease);
}
.shell6b3fe-bic svg{ width:24px; height:24px; }
.shell6b3fe-bitem:hover .shell6b3fe-bic{ transform:translateY(-2px) scale(1.08); }
.shell6b3fe-blb{
  font-size:10.5px; letter-spacing:.8px; text-transform:uppercase;
}
/* active role: contrast inversion */
.shell6b3fe-bitem.shell6b3fe-here{
  background:var(--shell6b3fe-gold);
  color:var(--shell6b3fe-ink);
}
.shell6b3fe-bitem.shell6b3fe-here:hover{ color:var(--shell6b3fe-ink); }
/* raised promo layer */
.shell6b3fe-bitem--raise{
  position:relative;
  margin-top:-22px;
  background:var(--shell6b3fe-indigo);
  border:1px solid var(--shell6b3fe-gold);
  border-radius:4px 4px 2px 2px;
  color:var(--shell6b3fe-paper);
  box-shadow:0 6px 16px rgba(0,0,0,.5);
}
.shell6b3fe-bitem--raise:hover{ color:var(--shell6b3fe-gold); }
.shell6b3fe-bitem--raise .shell6b3fe-bic{
  width:30px; height:30px;
  background:var(--shell6b3fe-gold);
  color:var(--shell6b3fe-ink);
  border-radius:3px;
}

/* ---------- motion discipline ---------- */
@media (prefers-reduced-motion:reduce){
  *{ transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ---------- small-canvas fine tuning (320px) ---------- */
@media (max-width:359px){
  .shell6b3fe-h1{ font-size:23px; }
  .shell6b3fe-h2{ font-size:18.5px; }
  .shell6b3fe-word{ font-size:21px; }
  .shell6b3fe-blb{ font-size:9.5px; }
}

/* ==========================================================================
   Help-page modules (Part1): verification, support prep, troubleshooting,
   checklists, term boards, conditional notes, entity maps.
   Distinct presentation tools — pages assemble them differently.
   ========================================================================== */

.shell6b3fe-crumb{
  display:flex; flex-wrap:wrap; gap:6px; align-items:center;
  padding:4px 14px 0;
  font-size:12px; color:var(--shell6b3fe-mute);
}
.shell6b3fe-crumb a{ color:var(--shell6b3fe-gold); }
.shell6b3fe-crumb span{ color:var(--shell6b3fe-mute); }

.shell6b3fe-prow{
  display:flex; gap:8px; flex-wrap:wrap;
  margin:10px 0 4px;
}
.shell6b3fe-prow .shell6b3fe-btn{ flex:1 1 140px; min-height:44px; }

/* numbered vertical steps (features page) */
.shell6b3fe-steps{ display:grid; gap:0; counter-reset:shell6b3fe-step; }
.shell6b3fe-step{
  position:relative;
  padding:14px 12px 14px 54px;
  border-bottom:1px dashed var(--shell6b3fe-line-soft);
  counter-increment:shell6b3fe-step;
}
.shell6b3fe-step:last-child{ border-bottom:0; }
.shell6b3fe-step::before{
  content:counter(shell6b3fe-step);
  position:absolute; left:10px; top:14px;
  width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--shell6b3fe-font-poster);
  font-size:14px; letter-spacing:1px;
  color:var(--shell6b3fe-ink);
  background:var(--shell6b3fe-gold);
  border-radius:2px;
}
.shell6b3fe-step h3{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400; font-size:15px; letter-spacing:.6px; text-transform:uppercase;
  color:var(--shell6b3fe-gold); margin-bottom:5px;
}
.shell6b3fe-step p{ font-size:14px; color:var(--shell6b3fe-paper-dim); }
.shell6b3fe-step a{ text-decoration:underline; text-underline-offset:2px; }

/* support prep pack */
.shell6b3fe-prep{
  display:grid; gap:8px;
  padding:12px;
  background:rgba(75,0,130,.22);
  border:1px solid var(--shell6b3fe-indigo);
  border-radius:3px;
}
.shell6b3fe-prep li{
  position:relative;
  padding:6px 8px 6px 28px;
  font-size:14px; color:var(--shell6b3fe-paper-dim);
  background:rgba(29,28,26,.45);
  border-radius:2px;
}
.shell6b3fe-prep li::before{
  content:"\2610";
  position:absolute; left:8px; top:6px;
  color:var(--shell6b3fe-gold); font-size:14px;
}

/* troubleshooting: phenomenon / cause / fix rows */
.shell6b3fe-trbl{ display:grid; gap:10px; }
.shell6b3fe-trbl-row{
  display:grid; gap:6px;
  padding:11px;
  background:rgba(139,69,19,.14);
  border:1px solid var(--shell6b3fe-line-soft);
  border-radius:2px;
}
.shell6b3fe-trbl-row h3{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400; font-size:14.5px; letter-spacing:.5px; text-transform:uppercase;
  color:var(--shell6b3fe-paper);
}
.shell6b3fe-trbl-meta{
  display:grid; gap:4px;
  font-size:13.5px; color:var(--shell6b3fe-paper-dim);
}
.shell6b3fe-trbl-meta b{ color:var(--shell6b3fe-gold); font-weight:700; }

/* practical checklist as tight two-col ticks */
.shell6b3fe-checks{
  display:grid; gap:7px;
}
.shell6b3fe-check{
  display:flex; gap:10px; align-items:flex-start;
  min-height:44px;
  padding:9px 10px;
  background:rgba(38,38,38,.85);
  border:1px solid var(--shell6b3fe-line-soft);
  border-radius:2px;
  font-size:14px; color:var(--shell6b3fe-paper-dim);
  text-align:left;
  transition:border-color .15s var(--shell6b3fe-ease), background-color .15s var(--shell6b3fe-ease);
}
.shell6b3fe-check:hover{ border-color:var(--shell6b3fe-gold); background:rgba(205,133,63,.12); }
.shell6b3fe-tick{
  flex:0 0 18px; width:18px; height:18px; margin-top:2px;
  border:2px solid var(--shell6b3fe-gold);
  border-radius:2px;
  background:transparent;
}

/* term explanation board */
.shell6b3fe-terms{ display:grid; gap:8px; }
.shell6b3fe-term{
  padding:11px 12px;
  border-left:4px solid var(--shell6b3fe-sienna);
  background:linear-gradient(90deg, rgba(139,69,19,.22), rgba(38,38,38,.3));
  border-radius:0 2px 2px 0;
}
.shell6b3fe-term h3{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400; font-size:14px; letter-spacing:1px; text-transform:uppercase;
  color:var(--shell6b3fe-gold); margin-bottom:4px;
}
.shell6b3fe-term p{ font-size:14px; color:var(--shell6b3fe-paper-dim); }

/* conditional notes (about page): if/then branches */
.shell6b3fe-conds{ display:grid; gap:9px; }
.shell6b3fe-cond{
  padding:12px;
  background:var(--shell6b3fe-ink-deep);
  border:1px solid var(--shell6b3fe-line);
  border-radius:3px;
}
.shell6b3fe-cond-if{
  display:inline-block;
  margin-bottom:6px;
  padding:3px 8px;
  font-family:var(--shell6b3fe-font-poster);
  font-size:12px; letter-spacing:1.4px; text-transform:uppercase;
  color:var(--shell6b3fe-ink);
  background:var(--shell6b3fe-gold);
  border-radius:2px;
}
.shell6b3fe-cond p{ font-size:14px; color:var(--shell6b3fe-paper-dim); }
.shell6b3fe-cond a{ text-decoration:underline; text-underline-offset:2px; }

/* requirements summary strip */
.shell6b3fe-reqlist{ display:grid; gap:6px; }
.shell6b3fe-req{
  display:grid; grid-template-columns:88px 1fr; gap:8px; align-items:start;
  padding:9px 10px;
  background:rgba(75,0,130,.18);
  border-bottom:1px solid var(--shell6b3fe-line-soft);
  border-radius:2px;
  font-size:14px;
}
.shell6b3fe-req b{
  font-family:var(--shell6b3fe-font-poster);
  font-weight:400; font-size:12px; letter-spacing:1px; text-transform:uppercase;
  color:var(--shell6b3fe-gold);
}
.shell6b3fe-req span{ color:var(--shell6b3fe-paper-dim); }

/* entity relationship summary */
.shell6b3fe-relmap{
  display:grid; gap:8px;
  padding:12px;
  background:linear-gradient(165deg, rgba(139,69,19,.28), rgba(75,0,130,.2));
  border:1px solid var(--shell6b3fe-line);
  border-radius:3px;
}
.shell6b3fe-relnode{
  display:flex; flex-direction:column; gap:3px;
  padding:10px;
  background:rgba(29,28,26,.7);
  border-left:3px solid var(--shell6b3fe-gold);
  border-radius:2px;
}
.shell6b3fe-relnode b{
  font-size:14px; color:var(--shell6b3fe-paper);
}
.shell6b3fe-relnode span{
  font-size:13px; color:var(--shell6b3fe-paper-dim);
}
.shell6b3fe-relnode a{ text-decoration:underline; text-underline-offset:2px; }

/* inline promo text link style */
.shell6b3fe-ilink{
  color:var(--shell6b3fe-gold);
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
  background:none; border:0; font:inherit; padding:0;
}
.shell6b3fe-ilink:hover{ color:var(--shell6b3fe-paper); }

/* help body paragraphs */
.shell6b3fe-body p{
  margin-bottom:10px;
  font-size:14.5px; color:var(--shell6b3fe-paper-dim);
}
.shell6b3fe-body p:last-child{ margin-bottom:0; }
.shell6b3fe-body strong{ color:var(--shell6b3fe-paper); font-weight:700; }
.shell6b3fe-body a{ text-decoration:underline; text-underline-offset:2px; }