/* ==========================================================================
   888starz app — responsive display stylesheet
   Class prefix  : ui796ab-
   Canvas        : 320-430px mobile-first, centered phone frame on wide screens
   Palette       : #2C3E50 base / #FFB347 amber / #FF9500 orange / #BDB76B khaki
                   #D3D3D3 soft ink — light text on dark ground
   ========================================================================== */

/* ---------- tokens ---------- */
:root{
  --ui796ab-bg:#2C3E50;
  --ui796ab-bg-deep:#22303F;
  --ui796ab-panel:#34485C;
  --ui796ab-panel-2:#3C5268;
  --ui796ab-line:rgba(211,211,211,.18);
  --ui796ab-line-strong:rgba(211,211,211,.30);
  --ui796ab-ink:#F2F6F9;
  --ui796ab-soft:#D3D3D3;
  --ui796ab-dim:#9DAFC0;
  --ui796ab-amber:#FFB347;
  --ui796ab-orange:#FF9500;
  --ui796ab-khaki:#BDB76B;
  --ui796ab-r:6px;
  --ui796ab-r-cta:10px;
  --ui796ab-dock-h:64px;
  --ui796ab-glow:0 0 0 1px rgba(255,179,71,.45),0 0 16px rgba(255,149,0,.30);
  --ui796ab-font:'Noto Sans Bengali','Hind Siliguri','SolaimanLipi',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
html,body{margin:0;padding:0;}
body{
  background:#16212B;
  color:var(--ui796ab-ink);
  font-family:var(--ui796ab-font);
  font-weight:400;
  line-height:1.7;
  overflow-x:clip;
}
img{max-width:100%;display:block;border:0;}
a{color:var(--ui796ab-amber);text-decoration:none;}
a:hover,a:focus-visible{text-decoration:underline;}
button{font-family:inherit;}
h1,h2,h3{font-weight:700;line-height:1.35;margin:0;}
p{margin:0 0 .7em;}
:focus-visible{outline:2px solid var(--ui796ab-amber);outline-offset:2px;border-radius:4px;}

/* phone canvas stays a phone on any width */
.ui796ab-shell{
  position:relative;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:var(--ui796ab-bg);
  box-shadow:0 0 44px rgba(0,0,0,.55);
  overflow-x:clip;
}

/* ---------- fixed top header : brand row + action row ---------- */
.ui796ab-head{
  position:fixed;
  left:50%;
  top:0;
  width:100%;
  max-width:430px;
  transform:translateX(-50%);
  z-index:60;
  background:linear-gradient(180deg,var(--ui796ab-bg-deep) 0%,rgba(34,48,63,.96) 100%);
  border-bottom:1px solid var(--ui796ab-line);
}
.ui796ab-head-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 12px 6px;
}
.ui796ab-logo{
  width:34px;height:34px;
  border-radius:var(--ui796ab-r);
  border:1px solid rgba(255,179,71,.55);
  background:#101922;
  object-fit:cover;
  flex:0 0 auto;
}
.ui796ab-site-name{
  font-size:18px;
  font-weight:700;
  color:var(--ui796ab-ink);
  letter-spacing:.2px;
}
.ui796ab-site-name b{color:var(--ui796ab-amber);font-weight:700;}
.ui796ab-head-act{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px 10px;
}

/* light-rounded text CTA group */
.ui796ab-btn{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:9px 16px;
  border-radius:var(--ui796ab-r-cta);
  border:1px solid transparent;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
  transition:box-shadow .18s ease,transform .18s ease,background .18s ease,color .18s ease;
}
.ui796ab-btn--solid{
  flex:1 1 auto;
  background:linear-gradient(135deg,var(--ui796ab-amber),var(--ui796ab-orange));
  color:#232F16;
}
.ui796ab-btn--ghost{
  flex:0 0 auto;
  background:transparent;
  color:var(--ui796ab-amber);
  border-color:rgba(255,179,71,.65);
}
.ui796ab-btn--solid:active,.ui796ab-btn--ghost:active{transform:translateY(1px);}
.ui796ab-btn--solid:hover,.ui796ab-btn--solid:focus-visible{box-shadow:var(--ui796ab-glow);text-decoration:none;}
.ui796ab-btn--ghost:hover,.ui796ab-btn--ghost:focus-visible{box-shadow:var(--ui796ab-glow);text-decoration:none;}

