html.perf-low .toast,
html.perf-low .modal,
html.perf-low .guide-media-player-back,
html.perf-low .guide-media-controls,
html.perf-low .guide-media-controls button {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: var(--surface) !important;
}

html.perf-low .ping-card-panel::before,
html.perf-low .schedule-status-card::before {
  display: none !important;
}

html.perf-low .notebook-checkmark {
  filter: none !important;
}

html.perf-low .statistics-total i,
html.perf-low .error-face,
html.perf-low .ping-card-panel .ping-stroke {
  filter: none !important;
}

html.perf-low .shimmer,
html.perf-low .pulse,
html.perf-low .feature-icon,
html.perf-low .guide-hero-card:hover::before,
html.perf-low .error-face__eye-lid,
html.perf-low .error-face__pupil,
html.perf-low .ping-live-dot,
html.perf-low .ping-chart-footer,
html.perf-low .statistics-tilt-card .density-grid-line,
html.perf-low .statistics-tilt-card .density-stroke {
  animation: none !important;
  opacity: 1 !important;
}

html.perf-low .brand-letter {
  animation-duration: 0ms !important;
  opacity: 1 !important;
}

html.perf-low .reveal,
html.perf-low .reveal.is-visible,
html.perf-low .stagger-children > *,
html.perf-low .stagger-children.is-visible > * {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html.perf-low .glow-card {
  box-shadow: none !important;
}

html.perf-low .server-card,
html.perf-low .panel,
html.perf-low .feature-panel,
html.perf-low .tool-card {
  contain: layout style;
}

/* ── 60fps performance layer ── */

/* Layout containment — prevents reflow cascades */
.guild-sidebar,
.guild-main,
.panel,
.overview-dashboard,
.guild-nav {
  contain: layout style;
}

/* Scroll containment — prevent scroll chaining */
.guild-sidebar,
.modal-body,
.guide-media-scroll,
.panel-body {
  overscroll-behavior: contain;
}

/* Touch — disable double-tap zoom, enable pan */
.guild-nav-link,
.history-item,
.setup-step,
.moderation-expand-toggle,
.schedule-mini-bar,
.embed-delivery-switch,
.trend-bar,
button,
a {
  touch-action: manipulation;
}

/* GPU layers for frequently animated elements */
.statistics-tilt-card,
.ping-card-panel,
.schedule-status-card {
  will-change: transform;
  contain: layout style paint;
}

.ping-live-dot {
  will-change: opacity;
}

/* Isolate heavy cards from page layout */
.panel {
  contain: layout style paint;
}

/* Scroll snap for sidebar nav */
.guild-nav {
  scroll-snap-type: y proximity;
}

.guild-nav-link {
  scroll-snap-align: start;
}