/* ==========================================================================
   Orion Play - shared visuals (mobile-first, 320-430px phone canvas)
   Class prefix: c6b5ac-  |  Palette: #141414 ink (bg) / #FDF5E6 cream (text)
   Tone: classic casino floor - geometric headings, neutral body copy,
   small-medium radii, mixed large/small game cards, state-color motion.
   ========================================================================== */

:root{
  --c6b5ac-ink:#141414;
  --c6b5ac-ink-deep:#0D0C0A;
  --c6b5ac-cream:#FDF5E6;
  --c6b5ac-gold:#E4C582;
  --c6b5ac-gold-soft:#C9A55C;
  --c6b5ac-panel:#1D1A14;
  --c6b5ac-panel-2:#262218;
  --c6b5ac-line:rgba(253,245,230,.15);
  --c6b5ac-line-strong:rgba(253,245,230,.30);
  --c6b5ac-dim:rgba(253,245,230,.70);
  --c6b5ac-faint:rgba(253,245,230,.44);
  --c6b5ac-hot:#E2795F;
  --c6b5ac-r-s:8px;
  --c6b5ac-r-m:12px;
  --c6b5ac-r-l:18px;
  --c6b5ac-head:'Century Gothic','Futura','Avenir Next','Trebuchet MS',Verdana,sans-serif;
  --c6b5ac-body:'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  --c6b5ac-top-h:58px;
  --c6b5ac-nav-h:62px;
}

html{ -webkit-text-size-adjust:100%; }
html.c6b5ac-noscroll{ overflow:hidden; }

body{
  margin:0;
  background:var(--c6b5ac-ink-deep);
  color:var(--c6b5ac-cream);
  font-family:var(--c6b5ac-body);
  font-size:14px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}

/* Phone canvas: everything lives in a 430px max column, centered on wide screens */
.c6b5ac-shell{
  position:relative;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:var(--c6b5ac-ink);
}
@media (min-width:431px){
  .c6b5ac-shell{
    border-left:1px solid var(--c6b5ac-line);
    border-right:1px solid var(--c6b5ac-line);
  }
}

h1,h2,h3{ font-family:var(--c6b5ac-head); margin:0; }
p{ margin:0 0 12px; }
ul{ margin:0; padding:0; list-style:none; }
img{ display:block; max-width:100%; }

a{ color:var(--c6b5ac-gold); text-decoration:none; }
a:hover{ color:var(--c6b5ac-cream); }

button{ font-family:inherit; }

a:focus-visible,
button:focus-visible{
  outline:2px solid var(--c6b5ac-gold);
  outline-offset:2px;
  border-radius:4px;
}

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

/* --------------------------------------------------------------------------
   Top action band (fixed, minimal): brand + register/login + drawer trigger
   -------------------------------------------------------------------------- */
.c6b5ac-topbar{
  position:fixed;
  top:0;left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  height:var(--c6b5ac-top-h);
  z-index:60;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  box-sizing:border-box;
  background:var(--c6b5ac-ink-deep);
  border-bottom:1px solid var(--c6b5ac-line);
}

.c6b5ac-brand{
  display:flex;
  align-items:center;
  gap:7px;
  margin-right:auto;
  color:var(--c6b5ac-cream);
}
.c6b5ac-brand-logo{
  width:32px;height:32px;
  border-radius:var(--c6b5ac-r-s);
  border:1px solid var(--c6b5ac-line-strong);
  object-fit:cover;
}
.c6b5ac-brand-name{
  font-family:var(--c6b5ac-head);
  font-size:15px;
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
}
.c6b5ac-brand-name em{
  font-style:normal;
  color:var(--c6b5ac-gold);
}

.c6b5ac-topacts{
  display:flex;
  align-items:center;
  gap:6px;
}