/* menu trigger lives in the action row */
.ui796ab-menu-btn{
  -webkit-appearance:none;appearance:none;
  flex:0 0 auto;
  width:44px;height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--ui796ab-r-cta);
  border:1px solid rgba(189,183,107,.55);
  background:rgba(189,183,107,.12);
  color:var(--ui796ab-khaki);
  cursor:pointer;
  transition:box-shadow .18s ease,background .18s ease;
}
.ui796ab-menu-btn:hover,.ui796ab-menu-btn:focus-visible{box-shadow:var(--ui796ab-glow);}
.ui796ab-menu-btn svg{width:22px;height:22px;display:block;}

/* ---------- slide-up route sheet ---------- */
.ui796ab-backdrop{
  position:fixed;
  inset:0;
  z-index:70;
  background:rgba(10,16,22,.62);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.ui796ab-backdrop.ui796ab-is-on{opacity:1;visibility:visible;}
.ui796ab-sheet{
  position:fixed;
  left:50%;
  bottom:0;
  z-index:80;
  width:100%;
  max-width:430px;
  transform:translate(-50%,102%);
  transition:transform .26s cubic-bezier(.22,.9,.32,1);
  background:var(--ui796ab-bg-deep);
  border:1px solid var(--ui796ab-line);
  border-bottom:0;
  border-radius:16px 16px 0 0;
  padding:8px 16px 18px;
  max-height:78vh;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.ui796ab-sheet.ui796ab-is-on{transform:translate(-50%,0);}
.ui796ab-sheet-grab{
  width:44px;height:4px;
  margin:4px auto 10px;
  border-radius:2px;
  background:var(--ui796ab-line-strong);
}
.ui796ab-sheet-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.ui796ab-sheet-title{font-size:15px;font-weight:700;color:var(--ui796ab-soft);}
.ui796ab-sheet-x{
  -webkit-appearance:none;appearance:none;
  width:40px;height:40px;
  border-radius:var(--ui796ab-r);
  border:1px solid var(--ui796ab-line-strong);
  background:transparent;
  color:var(--ui796ab-soft);
  font-size:17px;
  line-height:1;
  cursor:pointer;
}
.ui796ab-sheet-x:hover,.ui796ab-sheet-x:focus-visible{box-shadow:var(--ui796ab-glow);}
.ui796ab-route-group{margin:10px 0 4px;}
.ui796ab-route-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.6px;
  color:var(--ui796ab-khaki);
  text-transform:none;
  margin:0 0 6px;
}
.ui796ab-route-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0;padding:0;list-style:none;
}
.ui796ab-route{
  display:block;
  min-height:44px;
  padding:9px 10px;
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:var(--ui796ab-panel);
  color:var(--ui796ab-ink);
  font-size:13px;
  font-weight:700;
  text-align:left;
  transition:box-shadow .18s ease,border-color .18s ease;
}
.ui796ab-route:hover,.ui796ab-route:focus-visible{box-shadow:var(--ui796ab-glow);text-decoration:none;border-color:rgba(255,179,71,.6);}
.ui796ab-route span{display:block;font-size:11px;font-weight:400;color:var(--ui796ab-dim);margin-top:1px;}
.ui796ab-sheet-cta{
  display:flex;
  gap:8px;
  margin-top:14px;
}

/* ---------- main flow ---------- */
.ui796ab-main{
  padding:92px 0 calc(var(--ui796ab-dock-h) + 26px + env(safe-area-inset-bottom,0px));
}
.ui796ab-wrap{padding:0 12px;}

