/* ==========================================================================
   9777 dbt - tokens-compact-ec690d.css
   Mobile-first shell tuned for a 320-430px phone canvas.
   All classes and custom properties use the site prefix: shellec690-
   Palette: #FFA500 / #1A1A2E / #FF4500 / #FF8000 / #D3D3D3 (dark ground,
   light type). Design tone: tech headings + open body text, round buttons,
   square-ish grouped cover cards, intro-then-sections rhythm, short-range
   transitions, compact icon+text CTAs.
   ========================================================================== */

:root{
  --shellec690-ink:#0f0f18;
  --shellec690-shell:#1a1a2e;
  --shellec690-panel:#21213a;
  --shellec690-panel-2:#292947;
  --shellec690-line:#3b3b5f;
  --shellec690-text:#f3f3f8;
  --shellec690-mute:#d3d3d3;
  --shellec690-dim:#a3a3c2;
  --shellec690-amber:#ffa500;
  --shellec690-tang:#ff8000;
  --shellec690-flame:#ff4500;
  --shellec690-glow:rgba(255,165,0,.26);
  --shellec690-well:#15152a;
  --shellec690-band:var(--shellec690-amber);
  --shellec690-radius-card:8px;
  --shellec690-radius-frame:10px;
  --shellec690-radius-btn:999px;
  --shellec690-gap:8px;
  --shellec690-head-h:100px;
  --shellec690-dock-h:62px;
  --shellec690-font-head:"Bahnschrift","Segoe UI Semibold","Noto Sans Bengali","Hind Siliguri",sans-serif;
  --shellec690-font-body:"Segoe UI","Noto Sans Bengali","Hind Siliguri","SolaimanLipi",system-ui,sans-serif;
  --shellec690-tap:44px;
}

/* ---------- page ground + centered phone canvas ---------- */

html{-webkit-text-size-adjust:100%;}

body.shellec690-page{
  margin:0;
  background:var(--shellec690-ink);
  color:var(--shellec690-text);
  font-family:var(--shellec690-font-body);
  font-size:15px;
  line-height:1.72;
  min-height:100vh;
}

.shellec690-canvas{
  position:relative;
  max-width:430px;
  margin:0 auto;
  background:var(--shellec690-shell);
  min-height:100vh;
  overflow-x:hidden;
}

/* Desktop keeps the phone canvas centered with a framed edge */
@media (min-width:431px){
  body.shellec690-page{background:radial-gradient(120% 60% at 50% 0,#191930 0%,var(--shellec690-ink) 70%);}
  .shellec690-canvas{
    box-shadow:0 0 0 1px var(--shellec690-line),0 18px 60px rgba(0,0,0,.55);
    min-height:100vh;
  }
}

.shellec690-canvas img{display:block;max-width:100%;}

a{color:var(--shellec690-amber);}
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--shellec690-amber);
  outline-offset:2px;
  border-radius:4px;
}

/* ---------- fixed header: centered identity bar + action row ---------- */

.shellec690-head{
  position:fixed;
  top:0;
  left:50%;
  translate:-50% 0;
  width:100%;
  max-width:430px;
  z-index:60;
  background:linear-gradient(180deg,#1d1d34 0%,#191930 100%);
  border-bottom:1px solid var(--shellec690-line);
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}

.shellec690-head-row{
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  min-height:54px;
  padding:6px var(--shellec690-gap) 2px;
}

.shellec690-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  text-decoration:none;
  color:var(--shellec690-text);
}

.shellec690-logo{
  width:34px;
  height:34px;
  border-radius:8px;
  border:1px solid var(--shellec690-line);
  background:var(--shellec690-panel-2);
  object-fit:cover;
}

.shellec690-word{
  font-family:var(--shellec690-font-head);
  font-size:19px;
  font-weight:700;
  letter-spacing:.5px;
  white-space:nowrap;
}

.shellec690-word b{
  color:var(--shellec690-amber);
  font-weight:700;
}

/* burger: linear icon, three rails */
.shellec690-burger{
  width:44px;
  height:44px;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
}

