/* ============================================================
   sunwin yiii - mobile-first casino surface stylesheet
   prefix: c94995-  |  hash: 68394995
   palette: deep navy/teal canvas, light mint text
   ============================================================ */

:root{
  --c94995-ink:#0E1621;          /* deep background */
  --c94995-teal-deep:#004D40;    /* deep accent */
  --c94995-teal-mint:#B2DFDB;    /* light accent */
  --c94995-paper:#F0FDFF;        /* primary text on dark */
  --c94995-mute:#A9A9A9;         /* secondary text */
  --c94995-line:rgba(178,223,219,.16);
  --c94995-line-strong:rgba(178,223,219,.32);
  --c94995-card:#13202C;
  --c94995-card-2:#0B141D;
  --c94995-glow:rgba(178,223,219,.22);
  --c94995-amber:#E9C46A;
  --c94995-danger:#E76F51;
  --c94995-shadow:0 10px 26px rgba(0,0,0,.42);
  --c94995-r-sm:8px;
  --c94995-r-md:14px;
  --c94995-r-lg:20px;
  --c94995-r-pill:999px;
  --c94995-track:44px;
  --c94995-canvas:430px;
  --c94995-font-display:"Be Vietnam Pro","Segoe UI",system-ui,-apple-system,sans-serif;
  --c94995-font-body:"Inter","Be Vietnam Pro",system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html,body{margin:0;padding:0}
body{
  font-family:var(--c94995-font-body);
  background:#06101A;
  color:var(--c94995-paper);
  line-height:1.6;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:var(--c94995-teal-mint);text-decoration:none}
a:focus-visible{outline:2px solid var(--c94995-teal-mint);outline-offset:2px;border-radius:4px}
button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--c94995-font-display);line-height:1.25;margin:0;font-weight:700;letter-spacing:-.01em}
p{margin:0 0 .85rem}

/* ---------- canvas: centered mobile frame on wide screens ---------- */
.c94995-canvas{
  position:relative;
  width:100%;
  max-width:var(--c94995-canvas);
  margin:0 auto;
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(0,77,64,.38) 0%, rgba(0,77,64,0) 60%),
    linear-gradient(180deg,#0A1520 0%,#0E1621 40%,#0B141D 100%);
  min-height:100vh;
  box-shadow:var(--c94995-shadow);
  overflow:hidden;
}

