/* Tsukiro 3.6.40 — rendering stability.
   Removes 1px decorative grids/compositor seams and late-layout jitter. */

/* Avoid fractional compositor seams site-wide on ordinary UI. */
.button,.icon-button,.small-button,.button-small,
.telegram-anime-subscribe,.fold-card,.info-card,.panel,.modal,.dialog{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  background-clip:padding-box;
}
.button,.icon-button,.small-button,.button-small,.telegram-anime-subscribe{
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}
.button:hover,.icon-button:hover,.small-button:hover,.button-small:hover,
.telegram-anime-subscribe:hover{
  transform:none!important;
}

/* Anime page: the old 55px decorative grid is the visible vertical/horizontal line source. */
html[data-candy-ui="true"] body[data-page="anime"] .anime-hero::before,
html[data-candy-ui="true"] body[data-page="anime"] .anime-hero::after{
  content:none!important;
  display:none!important;
  background:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

/* Keep the hero in one stable paint layer. No scaled/filtered bitmap layer. */
html[data-candy-ui="true"] body[data-page="anime"] .anime-hero{
  isolation:isolate!important;
  contain:paint!important;
  overflow:hidden!important;
  transform:none!important;
  filter:none!important;
}
html[data-candy-ui="true"] body[data-page="anime"] .anime-backdrop{
  inset:-1px!important;
  transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:.64!important;
  background-size:cover!important;
  background-position:center 28%!important;
  image-rendering:auto!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
}
html[data-candy-ui="true"] body[data-page="anime"] .anime-hero-overlay{
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
}

/* Disable moving 3D/sheens on the title page; they caused Chromium/Zen paint seams. */
html[data-candy-ui="true"] body[data-page="anime"] .candy-tilt,
html[data-candy-ui="true"] body[data-page="anime"] .candy-tilt.candy-tilting,
html[data-candy-ui="true"] body[data-page="anime"] .candy284-reveal,
html[data-candy-ui="true"] body[data-page="anime"] .detail-poster,
html[data-candy-ui="true"] body[data-page="anime"] .info-card,
html[data-candy-ui="true"] body[data-page="anime"] .fold-card,
html[data-candy-ui="true"] body[data-page="anime"] .character-card{
  transform:none!important;
  transform-style:flat!important;
  perspective:none!important;
  filter:none!important;
  will-change:auto!important;
}
html[data-candy-ui="true"] body[data-page="anime"] .candy-sheen,
html[data-candy-ui="true"] body[data-page="anime"] .detail-poster::after{
  display:none!important;
  content:none!important;
}

/* Do not animate entire large sections into their own GPU layers. */
html[data-candy-ui="true"] body[data-page="anime"] .reveal,
html[data-candy-ui="true"] body[data-page="anime"] .reveal.is-visible,
html[data-candy-ui="true"] body[data-page="anime"] .candy284-reveal,
html[data-candy-ui="true"] body[data-page="anime"] .candy284-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

/* Chips/buttons no backdrop blur: avoids thin flashes when hovering/scrolling. */
html[data-candy-ui="true"] body[data-page="anime"] .detail-meta span,
html[data-candy-ui="true"] body[data-page="anime"] .chip-row span,
html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions .button,
html[data-candy-ui="true"] body[data-page="anime"] .telegram-anime-subscribe{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Stable action layout: elements are present from first paint instead of being appended later. */
html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  min-height:106px!important;
  align-content:flex-start!important;
}
html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions > *{
  flex:0 0 auto!important;
}
html[data-candy-ui="true"] body[data-page="anime"] #detailReportIssue,
html[data-candy-ui="true"] body[data-page="anime"] #telegramAnimeSubscribe{
  visibility:visible!important;
}
html[data-candy-ui="true"] body[data-page="anime"] #telegramAnimeSubscribe[data-initializing="true"]{
  opacity:.72!important;
  cursor:wait!important;
  pointer-events:none!important;
}

/* Neutral edges only; no 1px colored sliver on button sides. */
html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions .button,
html[data-candy-ui="true"] body[data-page="anime"] .telegram-anime-subscribe{
  outline:0!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.24)!important;
}
html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions .button::before,
html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions .button::after,
html[data-candy-ui="true"] body[data-page="anime"] .telegram-anime-subscribe::before,
html[data-candy-ui="true"] body[data-page="anime"] .telegram-anime-subscribe::after{
  content:none!important;
  display:none!important;
}

/* Images should not get GPU filters/scale during hover. */
html[data-candy-ui="true"] body[data-page="anime"] img{
  image-rendering:auto!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* The cyber scanline effect can also present as a flashing stripe in Chromium. */
html[data-candy-ui="true"] .profile-hero-card.theme-cyber-neon::before{
  display:none!important;
  content:none!important;
}

@media(max-width:820px){
  html[data-candy-ui="true"] body[data-page="anime"] .anime-primary-actions{
    min-height:0!important;
  }
}