.shellec690-burger span{
  width:20px;
  height:2px;
  background:var(--shellec690-mute);
  border-radius:2px;
  transition:translate .18s ease,opacity .18s ease;
}

.shellec690-burger.shellec690-open span:nth-child(1){translate:0 6px;rotate:45deg;background:var(--shellec690-amber);}
.shellec690-burger.shellec690-open span:nth-child(2){opacity:0;}
.shellec690-burger.shellec690-open span:nth-child(3){translate:0 -6px;rotate:-45deg;background:var(--shellec690-amber);}

.shellec690-head-pad{width:44px;}

/* action row: register / login compact pill buttons */
.shellec690-acts{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:8px;
  padding:4px var(--shellec690-gap) 8px;
}

.shellec690-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:0 14px;
  border-radius:var(--shellec690-radius-btn);
  font-family:var(--shellec690-font-head);
  font-size:14px;
  font-weight:700;
  letter-spacing:.2px;
  cursor:pointer;
  border:1px solid transparent;
  transition:box-shadow .16s ease,transform .16s ease,background .16s ease;
}

.shellec690-btn svg{width:16px;height:16px;flex:0 0 auto;}

.shellec690-btn--ghost{
  background:transparent;
  color:var(--shellec690-mute);
  border-color:var(--shellec690-line);
}

.shellec690-btn--ghost:active{
  background:var(--shellec690-panel-2);
  box-shadow:0 0 0 3px var(--shellec690-glow);
}

.shellec690-btn--solid{
  background:linear-gradient(135deg,var(--shellec690-amber),var(--shellec690-flame));
  color:#1a1a2e;
  box-shadow:0 4px 14px rgba(255,120,0,.32);
}

.shellec690-btn--solid:active{
  transform:translateY(1px);
  box-shadow:0 0 0 3px var(--shellec690-glow);
}

/* ---------- layered dropdown menu ---------- */

.shellec690-menu{
  position:fixed;
  top:var(--shellec690-head-h);
  left:50%;
  translate:-50% 0;
  width:100%;
  max-width:430px;
  max-height:calc(100vh - var(--shellec690-head-h) - var(--shellec690-dock-h));
  overflow-y:auto;
  z-index:55;
  background:#17172c;
  border-bottom:1px solid var(--shellec690-line);
  padding:6px 12px 16px;
  display:none;
}

.shellec690-menu.shellec690-open{display:block;animation:shellec690-menu-drop .18s ease both;}

@keyframes shellec690-menu-drop{
  from{opacity:0;translate:-50% -8px;}
  to{opacity:1;translate:-50% 0;}
}

.shellec690-menu-group{
  margin:10px 0 0;
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-panel);
  overflow:hidden;
}

.shellec690-menu-label{
  margin:0;
  padding:7px 12px 3px;
  font-family:var(--shellec690-font-head);
  font-size:11px;
  font-weight:600;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--shellec690-dim);
}

.shellec690-menu-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:44px;
  padding:8px 12px;
  color:var(--shellec690-text);
  text-decoration:none;
  font-size:14.5px;
  border-top:1px solid rgba(59,59,95,.45);
}

.shellec690-menu-item::after{
  content:"";
  width:6px;
  height:6px;
  rotate:45deg;
  border-top:2px solid var(--shellec690-dim);
  border-right:2px solid var(--shellec690-dim);
  flex:0 0 auto;
}

.shellec690-menu-item:active{background:var(--shellec690-panel-2);color:var(--shellec690-amber);}

.shellec690-menu-item.shellec690-here{
  color:var(--shellec690-amber);
  background:linear-gradient(90deg,rgba(255,165,0,.14),transparent);
  font-weight:700;
}

.shellec690-menu-item.shellec690-here::after{border-color:var(--shellec690-amber);}

/* ---------- main column ---------- */

.shellec690-main{
  padding:calc(var(--shellec690-head-h) + 10px) 12px calc(var(--shellec690-dock-h) + 26px);
}

/* ---------- hero carousel ---------- */

.shellec690-hero{
  position:relative;
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-frame);
  overflow:hidden;
  background:var(--shellec690-well);
}