.c6b5ac-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border-radius:var(--c6b5ac-r-s);
  font-family:var(--c6b5ac-head);
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  cursor:pointer;
  border:1px solid transparent;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.c6b5ac-btn--solid{
  background:var(--c6b5ac-gold);
  color:#191410;
}
.c6b5ac-btn--solid:hover{ background:var(--c6b5ac-cream); color:#191410; }
.c6b5ac-btn--ghost{
  background:transparent;
  color:var(--c6b5ac-cream);
  border-color:var(--c6b5ac-line-strong);
}
.c6b5ac-btn--ghost:hover{ color:var(--c6b5ac-gold); border-color:var(--c6b5ac-gold); }

.c6b5ac-burger{
  width:40px;min-height:44px;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  background:transparent;
  border:1px solid var(--c6b5ac-line-strong);
  border-radius:var(--c6b5ac-r-s);
  cursor:pointer;
}
.c6b5ac-burger-bar{
  width:16px;height:2px;
  background:var(--c6b5ac-cream);
  border-radius:2px;
}
.c6b5ac-burger:hover .c6b5ac-burger-bar{ background:var(--c6b5ac-gold); }

/* --------------------------------------------------------------------------
   Side drawer menu
   -------------------------------------------------------------------------- */
.c6b5ac-scrim{
  position:fixed;
  inset:0;
  background:rgba(6,5,4,.66);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
  z-index:70;
}
.c6b5ac-scrim.c6b5ac-open{
  opacity:1;
  pointer-events:auto;
}

.c6b5ac-drawer{
  position:fixed;
  top:0;bottom:0;
  right:max(0px,calc(50% - 215px));
  width:min(84vw,300px);
  z-index:80;
  display:flex;
  flex-direction:column;
  background:var(--c6b5ac-ink-deep);
  border-left:1px solid var(--c6b5ac-line-strong);
  transform:translateX(102%);
  transition:transform .26s ease;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.c6b5ac-drawer.c6b5ac-open{ transform:translateX(0); }

.c6b5ac-drawer-head{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 14px 12px;
  border-bottom:1px solid var(--c6b5ac-line);
}
.c6b5ac-drawer-logo{
  width:30px;height:30px;
  border-radius:var(--c6b5ac-r-s);
  object-fit:cover;
}
.c6b5ac-drawer-brand{
  font-family:var(--c6b5ac-head);
  font-weight:700;
  font-size:14px;
  letter-spacing:.04em;
  margin-right:auto;
}
.c6b5ac-drawer-close{
  width:38px;height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1px solid var(--c6b5ac-line-strong);
  border-radius:var(--c6b5ac-r-s);
  color:var(--c6b5ac-cream);
  cursor:pointer;
}
.c6b5ac-drawer-close:hover{ color:var(--c6b5ac-gold); border-color:var(--c6b5ac-gold); }

.c6b5ac-drawer-body{ padding:6px 0 12px; }

.c6b5ac-drawer-label{
  padding:14px 16px 6px;
  font-family:var(--c6b5ac-head);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--c6b5ac-faint);
}
.c6b5ac-drawer-link{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  color:var(--c6b5ac-dim);
  font-size:13.5px;
  border-left:3px solid transparent;
}
.c6b5ac-drawer-link:hover{
  color:var(--c6b5ac-cream);
  background:var(--c6b5ac-panel);
}
.c6b5ac-drawer-link.c6b5ac-active{
  color:var(--c6b5ac-gold);
  border-left-color:var(--c6b5ac-gold);
  background:var(--c6b5ac-panel);
}

.c6b5ac-drawer-foot{
  margin-top:auto;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid var(--c6b5ac-line);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.c6b5ac-drawer-foot .c6b5ac-btn{ width:100%; }
.c6b5ac-drawer-note{
  font-size:10.5px;
  color:var(--c6b5ac-faint);
  text-align:center;
}

/* --------------------------------------------------------------------------
   Main column
   -------------------------------------------------------------------------- */
.c6b5ac-main{
  padding:calc(var(--c6b5ac-top-h) + 14px) 14px calc(var(--c6b5ac-nav-h) + 30px + env(safe-area-inset-bottom));
}

.c6b5ac-anchor{ scroll-margin-top:calc(var(--c6b5ac-top-h) + 10px); }

/* ----- hero / lede ----- */
.c6b5ac-hero{
  padding:6px 0 4px;
}
.c6b5ac-kicker{
  display:inline-block;
  font-family:var(--c6b5ac-head);
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--c6b5ac-gold);
  border:1px solid var(--c6b5ac-gold-soft);
  border-radius:999px;
  padding:4px 10px;
  margin-bottom:12px;
}
.c6b5ac-h1{
  font-size:26px;
  line-height:1.22;
  font-weight:700;
  letter-spacing:.01em;
  margin-bottom:12px;
}
.c6b5ac-h1 .c6b5ac-h1dim{ color:var(--c6b5ac-gold); }
.c6b5ac-lede{
  color:var(--c6b5ac-dim);
  font-size:14.5px;
}
.c6b5ac-heronote{
  margin-top:10px;
  padding:10px 12px;
  background:var(--c6b5ac-panel);
  border:1px solid var(--c6b5ac-line);
  border-radius:var(--c6b5ac-r-m);
  font-size:12.5px;
  color:var(--c6b5ac-dim);
}
.c6b5ac-heronote strong{ color:var(--c6b5ac-cream); }

/* segmented action buttons */
.c6b5ac-seg{
  display:flex;
  width:100%;
  margin:14px 0 4px;
  border:1px solid var(--c6b5ac-line-strong);
  border-radius:var(--c6b5ac-r-m);
  overflow:hidden;
}
.c6b5ac-seg-btn{
  flex:1;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-family:var(--c6b5ac-head);
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
  border:0;
  transition:background-color .18s ease,color .18s ease;
}
.c6b5ac-seg-btn--primary{
  background:var(--c6b5ac-gold);
  color:#191410;
}
.c6b5ac-seg-btn--primary:hover{ background:var(--c6b5ac-cream); }
.c6b5ac-seg-btn--alt{
  background:transparent;
  color:var(--c6b5ac-cream);
  border-left:1px solid var(--c6b5ac-line-strong);
}
.c6b5ac-seg-btn--alt:hover{ color:var(--c6b5ac-gold); }

/* --------------------------------------------------------------------------
   Banner carousel
   -------------------------------------------------------------------------- */
.c6b5ac-carousel{
  position:relative;
  margin:18px 0 6px;
  border-radius:var(--c6b5ac-r-m);
  overflow:hidden;
  border:1px solid var(--c6b5ac-line-strong);
  touch-action:pan-y;
}
.c6b5ac-track{
  display:flex;
  transition:transform .34s ease;
}
.c6b5ac-slide{
  position:relative;
  flex:0 0 100%;
  display:block;
  width:100%;
  padding:0;
  margin:0;
  border:0;
  background:var(--c6b5ac-panel);
  cursor:pointer;
  text-align:left;
}
.c6b5ac-slide-img{
  width:100%;
  aspect-ratio:16/8;
  object-fit:cover;
}
.c6b5ac-slide-cap{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:22px 12px 8px;
  background:linear-gradient(180deg,rgba(13,12,10,0) 0%,rgba(13,12,10,.92) 78%);
  font-family:var(--c6b5ac-head);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.03em;
  color:var(--c6b5ac-cream);
}
.c6b5ac-dots{
  position:absolute;
  right:10px;bottom:8px;
  display:flex;
  gap:6px;
  z-index:2;
}
.c6b5ac-dot{
  width:22px;height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(253,245,230,.34);
  cursor:pointer;
  transition:background-color .18s ease;
}
.c6b5ac-dot.c6b5ac-on{ background:var(--c6b5ac-gold); }

/* --------------------------------------------------------------------------
   Category quick strip
   -------------------------------------------------------------------------- */
.c6b5ac-strip{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:12px 0 4px;
  scrollbar-width:none;
}
.c6b5ac-strip::-webkit-scrollbar{ display:none; }
.c6b5ac-strip-link{
  flex:0 0 auto;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  font-family:var(--c6b5ac-head);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--c6b5ac-dim);
  border:1px solid var(--c6b5ac-line-strong);
  border-radius:999px;
}
.c6b5ac-strip-link:hover{
  color:var(--c6b5ac-gold);
  border-color:var(--c6b5ac-gold);
}

