/* ============================================================
   299bt mobile lobby stylesheet (css/299bt-palette-0dd5bf.css)
   Class prefix : c0dd5b-
   Palette      : #2E4057 | #FF8000 | #FFAA00 | #FF4500 | #FFFFFF
   Canvas       : 320-430px phone frame, centered on wide screens
   Voice        : monospace accents + regular body text,
                  small radii / high density, solid primary CTA
                  with outlined secondary, state-color transitions
   ============================================================ */

:root{
  --c0dd5b-ink:#2E4057;
  --c0dd5b-ink-deep:#1B2940;
  --c0dd5b-ink-raise:#3A4F6B;
  --c0dd5b-ink-soft:#31445E;
  --c0dd5b-flame:#FF4500;
  --c0dd5b-orange:#FF8000;
  --c0dd5b-amber:#FFAA00;
  --c0dd5b-paper:#FFFFFF;
  --c0dd5b-mute:rgba(255,255,255,.70);
  --c0dd5b-faint:rgba(255,255,255,.44);
  --c0dd5b-hair:rgba(255,255,255,.14);
  --c0dd5b-onamber:#231303;
  --c0dd5b-onink:#1D2A3A;
  --c0dd5b-radius:6px;
  --c0dd5b-radius-s:4px;
  --c0dd5b-canvas:430px;
  --c0dd5b-nav-h:58px;
  --c0dd5b-tab-h:60px;
  --c0dd5b-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Courier New",monospace;
  --c0dd5b-body:"Segoe UI","Noto Sans Bengali","Hind Siliguri",Roboto,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}

*{box-sizing:border-box;}
html{background:#16223A;-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:#16223A;
  color:var(--c0dd5b-paper);
  font-family:var(--c0dd5b-body);
  font-size:15px;
  line-height:1.6;
  overflow-x:clip;
}
img{display:block;max-width:100%;border:0;}
a{color:var(--c0dd5b-amber);text-decoration:none;}
a:hover{color:var(--c0dd5b-paper);}
:focus-visible{outline:2px solid var(--c0dd5b-amber);outline-offset:2px;}
.c0dd5b-page{
  position:relative;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:var(--c0dd5b-ink);
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 44px rgba(0,0,0,.45);
}

/* ---------- top functional header (edge aligned) ---------- */
.c0dd5b-header{
  position:fixed;
  top:0;left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  height:var(--c0dd5b-nav-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 10px;
  background:rgba(27,41,64,.97);
  border-bottom:1px solid var(--c0dd5b-hair);
  z-index:60;
}
.c0dd5b-brand-link{
  display:flex;align-items:center;gap:8px;
  min-height:44px;
  color:var(--c0dd5b-paper);
}
.c0dd5b-brand-logo{
  width:34px;height:34px;
  border-radius:var(--c0dd5b-radius-s);
  object-fit:cover;
  background:var(--c0dd5b-ink-raise);
}
.c0dd5b-brand-name{
  font-family:var(--c0dd5b-mono);
  font-size:19px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--c0dd5b-paper);
}
.c0dd5b-brand-name b{color:var(--c0dd5b-amber);font-weight:800;}
.c0dd5b-head-actions{display:flex;align-items:center;gap:6px;}

/* buttons: solid primary / outlined secondary */
.c0dd5b-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:0 18px;
  border-radius:var(--c0dd5b-radius);
  font-family:var(--c0dd5b-body);
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
.c0dd5b-btn--solid{
  background:linear-gradient(180deg,var(--c0dd5b-orange) 0%,var(--c0dd5b-flame) 100%);
  color:var(--c0dd5b-onamber);
  border:1px solid var(--c0dd5b-orange);
}
.c0dd5b-btn--solid:hover{color:var(--c0dd5b-onamber);filter:brightness(1.06);}
.c0dd5b-btn--ghost{
  background:transparent;
  color:var(--c0dd5b-amber);
  border:1.5px solid var(--c0dd5b-amber);
}
.c0dd5b-btn--ghost:hover{color:var(--c0dd5b-paper);border-color:var(--c0dd5b-paper);}
.c0dd5b-btn--sm{min-height:40px;padding:0 13px;font-size:13px;}
.c0dd5b-btn--wide{width:100%;}

/* burger */
.c0dd5b-burger{
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--c0dd5b-hair);
  border-radius:var(--c0dd5b-radius);
  background:var(--c0dd5b-ink-soft);
  color:var(--c0dd5b-amber);
  cursor:pointer;
  transition:color .16s ease,border-color .16s ease;
}
.c0dd5b-burger:hover{color:var(--c0dd5b-paper);}