.shellec690-track{
  display:grid;
}

.shellec690-slide{
  grid-area:1/1;
  position:relative;
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}

.shellec690-slide.shellec690-on{opacity:1;pointer-events:auto;}

.shellec690-slide-img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

.shellec690-slide-cap{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:26px 12px 10px;
  background:linear-gradient(180deg,rgba(15,15,24,0) 0%,rgba(15,15,24,.9) 62%,rgba(15,15,24,.97) 100%);
  display:grid;
  gap:6px;
}

.shellec690-slide-cap h2{
  margin:0;
  font-family:var(--shellec690-font-head);
  font-size:16.5px;
  line-height:1.4;
}

.shellec690-slide-cap p{
  margin:0;
  font-size:12.5px;
  color:var(--shellec690-mute);
}

.shellec690-slide-btn{
  justify-self:start;
  min-height:38px;
  padding:0 16px;
  font-size:13px;
}

.shellec690-dots{
  position:absolute;
  right:10px;
  bottom:8px;
  display:flex;
  gap:6px;
  z-index:3;
}

.shellec690-dot{
  width:22px;
  height:22px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.shellec690-dot::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(211,211,211,.5);
  transition:width .18s ease,background .18s ease;
}

.shellec690-dot.shellec690-on::before{width:16px;border-radius:4px;background:var(--shellec690-amber);box-shadow:0 0 8px var(--shellec690-glow);}

/* ---------- fact strip ---------- */

.shellec690-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin:10px 0 0;
}

.shellec690-strip-cell{
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-panel);
  padding:8px 4px;
  text-align:center;
}

.shellec690-strip-cell b{
  display:block;
  font-family:var(--shellec690-font-head);
  font-size:14px;
  color:var(--shellec690-amber);
  line-height:1.3;
}

.shellec690-strip-cell span{
  display:block;
  font-size:10.5px;
  color:var(--shellec690-dim);
  line-height:1.4;
}

/* ---------- category chip rail ---------- */

.shellec690-rail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:12px 2px 10px;
  scrollbar-width:none;
}

.shellec690-rail::-webkit-scrollbar{display:none;}

.shellec690-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:0 14px;
  border-radius:var(--shellec690-radius-btn);
  border:1px solid var(--shellec690-line);
  background:var(--shellec690-panel);
  color:var(--shellec690-mute);
  font-family:var(--shellec690-font-head);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
}

.shellec690-chip i{
  width:8px;height:8px;border-radius:2px;background:var(--shellec690-amber);
}

.shellec690-chip:active{box-shadow:0 0 0 3px var(--shellec690-glow);color:var(--shellec690-text);}

/* ---------- generic section shell ---------- */

.shellec690-sec{margin:18px 0 0;scroll-margin-top:calc(var(--shellec690-head-h) + 8px);}

.shellec690-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--shellec690-font-head);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:1.4px;
  text-transform:uppercase;
  color:var(--shellec690-amber);
  margin:0 0 4px;
}

.shellec690-kicker::before{
  content:"";
  width:14px;
  height:2px;
  background:linear-gradient(90deg,var(--shellec690-flame),var(--shellec690-amber));
}

.shellec690-sec h2{
  margin:0 0 8px;
  font-family:var(--shellec690-font-head);
  font-size:18px;
  line-height:1.45;
  font-weight:700;
}

.shellec690-lede{
  margin:0 0 10px;
  color:var(--shellec690-mute);
}

.shellec690-lede a{text-underline-offset:3px;}

/* short-range reveal transitions, only when JS is live */
html.shellec690-js .shellec690-sec{opacity:0;translate:0 12px;}
html.shellec690-js .shellec690-sec.shellec690-in{
  opacity:1;
  translate:0 0;
  transition:opacity .28s ease,translate .28s ease;
}

/* ---------- grouped game cover cards ---------- */

.shellec690-frame{
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-frame);
  background:linear-gradient(180deg,var(--shellec690-panel) 0%,#1e1e36 100%);
  padding:10px 8px 12px;
  margin:8px 0 0;
}

