/* ==========================================================================
   slotgo.homes - shared display stylesheet
   File   : css/dynamic-a8f85a-display.css
   Prefix : view85ad6-  (all classes and custom properties)
   Palette: #273746 / #3C3C3C / #F5F5F5 / #708090 / #87CEFA
   Canvas : 320-430px mobile-first, centered phone frame on wide screens
   Tone   : near-square tool-like panels, mono accents, compact square
            game catalogue, light press feedback and colour transitions
   ========================================================================== */

:root{
  --view85ad6-bg:          #273746;
  --view85ad6-bg-deep:     #1c2933;
  --view85ad6-bg-ink:      #141d26;
  --view85ad6-panel:       #3C3C3C;
  --view85ad6-panel-soft:  rgba(60,60,60,.36);
  --view85ad6-line:        #46566a;
  --view85ad6-line-soft:   rgba(112,128,144,.35);
  --view85ad6-text:        #F5F5F5;
  --view85ad6-text-soft:   #cfd9e2;
  --view85ad6-muted:       #708090;
  --view85ad6-accent:      #87CEFA;
  --view85ad6-accent-deep: #5aa8d6;
  --view85ad6-ink:         #17222c;
  --view85ad6-mono: ui-monospace,"SF Mono","Cascadia Mono",Consolas,"Courier New",monospace;
  --view85ad6-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --view85ad6-r-xs: 3px;
  --view85ad6-r-sm: 5px;
  --view85ad6-r-md: 8px;
  --view85ad6-r-lg: 10px;
  --view85ad6-header-h: 106px;
  --view85ad6-bnav-h: 72px;
}

/* ---------- base ---------------------------------------------------------- */

*,
*::before,
*::after{ box-sizing:border-box; }

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

body{
  margin:0;
  background:var(--view85ad6-bg-ink);
  color:var(--view85ad6-text);
  font-family:var(--view85ad6-sans);
  font-size:16px;
  line-height:1.55;
  min-height:100vh;
}

img{ max-width:100%; }

a{ color:var(--view85ad6-accent); }

button{
  font-family:inherit;
  color:inherit;
  cursor:pointer;
}

a:focus-visible,
button:focus-visible{
  outline:2px solid var(--view85ad6-accent);
  outline-offset:2px;
  border-radius:var(--view85ad6-r-xs);
}

.view85ad6-mono{
  font-family:var(--view85ad6-mono);
  letter-spacing:.08em;
}

/* phone canvas: everything lives inside a 430px column --------------------- */

.view85ad6-canvas{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:
    linear-gradient(180deg,rgba(135,206,250,.05),rgba(135,206,250,0) 220px),
    var(--view85ad6-bg);
  overflow-x:hidden;
}

@media (min-width:431px){
  .view85ad6-canvas{
    border-left:1px solid var(--view85ad6-line);
    border-right:1px solid var(--view85ad6-line);
    box-shadow:0 0 44px rgba(0,0,0,.55);
  }
}

/* ---------- fixed header: centred identity bar + action strip ------------- */

.view85ad6-header{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:60;
  background:rgba(28,41,51,.97);
  border-bottom:1px solid var(--view85ad6-line);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

/* centred identity strip: only the real logo image and the site name */
.view85ad6-idbar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 12px 7px;
}

.view85ad6-logo{
  width:36px;
  height:36px;
  object-fit:contain;
  display:block;
  border-radius:var(--view85ad6-r-xs);
  background:var(--view85ad6-bg-deep);
  border:1px solid var(--view85ad6-line);
}

.view85ad6-brand{
  font-family:var(--view85ad6-mono);
  font-size:1.32rem;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--view85ad6-text);
  text-transform:lowercase;
}

.view85ad6-brand em{
  font-style:normal;
  color:var(--view85ad6-accent);
}

/* action strip sits outside the identity bar */
.view85ad6-actionbar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px 11px;
}

.view85ad6-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:var(--view85ad6-r-md);
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .12s ease;
}

.view85ad6-btn:active{ transform:scale(.96); }

.view85ad6-btn--reg{
  flex:1;
  background:var(--view85ad6-accent);
  color:var(--view85ad6-ink);
}