/* ---------- stacked overlay menu ---------- */
.c0dd5b-menu{
  position:fixed;
  top:var(--c0dd5b-nav-h);
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  margin:0;
  padding:10px 12px calc(var(--c0dd5b-tab-h) + 14px);
  background:rgba(27,41,64,.985);
  border-top:1px solid var(--c0dd5b-hair);
  overflow-y:auto;
  z-index:55;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.c0dd5b-menu--open{opacity:1;visibility:visible;}
.c0dd5b-menu-head{
  padding:8px 4px 10px;
  border-bottom:1px solid var(--c0dd5b-hair);
}
.c0dd5b-kick{
  font-family:var(--c0dd5b-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--c0dd5b-amber);
}
.c0dd5b-menu-list{list-style:none;margin:8px 0 0;padding:0;}
.c0dd5b-menu-item a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:46px;
  padding:0 10px;
  border-radius:var(--c0dd5b-radius);
  color:var(--c0dd5b-paper);
  font-size:15px;
  font-weight:600;
  border-bottom:1px solid var(--c0dd5b-hair);
  transition:color .14s ease,background-color .14s ease;
}
.c0dd5b-menu-item:last-child a{border-bottom:0;}
.c0dd5b-menu-item a:hover{color:var(--c0dd5b-amber);}
.c0dd5b-menu-idx{
  font-family:var(--c0dd5b-mono);
  font-size:11px;
  color:var(--c0dd5b-faint);
  min-width:20px;
}
.c0dd5b-menu-item--on a,
.c0dd5b-menu-item--on .c0dd5b-menu-idx{
  background:linear-gradient(90deg,var(--c0dd5b-amber),var(--c0dd5b-orange));
  color:var(--c0dd5b-onamber);
  border-radius:var(--c0dd5b-radius);
  border-bottom-color:transparent;
}
.c0dd5b-menu-note{
  margin-top:12px;
  padding:10px 12px;
  border:1px dashed var(--c0dd5b-hair);
  border-radius:var(--c0dd5b-radius);
  font-size:12.5px;
  color:var(--c0dd5b-mute);
}
.c0dd5b-menu-backdrop{
  position:fixed;
  inset:0;
  z-index:54;
  background:rgba(10,16,28,.6);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.c0dd5b-menu-backdrop--on{opacity:1;visibility:visible;}

/* ---------- main flow ---------- */
.c0dd5b-main{
  padding:calc(var(--c0dd5b-nav-h) + 12px) 0 calc(var(--c0dd5b-tab-h) + env(safe-area-inset-bottom,0px) + 24px);
}

/* hero */
.c0dd5b-hero{
  margin:0 12px 14px;
  padding:16px 14px 18px;
  border:1px solid var(--c0dd5b-hair);
  border-radius:var(--c0dd5b-radius);
  background:
    radial-gradient(120% 90% at 88% -10%,rgba(255,128,0,.28) 0%,rgba(255,69,0,0) 55%),
    linear-gradient(180deg,var(--c0dd5b-ink-raise) 0%,var(--c0dd5b-ink-soft) 100%);
}
.c0dd5b-hero-eyebrow{
  font-family:var(--c0dd5b-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--c0dd5b-amber);
  margin:0 0 8px;
}
.c0dd5b-hero-title{
  margin:0 0 8px;
  font-size:21px;
  line-height:1.4;
  font-weight:800;
  letter-spacing:.01em;
}
.c0dd5b-hero-sub{
  margin:0 0 14px;
  font-size:14px;
  color:var(--c0dd5b-mute);
}
.c0dd5b-hero-cta{display:flex;gap:8px;flex-wrap:wrap;}
.c0dd5b-hero-cta .c0dd5b-btn{flex:1 1 150px;}

/* stat strip */
.c0dd5b-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:0 12px 14px;
}
.c0dd5b-stat{
  border:1px solid var(--c0dd5b-hair);
  border-radius:var(--c0dd5b-radius);
  background:var(--c0dd5b-ink-soft);
  padding:8px 4px;
  text-align:center;
}
.c0dd5b-stat-num{
  font-family:var(--c0dd5b-mono);
  font-size:14px;
  font-weight:800;
  color:var(--c0dd5b-amber);
}
.c0dd5b-stat-label{
  font-size:10.5px;
  color:var(--c0dd5b-mute);
  line-height:1.3;
}