/* ---------- top header (fixed inside canvas) ---------- */
.c94995-header{
  position:sticky;
  top:0;
  z-index:60;
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .7rem;
  background:linear-gradient(180deg,rgba(8,16,24,.96),rgba(8,16,24,.82));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--c94995-line);
}
.c94995-brand{
  display:flex;
  align-items:center;
  gap:.5rem;
  min-width:0;
  flex:1;
}
.c94995-brand img{
  width:38px;
  height:38px;
  border-radius:var(--c94995-r-sm);
  border:1px solid var(--c94995-line-strong);
  object-fit:cover;
  flex-shrink:0;
}
.c94995-brand-name{
  font-family:var(--c94995-font-display);
  font-weight:800;
  font-size:1.06rem;
  color:var(--c94995-paper);
  letter-spacing:.01em;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.c94995-brand-name span{color:var(--c94995-teal-mint)}

.c94995-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.c94995-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-height:var(--c94995-track);
  padding:0 .85rem;
  border-radius:var(--c94995-r-pill);
  font-weight:700;
  font-size:.86rem;
  letter-spacing:.01em;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  white-space:nowrap;
}
.c94995-btn:active{transform:translateY(1px) scale(.98)}
.c94995-btn--ghost{
  background:rgba(178,223,219,.08);
  color:var(--c94995-teal-mint);
  border:1px solid var(--c94995-line-strong);
}
.c94995-btn--solid{
  background:linear-gradient(135deg,var(--c94995-teal-mint) 0%,#7FCBC4 100%);
  color:#04221D;
  box-shadow:0 6px 16px rgba(178,223,219,.25);
}
.c94995-btn--amber{
  background:linear-gradient(135deg,#F3D27A 0%,var(--c94995-amber) 100%);
  color:#3A2A06;
  box-shadow:0 6px 16px rgba(233,196,106,.28);
}
.c94995-menu-btn{
  width:var(--c94995-track);
  height:var(--c94995-track);
  border-radius:var(--c94995-r-sm);
  background:rgba(178,223,219,.08);
  border:1px solid var(--c94995-line);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  flex-shrink:0;
}
.c94995-menu-btn span{
  display:block;
  width:18px;
  height:2px;
  background:var(--c94995-teal-mint);
  border-radius:2px;
  transition:transform .22s ease, opacity .18s ease;
}
.c94995-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.c94995-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.c94995-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------- slide-down stacked overlay menu ---------- */
.c94995-overlay{
  position:fixed;
  inset:0;
  z-index:55;
  visibility:hidden;
  pointer-events:none;
}
.c94995-overlay[data-open="true"]{
  visibility:visible;
  pointer-events:auto;
}
.c94995-overlay-mask{
  position:absolute;
  inset:0;
  background:rgba(4,10,16,.66);
  opacity:0;
  transition:opacity .25s ease;
}
.c94995-overlay[data-open="true"] .c94995-overlay-mask{opacity:1}
.c94995-panel{
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,-104%);
  width:100%;
  max-width:var(--c94995-canvas);
  background:linear-gradient(180deg,#0C1822 0%,#0A1320 100%);
  border-bottom:1px solid var(--c94995-line-strong);
  padding:4.4rem .9rem 1.4rem;
  transition:transform .3s cubic-bezier(.22,.61,.36,1);
  max-height:86vh;
  overflow-y:auto;
}
.c94995-overlay[data-open="true"] .c94995-panel{transform:translate(-50%,0)}
.c94995-panel-title{
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--c94995-mute);
  margin:.4rem .2rem .65rem;
}
.c94995-panel-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
}
.c94995-panel-link{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.7rem .7rem;
  border-radius:var(--c94995-r-md);
  background:rgba(178,223,219,.06);
  border:1px solid var(--c94995-line);
  color:var(--c94995-paper);
  font-weight:600;
  font-size:.88rem;
  min-height:var(--c94995-track);
  transition:background .18s ease, transform .18s ease;
}
.c94995-panel-link:active{transform:scale(.98)}
.c94995-panel-link .c94995-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--c94995-teal-mint);
  box-shadow:0 0 8px var(--c94995-glow);
  flex-shrink:0;
}
.c94995-panel-cta{
  margin-top:.9rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
}

/* ---------- main content spacing ---------- */
.c94995-main{
  padding:0 0 92px; /* room for fixed bottom nav */
}
.c94995-section{
  padding:1.05rem .85rem .4rem;
}
.c94995-section + .c94995-section{border-top:1px solid var(--c94995-line)}