/* --------------------------------------------------------------------------
   Sections
   -------------------------------------------------------------------------- */
.c6b5ac-sec{
  margin-top:26px;
}
.c6b5ac-sec-head{
  padding-bottom:10px;
  border-bottom:1px solid var(--c6b5ac-line);
  margin-bottom:12px;
}
.c6b5ac-overline{
  display:block;
  font-family:var(--c6b5ac-head);
  font-size:10px;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--c6b5ac-faint);
  margin-bottom:6px;
}
.c6b5ac-h2{
  font-size:19px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.01em;
}
.c6b5ac-h2 .c6b5ac-h2dim{ color:var(--c6b5ac-gold); }
.c6b5ac-sec-text{
  font-size:13.5px;
  color:var(--c6b5ac-dim);
}
.c6b5ac-guides{
  margin:2px 0 12px;
  font-size:12.5px;
  color:var(--c6b5ac-faint);
}
.c6b5ac-link{
  text-decoration:underline;
  text-underline-offset:3px;
}

/* --------------------------------------------------------------------------
   Game grids - large lead card + small cards
   -------------------------------------------------------------------------- */
.c6b5ac-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  align-items:start;
}
.c6b5ac-gcell{ min-width:0; }
.c6b5ac-gcell--lead{
  grid-column:span 2;
  grid-row:span 2;
}
@media (min-width:400px){
  .c6b5ac-grid{ grid-template-columns:repeat(5,1fr); gap:10px; }
}