.view85ad6-btn--reg:hover{ background:#a5dafc; }

.view85ad6-btn--log{
  flex:1;
  background:transparent;
  color:var(--view85ad6-accent);
  border-color:rgba(135,206,250,.55);
}

.view85ad6-btn--log:hover{ background:rgba(135,206,250,.12); }

.view85ad6-menubtn{
  flex:0 0 auto;
  width:52px;
  min-height:44px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:transparent;
  border:1px solid var(--view85ad6-line);
  border-radius:var(--view85ad6-r-md);
  color:var(--view85ad6-text-soft);
  transition:border-color .2s ease,color .2s ease;
}

.view85ad6-menubtn:hover{ border-color:var(--view85ad6-accent); color:var(--view85ad6-accent); }

.view85ad6-menubtn svg{ width:20px; height:14px; display:block; }

.view85ad6-menubtn span{
  font-family:var(--view85ad6-mono);
  font-size:.52rem;
  letter-spacing:.18em;
  line-height:1;
}

/* ---------- sectioned menu page (drops under the header) ------------------ */

.view85ad6-scrim{
  position:fixed;
  inset:0;
  z-index:50;
  background:rgba(10,15,20,.62);
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease,visibility .25s ease;
}

.view85ad6-scrim.view85ad6-on{ opacity:1; visibility:visible; }

.view85ad6-menu{
  position:fixed;
  top:var(--view85ad6-header-h);
  left:50%;
  transform:translate(-50%,-10px);
  width:100%;
  max-width:430px;
  max-height:calc(100vh - var(--view85ad6-header-h));
  overflow-y:auto;
  z-index:55;
  background:var(--view85ad6-bg-deep);
  border-bottom:1px solid var(--view85ad6-line);
  padding:14px 14px 18px;
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}

.view85ad6-menu.view85ad6-open{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

.view85ad6-menusec{ margin-bottom:16px; }

.view85ad6-menusec-h{
  font-family:var(--view85ad6-mono);
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--view85ad6-accent);
  margin:0 0 4px;
  padding:0 2px 6px;
  border-bottom:1px solid var(--view85ad6-line);
}

.view85ad6-menulink{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:6px 4px;
  border-bottom:1px dashed var(--view85ad6-line-soft);
  color:var(--view85ad6-text-soft);
  text-decoration:none;
  font-size:.9rem;
  transition:color .18s ease,background-color .18s ease;
}

.view85ad6-menulink:hover{ color:var(--view85ad6-accent); background:rgba(135,206,250,.06); }

.view85ad6-menuix{
  font-family:var(--view85ad6-mono);
  font-size:.62rem;
  color:var(--view85ad6-muted);
  letter-spacing:.1em;
}

.view85ad6-menuarrow{
  margin-left:auto;
  font-family:var(--view85ad6-mono);
  color:var(--view85ad6-muted);
  transition:color .18s ease,transform .18s ease;
}

.view85ad6-menulink:hover .view85ad6-menuarrow{
  color:var(--view85ad6-accent);
  transform:translateX(3px);
}

.view85ad6-menupromo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:48px;
  margin-top:6px;
  padding:10px 12px;
  background:rgba(135,206,250,.08);
  border:1px solid rgba(135,206,250,.45);
  border-radius:var(--view85ad6-r-md);
  text-align:left;
  transition:background-color .2s ease,transform .12s ease;
}

.view85ad6-menupromo:active{ transform:scale(.97); }

.view85ad6-menupromo b{ font-size:.86rem; color:var(--view85ad6-text); }

.view85ad6-menupromo small{
  display:block;
  font-size:.68rem;
  color:var(--view85ad6-muted);
  font-weight:400;
}

.view85ad6-menupromo .view85ad6-menuarrow{ color:var(--view85ad6-accent); }

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

.view85ad6-main{
  padding:calc(var(--view85ad6-header-h) + 16px) 12px calc(var(--view85ad6-bnav-h) + 58px);
}

/* hero block */
.view85ad6-hero{ padding-top:4px; }

.view85ad6-hero h1{
  margin:0 0 10px;
  font-size:clamp(1.42rem,5.6vw,1.78rem);
  line-height:1.24;
  letter-spacing:-.01em;
}

.view85ad6-hero h1 em{
  font-style:normal;
  color:var(--view85ad6-accent);
}

.view85ad6-lede{
  margin:0 0 12px;
  font-size:.9rem;
  color:var(--view85ad6-text-soft);
}

.view85ad6-metastrip{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  padding:9px 2px;
  border-top:1px solid var(--view85ad6-line);
  border-bottom:1px solid var(--view85ad6-line);
  font-family:var(--view85ad6-mono);
  font-size:.58rem;
  letter-spacing:.14em;
  color:var(--view85ad6-muted);
  text-transform:uppercase;
}