.shellec690-frame-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 10px;
}

.shellec690-frame-title{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-family:var(--shellec690-font-head);
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.3px;
  color:var(--shellec690-text);
}

.shellec690-frame-title::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:3px;
  background:var(--shellec690-band);
  box-shadow:0 0 8px var(--shellec690-glow);
}

.shellec690-count{
  font-family:var(--shellec690-font-head);
  font-size:10.5px;
  font-weight:600;
  color:var(--shellec690-dim);
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-btn);
  padding:2px 9px;
  white-space:nowrap;
}

.shellec690-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px 6px;
}

@media (min-width:375px){
  .shellec690-grid{grid-template-columns:repeat(5,1fr);gap:10px 8px;}
}

.shellec690-game{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  font-family:var(--shellec690-font-body);
  text-align:center;
  min-width:0;
}

.shellec690-game-cover{
  position:relative;
  display:block;
  aspect-ratio:1/1;
  border-radius:var(--shellec690-radius-card);
  overflow:hidden;
  border:1px solid var(--shellec690-line);
  background:var(--shellec690-well);
  transition:box-shadow .16s ease,border-color .16s ease;
}

.shellec690-game-cover::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:var(--shellec690-band);
  z-index:2;
}

.shellec690-game-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.shellec690-game:active .shellec690-game-cover{
  border-color:var(--shellec690-band);
  box-shadow:0 0 0 3px var(--shellec690-glow);
}

.shellec690-game-name{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  overflow-wrap:anywhere;
  font-size:10.5px;
  line-height:1.45;
  color:var(--shellec690-mute);
  min-height:30px;
}

/* category band colors */
.shellec690-frame--live{--shellec690-band:var(--shellec690-flame);}
.shellec690-frame--poker{--shellec690-band:var(--shellec690-tang);}
.shellec690-frame--fish{--shellec690-band:var(--shellec690-amber);}
.shellec690-frame--slot{--shellec690-band:#d3d3d3;}
.shellec690-frame--hot{--shellec690-band:var(--shellec690-flame);}
.shellec690-frame--hot .shellec690-frame-title::before{
  background:linear-gradient(135deg,var(--shellec690-amber),var(--shellec690-flame));
}

/* ---------- tricks list ---------- */

.shellec690-tips{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:grid;
  gap:8px;
}

.shellec690-tip{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:start;
  border:1px solid var(--shellec690-line);
  border-left:3px solid var(--shellec690-tang);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-panel);
  padding:10px;
}

.shellec690-tip-num{
  font-family:var(--shellec690-font-head);
  font-weight:700;
  font-size:15px;
  color:var(--shellec690-amber);
  border:1px solid var(--shellec690-line);
  border-radius:6px;
  background:var(--shellec690-well);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
}

.shellec690-tip b{
  display:block;
  font-family:var(--shellec690-font-head);
  font-size:13.5px;
  margin:0 0 2px;
}

.shellec690-tip p{margin:0;font-size:13px;color:var(--shellec690-mute);}

/* ---------- selection guide personas ---------- */

.shellec690-picks{
  display:grid;
  gap:8px;
  margin:8px 0 0;
}

.shellec690-pick{
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-panel);
  padding:10px 12px;
}

.shellec690-pick-role{
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--shellec690-font-head);
  font-size:14px;
  font-weight:700;
  color:var(--shellec690-amber);
  margin:0 0 4px;
}

.shellec690-pick-role svg{width:18px;height:18px;flex:0 0 auto;}

.shellec690-pick p{margin:0;font-size:13px;color:var(--shellec690-mute);}

/* ---------- quick answers ---------- */

.shellec690-qa{
  margin:10px 0 0;
  border:1px dashed var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-well);
  padding:2px 12px;
}

.shellec690-qa-item{
  padding:9px 0;
  border-top:1px solid rgba(59,59,95,.4);
}

.shellec690-qa-item:first-child{border-top:0;}

.shellec690-qa-item b{
  display:block;
  font-family:var(--shellec690-font-head);
  font-size:13px;
  color:var(--shellec690-text);
}