/* promo carousel */
.c0dd5b-slidebox{
  position:relative;
  margin:0 12px 10px;
  border-radius:var(--c0dd5b-radius);
  overflow:hidden;
  border:1px solid var(--c0dd5b-hair);
  background:var(--c0dd5b-ink-deep);
}
.c0dd5b-track{
  display:flex;
  width:100%;
  transition:transform .32s ease;
}
.c0dd5b-slide{
  position:relative;
  display:block;
  width:100%;
  flex:0 0 100%;
  padding:0;
  border:0;
  background:var(--c0dd5b-ink-deep);
  cursor:pointer;
  text-align:left;
}
.c0dd5b-slide-img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.c0dd5b-slide-cap{
  position:absolute;
  left:0;right:0;bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:22px 12px 9px;
  background:linear-gradient(180deg,rgba(22,34,58,0) 0%,rgba(22,34,58,.92) 62%);
  font-size:13.5px;
  font-weight:700;
  color:var(--c0dd5b-paper);
}
.c0dd5b-slide-idx{
  font-family:var(--c0dd5b-mono);
  font-size:11px;
  color:var(--c0dd5b-amber);
  white-space:nowrap;
}
.c0dd5b-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin:0 0 14px;
}
.c0dd5b-dot{
  width:8px;height:8px;
  border-radius:99px;
  border:0;
  padding:0;
  background:var(--c0dd5b-hair);
  cursor:pointer;
  transition:background-color .16s ease,width .16s ease;
}
.c0dd5b-dot--on{width:20px;background:var(--c0dd5b-amber);}

/* category chips */
.c0dd5b-chips{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 12px 12px;
  scrollbar-width:none;
}
.c0dd5b-chips::-webkit-scrollbar{display:none;}
.c0dd5b-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 13px;
  border:1px solid var(--c0dd5b-hair);
  border-radius:var(--c0dd5b-radius);
  background:var(--c0dd5b-ink-soft);
  font-family:var(--c0dd5b-mono);
  font-size:12px;
  font-weight:700;
  color:var(--c0dd5b-mute);
  white-space:nowrap;
  transition:color .14s ease,border-color .14s ease;
}
.c0dd5b-chip:hover{color:var(--c0dd5b-amber);border-color:var(--c0dd5b-amber);}

/* game sections */
.c0dd5b-sec{padding:6px 12px 8px;}
.c0dd5b-sec-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  border-top:1px solid var(--c0dd5b-hair);
  padding-top:12px;
}
.c0dd5b-sec-title{
  margin:0;
  font-size:16.5px;
  line-height:1.4;
  font-weight:800;
}
.c0dd5b-sec-count{
  flex:0 0 auto;
  font-family:var(--c0dd5b-mono);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--c0dd5b-amber);
  border:1px solid var(--c0dd5b-hair);
  border-radius:99px;
  padding:2px 9px;
}
.c0dd5b-sec-intro{
  margin:8px 0 10px;
  font-size:13.5px;
  color:var(--c0dd5b-mute);
}
.c0dd5b-sec-note{
  margin:10px 0 4px;
  padding:9px 11px;
  border-left:3px solid var(--c0dd5b-orange);
  border-radius:var(--c0dd5b-radius-s);
  background:var(--c0dd5b-ink-soft);
  font-size:13px;
  color:var(--c0dd5b-mute);
}

/* game grid: 4 cols at 320px, 5 cols from 393px */
.c0dd5b-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px 6px;
}
.c0dd5b-gcard{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:5px;
  background:var(--c0dd5b-ink-raise);
  border:1px solid var(--c0dd5b-hair);
  border-radius:var(--c0dd5b-radius);
  cursor:pointer;
  text-align:center;
  transition:border-color .16s ease,background-color .16s ease;
}
.c0dd5b-gcard:hover{border-color:var(--c0dd5b-amber);}
.c0dd5b-gcard-img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:var(--c0dd5b-radius-s);
  background:var(--c0dd5b-ink-deep);
}
.c0dd5b-gcard-name{
  font-size:11px;
  line-height:1.3;
  font-weight:600;
  color:var(--c0dd5b-paper);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.6em;
  overflow-wrap:break-word;
}
.c0dd5b-gcard--xl{grid-column:span 2;}
.c0dd5b-gcard--xl .c0dd5b-gcard-img{aspect-ratio:2/1;}
.c0dd5b-gcard--xl .c0dd5b-gcard-name{font-size:12px;-webkit-line-clamp:1;min-height:1.4em;}
.c0dd5b-gcard-tag{
  position:absolute;
  top:9px;left:9px;
  font-family:var(--c0dd5b-mono);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--c0dd5b-onamber);
  background:var(--c0dd5b-amber);
  border-radius:3px;
  padding:2px 6px;
}