.c6b5ac-gcard{
  display:flex;
  flex-direction:column;
  gap:6px;
  width:100%;
  padding:0;
  background:transparent;
  border:0;
  color:inherit;
  cursor:pointer;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
}
.c6b5ac-gcard-frame{
  display:block;
  aspect-ratio:1/1;
  width:100%;
  border-radius:var(--c6b5ac-r-m);
  overflow:hidden;
  background:var(--c6b5ac-panel);
  border:1px solid var(--c6b5ac-line);
  transition:border-color .18s ease;
}
.c6b5ac-gcard-img{
  width:100%;height:100%;
  object-fit:cover;
}
.c6b5ac-gcard:hover .c6b5ac-gcard-frame,
.c6b5ac-gcard:active .c6b5ac-gcard-frame{
  border-color:var(--c6b5ac-gold);
}
.c6b5ac-gcard-name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:11px;
  line-height:1.3;
  color:var(--c6b5ac-dim);
  min-height:2.6em;
  transition:color .18s ease;
}
.c6b5ac-gcard:hover .c6b5ac-gcard-name{
  color:var(--c6b5ac-gold);
}

.c6b5ac-gcard--lead{
  text-align:left;
  gap:8px;
}
.c6b5ac-gcard--lead .c6b5ac-gcard-frame{
  border-radius:var(--c6b5ac-r-l);
  border-width:1px;
}
.c6b5ac-gcard-body{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:0 2px;
}
.c6b5ac-gcard-tag{
  font-family:var(--c6b5ac-head);
  font-size:9px;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--c6b5ac-gold);
}
.c6b5ac-gcard--lead .c6b5ac-gcard-name{
  font-size:14px;
  font-weight:700;
  color:var(--c6b5ac-cream);
  min-height:0;
  -webkit-line-clamp:1;
  font-family:var(--c6b5ac-head);
}
.c6b5ac-gcard-note{
  font-size:10.5px;
  line-height:1.45;
  color:var(--c6b5ac-faint);
}

/* --------------------------------------------------------------------------
   FAQ block
   -------------------------------------------------------------------------- */
.c6b5ac-faq{
  border:1px solid var(--c6b5ac-line);
  border-radius:var(--c6b5ac-r-m);
  overflow:hidden;
}
.c6b5ac-faq-item{
  padding:13px 14px;
  border-bottom:1px solid var(--c6b5ac-line);
}
.c6b5ac-faq-item:last-child{ border-bottom:0; }
.c6b5ac-faq-q{
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  margin-bottom:6px;
}
.c6b5ac-faq-q::before{
  content:'Q';
  display:inline-block;
  font-size:10px;
  color:var(--c6b5ac-gold);
  border:1px solid var(--c6b5ac-gold-soft);
  border-radius:4px;
  padding:1px 5px;
  margin-right:8px;
  vertical-align:1px;
}
.c6b5ac-faq-a{
  font-size:13px;
  color:var(--c6b5ac-dim);
}

/* --------------------------------------------------------------------------
   Latest winners feed
   -------------------------------------------------------------------------- */