/* ---------- hero carousel ---------- */
.ui796ab-hero{
  position:relative;
  margin:12px 12px 4px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid var(--ui796ab-line);
  background:var(--ui796ab-bg-deep);
}
.ui796ab-hero-track{
  display:flex;
  width:100%;
  transition:transform .3s ease;
}
.ui796ab-hero-slide{
  -webkit-appearance:none;appearance:none;
  display:block;
  flex:0 0 100%;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:var(--ui796ab-bg-deep);
  text-align:left;
  cursor:pointer;
  font-family:inherit;
}
.ui796ab-hero-slide img{
  width:100%;
  aspect-ratio:430/200;
  object-fit:cover;
}
.ui796ab-hero-cap{
  position:relative;
  margin-top:-58px;
  padding:10px 12px 12px;
  background:linear-gradient(180deg,rgba(17,26,35,0) 0%,rgba(17,26,35,.92) 62%);
  display:block;
}
.ui796ab-hero-kicker{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:.5px;
  color:#23301B;
  background:var(--ui796ab-khaki);
  border-radius:4px;
  padding:2px 7px;
  margin-bottom:4px;
}
.ui796ab-hero-title{
  display:block;
  color:var(--ui796ab-ink);
  font-size:15px;
  font-weight:700;
  line-height:1.45;
}
.ui796ab-hero-sub{
  display:block;
  color:var(--ui796ab-soft);
  font-size:11.5px;
  line-height:1.5;
  margin-top:2px;
}
.ui796ab-hero-dots{
  position:absolute;
  right:10px;
  bottom:8px;
  display:flex;
  gap:6px;
  z-index:2;
}
.ui796ab-hero-dot{
  -webkit-appearance:none;appearance:none;
  width:22px;height:6px;
  padding:0;
  border-radius:3px;
  border:0;
  background:rgba(211,211,211,.4);
  cursor:pointer;
  transition:background .2s ease;
}
.ui796ab-hero-dot.ui796ab-is-on{background:var(--ui796ab-amber);}

/* ---------- quick jump strip ---------- */
.ui796ab-jump{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:10px 12px 12px;
  scrollbar-width:none;
}
.ui796ab-jump::-webkit-scrollbar{display:none;}
.ui796ab-jump a,.ui796ab-jump button{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:6px 13px;
  border-radius:999px;
  border:1px solid var(--ui796ab-line-strong);
  background:var(--ui796ab-panel);
  color:var(--ui796ab-soft);
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
}
.ui796ab-jump a:hover,.ui796ab-jump button:hover{box-shadow:var(--ui796ab-glow);text-decoration:none;}
.ui796ab-jump .ui796ab-jump--route{
  border-color:rgba(189,183,107,.6);
  color:var(--ui796ab-khaki);
}

/* ---------- generic section ---------- */
.ui796ab-sec{
  padding:18px 12px 6px;
  border-top:1px solid var(--ui796ab-line);
}
.ui796ab-sec:first-of-type{border-top:0;}
.ui796ab-sec-head{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.ui796ab-sec-head h2{
  font-size:17px;
  color:var(--ui796ab-ink);
  flex:1 1 auto;
}
.ui796ab-badge{
  flex:0 0 auto;
  font-size:11px;
  font-weight:700;
  color:var(--ui796ab-khaki);
  border:1px solid rgba(189,183,107,.5);
  border-radius:999px;
  padding:2px 9px;
  white-space:nowrap;
}
.ui796ab-sec-note{
  font-size:13.5px;
  color:var(--ui796ab-soft);
  margin:0 0 10px;
}
.ui796ab-sec-note a{font-weight:700;}

/* ---------- direct answer block ---------- */
.ui796ab-answer{
  border-left:3px solid var(--ui796ab-amber);
  background:var(--ui796ab-panel);
  border-radius:var(--ui796ab-r);
  padding:12px 12px 10px;
  margin:6px 0 10px;
}
.ui796ab-answer p{font-size:13.5px;color:var(--ui796ab-soft);}
.ui796ab-answer p:last-of-type{margin-bottom:0;}
.ui796ab-answer b{color:var(--ui796ab-ink);}
.ui796ab-cta-row{
  display:flex;
  gap:8px;
  margin:12px 0 4px;
}
.ui796ab-cta-row .ui796ab-btn{flex:1 1 50%;}

/* ---------- game grid : grouped cover cards ---------- */
.ui796ab-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
@media (min-width:400px){
  .ui796ab-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;}
}
.ui796ab-gcard{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:5px;
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:var(--ui796ab-panel);
  text-align:center;
  cursor:pointer;
  text-decoration:none;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.ui796ab-gcard img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:4px;
  background:var(--ui796ab-bg-deep);
}
.ui796ab-gname{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:10.5px;
  line-height:1.45;
  font-weight:700;
  color:var(--ui796ab-ink);
  overflow-wrap:break-word;
  min-height:2.9em;
}
.ui796ab-gcard:hover,.ui796ab-gcard:focus-visible{box-shadow:var(--ui796ab-glow);text-decoration:none;border-color:rgba(255,179,71,.6);}
.ui796ab-gcard:active{transform:translateY(1px);}
.ui796ab-gcard--route{border-color:rgba(189,183,107,.55);}
.ui796ab-gcard--route .ui796ab-gname{color:var(--ui796ab-khaki);}