/* content modules */
.c0dd5b-mod{
  margin:14px 12px;
  padding:14px 13px;
  border:1px solid var(--c0dd5b-hair);
  border-radius:var(--c0dd5b-radius);
  background:var(--c0dd5b-ink-soft);
}
.c0dd5b-mod-eyebrow{
  display:block;
  font-family:var(--c0dd5b-mono);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--c0dd5b-amber);
  margin-bottom:7px;
}
.c0dd5b-mod h2{
  margin:0 0 8px;
  font-size:16.5px;
  line-height:1.4;
  font-weight:800;
}
.c0dd5b-mod h3{
  margin:14px 0 5px;
  font-size:14.5px;
  line-height:1.4;
  font-weight:800;
  color:var(--c0dd5b-paper);
}
.c0dd5b-lead{
  margin:0 0 10px;
  padding-left:10px;
  border-left:3px solid var(--c0dd5b-amber);
  font-size:14px;
  font-weight:700;
  color:var(--c0dd5b-paper);
}
.c0dd5b-mod p{margin:0 0 9px;font-size:13.5px;color:var(--c0dd5b-mute);}
.c0dd5b-mod p:last-child{margin-bottom:0;}
.c0dd5b-mod ul{margin:0 0 10px;padding:0;list-style:none;}
.c0dd5b-mod li{
  position:relative;
  padding:6px 0 6px 24px;
  font-size:13.5px;
  color:var(--c0dd5b-mute);
  border-bottom:1px dashed var(--c0dd5b-hair);
}
.c0dd5b-mod li:last-child{border-bottom:0;}
.c0dd5b-mod li::before{
  content:">";
  position:absolute;left:2px;top:6px;
  font-family:var(--c0dd5b-mono);
  font-weight:800;
  color:var(--c0dd5b-orange);
}
.c0dd5b-check li::before{content:"+";color:var(--c0dd5b-amber);}
.c0dd5b-cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.c0dd5b-cta-row .c0dd5b-btn{flex:1 1 150px;}

/* steps */
.c0dd5b-steps{list-style:none;margin:0;padding:0;counter-reset:c0dd5b-step;}
.c0dd5b-step{
  position:relative;
  display:flex;
  gap:12px;
  padding:9px 0;
  border-bottom:1px dashed var(--c0dd5b-hair);
}
.c0dd5b-step:last-child{border-bottom:0;}
.c0dd5b-step-num{
  flex:0 0 auto;
  width:30px;height:30px;
  display:inline-flex;
  align-items:center;justify-content:center;
  font-family:var(--c0dd5b-mono);
  font-size:13px;
  font-weight:800;
  color:var(--c0dd5b-onamber);
  background:linear-gradient(180deg,var(--c0dd5b-amber),var(--c0dd5b-orange));
  border-radius:var(--c0dd5b-radius-s);
}
.c0dd5b-step-body{font-size:13.5px;color:var(--c0dd5b-mute);}
.c0dd5b-step-body b{color:var(--c0dd5b-paper);}