.view85ad6-metastrip b{ color:var(--view85ad6-accent); font-weight:400; }

/* ---------- promo carousel ------------------------------------------------ */

.view85ad6-carousel{
  position:relative;
  margin-top:16px;
  border:1px solid var(--view85ad6-line);
  border-radius:var(--view85ad6-r-lg);
  overflow:hidden;
  background:var(--view85ad6-bg-deep);
}

.view85ad6-track{
  display:flex;
  transition:transform .45s ease;
  will-change:transform;
}

.view85ad6-slide{ flex:0 0 100%; min-width:100%; }

.view85ad6-slidebtn{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:none;
  text-align:left;
}

.view85ad6-slidebtn:active .view85ad6-slideimg{ filter:brightness(1.12); }

.view85ad6-slideimg{
  display:block;
  width:100%;
  aspect-ratio:2/1;
  object-fit:cover;
  transition:filter .25s ease;
}

.view85ad6-slidecap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:26px 12px 10px;
  background:linear-gradient(180deg,rgba(28,41,51,0),rgba(28,41,51,.94));
  font-size:.8rem;
  color:var(--view85ad6-text);
  line-height:1.35;
}

.view85ad6-slidecap b{
  display:block;
  font-family:var(--view85ad6-mono);
  font-size:.56rem;
  letter-spacing:.2em;
  color:var(--view85ad6-accent);
  margin-bottom:3px;
  font-weight:400;
}

/* sliding pill indicator under the carousel */
.view85ad6-dotrail{
  position:relative;
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:9px;
  padding:2px 0;
}

.view85ad6-dot{
  width:24px;
  height:5px;
  padding:0;
  border:0;
  border-radius:99px;
  background:var(--view85ad6-line);
  transition:background-color .25s ease;
}

.view85ad6-dot:hover{ background:#5f7286; }

.view85ad6-dotpill{
  position:absolute;
  top:2px;
  left:0;
  width:24px;
  height:5px;
  border-radius:99px;
  background:var(--view85ad6-accent);
  transition:left .32s cubic-bezier(.4,0,.2,1);
}

/* ---------- category chip strip ------------------------------------------- */

.view85ad6-chiprow{
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin:14px -12px 4px;
  padding:4px 12px 10px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.view85ad6-chiprow::-webkit-scrollbar{ display:none; }

.view85ad6-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:0 12px;
  border:1px solid var(--view85ad6-line);
  border-radius:var(--view85ad6-r-sm);
  background:rgba(28,41,51,.6);
  font-family:var(--view85ad6-mono);
  font-size:.66rem;
  letter-spacing:.1em;
  color:var(--view85ad6-text-soft);
  text-decoration:none;
  text-transform:uppercase;
  transition:border-color .2s ease,color .2s ease,background-color .2s ease;
}

.view85ad6-chip b{ color:var(--view85ad6-muted); font-weight:400; }

.view85ad6-chip.view85ad6-on{
  background:var(--view85ad6-accent);
  border-color:var(--view85ad6-accent);
  color:var(--view85ad6-ink);
}

.view85ad6-chip.view85ad6-on b{ color:var(--view85ad6-ink); }

/* ---------- game catalogue ------------------------------------------------ */

.view85ad6-cat{
  margin-top:26px;
  scroll-margin-top:calc(var(--view85ad6-header-h) + 14px);
}

.view85ad6-cathead{
  display:flex;
  align-items:baseline;
  gap:9px;
  border-left:3px solid var(--view85ad6-accent);
  padding-left:10px;
}

.view85ad6-catix{
  font-family:var(--view85ad6-mono);
  font-size:.6rem;
  letter-spacing:.16em;
  color:var(--view85ad6-accent);
  white-space:nowrap;
}

.view85ad6-cathead h2{
  margin:0;
  font-size:1.12rem;
  line-height:1.3;
  letter-spacing:-.005em;
}

.view85ad6-catnote{
  margin:7px 0 12px;
  font-size:.8rem;
  color:var(--view85ad6-muted);
  line-height:1.5;
}

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

@media (min-width:400px){
  .view85ad6-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); }
}

