/*
 * Performance rules must stay component-scoped. Universal shadows and
 * transition overrides force almost every node onto an expensive paint path
 * and also produce dark rectangles behind text.
 */

.key-card,
.script-card,
.faq-row,
.howto,
.card,
.script-box,
.price-card,
.pay-box,
.modal,
.session-box,
.video-card,
.reseller-card,
.reseller-warning,
.feature-card,
.glass-panel {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Let the browser skip layout and paint work for content below the viewport. */
@supports (content-visibility: auto) {
  main > .section:not(.hero),
  .games-strip,
  .footer,
  .cards,
  .pricing,
  .features,
  .video-grid,
  .reseller-grid {
    content-visibility: auto;
    contain-intrinsic-size: auto 720px;
  }
}

@media (max-width: 920px) {
  header,
  .site-header,
  .top-status-bar,
  .profile-panel,
  .server-card,
  .nav-links,
  .nav-links.active,
  .hero-image-shell,
  .glass-panel,
  .pay-overlay,
  .session-overlay,
  .qr-zoom,
  .modal,
  .card,
  .howto {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background-color: rgba(12, 12, 14, 0.98) !important;
  }

  .site-header {
    background-color: rgba(5, 5, 7, 0.98) !important;
  }

  .hero-panel,
  .key-card,
  .script-card,
  .faq-row,
  .banner-ad {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  }
}


@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
}
/* Broad mobile/touch reductions for preserved V1 pages. */
@media (max-width: 760px), (hover: none) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  body {
    background-attachment: scroll !important;
  }

  img,
  video,
  canvas {
    max-width: 100%;
  }

  .sidebar,
  .dashboard-card,
  .profile-card,
  .profile-panel,
  .server-card,
  .glass-panel,
  .hero-panel,
  .key-card,
  .script-card,
  .faq-row,
  .modal,
  .card,
  .howto,
  .price-card,
  .pay-box,
  .reseller-card,
  .feature-card {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.26) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .hero-orb,
  .glow,
  .blur,
  .ambient-light,
  .animated-bg,
  .particles,
  .floating-card {
    display: none !important;
  }
}

@media (prefers-reduced-data: reduce) {
  .loader-gif,
  video,
  canvas {
    display: none !important;
  }
}