/* Original composited background instances, not approximated CSS blur.
   H5 49056:470750; PC 49081:499376 scales the same component 5.12x at opacity .5.
   An overlay in the exact page colour applies that opacity to the background only. */
@media (min-width: 769px) {
  body:is(.legal-page, .contact-page, .person-center-page, .home-route-page--desktop-template) {
    background-color: #010406;
    background-image: linear-gradient(rgba(1, 4, 6, .5), rgba(1, 4, 6, .5)), url('/static/images/page-backgrounds/mobile-detail.svg');
    background-position: center top;
    background-size: 100% 100%, 100% auto;
    background-repeat: no-repeat;
  }
}

@media (max-width: 768px) {
  body:is(.mobile-faq-page, .mobile-privacy-policy-page, .mobile-user-agreement-page, .mobile-dmca-page, .mobile-2257-page, .home-route-page) {
    background-color: #010406;
    background-image: url('/static/images/page-backgrounds/mobile-detail.svg');
    /* The real website excludes the Figma frame's 44px simulated OS bar. */
    background-position: center -44px;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  :is(.mobile-faq-shell, .mobile-privacy-policy-shell, .mobile-user-agreement-shell, .mobile-dmca-shell, .mobile-2257-shell) {
    background: transparent;
  }

  .mobile-profile-shell {
    /* History frame 45773:265397 also has two blurred root vectors outside its
       background instance. Exports retain the frame clipping; subtract OS bar 44. */
    background-color: #010406;
    background-image: url('/static/images/mobile-profile-20261017/45773-265398.png'), url('/static/images/mobile-profile-20261017/45773-265399.png'), url('/static/images/page-backgrounds/mobile-profile.png');
    background-position: right 59px, left 201px, center -44px;
    background-size: 68.2666666667% auto, 63.4666666667% auto, 100% auto;
    background-repeat: no-repeat;
  }

  .mobile-profile-glow { display: none; }
}

/* Shared secondary NavBar main component 58:11120; contact card 45914:266260. */
:is(.mobile-faq-header, .mobile-privacy-policy-header, .mobile-user-agreement-header, .mobile-dmca-header, .mobile-2257-header) { background: #0e1012; }
body.mobile-contact-page { --mobile-contact-card: rgba(255, 255, 255, .05); }