/* per-category accent ring, keeps groups visually separated */
.ui796ab-tint--fish .ui796ab-gcard{border-top:2px solid rgba(255,179,71,.55);}
.ui796ab-tint--poker .ui796ab-gcard{border-top:2px solid rgba(189,183,107,.55);}
.ui796ab-tint--live .ui796ab-gcard{border-top:2px solid rgba(255,149,0,.55);}
.ui796ab-tint--hot .ui796ab-gcard{border-top:2px solid rgba(211,211,211,.45);}
.ui796ab-tint--slot .ui796ab-gcard{border-top:2px solid rgba(255,179,71,.35);}

.ui796ab-more{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 6px;
}
.ui796ab-mlink{
  flex:1 1 45%;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:9px 10px;
  border-radius:var(--ui796ab-r-cta);
  border:1px solid var(--ui796ab-line-strong);
  background:rgba(52,72,92,.55);
  color:var(--ui796ab-ink);
  font-size:12.5px;
  font-weight:700;
  text-decoration:none;
  transition:box-shadow .18s ease;
}
.ui796ab-mlink:hover,.ui796ab-mlink:focus-visible{box-shadow:var(--ui796ab-glow);text-decoration:none;}

/* ---------- play style cards ---------- */
.ui796ab-styles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.ui796ab-style{
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:var(--ui796ab-panel);
  padding:11px 11px 9px;
}
.ui796ab-style-tag{
  display:inline-block;
  font-size:10.5px;
  font-weight:700;
  color:#242F1A;
  background:linear-gradient(135deg,var(--ui796ab-amber),var(--ui796ab-orange));
  border-radius:4px;
  padding:2px 8px;
  margin-bottom:6px;
}
.ui796ab-style h3{font-size:13.5px;color:var(--ui796ab-ink);margin-bottom:4px;}
.ui796ab-style p{font-size:12px;color:var(--ui796ab-soft);margin:0;}

/* ---------- steps ---------- */
.ui796ab-steps{
  list-style:none;
  margin:8px 0 4px;
  padding:0;
  counter-reset:ui796abstep;
}
.ui796ab-step{
  counter-increment:ui796abstep;
  position:relative;
  padding:0 0 12px 40px;
}
.ui796ab-step::before{
  content:counter(ui796abstep);
  position:absolute;
  left:0;
  top:1px;
  width:28px;height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:var(--ui796ab-panel-2);
  border:1px solid rgba(255,179,71,.5);
  color:var(--ui796ab-amber);
  font-size:13px;
  font-weight:700;
}
.ui796ab-step:not(:last-child)::after{
  content:"";
  position:absolute;
  left:13.5px;
  top:32px;
  bottom:2px;
  width:1px;
  background:var(--ui796ab-line-strong);
}
.ui796ab-step h3{font-size:13.5px;color:var(--ui796ab-ink);margin-bottom:3px;}
.ui796ab-step p{font-size:12.5px;color:var(--ui796ab-soft);margin:0;}

/* ---------- about / fact tiles ---------- */
.ui796ab-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:10px 0 6px;
}
.ui796ab-fact{
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:var(--ui796ab-panel);
  padding:10px 11px;
}
.ui796ab-fact b{
  display:block;
  font-size:15px;
  color:var(--ui796ab-amber);
  margin-bottom:2px;
}
.ui796ab-fact span{font-size:11.5px;color:var(--ui796ab-dim);line-height:1.5;display:block;}

