/*
 * Site-wide rendering budget.
 * Keeps the visible particle language while removing full-viewport repaint traps.
 */
body{
  background-attachment:scroll!important;
}

/* SVG turbulence and fixed backdrop blur were the largest scroll repaint sources. */
.noise{
  display:none!important;
}
.grid-bg{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
#mainNav{
  background:color-mix(in srgb,var(--atlas-canvas) 96%,var(--atlas-panel-solid) 4%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  contain:layout style;
}

/* These panels already have an opaque themed surface, so blur adds cost but no useful depth. */
.stats-bar,
.post-main,
.side-box,
#commentsSection,
.box-access,
.box-secondary,
.download-style-glass .collection-unlocked,
.comment-form-glass .box-access-form,
.collection-route-board,
.box-float-status{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Keep the archive portrait, but make it a static watermark instead of a filtered moving layer. */
.atlas-ambient{
  contain:strict;
}
.atlas-portrait{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}
.is-collection-view .atlas-ambient,
.is-collection-view>.scanlines{
  display:none!important;
}

/* The collection has its own particle system; its depth shadows do not need live blur filters. */
.box-machine-zone::before,
.box-machine-shadow{
  filter:none!important;
}
.box-machine-zone{
  contain:layout style;
}
.box-machine.is-motion-driven .box-library{
  box-shadow:0 26px calc(48px + var(--collection-shell-depth)) rgba(15,17,31,calc(.25*var(--collection-shadow-strength))),0 7px 20px rgba(17,19,32,calc(.08*var(--collection-shadow-strength))),inset 0 1px rgba(255,255,255,.13)!important;
}
.box-particle-canvas,
.box-hover-particles,
#danmakuLayer,
#snowC,
.detail-particle-layer{
  contain:layout paint style;
}
#danmakuLayer>div{
  backface-visibility:hidden;
}

/* Do not spin or animate invisible decoration. */
.cursor-ring::before{
  animation-play-state:paused!important;
}
.cursor-ring.is-cursor-visible::before{
  animation-play-state:running!important;
}
.detail-particle-layer.is-suspended i{
  animation-play-state:paused!important;
}
html.page-inactive .atlas-particle,
html.page-inactive .particle,
html.page-inactive .detail-particle-layer i,
html.page-inactive .snowflake,
html.page-inactive .scanlines,
html.page-inactive .box-library::after,
html.page-inactive .box-access-form::before,
html.page-inactive .box-machine{
  animation-play-state:paused!important;
}

/* Small screens gain more from a clean compositor than from the faint portrait watermark. */
@media(max-width:960px){
  .atlas-portrait{display:none!important}
  .scanlines{opacity:.035!important}
}

@media(prefers-reduced-motion:reduce),(update:slow){
  .atlas-particle-field,
  .detail-particle-layer,
  #snowC,
  .scanlines{display:none!important}
  .box-library::after,
  .box-access-form::before{animation:none!important}
}