.view85ad6-game{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:5px;
  background:var(--view85ad6-panel-soft);
  border:1px solid var(--view85ad6-line-soft);
  border-radius:var(--view85ad6-r-sm);
  transition:border-color .2s ease,background-color .2s ease,transform .12s ease;
}

.view85ad6-game:hover{
  border-color:rgba(135,206,250,.6);
  background:rgba(60,60,60,.55);
}

.view85ad6-game:active{ transform:scale(.95); }

.view85ad6-gameimg{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:var(--view85ad6-r-xs);
  background:#22303d;
}

.view85ad6-gamename{
  font-size:.6rem;
  line-height:1.3;
  color:var(--view85ad6-text-soft);
  text-align:center;
  min-height:1.3em;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ---------- content modules ---------------------------------------------- */

.view85ad6-h2{
  margin:0 0 10px;
  font-size:1.14rem;
  line-height:1.32;
  letter-spacing:-.005em;
}

.view85ad6-note{
  margin:0 0 12px;
  font-size:.85rem;
  color:var(--view85ad6-text-soft);
}

.view85ad6-panel{
  margin-top:26px;
  padding:16px 14px;
  background:rgba(60,60,60,.28);
  border:1px solid var(--view85ad6-line-soft);
  border-radius:var(--view85ad6-r-lg);
}

/* direct-answer variant carries the accent wash */
.view85ad6-answer{
  margin-top:26px;
  padding:16px 14px;
  background:linear-gradient(180deg,rgba(135,206,250,.11),rgba(135,206,250,.03));
  border:1px solid rgba(135,206,250,.42);
  border-radius:var(--view85ad6-r-lg);
}

.view85ad6-answer .view85ad6-tag{
  color:var(--view85ad6-accent);
}

.view85ad6-tag{
  display:inline-block;
  font-family:var(--view85ad6-mono);
  font-size:.56rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--view85ad6-muted);
  margin-bottom:8px;
}

/* short-list rows (guide, answer facts) */
.view85ad6-rows{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}

.view85ad6-row{
  display:flex;
  gap:10px;
  padding:10px 11px;
  background:rgba(39,55,70,.55);
  border:1px solid var(--view85ad6-line-soft);
  border-radius:var(--view85ad6-r-sm);
}

.view85ad6-rowix{
  flex:0 0 auto;
  font-family:var(--view85ad6-mono);
  font-size:.6rem;
  letter-spacing:.1em;
  color:var(--view85ad6-accent);
  padding-top:3px;
}

.view85ad6-row b{
  display:block;
  font-size:.86rem;
  color:var(--view85ad6-text);
  margin-bottom:2px;
}

.view85ad6-row p{
  margin:0;
  font-size:.78rem;
  color:var(--view85ad6-text-soft);
  line-height:1.5;
}

.view85ad6-row a{ color:var(--view85ad6-accent); }

/* faq stack */
.view85ad6-qa{
  padding:11px 2px;
  border-bottom:1px dashed var(--view85ad6-line-soft);
}

.view85ad6-qa:last-child{ border-bottom:0; padding-bottom:2px; }

.view85ad6-q{
  margin:0 0 6px;
  font-size:.88rem;
  font-weight:700;
  color:var(--view85ad6-text);
  line-height:1.4;
}

.view85ad6-qix{
  font-family:var(--view85ad6-mono);
  font-size:.6rem;
  letter-spacing:.12em;
  color:var(--view85ad6-accent);
  margin-right:7px;
  font-weight:400;
}

.view85ad6-a{
  margin:0;
  font-size:.82rem;
  color:var(--view85ad6-text-soft);
  line-height:1.55;
}

.view85ad6-a a{ color:var(--view85ad6-accent); }

/* numbered security protocol */
.view85ad6-protocol{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:view85ad6-step;
  display:grid;
  gap:9px;
}

.view85ad6-protocol li{
  counter-increment:view85ad6-step;
  position:relative;
  padding:10px 11px 10px 38px;
  background:rgba(39,55,70,.55);
  border:1px solid var(--view85ad6-line-soft);
  border-radius:var(--view85ad6-r-sm);
}

.view85ad6-protocol li::before{
  content:counter(view85ad6-step,decimal-leading-zero);
  position:absolute;
  left:11px;
  top:12px;
  font-family:var(--view85ad6-mono);
  font-size:.66rem;
  color:var(--view85ad6-accent);
  letter-spacing:.06em;
}

.view85ad6-protocol b{
  display:block;
  font-size:.85rem;
  margin-bottom:2px;
}