/* ---------- comparison table ---------- */
.ui796ab-compare{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
  color:var(--ui796ab-soft);
  margin:8px 0 6px;
}
.ui796ab-compare caption{
  caption-side:top;
  text-align:left;
  font-size:11.5px;
  color:var(--ui796ab-dim);
  padding-bottom:6px;
}
.ui796ab-compare th,.ui796ab-compare td{
  border:1px solid var(--ui796ab-line);
  padding:8px 9px;
  vertical-align:top;
  text-align:left;
}
.ui796ab-compare thead th{
  background:var(--ui796ab-panel-2);
  color:var(--ui796ab-ink);
  font-size:12px;
}
.ui796ab-compare tbody th{
  background:rgba(52,72,92,.6);
  color:var(--ui796ab-khaki);
  font-weight:700;
  white-space:nowrap;
}

/* ---------- extended footer (home only) ---------- */
.ui796ab-ext{
  margin-top:18px;
  border-top:3px solid var(--ui796ab-amber);
  background:var(--ui796ab-bg-deep);
  padding:16px 12px 14px;
}
.ui796ab-ext-brand{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:12px;
}
.ui796ab-ext-brand img{
  width:40px;height:40px;
  border-radius:var(--ui796ab-r);
  border:1px solid rgba(255,179,71,.5);
  flex:0 0 auto;
  object-fit:cover;
}
.ui796ab-ext-brand p{font-size:12px;color:var(--ui796ab-soft);margin:0;}
.ui796ab-ext-brand b{color:var(--ui796ab-ink);}
.ui796ab-ext h2{font-size:15px;color:var(--ui796ab-ink);margin:0 0 10px;}
.ui796ab-dir-group{margin-bottom:10px;}
.ui796ab-dir-label{
  font-size:11px;
  font-weight:700;
  color:var(--ui796ab-khaki);
  margin:0 0 5px;
}
.ui796ab-dir-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0;padding:0;list-style:none;
}
.ui796ab-dir-list a{
  display:inline-block;
  padding:6px 11px;
  min-height:32px;
  line-height:1.4;
  border-radius:999px;
  border:1px solid var(--ui796ab-line-strong);
  background:var(--ui796ab-panel);
  color:var(--ui796ab-soft);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.ui796ab-dir-list a:hover,.ui796ab-dir-list a:focus-visible{box-shadow:var(--ui796ab-glow);text-decoration:none;}
.ui796ab-ext-promos{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.ui796ab-promo-act{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:9px 10px;
  border-radius:var(--ui796ab-r-cta);
  border:1px solid rgba(255,179,71,.55);
  background:linear-gradient(135deg,rgba(255,179,71,.16),rgba(255,149,0,.16));
  color:var(--ui796ab-amber);
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  transition:box-shadow .18s ease,transform .18s ease;
}
.ui796ab-promo-act:hover,.ui796ab-promo-act:focus-visible{box-shadow:var(--ui796ab-glow);}
.ui796ab-promo-act:active{transform:translateY(1px);}
.ui796ab-ext-note{
  font-size:11px;
  color:var(--ui796ab-dim);
  line-height:1.6;
  border-top:1px dashed var(--ui796ab-line-strong);
  padding-top:9px;
  margin:0;
}

/* ---------- common footer ---------- */
.ui796ab-foot{
  padding:12px 12px 8px;
  text-align:center;
  border-top:1px solid var(--ui796ab-line);
}
.ui796ab-foot p{
  margin:0;
  font-size:11.5px;
  color:var(--ui796ab-dim);
}

/* ---------- segmented action dock (bottom nav) ---------- */
.ui796ab-dock{
  position:fixed;
  left:50%;
  bottom:0;
  z-index:65;
  width:100%;
  max-width:430px;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  background:linear-gradient(180deg,rgba(34,48,63,.97),var(--ui796ab-bg-deep));
  border-top:1px solid var(--ui796ab-line-strong);
  padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
}
.ui796ab-dock-item{
  -webkit-appearance:none;appearance:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:52px;
  padding:4px 2px;
  border:0;
  background:transparent;
  color:var(--ui796ab-soft);
  font-size:10px;
  font-weight:700;
  line-height:1.3;
  cursor:pointer;
  text-decoration:none;
  border-radius:var(--ui796ab-r);
}
.ui796ab-dock-item span{display:block;}
/* containerized symbol tile */
.ui796ab-ico{
  width:30px;height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:var(--ui796ab-panel);
  border:1px solid var(--ui796ab-line);
  transition:background .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.ui796ab-ico svg{width:17px;height:17px;display:block;}
.ui796ab-ico .ui796ab-ico-fill{fill:transparent;transition:fill .2s ease;}
.ui796ab-dock-item:hover .ui796ab-ico,
.ui796ab-dock-item:focus-visible .ui796ab-ico{box-shadow:var(--ui796ab-glow);border-color:rgba(255,179,71,.55);}
.ui796ab-dock-item:hover{color:var(--ui796ab-ink);text-decoration:none;}
/* active : icon fill flips + restrained glow */
.ui796ab-dock-item.ui796ab-is-here{color:var(--ui796ab-amber);}
.ui796ab-dock-item.ui796ab-is-here .ui796ab-ico{
  background:rgba(255,149,0,.18);
  border-color:rgba(255,179,71,.7);
  box-shadow:var(--ui796ab-glow);
}
.ui796ab-dock-item.ui796ab-is-here .ui796ab-ico .ui796ab-ico-fill{fill:var(--ui796ab-amber);}

/* ---------- expandable question cards ---------- */
.ui796ab-faq-list{
  display:grid;
  gap:9px;
  margin:10px 0 4px;
}
.ui796ab-faq{
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:var(--ui796ab-panel);
  overflow:hidden;
}
.ui796ab-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:50px;
  padding:10px 12px;
  color:var(--ui796ab-ink);
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}
.ui796ab-faq summary::-webkit-details-marker{display:none;}
.ui796ab-faq summary::after{
  content:"+";
  flex:0 0 auto;
  color:var(--ui796ab-amber);
  font-size:18px;
  font-weight:400;
}
.ui796ab-faq[open] summary{background:var(--ui796ab-panel-2);}
.ui796ab-faq[open] summary::after{content:"−";}
.ui796ab-faq-answer{
  padding:0 12px 12px;
  color:var(--ui796ab-soft);
  font-size:12.5px;
  line-height:1.7;
}
.ui796ab-faq-answer p{margin:0 0 .7em;}
.ui796ab-faq-answer p:last-child{margin-bottom:0;}
.ui796ab-callout{
  margin:10px 0;
  padding:11px 12px;
  border:1px solid rgba(189,183,107,.55);
  border-radius:var(--ui796ab-r);
  background:rgba(189,183,107,.10);
  color:var(--ui796ab-soft);
  font-size:12.5px;
}
.ui796ab-callout b{color:var(--ui796ab-amber);}

/* ---------- help page layouts ---------- */
.ui796ab-help-hero{
  padding:16px 12px 14px;
  background:linear-gradient(135deg,rgba(255,179,71,.15),rgba(52,72,92,.7));
  border-bottom:1px solid var(--ui796ab-line);
}
.ui796ab-help-hero h1{font-size:21px;color:var(--ui796ab-ink);margin:0 0 7px;}
.ui796ab-help-hero p{font-size:13px;color:var(--ui796ab-soft);margin:0;}
.ui796ab-signal{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:12px;
}
.ui796ab-signal-item{
  min-height:60px;
  padding:8px 7px;
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:rgba(34,48,63,.72);
  text-align:center;
}
.ui796ab-signal-item b{display:block;color:var(--ui796ab-amber);font-size:14px;}
.ui796ab-signal-item span{display:block;color:var(--ui796ab-dim);font-size:10.5px;line-height:1.4;}
.ui796ab-risk-strip{
  margin:12px 12px 0;
  padding:11px 12px;
  border-left:3px solid var(--ui796ab-orange);
  border-radius:var(--ui796ab-r);
  background:rgba(255,149,0,.12);
  color:var(--ui796ab-soft);
  font-size:12.5px;
}
.ui796ab-risk-strip b{color:var(--ui796ab-amber);}
.ui796ab-tip-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:9px 0;
}
.ui796ab-tip-card{
  padding:11px 10px 9px;
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:var(--ui796ab-panel);
}
.ui796ab-tip-card:nth-child(3n){border-top:2px solid var(--ui796ab-khaki);}
.ui796ab-tip-card:nth-child(3n+1){border-top:2px solid var(--ui796ab-amber);}
.ui796ab-tip-card:nth-child(3n+2){border-top:2px solid var(--ui796ab-orange);}
.ui796ab-tip-card h3{font-size:13px;color:var(--ui796ab-ink);margin-bottom:5px;}
.ui796ab-tip-card p{font-size:12px;color:var(--ui796ab-soft);margin:0;}
.ui796ab-checklist{list-style:none;margin:9px 0 4px;padding:0;}
.ui796ab-checklist li{
  position:relative;
  padding:8px 8px 8px 28px;
  border-bottom:1px solid var(--ui796ab-line);
  color:var(--ui796ab-soft);
  font-size:12.5px;
}
.ui796ab-checklist li::before{content:"✓";position:absolute;left:5px;top:7px;color:var(--ui796ab-amber);font-weight:700;}
.ui796ab-mini-table{width:100%;border-collapse:collapse;font-size:11.5px;color:var(--ui796ab-soft);margin:9px 0;}
.ui796ab-mini-table th,.ui796ab-mini-table td{padding:8px 7px;border:1px solid var(--ui796ab-line);vertical-align:top;text-align:left;}
.ui796ab-mini-table th{background:var(--ui796ab-panel-2);color:var(--ui796ab-ink);font-weight:700;}
.ui796ab-help-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 3px;}
.ui796ab-help-links .ui796ab-btn{flex:1 1 44%;}
.ui796ab-faq-list{
  display:grid;
  gap:9px;
  margin:10px 0 4px;
}
.ui796ab-faq{
  border:1px solid var(--ui796ab-line);
  border-radius:var(--ui796ab-r);
  background:var(--ui796ab-panel);
  overflow:hidden;
}
.ui796ab-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:50px;
  padding:10px 12px;
  color:var(--ui796ab-ink);
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}
.ui796ab-faq summary::-webkit-details-marker{display:none;}
.ui796ab-faq summary::after{content:"+";flex:0 0 auto;color:var(--ui796ab-amber);font-size:18px;font-weight:400;}
.ui796ab-faq[open] summary{background:var(--ui796ab-panel-2);}
.ui796ab-faq[open] summary::after{content:"−";}
.ui796ab-faq-answer{padding:0 12px 12px;color:var(--ui796ab-soft);font-size:12.5px;line-height:1.7;}
.ui796ab-faq-answer p{margin:0 0 .7em;}
.ui796ab-faq-answer p:last-child{margin-bottom:0;}
.ui796ab-callout{margin:10px 0;padding:11px 12px;border:1px solid rgba(189,183,107,.55);border-radius:var(--ui796ab-r);background:rgba(189,183,107,.10);color:var(--ui796ab-soft);font-size:12.5px;}
.ui796ab-callout b{color:var(--ui796ab-amber);}
.ui796ab-choice{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:9px;
  align-items:start;
  padding:10px 0;
  border-bottom:1px solid var(--ui796ab-line);
}
.ui796ab-choice:last-child{border-bottom:0;}
.ui796ab-choice-mark{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--ui796ab-panel-2);border:1px solid rgba(255,179,71,.5);color:var(--ui796ab-amber);font-weight:700;}
.ui796ab-choice h3{font-size:13px;color:var(--ui796ab-ink);margin-bottom:2px;}
.ui796ab-choice p{font-size:12px;color:var(--ui796ab-soft);margin:0;}

/* ---------- utilities ---------- */
.ui796ab-sr{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;border:0;
}
.ui796ab-lede{font-size:13.5px;color:var(--ui796ab-soft);}
.ui796ab-lede b{color:var(--ui796ab-ink);}

/* single H1 page title */
.ui796ab-titleblock{padding-top:14px;padding-bottom:2px;border-top:0;}
.ui796ab-h1{
  font-size:21px;
  color:var(--ui796ab-ink);
  margin:0 0 8px;
}
.ui796ab-h1::after{
  content:"";
  display:block;
  width:56px;height:3px;
  margin-top:7px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--ui796ab-amber),var(--ui796ab-orange));
}

/* short-distance section entrance */
@keyframes ui796ab-rise{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);}
}
.ui796ab-sec,.ui796ab-ext{animation:ui796ab-rise .28s ease both;}

/* ---------- motion preferences ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ---------- very narrow safety (320px) ---------- */
@media (max-width:339px){
  .ui796ab-route-list{grid-template-columns:1fr;}
  .ui796ab-ext-promos{grid-template-columns:1fr;}
  .ui796ab-hero-title{font-size:14px;}
  .ui796ab-sec-head h2{font-size:15.5px;}
}