.anima-nav-spine{
  position:sticky;
  top:0;
  z-index:99930;
  width:100%;
  padding:6px 10px 0;
  pointer-events:none;
}
.admin-bar .anima-nav-spine{top:32px}
@media (max-width:782px){.admin-bar .anima-nav-spine{top:46px}}
.anima-nav-spine *{box-sizing:border-box}
.anima-nav-spine-inner{
  max-width:min(1080px,96vw);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border-radius:16px;
  background:rgba(12,15,26,.56);
  color:#fff;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 6px 18px rgba(0,0,0,.10);
  pointer-events:auto;
}
.anima-nav-back,.anima-nav-home{
  border:0;
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  font-size:11px;
}
.anima-nav-crumbs{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  overflow:auto hidden;
  scrollbar-width:none;
  flex:1 1 auto;
}
.anima-nav-crumbs::-webkit-scrollbar{display:none}
.anima-nav-history{display:flex; align-items:center; gap:6px; flex:0 0 auto}
.anima-nav-sep{opacity:.36; flex:0 0 auto; font-size:12px;}
.anima-nav-crumb{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  font-size:12px;
}
.anima-nav-crumb.is-current{background:rgba(255,207,108,.14); color:#ffeab5;}
.anima-nav-crumb.is-scripture{background:rgba(34,160,107,.14)}
.anima-nav-crumb.is-lexicon{background:rgba(108,99,255,.14)}
.anima-nav-crumb.is-deck{background:rgba(240,86,133,.14)}
.anima-nav-crumb.is-home{background:rgba(255,255,255,.08)}
.anima-nav-crumb.is-history{background:rgba(255,255,255,.08); opacity:.92}
@media (max-width:768px){
  .anima-nav-spine{padding:5px 7px 0}
  .anima-nav-spine-inner{padding:6px 8px; gap:6px; border-radius:14px}
  .anima-nav-back,.anima-nav-home{min-height:29px; padding:0 9px; font-size:11px}
  .anima-nav-crumb{font-size:11px; min-height:26px; padding:0 8px}
  .anima-nav-history .anima-nav-crumb:nth-of-type(1){display:none}
}

.anima-nav-ellipsis{opacity:.45; font-size:13px; padding:0 2px; flex:0 0 auto;}