.c6b5ac-feed{
  border:1px solid var(--c6b5ac-line);
  border-radius:var(--c6b5ac-r-m);
  padding:4px 14px;
  background:var(--c6b5ac-panel);
}
.c6b5ac-feed-row{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:10px 0;
  border-bottom:1px dashed var(--c6b5ac-line);
}
.c6b5ac-feed-row:last-child{ border-bottom:0; }
.c6b5ac-feed-who{
  font-family:var(--c6b5ac-head);
  font-weight:700;
  font-size:12.5px;
  white-space:nowrap;
}
.c6b5ac-feed-game{
  flex:1;
  min-width:0;
  font-size:11.5px;
  color:var(--c6b5ac-faint);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.c6b5ac-feed-amt{
  font-family:var(--c6b5ac-head);
  font-weight:700;
  font-size:13px;
  color:var(--c6b5ac-gold);
  white-space:nowrap;
}
.c6b5ac-feed-when{
  font-size:10.5px;
  color:var(--c6b5ac-faint);
  white-space:nowrap;
}

/* --------------------------------------------------------------------------
   Promotions module
   -------------------------------------------------------------------------- */
.c6b5ac-promo-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid var(--c6b5ac-line);
}
.c6b5ac-promo-row:last-of-type{ border-bottom:0; }
.c6b5ac-promo-info{ flex:1; min-width:0; }
.c6b5ac-promo-name{
  font-family:var(--c6b5ac-head);
  font-size:14px;
  font-weight:700;
}
.c6b5ac-promo-desc{
  font-size:12px;
  color:var(--c6b5ac-faint);
  line-height:1.5;
}
.c6b5ac-promo-cta{
  flex:0 0 auto;
  min-height:44px;
  padding:0 14px;
  font-family:var(--c6b5ac-head);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--c6b5ac-gold);
  background:transparent;
  border:1px solid var(--c6b5ac-gold-soft);
  border-radius:var(--c6b5ac-r-s);
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease;
}
.c6b5ac-promo-cta:hover{
  background:var(--c6b5ac-gold);
  color:#191410;
}

/* --------------------------------------------------------------------------
   Play-style comparison cards
   -------------------------------------------------------------------------- */
.c6b5ac-stylegrid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
@media (min-width:400px){
  .c6b5ac-stylegrid{ grid-template-columns:1fr 1fr; }
}
.c6b5ac-stylecell{
  padding:12px 13px;
  background:var(--c6b5ac-panel);
  border:1px solid var(--c6b5ac-line);
  border-radius:var(--c6b5ac-r-m);
}
.c6b5ac-style-name{
  font-family:var(--c6b5ac-head);
  font-size:13.5px;
  font-weight:700;
  color:var(--c6b5ac-gold);
  margin-bottom:5px;
}
.c6b5ac-style-desc{
  font-size:12px;
  color:var(--c6b5ac-dim);
  line-height:1.55;
}

/* --------------------------------------------------------------------------
   Pros and limitations
   -------------------------------------------------------------------------- */
.c6b5ac-pl{
  padding:4px 0 2px 0;
  margin-bottom:8px;
}
.c6b5ac-pl li{
  position:relative;
  padding:7px 0 7px 22px;
  font-size:13px;
  color:var(--c6b5ac-dim);
  border-bottom:1px dashed var(--c6b5ac-line);
}
.c6b5ac-pl li:last-child{ border-bottom:0; }
.c6b5ac-pl li::before{
  position:absolute;
  left:0;
  top:9px;
  font-family:var(--c6b5ac-head);
  font-size:11px;
  font-weight:700;
}
.c6b5ac-pl--pro li::before{
  content:'+';
  color:var(--c6b5ac-gold);
}
.c6b5ac-pl--con li::before{
  content:'-';
  color:var(--c6b5ac-hot);
}
.c6b5ac-plname{
  font-family:var(--c6b5ac-head);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--c6b5ac-faint);
  margin-bottom:2px;
}

/* --------------------------------------------------------------------------
   Extended footer (home only): brand > promo actions > directory > note
   -------------------------------------------------------------------------- */
.c6b5ac-ext{
  margin-top:30px;
  padding:18px 15px 16px;
  background:var(--c6b5ac-ink-deep);
  border:1px solid var(--c6b5ac-line);
  border-radius:var(--c6b5ac-r-l);
}
.c6b5ac-ext-title{
  font-family:var(--c6b5ac-head);
  font-size:10px;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--c6b5ac-gold);
  margin-bottom:8px;
}
.c6b5ac-ext-brand{
  font-size:12.5px;
  color:var(--c6b5ac-dim);
  line-height:1.6;
  margin-bottom:14px;
}
.c6b5ac-ext-brand strong{
  color:var(--c6b5ac-cream);
  font-family:var(--c6b5ac-head);
}

