/* NEUROWOOD v5.6 REVISION-04 — Аниме на телефоне + навигация лент. Десктоп-раскладка Аниме не меняется. */
.a6-lead{margin:10px 0 0;max-width:46ch;font-size:16px;line-height:1.5;color:var(--color-text-2);text-wrap:pretty}

/* ---------- навигация под лентой ---------- */
.x8-nav{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:6px;position:relative}
.x8-dots{display:flex;align-items:center;margin-inline-start:-9px}
.x8-dot{width:24px;height:44px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.x8-dot::before{content:"";width:6px;height:6px;border-radius:3px;background:rgba(242,238,228,.3);transition:width .44s cubic-bezier(.2,.8,.2,1),background .44s cubic-bezier(.2,.8,.2,1)}
.x8-dot[aria-current="true"]::before{width:20px;background:var(--color-text)}
.x8-bar{position:relative;width:96px;height:3px;border-radius:2px;background:rgba(242,238,228,.18);overflow:hidden}
.x8-bar i{position:absolute;inset:0;background:var(--color-text);transform-origin:0 50%;transform:scaleX(.1);transition:transform .2s linear}
[dir=rtl] .x8-bar i{transform-origin:100% 50%}
.x8-n{white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--color-meta);font-variant-numeric:tabular-nums}
.x8-hint{white-space:nowrap;flex-shrink:0;margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;background:rgba(242,238,228,.08);border:1px solid rgba(242,238,228,.12);font-size:12px;font-weight:700;color:var(--color-text);transition:opacity .44s cubic-bezier(.2,.8,.2,1),transform .44s cubic-bezier(.2,.8,.2,1)}
.x8-hint svg{animation:x8nudge 1.6s cubic-bezier(.2,.8,.2,1) infinite}
[dir=rtl] .x8-hint svg{transform:scaleX(-1);animation-name:x8nudgeR}
@keyframes x8nudge{0%,100%{transform:none}50%{transform:translateX(4px)}}
@keyframes x8nudgeR{0%,100%{transform:scaleX(-1)}50%{transform:scaleX(-1) translateX(4px)}}
.x8-hint.gone{opacity:0;transform:translateX(8px);pointer-events:none}
.x8-arrows{display:none}
.a6-about svg{display:none}

/* край ленты мягко уходит, пока есть что листать */
@media (max-width:899px){
  .x8-rail:not(.x8-end){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  [dir=rtl] .x8-rail:not(.x8-end){-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),transparent)}
}

/* десктоп: вместо точек — стрелки справа от счётчика */
@media (min-width:900px) and (hover:hover){
  .x8-hint,.x8-dots,.x8-bar{display:none}
  .x8-nav{justify-content:flex-end}
  .x8-arrows{display:flex;gap:8px}
  .x8-ar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(242,238,228,.16);background:rgba(242,238,228,.04);color:var(--color-text);cursor:pointer;transition:background .25s cubic-bezier(.2,.8,.2,1),opacity .25s}
  .x8-ar:hover{background:rgba(242,238,228,.12)}
  .x8-ar:disabled{opacity:.3;cursor:default}
  [dir=rtl] .x8-ar svg{transform:scaleX(-1)}
}

/* ---------- Аниме на телефоне: карточка-постер, свайп ---------- */
@media (max-width:899px){
  .a6-bg{display:none}
  .a6::before{background:linear-gradient(180deg,var(--color-bg) 0%,rgba(12,11,10,0) 20%,rgba(12,11,10,0) 80%,var(--color-bg) 100%)}
  .a6-in{gap:20px}
  .a6-head .w6-h{margin:0}
  .a6-gh{margin-bottom:8px}
  .a6-gh h3{font-size:15px;color:var(--color-text-2);font-weight:700}
  .a6-fl{grid-auto-columns:min(300px,74vw);gap:12px;scroll-snap-type:x mandatory;padding-bottom:4px}
  .a6-t{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:0;padding:0;overflow:hidden;border-radius:22px;background:rgba(20,19,18,.78);scroll-snap-align:start;scroll-snap-stop:always}
  .a6-tp{aspect-ratio:4/5;border-radius:0;position:relative}
  .a6-tp img{object-position:50% 18%}
  .a6-tp::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,rgba(20,19,18,.95),transparent);pointer-events:none}
  .a6-tx{padding:0 16px 16px;margin-top:-34px;position:relative;gap:8px}
  .a6-tt{font-size:22px}
  .a6-tx p{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;max-height:none;font-size:14px}
  .a6-acts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;padding-top:6px}
  .a6-acts .btn{height:48px;justify-content:center;font-size:13px;min-width:0}
  .a6-acts .btn[data-a="trailer"]{background:var(--color-text);color:var(--color-bg);border-color:transparent}
  .a6-acts .btn:only-child{grid-column:1/-1}
  .a6-about{width:48px;padding:0!important}
  .a6-about span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .a6-about svg{display:block}
  [dir=rtl] .a6-about svg{transform:scaleX(-1)}
  .a6-fl{grid-auto-columns:min(310px,78vw)}
  .a6-only .a6-fut .a6-gh{justify-content:flex-start;min-height:0;margin:-8px 0 4px}
  .a6-only .a6-fut .a6-gh h3{display:none}
  .a6-only .a6-fut .see{white-space:nowrap;margin-inline-start:0;margin-inline-end:auto;min-height:44px;display:inline-flex;align-items:center}
}
@media (prefers-reduced-motion:reduce){.x8-hint svg{animation:none}}