/* ---------- hero / carousel ---------- */
.c94995-hero{
  position:relative;
  padding:.85rem .85rem 1rem;
}
.c94995-hero-head{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  margin-bottom:.85rem;
}
.c94995-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  align-self:flex-start;
  padding:.28rem .65rem;
  border-radius:var(--c94995-r-pill);
  background:rgba(178,223,219,.1);
  border:1px solid var(--c94995-line-strong);
  color:var(--c94995-teal-mint);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.04em;
}
.c94995-hero-eyebrow::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--c94995-amber);
  box-shadow:0 0 6px rgba(233,196,106,.7);
}
.c94995-hero h1{
  font-size:1.55rem;
  letter-spacing:-.02em;
}
.c94995-hero h1 em{
  font-style:normal;
  color:var(--c94995-teal-mint);
}
.c94995-hero p{
  color:var(--c94995-mute);
  font-size:.9rem;
  max-width:34ch;
}
.c94995-hero-cta{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.2rem;
}
.c94995-carousel{
  position:relative;
  border-radius:var(--c94995-r-lg);
  overflow:hidden;
  border:1px solid var(--c94995-line-strong);
  box-shadow:var(--c94995-shadow);
}
.c94995-carousel-track{
  display:flex;
  scroll-snap-type:x mandatory;
  overflow-x:auto;
  scroll-behavior:smooth;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.c94995-carousel-track::-webkit-scrollbar{display:none}
.c94995-slide{
  flex:0 0 100%;
  scroll-snap-align:center;
  position:relative;
}
.c94995-slide img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.c94995-slide-cap{
  position:absolute;
  left:.7rem;
  bottom:.65rem;
  right:.7rem;
  background:linear-gradient(180deg,rgba(4,10,16,0),rgba(4,10,16,.82));
  padding:1.4rem .7rem .55rem;
  border-radius:0 0 var(--c94995-r-md) var(--c94995-r-md);
}
.c94995-slide-cap strong{
  display:block;
  font-family:var(--c94995-font-display);
  font-size:1rem;
  color:var(--c94995-paper);
  margin-bottom:.2rem;
}
.c94995-slide-cap span{
  font-size:.78rem;
  color:var(--c94995-teal-mint);
  font-weight:600;
}
.c94995-dots{
  display:flex;
  justify-content:center;
  gap:.35rem;
  margin-top:.55rem;
}
.c94995-dots button{
  width:7px;height:7px;border-radius:50%;
  background:rgba(178,223,219,.28);
  transition:width .22s ease, background .22s ease;
  padding:0;
}
.c94995-dots button.is-active{
  width:22px;
  border-radius:var(--c94995-r-pill);
  background:var(--c94995-teal-mint);
}

/* ---------- category anchor rail ---------- */
.c94995-rail{
  display:flex;
  gap:.45rem;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding:.2rem .85rem .65rem;
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.c94995-rail::-webkit-scrollbar{display:none}
.c94995-rail a{
  flex-shrink:0;
  padding:.5rem .85rem;
  border-radius:var(--c94995-r-pill);
  background:rgba(178,223,219,.06);
  border:1px solid var(--c94995-line);
  color:var(--c94995-paper);
  font-size:.82rem;
  font-weight:600;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}
.c94995-rail a:active{transform:scale(.97)}
.c94995-rail a::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--c94995-teal-mint);
}

/* ---------- section header ---------- */
.c94995-sec-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.6rem;
  margin-bottom:.75rem;
}
.c94995-sec-head h2{
  font-size:1.12rem;
  letter-spacing:-.01em;
}
.c94995-sec-head h2 mark{
  background:linear-gradient(180deg,transparent 60%,rgba(178,223,219,.28) 60%);
  color:var(--c94995-paper);
  padding:0 .12rem;
}
.c94995-sec-head .c94995-more{
  font-size:.78rem;
  color:var(--c94995-teal-mint);
  font-weight:600;
  white-space:nowrap;
}
.c94995-sec-sub{
  color:var(--c94995-mute);
  font-size:.84rem;
  margin:-.45rem 0 .8rem;
}

/* ---------- game grid (tight mobile grid) ---------- */
.c94995-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.5rem .45rem;
}
@media (min-width:360px){
  .c94995-grid{gap:.55rem .55rem}
}
@media (min-width:395px){
  .c94995-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
}
.c94995-card{
  position:relative;
  border-radius:var(--c94995-r-md);
  overflow:hidden;
  background:var(--c94995-card);
  border:1px solid var(--c94995-line);
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.c94995-card:active{
  transform:translateY(2px) scale(.98);
  border-color:var(--c94995-line-strong);
  box-shadow:0 6px 16px rgba(0,0,0,.4);
}
.c94995-card-media{
  position:relative;
  aspect-ratio:1/1;
  background:radial-gradient(circle at 50% 35%,rgba(178,223,219,.18),rgba(0,0,0,0) 70%);
}
.c94995-card-media img{
  width:100%;height:100%;
  object-fit:cover;
}
.c94995-card-tag{
  position:absolute;
  top:5px;left:5px;
  padding:.12rem .4rem;
  border-radius:var(--c94995-r-pill);
  background:rgba(0,0,0,.55);
  color:var(--c94995-teal-mint);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.02em;
  backdrop-filter:blur(4px);
}
.c94995-card-tag.is-hot{color:var(--c94995-amber)}
.c94995-card-name{
  font-size:.72rem;
  line-height:1.25;
  padding:.32rem .4rem .45rem;
  text-align:center;
  color:var(--c94995-paper);
  font-weight:600;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.32));
}