/* promo rows */
.c0dd5b-promo-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 10px;
  padding:9px 0;
  border-bottom:1px dashed var(--c0dd5b-hair);
}
.c0dd5b-promo-row:last-of-type{border-bottom:0;}
.c0dd5b-promo-key{
  font-family:var(--c0dd5b-mono);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--c0dd5b-onamber);
  background:var(--c0dd5b-amber);
  border-radius:3px;
  padding:2px 7px;
  align-self:start;
}
.c0dd5b-promo-txt{font-size:13.5px;color:var(--c0dd5b-mute);}
.c0dd5b-promo-go{
  justify-self:start;
  margin-top:2px;
  background:none;
  border:0;
  padding:2px 0;
  font-family:var(--c0dd5b-body);
  font-size:13px;
  font-weight:700;
  color:var(--c0dd5b-amber);
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.c0dd5b-promo-go:hover{color:var(--c0dd5b-paper);}

/* comparison rows */
.c0dd5b-cmp-row{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:10px;
  padding:8px 0;
  border-bottom:1px dashed var(--c0dd5b-hair);
}
.c0dd5b-cmp-row:last-of-type{border-bottom:0;}
.c0dd5b-cmp-key{
  font-family:var(--c0dd5b-mono);
  font-size:11.5px;
  font-weight:800;
  color:var(--c0dd5b-amber);
  padding-top:2px;
}
.c0dd5b-cmp-val{font-size:13.5px;color:var(--c0dd5b-mute);}

/* Q&A blocks */
.c0dd5b-qa{padding:9px 0;border-bottom:1px dashed var(--c0dd5b-hair);}
.c0dd5b-qa:last-child{border-bottom:0;}
.c0dd5b-q{
  margin:0 0 4px;
  font-size:14px;
  font-weight:800;
  color:var(--c0dd5b-paper);
}
.c0dd5b-a{margin:0;font-size:13.5px;color:var(--c0dd5b-mute);}

/* ---------- extended footer (compact groups) ---------- */
.c0dd5b-xfoot{margin:18px 12px 0;border-top:2px solid var(--c0dd5b-orange);}
.c0dd5b-xfoot-group{padding:13px 2px 12px;border-bottom:1px solid var(--c0dd5b-hair);}
.c0dd5b-ftitle{
  font-family:var(--c0dd5b-mono);
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--c0dd5b-amber);
  margin:0 0 9px;
}
.c0dd5b-xpromo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 0;
  border-bottom:1px dashed var(--c0dd5b-hair);
}
.c0dd5b-xpromo:last-child{border-bottom:0;}
.c0dd5b-xpromo-txt{font-size:13px;color:var(--c0dd5b-mute);}
.c0dd5b-xpromo-go{
  flex:0 0 auto;
  min-height:36px;
  padding:0 12px;
  background:none;
  border:1.5px solid var(--c0dd5b-amber);
  border-radius:var(--c0dd5b-radius);
  color:var(--c0dd5b-amber);
  font-family:var(--c0dd5b-body);
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  transition:color .16s ease,border-color .16s ease;
}
.c0dd5b-xpromo-go:hover{color:var(--c0dd5b-paper);border-color:var(--c0dd5b-paper);}
.c0dd5b-brandnote{font-size:13px;color:var(--c0dd5b-mute);}
.c0dd5b-brandnote b{color:var(--c0dd5b-paper);}
.c0dd5b-dir{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
}
.c0dd5b-dir-item{min-width:0;}
.c0dd5b-dir-link{
  display:block;
  font-size:13.5px;
  font-weight:800;
  color:var(--c0dd5b-paper);
  text-decoration:underline;
  text-decoration-color:var(--c0dd5b-orange);
  text-underline-offset:3px;
}
.c0dd5b-dir-link:hover{color:var(--c0dd5b-amber);}
.c0dd5b-dir-txt{
  font-size:11.5px;
  line-height:1.45;
  color:var(--c0dd5b-faint);
  margin-top:2px;
}
.c0dd5b-fine{
  font-size:11.5px;
  line-height:1.5;
  color:var(--c0dd5b-faint);
}

/* ---------- common footer ---------- */
.c0dd5b-footer{
  padding:14px 12px 8px;
  text-align:center;
}
.c0dd5b-copy{
  font-family:var(--c0dd5b-mono);
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--c0dd5b-faint);
  margin:0;
}

/* ---------- mobile bottom nav (segmented action bar) ---------- */
.c0dd5b-tabbar{
  position:fixed;
  bottom:0;left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-height:calc(var(--c0dd5b-tab-h) + env(safe-area-inset-bottom,0px));
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:rgba(27,41,64,.985);
  border-top:1px solid var(--c0dd5b-hair);
  z-index:70;
}
.c0dd5b-tab{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:var(--c0dd5b-tab-h);
  padding:6px 2px 4px;
  background:none;
  border:0;
  border-left:1px solid rgba(255,255,255,.07);
  color:var(--c0dd5b-mute);
  font-family:var(--c0dd5b-body);
  font-size:10.5px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  transition:color .14s ease,background-color .14s ease,transform .08s ease;
}
.c0dd5b-tab:first-child{border-left:0;}
.c0dd5b-tab:active{transform:scale(.93);}
.c0dd5b-tab-ico{width:22px;height:22px;display:block;}
.c0dd5b-tab-ico svg{width:22px;height:22px;display:block;}
.c0dd5b-tab--on{
  color:var(--c0dd5b-onamber);
  background:linear-gradient(180deg,var(--c0dd5b-amber),var(--c0dd5b-orange));
}

/* ---------- responsive fine tuning ---------- */
@media (min-width:393px){
  .c0dd5b-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media (max-width:360px){
  .c0dd5b-btn--sm{padding:0 10px;font-size:12.5px;}
  .c0dd5b-hero-title{font-size:19px;}
  .c0dd5b-dir{gap:7px 9px;}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms !important;animation:none !important;}
}