.shellec690-qa-item span{font-size:13px;color:var(--shellec690-mute);}

/* ---------- play-now CTA banner ---------- */

.shellec690-cta{
  margin:8px 0 0;
  border-radius:var(--shellec690-radius-frame);
  border:1px solid rgba(255,140,0,.5);
  background:
    radial-gradient(120% 130% at 88% -20%,rgba(255,69,0,.38) 0%,rgba(255,69,0,0) 55%),
    linear-gradient(180deg,#26263f 0%,#1d1d33 100%);
  padding:14px 12px;
}

.shellec690-cta p{margin:0 0 10px;font-size:13.5px;color:var(--shellec690-mute);}

.shellec690-cta-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

/* ---------- pros and limitations ---------- */

.shellec690-pl{
  display:grid;
  gap:8px;
  margin:8px 0 0;
}

@media (min-width:375px){
  .shellec690-pl{grid-template-columns:1fr 1fr;}
}

.shellec690-pl-col{
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-panel);
  padding:10px 12px;
}

.shellec690-pl-col h3{
  margin:0 0 6px;
  font-family:var(--shellec690-font-head);
  font-size:13.5px;
}

.shellec690-pl-col--good h3{color:var(--shellec690-amber);}
.shellec690-pl-col--bad h3{color:var(--shellec690-dim);}

.shellec690-pl-col ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;}

.shellec690-pl-col li{
  position:relative;
  padding-left:18px;
  font-size:12.5px;
  color:var(--shellec690-mute);
  line-height:1.6;
}

.shellec690-pl-col--good li::before{
  content:"";
  position:absolute;
  left:0;top:7px;
  width:8px;height:4px;
  border-left:2px solid var(--shellec690-amber);
  border-bottom:2px solid var(--shellec690-amber);
  rotate:-45deg;
}

.shellec690-pl-col--bad li::before{
  content:"";
  position:absolute;
  left:2px;top:9px;
  width:8px;
  height:2px;
  background:var(--shellec690-dim);
}

/* ---------- extended footer (home only) ---------- */

.shellec690-xfoot{
  margin:22px 0 0;
  border-top:1px solid var(--shellec690-line);
  padding:14px 0 4px;
  display:grid;
  gap:14px;
}

.shellec690-xf-brand p{
  margin:6px 0 0;
  font-size:12.5px;
  color:var(--shellec690-dim);
}

.shellec690-xf-title{
  font-family:var(--shellec690-font-head);
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--shellec690-dim);
  margin:0 0 6px;
}

.shellec690-xf-dir{
  display:grid;
  gap:8px;
}

@media (min-width:375px){
  .shellec690-xf-dir{grid-template-columns:1fr 1fr;}
}

.shellec690-xf-dir ul{
  margin:0;padding:0;list-style:none;display:grid;gap:4px;
}

.shellec690-xf-dir a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  font-size:12.5px;
  color:var(--shellec690-mute);
  text-decoration:none;
}

.shellec690-xf-dir a::before{
  content:"";
  width:5px;height:5px;
  rotate:45deg;
  background:var(--shellec690-tang);
  flex:0 0 auto;
}

.shellec690-xf-dir a:active{color:var(--shellec690-amber);}

.shellec690-xf-promos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.shellec690-xf-promo{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:8px 10px;
  border:1px solid rgba(255,140,0,.45);
  border-radius:var(--shellec690-radius-btn);
  background:linear-gradient(135deg,rgba(255,165,0,.14),rgba(255,69,0,.1));
  color:var(--shellec690-text);
  font-family:var(--shellec690-font-head);
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  text-align:left;
}

.shellec690-xf-promo svg{width:18px;height:18px;flex:0 0 auto;color:var(--shellec690-amber);}

.shellec690-xf-promo:active{box-shadow:0 0 0 3px var(--shellec690-glow);}

.shellec690-xf-note{
  border:1px dashed var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-well);
  padding:10px 12px;
}

.shellec690-xf-note p{
  margin:0;
  font-size:11.5px;
  line-height:1.7;
  color:var(--shellec690-dim);
}

