/* Cross-browser safety layer.
   Keeps visual intent where modern features are supported,
   but avoids broken transparency / fixed-background issues on stricter engines. */

@media (hover: none), (pointer: coarse), (max-width: 980px) {
  body.home-page,
  body.admin-layout-page,
  body.auth-page,
  body.changelog-page,
  body.roster-member-page,
  body.demo-engine-public-page,
  body.roleplay-test-page {
    background-attachment: scroll !important;
  }
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .steel-text,
  .nav-item,
  .headline h1,
  .metric-value,
  .card-name,
  .profile-v2-title,
  .overall-value,
  .demo-engine-public-page .fighter-name,
  .demo-engine-public-page .fighter-overall-value,
  .demo-engine-public-page .stream-fighter-name,
  .demo-engine-public-page .stream-fighter-overall,
  .dev-engine-page .fighter-name,
  .dev-engine-page .fighter-overall-value,
  .dev-engine-page .stream-fighter-name,
  .dev-engine-page .stream-fighter-overall {
    background: none !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
  }
}

@supports not (backdrop-filter: blur(6px)) {
  .card-brand-badge,
  .profile-v2-brand-badge,
  .demo-engine-public-page .fighter-brand-badge,
  .dev-engine-page .fighter-brand-badge {
    backdrop-filter: none !important;
    background: rgba(2, 6, 23, 0.96) !important;
  }
}

@supports not (aspect-ratio: 1 / 1) {
  .card-image-frame,
  .profile-v2-art,
  .roleplay-test-page .wrestler-avatar-wrap,
  .demo-engine-public-page .fighter-portrait,
  .dev-engine-page .fighter-portrait {
    min-height: 280px;
  }
}