/* ---------- feature strip ---------- */
.c94995-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.5rem;
  margin:.2rem 0 .1rem;
}
.c94995-strip-item{
  padding:.65rem .5rem;
  border-radius:var(--c94995-r-md);
  background:rgba(178,223,219,.05);
  border:1px solid var(--c94995-line);
  text-align:center;
}
.c94995-strip-item b{
  display:block;
  font-family:var(--c94995-font-display);
  font-size:1.05rem;
  color:var(--c94995-teal-mint);
}
.c94995-strip-item span{
  font-size:.7rem;
  color:var(--c94995-mute);
}

/* ---------- content modules (text-heavy) ---------- */
.c94995-block{
  background:linear-gradient(180deg,rgba(178,223,219,.05),rgba(178,223,219,.02));
  border:1px solid var(--c94995-line);
  border-radius:var(--c94995-r-lg);
  padding:1rem .9rem;
  margin-bottom:.7rem;
}
.c94995-block h3{
  font-size:1rem;
  margin-bottom:.5rem;
  color:var(--c94995-paper);
  display:flex;
  align-items:center;
  gap:.45rem;
}
.c94995-block h3::before{
  content:"";
  width:5px;height:18px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--c94995-teal-mint),var(--c94995-teal-deep));
}
.c94995-block p{color:#CDDDE0;font-size:.88rem;margin-bottom:.6rem}
.c94995-block p:last-child{margin-bottom:0}
.c94995-block strong{color:var(--c94995-teal-mint)}
.c94995-block a{color:var(--c94995-teal-mint);border-bottom:1px dashed rgba(178,223,219,.4)}

.c94995-qList{margin-top:.2rem}
.c94995-qList li{
  position:relative;
  padding:.5rem .5rem .5rem 1.3rem;
  font-size:.85rem;
  color:#C6D6D9;
  border-bottom:1px dashed var(--c94995-line);
}
.c94995-qList li:last-child{border-bottom:0}
.c94995-qList li::before{
  content:"?";
  position:absolute;
  left:.2rem;top:.5rem;
  width:18px;height:18px;
  border-radius:50%;
  background:rgba(178,223,219,.12);
  color:var(--c94995-teal-mint);
  font-weight:800;
  font-size:.72rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.c94995-steps{
  counter-reset:step;
  margin:.2rem 0;
}
.c94995-steps li{
  position:relative;
  padding:.5rem .5rem .5rem 2.4rem;
  font-size:.86rem;
  color:#C6D6D9;
  border-left:1px solid var(--c94995-line-strong);
  margin-left:.6rem;
}
.c94995-steps li::before{
  counter-increment:step;
  content:counter(step);
  position:absolute;
  left:-13px;
  top:.4rem;
  width:26px;height:26px;
  border-radius:50%;
  background:var(--c94995-teal-deep);
  color:var(--c94995-teal-mint);
  font-weight:800;
  font-size:.8rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--c94995-ink);
}

/* ---------- inline body link card ---------- */
.c94995-bodyLink{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.7rem .75rem;
  border-radius:var(--c94995-r-md);
  background:rgba(0,77,64,.18);
  border:1px solid var(--c94995-line-strong);
  margin:.5rem 0;
  color:var(--c94995-paper);
  font-weight:600;
  font-size:.88rem;
}
.c94995-bodyLink span{color:var(--c94995-mute);font-weight:400;font-size:.8rem;flex:1}
.c94995-bodyLink::after{
  content:"→";
  color:var(--c94995-teal-mint);
  font-weight:700;
}

/* ---------- CTA banner ---------- */
.c94995-cta-banner{
  position:relative;
  border-radius:var(--c94995-r-lg);
  padding:1.1rem .9rem;
  background:
    radial-gradient(120% 80% at 80% 0%, rgba(233,196,106,.28), rgba(233,196,106,0) 60%),
    linear-gradient(135deg,#0A3A33 0%,#07241F 100%);
  border:1px solid var(--c94995-line-strong);
  overflow:hidden;
}
.c94995-cta-banner h3{
  font-size:1.05rem;
  margin-bottom:.35rem;
  color:var(--c94995-paper);
}
.c94995-cta-banner p{color:#B9CFD1;font-size:.82rem;margin-bottom:.7rem}
.c94995-cta-banner .c94995-btn{width:100%}

/* ---------- extended homepage footer ---------- */
.c94995-ext{
  padding:1rem .85rem .6rem;
  border-top:1px solid var(--c94995-line);
  background:linear-gradient(180deg,rgba(8,16,24,.4),rgba(8,16,24,.9));
}
.c94995-ext-group{margin-bottom:.85rem}
.c94995-ext-group h4{
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--c94995-mute);
  margin-bottom:.45rem;
  font-family:var(--c94995-font-display);
}
.c94995-ext-links{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem .55rem;
}
.c94995-ext-links a{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  padding:.35rem .6rem;
  border-radius:var(--c94995-r-pill);
  background:rgba(178,223,219,.06);
  border:1px solid var(--c94995-line);
  font-size:.78rem;
  color:var(--c94995-paper);
}
.c94995-ext-links a:active{transform:scale(.97)}
.c94995-ext-promo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
}
.c94995-ext-promo button{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  align-items:flex-start;
  padding:.6rem .65rem;
  border-radius:var(--c94995-r-md);
  background:rgba(0,77,64,.22);
  border:1px solid var(--c94995-line-strong);
  font-size:.78rem;
  font-weight:600;
  color:var(--c94995-paper);
  text-align:left;
}
.c94995-ext-promo button small{color:var(--c94995-teal-mint);font-size:.68rem;font-weight:500}
.c94995-ext-brand{
  font-size:.82rem;
  color:#B9CFD1;
  line-height:1.55;
}
.c94995-ext-disclaimer{
  font-size:.72rem;
  color:var(--c94995-mute);
  border-top:1px dashed var(--c94995-line);
  padding-top:.6rem;
  line-height:1.5;
}

/* ---------- universal footer ---------- */
.c94995-foot{
  padding:1rem .85rem 1.2rem;
  text-align:center;
  border-top:1px solid var(--c94995-line);
}
.c94995-foot-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.35rem .6rem;
  margin-bottom:.6rem;
}
.c94995-foot-nav a{
  font-size:.76rem;
  color:var(--c94995-mute);
}
.c94995-foot-nav a::after{content:"·";margin-left:.6rem;color:var(--c94995-line-strong)}
.c94995-foot-nav a:last-child::after{content:""}
.c94995-foot-copy{
  font-size:.72rem;
  color:var(--c94995-mute);
  line-height:1.6;
}
.c94995-foot-copy b{color:var(--c94995-teal-mint)}