/* ---------- copyright ---------- */

.shellec690-foot{
  margin-top:6px;
  padding:12px 0 4px;
  border-top:1px solid var(--shellec690-line);
  text-align:center;
}

.shellec690-copy{
  margin:0;
  font-size:11.5px;
  color:var(--shellec690-dim);
}

/* ---------- fixed bottom dock: compact icon rack ---------- */

.shellec690-dock{
  position:fixed;
  bottom:0;
  left:50%;
  translate:-50% 0;
  width:100%;
  max-width:430px;
  z-index:70;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:rgba(20,20,36,.96);
  border-top:1px solid var(--shellec690-line);
  padding:4px 2px calc(4px + env(safe-area-inset-bottom,0px));
}

.shellec690-dock-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:54px;
  min-width:44px;
  border:0;
  background:transparent;
  color:var(--shellec690-dim);
  text-decoration:none;
  font-family:var(--shellec690-font-body);
  font-size:9.5px;
  line-height:1.2;
  cursor:pointer;
  padding:0 2px;
}

.shellec690-dock-item svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:filter .16s ease;
}

.shellec690-dock-item:active{color:var(--shellec690-mute);}

.shellec690-dock-item.shellec690-here{
  color:var(--shellec690-amber);
  font-weight:700;
}

/* filled active state: icons gain a filled core plus restrained glow */
.shellec690-dock-item.shellec690-here svg{
  fill:rgba(255,165,0,.22);
  stroke:var(--shellec690-amber);
  filter:drop-shadow(0 0 6px rgba(255,165,0,.55));
}

.shellec690-dock-item.shellec690-here::after{
  content:"";
  width:16px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--shellec690-flame),var(--shellec690-amber));
}

/* ---------- utility ---------- */

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

@media (prefers-reduced-motion:reduce){
  .shellec690-slide,
  html.shellec690-js .shellec690-sec,
  .shellec690-btn,
  .shellec690-game-cover{transition:none;}
  .shellec690-menu.shellec690-open{animation:none;}
}

/* ---------- help-page reading system ---------- */
.shellec690-help-main h1{
  margin:0 0 10px;
  font-family:var(--shellec690-font-head);
  font-size:25px;
  line-height:1.28;
  letter-spacing:.1px;
}

.shellec690-help-hero,
.shellec690-tip-intro{
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-frame);
  background:
    radial-gradient(95% 110% at 100% 0,rgba(255,69,0,.24),transparent 58%),
    linear-gradient(145deg,#292947,#1a1a2e 72%);
  padding:15px 13px 13px;
}

.shellec690-help-deck{
  margin:0;
  color:var(--shellec690-mute);
  font-size:14px;
  line-height:1.78;
}

.shellec690-help-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}

.shellec690-help-actions .shellec690-btn{min-height:46px;padding:0 10px;font-size:12px;}

.shellec690-signal{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:13px;
}

.shellec690-signal span{
  padding:7px 5px;
  border-top:2px solid var(--shellec690-tang);
  background:rgba(15,15,24,.42);
  color:var(--shellec690-dim);
  font-size:11px;
  text-align:center;
}

.shellec690-signal b{display:block;color:var(--shellec690-amber);font-family:var(--shellec690-font-head);font-size:15px;}
.shellec690-help-block{margin-top:25px;}
.shellec690-help-block h2{font-size:19px;}
.shellec690-help-note{
  margin:11px 0 0;
  padding:10px 11px;
  border-left:3px solid var(--shellec690-amber);
  background:rgba(255,165,0,.09);
  color:var(--shellec690-mute);
  font-size:13px;
  line-height:1.7;
}