.view85ad6-protocol p{
  margin:0;
  font-size:.78rem;
  color:var(--view85ad6-text-soft);
  line-height:1.5;
}

/* comparison ledger */
.view85ad6-vs{
  border:1px solid var(--view85ad6-line);
  border-radius:var(--view85ad6-r-md);
  overflow:hidden;
}

.view85ad6-vsrow{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
}

.view85ad6-vsrow + .view85ad6-vsrow{ border-top:1px solid var(--view85ad6-line-soft); }

.view85ad6-vsk{
  display:flex;
  align-items:center;
  padding:10px;
  background:rgba(28,41,51,.75);
  font-family:var(--view85ad6-mono);
  font-size:.56rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--view85ad6-accent);
  line-height:1.5;
}

.view85ad6-vsv{
  padding:10px 11px;
  font-size:.8rem;
  color:var(--view85ad6-text-soft);
  line-height:1.5;
}

.view85ad6-vsv a{ color:var(--view85ad6-accent); }

/* inline cta group */
.view85ad6-ctagroup{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.view85ad6-ctagroup .view85ad6-btn{ flex:0 0 auto; }

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

.view85ad6-xfoot{
  margin-top:34px;
  border-top:1px solid var(--view85ad6-line);
  padding-top:18px;
}

.view85ad6-xfh{
  font-family:var(--view85ad6-mono);
  font-size:.6rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--view85ad6-accent);
  margin:0 0 10px;
}

.view85ad6-xfsec{ margin-bottom:20px; }

.view85ad6-xfsec p{
  margin:0;
  font-size:.78rem;
  color:var(--view85ad6-text-soft);
  line-height:1.6;
}

.view85ad6-dirgrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px 14px;
}

.view85ad6-dirlink{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-height:42px;
  padding:6px 0 6px 1px;
  border-bottom:1px dashed var(--view85ad6-line-soft);
  color:var(--view85ad6-text-soft);
  text-decoration:none;
  font-size:.76rem;
  line-height:1.3;
  transition:color .18s ease;
}

.view85ad6-dirlink:hover{ color:var(--view85ad6-accent); }

.view85ad6-dirlink i{
  font-style:normal;
  font-family:var(--view85ad6-mono);
  color:var(--view85ad6-muted);
  flex:0 0 auto;
}

.view85ad6-promolist{
  display:grid;
  gap:8px;
}

.view85ad6-promoitem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:46px;
  padding:10px 12px;
  background:rgba(135,206,250,.06);
  border:1px solid rgba(135,206,250,.4);
  border-radius:var(--view85ad6-r-md);
  text-align:left;
  font-size:.82rem;
  color:var(--view85ad6-text);
  transition:background-color .2s ease,border-color .2s ease,transform .12s ease;
}

.view85ad6-promoitem:hover{
  background:rgba(135,206,250,.13);
  border-color:rgba(135,206,250,.75);
}

.view85ad6-promoitem:active{ transform:scale(.97); }

.view85ad6-promoitem i{
  font-style:normal;
  font-family:var(--view85ad6-mono);
  font-size:.58rem;
  letter-spacing:.14em;
  color:var(--view85ad6-accent);
  white-space:nowrap;
}

.view85ad6-disclaimer{
  font-size:.68rem;
  color:var(--view85ad6-muted);
  line-height:1.6;
}

/* ---------- common footer -------------------------------------------------- */

.view85ad6-foot{
  margin-top:26px;
  padding:14px 0 4px;
  border-top:1px solid var(--view85ad6-line-soft);
  text-align:center;
  font-family:var(--view85ad6-mono);
  font-size:.6rem;
  letter-spacing:.12em;
  color:var(--view85ad6-muted);
  text-transform:uppercase;
  line-height:1.8;
}

/* ---------- mobile bottom navigation (raised centre) ----------------------- */