.c6b5ac-ext-promos{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-bottom:16px;
}
.c6b5ac-extbtn{
  min-height:44px;
  font-family:var(--c6b5ac-head);
  font-size:12px;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--c6b5ac-cream);
  background:var(--c6b5ac-panel-2);
  border:1px solid var(--c6b5ac-line-strong);
  border-radius:var(--c6b5ac-r-s);
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.c6b5ac-extbtn:first-child{
  background:var(--c6b5ac-gold);
  color:#191410;
  border-color:var(--c6b5ac-gold);
}
.c6b5ac-extbtn:hover{
  color:var(--c6b5ac-gold);
  border-color:var(--c6b5ac-gold);
}
.c6b5ac-extbtn:first-child:hover{
  color:#191410;
  background:var(--c6b5ac-cream);
}

.c6b5ac-ext-dir{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px 14px;
  padding-top:12px;
  border-top:1px solid var(--c6b5ac-line);
}
.c6b5ac-ext-dirlink{
  min-height:38px;
  display:flex;
  align-items:center;
  font-size:12.5px;
  color:var(--c6b5ac-dim);
  border-bottom:1px dashed var(--c6b5ac-line);
}
.c6b5ac-ext-dirlink:hover{ color:var(--c6b5ac-gold); }

.c6b5ac-ext-note{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--c6b5ac-line);
  font-size:11px;
  color:var(--c6b5ac-faint);
  line-height:1.6;
}

/* --------------------------------------------------------------------------
   Copyright bar + fixed bottom action bar
   -------------------------------------------------------------------------- */
.c6b5ac-foot{
  margin-top:22px;
  padding:14px 0 6px;
  border-top:1px solid var(--c6b5ac-line);
  text-align:center;
  font-size:11px;
  color:var(--c6b5ac-faint);
  line-height:1.7;
}

.c6b5ac-bottomnav{
  position:fixed;
  bottom:0;left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:60;
  background:var(--c6b5ac-ink-deep);
  border-top:1px solid var(--c6b5ac-line-strong);
  padding-bottom:env(safe-area-inset-bottom);
}
.c6b5ac-bnav{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  height:var(--c6b5ac-nav-h);
}
.c6b5ac-bnav-ind{
  position:absolute;
  top:0;left:0;
  width:20%;
  height:3px;
  background:var(--c6b5ac-gold);
  border-radius:0 0 3px 3px;
  transform:translateX(0);
  transition:transform .26s ease;
}
.c6b5ac-bottomnav[data-active="1"] .c6b5ac-bnav-ind{ transform:translateX(100%); }
.c6b5ac-bottomnav[data-active="2"] .c6b5ac-bnav-ind{ transform:translateX(200%); }
.c6b5ac-bottomnav[data-active="3"] .c6b5ac-bnav-ind{ transform:translateX(300%); }
.c6b5ac-bottomnav[data-active="4"] .c6b5ac-bnav-ind{ transform:translateX(400%); }

.c6b5ac-bitem{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:44px;
  padding:6px 2px 4px;
  background:transparent;
  border:0;
  color:var(--c6b5ac-faint);
  cursor:pointer;
  font-family:var(--c6b5ac-body);
  transition:color .18s ease;
}
.c6b5ac-bitem:hover{ color:var(--c6b5ac-dim); }
.c6b5ac-bitem.c6b5ac-active{
  color:var(--c6b5ac-gold);
  transform:translateY(-2px);
}
.c6b5ac-bitem-ic{
  width:21px;height:21px;
  display:block;
}
.c6b5ac-bitem-ic svg{
  width:100%;height:100%;
  display:block;
}
.c6b5ac-bitem-tx{
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
}

/* --------------------------------------------------------------------------
   Small-screen guard (320px floor)
   -------------------------------------------------------------------------- */
@media (max-width:340px){
  .c6b5ac-h1{ font-size:23px; }
  .c6b5ac-h2{ font-size:17.5px; }
  .c6b5ac-grid{ gap:7px; }
  .c6b5ac-brand-name{ font-size:14px; }
  .c6b5ac-btn{ padding:0 9px; }
}

/* Canvas-edge breakpoint: keep the 430px phone canvas crisp on wide screens */
@media (max-width:430px){
  .c6b5ac-shell{ box-shadow:none; }
}