.shellec690-steps{list-style:none;margin:11px 0 0;padding:0;display:grid;gap:9px;}
.shellec690-step{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  padding:11px 10px;
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:var(--shellec690-panel);
}
.shellec690-step-no{
  display:flex;align-items:center;justify-content:center;
  min-height:34px;
  border-radius:5px;
  background:var(--shellec690-well);
  color:var(--shellec690-amber);
  font-family:var(--shellec690-font-head);
  font-weight:700;
}
.shellec690-step h3,.shellec690-term h3,.shellec690-issue h3,.shellec690-apk-card h3,.shellec690-flowline h3{margin:0 0 3px;font-family:var(--shellec690-font-head);font-size:14px;line-height:1.4;}
.shellec690-step p,.shellec690-term p,.shellec690-issue p,.shellec690-apk-card p,.shellec690-flowline p{margin:0;color:var(--shellec690-mute);font-size:12.8px;line-height:1.68;}

.shellec690-term-grid,.shellec690-apk-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.shellec690-term,.shellec690-apk-card{
  min-width:0;
  padding:10px;
  border:1px solid var(--shellec690-line);
  border-radius:var(--shellec690-radius-card);
  background:linear-gradient(145deg,var(--shellec690-panel),var(--shellec690-well));
}
.shellec690-term h3{color:var(--shellec690-amber);}
.shellec690-observe{display:grid;gap:7px;margin-top:10px;}
.shellec690-observe>div,.shellec690-responsible-list>div{
  display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;
  padding:9px 10px;border:1px solid var(--shellec690-line);border-radius:var(--shellec690-radius-card);background:var(--shellec690-panel);
}
.shellec690-observe p,.shellec690-responsible-list p{margin:0;color:var(--shellec690-mute);font-size:12.8px;line-height:1.65;}
.shellec690-observe-mark,.shellec690-apk-icon{
  display:flex;align-items:center;justify-content:center;min-height:28px;border-radius:4px;background:var(--shellec690-amber);color:var(--shellec690-ink);font-family:var(--shellec690-font-head);font-weight:800;
}
.shellec690-boundaries{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;}
.shellec690-boundaries li{padding:9px 10px;border-bottom:1px solid var(--shellec690-line);color:var(--shellec690-mute);font-size:13px;line-height:1.62;}
.shellec690-boundaries li b{color:var(--shellec690-amber);font-family:var(--shellec690-font-head);}
.shellec690-issues{display:grid;gap:8px;margin-top:10px;}
.shellec690-issue{padding:11px 12px;border:1px solid var(--shellec690-line);border-left:3px solid var(--shellec690-flame);border-radius:var(--shellec690-radius-card);background:var(--shellec690-panel);}
.shellec690-issue h3{color:var(--shellec690-text);}
.shellec690-issue p+p{margin-top:5px;}
.shellec690-checklist{display:grid;gap:7px;margin-top:10px;}
.shellec690-checklist label{display:flex;align-items:flex-start;gap:9px;min-height:44px;padding:9px 10px;border:1px solid var(--shellec690-line);border-radius:6px;background:var(--shellec690-panel);color:var(--shellec690-mute);font-size:13px;line-height:1.55;cursor:pointer;}
.shellec690-checklist input{width:18px;height:18px;accent-color:var(--shellec690-amber);flex:0 0 auto;margin:2px 0 0;}
.shellec690-help-cta{padding:13px;border:1px solid rgba(255,140,0,.5);border-radius:var(--shellec690-radius-frame);background:linear-gradient(145deg,#292947,#1b1b31);}
.shellec690-help-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.shellec690-help-promo,.shellec690-tip-promo{min-height:46px;padding:8px 10px;border:1px solid rgba(255,165,0,.55);border-radius:var(--shellec690-radius-btn);background:linear-gradient(135deg,rgba(255,165,0,.18),rgba(255,69,0,.16));color:var(--shellec690-text);font-family:var(--shellec690-font-head);font-size:12px;font-weight:700;cursor:pointer;}
.shellec690-help-promo:active,.shellec690-tip-promo:active{box-shadow:0 0 0 3px var(--shellec690-glow);}

/* ---------- tips-page reading system ---------- */
.shellec690-tip-intro{display:grid;grid-template-columns:1fr 58px;gap:10px;align-items:start;}
.shellec690-tip-intro-meter{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;border-left:2px solid var(--shellec690-amber);color:var(--shellec690-mute);text-align:center;font-size:10px;line-height:1.3;}
.shellec690-tip-intro-meter b{font-family:var(--shellec690-font-head);font-size:31px;line-height:1;color:var(--shellec690-amber);}
.shellec690-tip-flow,.shellec690-apk-section,.shellec690-rtp-section,.shellec690-mistake-section,.shellec690-slots-section,.shellec690-responsible-section,.shellec690-check-section,.shellec690-faq-band,.shellec690-tip-final{margin-top:25px;}
.shellec690-flowline{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.shellec690-flowline article{padding:10px;border-top:2px solid var(--shellec690-tang);background:var(--shellec690-panel);border-radius:0 0 var(--shellec690-radius-card) var(--shellec690-radius-card);}
.shellec690-flowline article>span{color:var(--shellec690-amber);font-family:var(--shellec690-font-head);font-size:12px;font-weight:700;}
.shellec690-apk-icon{margin-bottom:7px;min-height:27px;width:27px;}
.shellec690-apk-card h3{font-size:13.5px;}
.shellec690-tip-promo{display:block;width:100%;margin-top:10px;}
.shellec690-rtp-board{display:grid;gap:7px;margin-top:10px;padding:9px;border:1px dashed var(--shellec690-line);border-radius:var(--shellec690-radius-card);background:var(--shellec690-well);}
.shellec690-rtp-rule{display:flex;justify-content:space-between;gap:9px;padding:8px 0;border-bottom:1px solid rgba(59,59,95,.55);font-size:12.5px;line-height:1.5;}
.shellec690-rtp-rule:last-child{border-bottom:0;}
.shellec690-rtp-rule b{color:var(--shellec690-amber);font-family:var(--shellec690-font-head);}
.shellec690-rtp-rule span{text-align:right;color:var(--shellec690-mute);}
.shellec690-mistakes{display:grid;gap:8px;margin-top:10px;}
.shellec690-mistakes article{padding:10px 11px;border:1px solid var(--shellec690-line);border-radius:var(--shellec690-radius-card);background:var(--shellec690-panel);}
.shellec690-mistake-top{display:flex;gap:9px;align-items:center;margin-bottom:4px;}
.shellec690-mistake-top span{color:var(--shellec690-amber);font-family:var(--shellec690-font-head);font-weight:700;font-size:12px;}
.shellec690-mistake-top h3{margin:0;font-family:var(--shellec690-font-head);font-size:14px;}
.shellec690-mistakes article>p{margin:0;color:var(--shellec690-mute);font-size:12.8px;line-height:1.65;}
.shellec690-mistakes article b{color:var(--shellec690-amber);}
.shellec690-compare-table{margin-top:10px;border:1px solid var(--shellec690-line);border-radius:var(--shellec690-radius-card);overflow:hidden;background:var(--shellec690-panel);}
.shellec690-compare-row{display:grid;grid-template-columns:34% 66%;border-top:1px solid var(--shellec690-line);}
.shellec690-compare-row:first-child{border-top:0;}
.shellec690-compare-row span{padding:9px 8px;color:var(--shellec690-mute);font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
.shellec690-compare-row span+span{border-left:1px solid var(--shellec690-line);}
.shellec690-compare-head{background:rgba(255,165,0,.12);}
.shellec690-compare-head span{color:var(--shellec690-amber);font-family:var(--shellec690-font-head);font-weight:700;}
.shellec690-responsible-list{display:grid;gap:7px;margin-top:10px;}
.shellec690-responsible-list>div{grid-template-columns:48px 1fr;}
.shellec690-responsible-list>div>span{color:var(--shellec690-amber);font-family:var(--shellec690-font-head);font-weight:700;font-size:12px;}
.shellec690-checklist--bright label{background:linear-gradient(90deg,rgba(255,165,0,.1),var(--shellec690-panel));}

@media (min-width:375px){
  .shellec690-help-main h1{font-size:27px;}
  .shellec690-help-actions .shellec690-btn{font-size:12.5px;}
  .shellec690-step p,.shellec690-term p,.shellec690-issue p,.shellec690-apk-card p,.shellec690-flowline p{font-size:13px;}
}