.view85ad6-bnav{
  position:fixed;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:70;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
  padding:7px 4px calc(9px + env(safe-area-inset-bottom,0px));
  background:rgba(28,41,51,.97);
  border-top:1px solid var(--view85ad6-line);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

.view85ad6-bnavitem{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:3px;
  min-height:50px;
  padding:4px 2px 2px;
  background:none;
  border:0;
  text-decoration:none;
  color:#8ba0b3;
  font-size:.58rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:color .22s ease;
}

.view85ad6-bnavitem svg{ width:23px; height:23px; display:block; }

.view85ad6-icstroke{
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke .22s ease;
}

.view85ad6-icfill{
  fill:transparent;
  transition:fill .25s ease;
}

.view85ad6-bnavitem:hover{ color:var(--view85ad6-accent); }

/* activation is expressed as a fill change inside the two-tone icon */
.view85ad6-bnavitem.view85ad6-on{ color:var(--view85ad6-accent); }

.view85ad6-bnavitem.view85ad6-on .view85ad6-icfill{ fill:var(--view85ad6-accent); }

/* centre role lifts out of the bar as the primary push */
.view85ad6-bnavitem--lift{ transform:translateY(-13px); }

.view85ad6-liftring{
  width:47px;
  height:47px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(160deg,#9ed6f9,#5aa8d6);
  border:3px solid var(--view85ad6-bg-deep);
  box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 1px rgba(135,206,250,.35);
  transition:transform .15s ease,box-shadow .2s ease;
}

.view85ad6-bnavitem--lift:active .view85ad6-liftring{ transform:scale(.92); }

.view85ad6-bnavitem--lift .view85ad6-icstroke{ stroke:var(--view85ad6-ink); stroke-width:1.9; }

.view85ad6-bnavitem--lift .view85ad6-icfill{ fill:var(--view85ad6-ink); }

.view85ad6-bnavitem--lift:hover{ color:var(--view85ad6-text); }

/* ---------- small helpers -------------------------------------------------- */

.view85ad6-skip{
  position:absolute;
  left:-9999px;
  top:0;
}

.view85ad6-skip:focus{
  left:8px;
  top:8px;
  z-index:90;
  background:var(--view85ad6-accent);
  color:var(--view85ad6-ink);
  padding:8px 12px;
  border-radius:var(--view85ad6-r-sm);
  font-size:.8rem;
  font-weight:700;
  text-decoration:none;
}

::selection{
  background:var(--view85ad6-accent);
  color:var(--view85ad6-ink);
}

/* ---------- help-page field notes ------------------------------------------ */
.view85ad6-introband{
  display:grid;
  gap:10px;
  margin:18px 0 22px;
  padding:14px;
  border-left:3px solid var(--view85ad6-accent);
  background:rgba(135,206,250,.08);
}
.view85ad6-introband p{ margin:0; color:var(--view85ad6-text-soft); font-size:.86rem; }
.view85ad6-signal{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.view85ad6-signal span{
  min-height:44px;
  padding:7px 6px;
  border:1px solid var(--view85ad6-line-soft);
  background:rgba(28,41,51,.65);
  color:var(--view85ad6-accent);
  font-family:var(--view85ad6-mono);
  font-size:.56rem;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
}
.view85ad6-checklist{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.view85ad6-checklist li{
  position:relative;
  padding:11px 11px 11px 34px;
  border-bottom:1px solid var(--view85ad6-line-soft);
  color:var(--view85ad6-text-soft);
  font-size:.82rem;
}
.view85ad6-checklist li::before{
  content:'+';
  position:absolute;
  left:10px;
  top:9px;
  color:var(--view85ad6-accent);
  font-family:var(--view85ad6-mono);
  font-size:1rem;
}
.view85ad6-checklist strong{ color:var(--view85ad6-text); }
.view85ad6-issue{
  display:grid;
  grid-template-columns:minmax(78px,.55fr) minmax(0,1.45fr);
  border-top:1px solid var(--view85ad6-line-soft);
}
.view85ad6-issue > *{ margin:0; padding:10px; font-size:.78rem; line-height:1.5; }
.view85ad6-issue dt{ color:var(--view85ad6-accent); font-family:var(--view85ad6-mono); font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; }
.view85ad6-issue dd{ color:var(--view85ad6-text-soft); }
.view85ad6-routebar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.view85ad6-routebar .view85ad6-btn{ flex:1 1 132px; }
.view85ad6-callout{
  margin:12px 0 0;
  padding:10px 11px;
  border:1px solid rgba(135,206,250,.42);
  background:rgba(135,206,250,.06);
  color:var(--view85ad6-text-soft);
  font-size:.8rem;
}
@media (max-width:340px){
  .view85ad6-signal{ grid-template-columns:1fr; }
  .view85ad6-issue{ grid-template-columns:1fr; }
  .view85ad6-issue dt{ padding-bottom:2px; }
  .view85ad6-issue dd{ padding-top:2px; }
}