/* ---------- fixed bottom nav (5 roles) ---------- */
.c94995-bottom{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:100%;
  max-width:var(--c94995-canvas);
  z-index:50;
  background:linear-gradient(180deg,rgba(8,16,24,.86),rgba(6,12,18,.98));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-top:1px solid var(--c94995-line-strong);
  padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:end;
}
.c94995-bottom-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  min-height:50px;
  padding:.2rem .1rem;
  color:var(--c94995-mute);
  font-size:.62rem;
  font-weight:600;
  position:relative;
  border-radius:var(--c94995-r-sm);
  transition:color .18s ease;
}
.c94995-bottom-item.is-active{color:var(--c94995-teal-mint)}
.c94995-bottom-item.is-active::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:24px;height:3px;
  border-radius:0 0 3px 3px;
  background:var(--c94995-teal-mint);
  box-shadow:0 0 8px var(--c94995-glow);
}
.c94995-bottom-item:active{color:var(--c94995-paper)}
.c94995-bottom-item svg{width:22px;height:22px;flex-shrink:0}
.c94995-bottom-item.is-promo{
  color:var(--c94995-amber);
}
.c94995-bottom-item.is-promo svg{filter:drop-shadow(0 0 6px rgba(233,196,106,.5))}
.c94995-bottom-mid{
  position:relative;
}
.c94995-bottom-mid svg{
  width:30px;height:30px;
}
.c94995-bottom-mid{
  background:linear-gradient(135deg,var(--c94995-teal-mint),#7FCBC4);
  color:#04221D;
  border-radius:50%;
  padding:.35rem;
  margin-top:-18px;
  box-shadow:0 6px 16px rgba(178,223,219,.32);
}
.c94995-bottom-mid.is-active{color:#04221D}
.c94995-bottom-mid.is-active::before{display:none}
.c94995-bottom-mid span{font-size:.56rem;font-weight:700;margin-top:.1rem}

/* ---------- utility ---------- */
.c94995-hide{display:none !important}
.c94995-overflow-guard{overflow-wrap:break-word;word-break:break-word}
.c94995-skip{
  position:absolute;
  left:-999px;top:0;
  background:var(--c94995-teal-mint);
  color:#04221D;
  padding:.5rem .8rem;
  border-radius:0 0 var(--c94995-r-md) 0;
  z-index:99;
  font-weight:700;
}
.c94995-skip:focus{left:0}

/* ---------- wide screens keep mobile canvas ---------- */
@media (min-width:480px){
  body{background:#040A10}
  .c94995-canvas{border-left:1px solid var(--c94995-line);border-right:1px solid var(--c94995-line)}
}

/* ---------- help-page additions ---------- */
.c94995-help-hero{padding:1rem .85rem .8rem;border-bottom:1px solid var(--c94995-line)}
.c94995-help-hero h1{font-size:1.45rem;margin:.45rem 0 .6rem}
.c94995-help-hero p{color:#C7D8DB;font-size:.9rem}
.c94995-help-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem}
.c94995-help-actions .c94995-btn{padding:0 .55rem}
.c94995-question{padding:1rem .85rem;border-bottom:1px solid var(--c94995-line)}
.c94995-question h2{font-size:1.12rem;margin-bottom:.55rem;color:var(--c94995-paper)}
.c94995-question>p{color:#C9D9DC;font-size:.89rem}
.c94995-checks{display:grid;gap:.5rem;margin:.65rem 0}
.c94995-checks li{position:relative;padding:.62rem .65rem .62rem 2rem;background:rgba(178,223,219,.05);border-left:3px solid var(--c94995-teal-mint);font-size:.85rem;color:#D0DFE1}
.c94995-checks li::before{content:"✓";position:absolute;left:.65rem;color:var(--c94995-teal-mint);font-weight:800}
.c94995-case-list{display:grid;gap:.55rem;margin:.65rem 0}
.c94995-case{padding:.72rem;border:1px solid var(--c94995-line);background:rgba(0,77,64,.14)}
.c94995-case h3{font-size:.92rem;color:var(--c94995-teal-mint);margin-bottom:.25rem}
.c94995-case p{font-size:.82rem;color:#C7D8DB;margin:0}
.c94995-promo-text{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 0;color:var(--c94995-amber);font-weight:700;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.c94995-help-table{width:100%;border-collapse:collapse;margin:.65rem 0;font-size:.79rem;table-layout:fixed}
.c94995-help-table th,.c94995-help-table td{padding:.55rem .45rem;border:1px solid var(--c94995-line);vertical-align:top;overflow-wrap:anywhere}
.c94995-help-table th{background:rgba(178,223,219,.1);color:var(--c94995-teal-mint);text-align:left}
.c94995-help-table td{color:#CBDADD}
.c94995-note{padding:.75rem;border-left:3px solid var(--c94995-amber);background:rgba(233,196,106,.08);color:#E1D9BE;font-size:.84rem;margin:.65rem 0}
.c94995-route-links{display:grid;gap:.45rem;margin:.6rem 0}
.c94995-route-links a{display:block;min-height:44px;padding:.62rem .7rem;border:1px solid var(--c94995-line);color:var(--c94995-teal-mint);background:rgba(178,223,219,.04)}
.c94995-mini-cta{padding:.85rem;background:linear-gradient(90deg,rgba(0,77,64,.5),rgba(0,77,64,.18));border-block:1px solid var(--c94995-line);margin:.7rem 0}
.c94995-mini-cta p{font-size:.84rem;color:#D4E2E4}
.c94995-mini-cta .c94995-btn{width:100%}
@media (max-width:340px){.c94995-help-actions{grid-template-columns:1fr}.c94995-actions{gap:.25rem}.c94995-btn{padding:0 .58rem;font-size:.79rem}.c94995-brand-name{font-size:.92rem}}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important;transition:none !important;animation:none !important}
}