/* Respect users who prefer no motion (functional slides still allowed) */
@media (prefers-reduced-motion:reduce){
  .c6b5ac-track,
  .c6b5ac-drawer,
  .c6b5ac-bnav-ind,
  .c6b5ac-scrim{
    transition:none;
  }
}

/* Help-page patterns: safety uses a chronological rail; about uses compact fact panels. */
.c6b5ac-steprail{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:c6b5ac-step;}
.c6b5ac-step{position:relative;padding:13px 13px 13px 48px;background:var(--c6b5ac-panel);border:1px solid var(--c6b5ac-line);border-radius:var(--c6b5ac-r-m);counter-increment:c6b5ac-step;}
.c6b5ac-step::before{content:counter(c6b5ac-step,decimal-leading-zero);position:absolute;left:13px;top:14px;color:var(--c6b5ac-gold);font-family:var(--c6b5ac-head);font-weight:700;font-size:12px;letter-spacing:.08em;}
.c6b5ac-step-title{margin:0 0 4px;font-family:var(--c6b5ac-head);font-size:14px;color:var(--c6b5ac-cream);}
.c6b5ac-step-copy{margin:0;color:var(--c6b5ac-dim);font-size:12.8px;line-height:1.58;}
.c6b5ac-warning{margin:0;padding:13px 14px;background:rgba(226,121,95,.09);border-left:3px solid var(--c6b5ac-hot);border-radius:var(--c6b5ac-r-s);color:var(--c6b5ac-dim);font-size:13px;}
.c6b5ac-checklist{display:grid;gap:8px;margin:0;padding:0;list-style:none;}
.c6b5ac-check{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;background:var(--c6b5ac-panel-2);border-radius:var(--c6b5ac-r-s);color:var(--c6b5ac-dim);font-size:12.8px;}
.c6b5ac-check::before{content:'✓';flex:0 0 auto;color:var(--c6b5ac-gold);font-family:var(--c6b5ac-head);font-weight:700;}
.c6b5ac-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;}
.c6b5ac-term{padding:11px;background:var(--c6b5ac-panel);border-top:2px solid var(--c6b5ac-gold-soft);border-radius:var(--c6b5ac-r-s);}
.c6b5ac-term strong{display:block;margin-bottom:4px;color:var(--c6b5ac-gold);font-family:var(--c6b5ac-head);font-size:12.5px;}
.c6b5ac-term span{display:block;color:var(--c6b5ac-dim);font-size:11.8px;line-height:1.5;}
.c6b5ac-promo-stack{display:grid;gap:8px;}
.c6b5ac-promo-tile{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--c6b5ac-line);border-radius:var(--c6b5ac-r-s);background:var(--c6b5ac-panel);}
.c6b5ac-promo-tile p{flex:1;margin:0;color:var(--c6b5ac-dim);font-size:12.5px;line-height:1.45;}
.c6b5ac-factgrid{display:grid;grid-template-columns:1fr;gap:9px;}
.c6b5ac-fact{padding:13px;background:var(--c6b5ac-panel);border:1px solid var(--c6b5ac-line);border-radius:var(--c6b5ac-r-m);}
.c6b5ac-fact-label{display:block;margin-bottom:4px;color:var(--c6b5ac-gold);font-family:var(--c6b5ac-head);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.c6b5ac-fact p{margin:0;color:var(--c6b5ac-dim);font-size:12.8px;line-height:1.55;}
.c6b5ac-route{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.c6b5ac-route li{display:grid;grid-template-columns:92px 1fr;gap:9px;padding:10px 0;border-bottom:1px dashed var(--c6b5ac-line);font-size:12.5px;}
.c6b5ac-route strong{color:var(--c6b5ac-cream);font-family:var(--c6b5ac-head);font-size:12px;}
.c6b5ac-route span{color:var(--c6b5ac-dim);}
.c6b5ac-quote{margin:0;padding:15px;border:1px solid var(--c6b5ac-gold-soft);border-radius:var(--c6b5ac-r-l);color:var(--c6b5ac-cream);font-family:var(--c6b5ac-head);font-size:15px;line-height:1.45;}
.c6b5ac-minihead{margin:0 0 7px;font-family:var(--c6b5ac-head);font-size:13.5px;color:var(--c6b5ac-cream);}
@media (min-width:400px){.c6b5ac-factgrid{grid-template-columns:1fr 1fr;}}