/* Rockstar-inspired member surfaces: publisher-grade contrast, sharp cuts,
   restrained yellow and cinematic scene framing. Loaded by the host page. */
@layer rockstar-cards {
  #campaignPopup .community-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 8px !important;
    margin-top: 10px !important;
    padding-bottom: 2px !important;
  }
  #campaignPopup .community-button {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 6px 8px !important;
    border: 1px solid #fcaf17 !important;
    background: #252116 !important;
    color: #fff3d2 !important;
    font: 600 10px/1.2 "Space Grotesk", sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow-wrap: anywhere;
  }
  #campaignPopup .community-button span:first-of-type {
    min-width: 0 !important;
  }
  #campaignPopup .community-arrow {
    flex: 0 0 auto !important;
    color: #fcaf17 !important;
  }
  #campaignPopup .community-button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -4px;
  }
  #campaignPopup .community-button .whatsapp-logo,
  #campaignPopup .community-button .telegram-logo {
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
    filter: none !important;
  }
  @media (max-width: 380px) {
    #campaignPopup .community-links {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 6px !important;
    }
    #campaignPopup .community-button {
      min-height: 44px !important;
      gap: 4px !important;
      padding: 5px 4px !important;
      font-size: 9px !important;
    }
    #campaignPopup .community-button .whatsapp-logo,
    #campaignPopup .community-button .telegram-logo {
      flex-basis: 16px !important;
      width: 16px !important;
      height: 16px !important;
    }
  }
  #campaignPopup.campaign-overlay {
    background: rgba(6, 7, 8, .84) !important;
    backdrop-filter: blur(5px) saturate(.76) !important;
    -webkit-backdrop-filter: blur(5px) saturate(.76) !important;
    padding: max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  #campaignPopup .campaign-popup {
    display: flex !important;
    flex-direction: column !important;
    width: min(100%, 426px) !important;
    max-width: 426px !important;
    max-height: calc(100dvh - 16px) !important;
    margin: auto !important;
    overflow: hidden !important;
    border: 1px solid rgba(252, 175, 23, .82) !important;
    border-radius: 0 !important;
    background: #111210 !important;
    box-shadow: 0 28px 84px rgba(0, 0, 0, .78), inset 4px 0 0 #fcaf17 !important;
    animation: rs-experience-in .32s cubic-bezier(.2,.75,.25,1) both !important;
    filter: none !important;
    clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%) !important;
  }

  #campaignPopup .campaign-photo {
    position: relative !important;
    flex: 0 0 clamp(116px, 24vh, 190px) !important;
    height: clamp(116px, 24vh, 190px) !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #161817 !important;
    isolation: isolate !important;
  }

  #campaignPopup .campaign-photo-source {
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 58% 49% !important;
    opacity: .92 !important;
    pointer-events: none !important;
  }

  #campaignPopup .campaign-photo::after {
    display: block !important;
    background: linear-gradient(90deg, rgba(7, 8, 7, .9) 0%, rgba(9, 10, 9, .54) 48%, rgba(8, 9, 8, .08) 100%), linear-gradient(0deg, #111210 0%, transparent 43%) !important;
  }

  #campaignPopup .campaign-brand {
    position: relative !important;
    z-index: 1 !important;
    padding: 18px 21px !important;
    color: #f3efe7 !important;
    text-shadow: 0 2px 10px #000 !important;
  }

  #campaignPopup .campaign-brand::before {
    content: "ESPACE MEMBRE" !important;
    margin-bottom: 9px !important;
    color: #fcaf17 !important;
    font: 700 8px/1.1 "Courier New", monospace !important;
    letter-spacing: .2em !important;
  }

  #campaignPopup .campaign-mark {
    display: block !important;
    width: fit-content !important;
    margin: 0 0 10px !important;
    color: #fcaf17 !important;
    font: 900 italic clamp(27px, 8vw, 38px)/.82 "Arial Black", Impact, sans-serif !important;
    letter-spacing: -.075em !important;
    transform: skew(-7deg) !important;
  }

  #campaignPopup .campaign-brand small {
    margin: 0 0 8px !important;
    color: #fcaf17 !important;
    font: 700 8px/1.3 "Courier New", monospace !important;
    letter-spacing: .2em !important;
  }

  #campaignPopup .campaign-brand strong {
    width: min(205px, 68%) !important;
    color: #f3efe7 !important;
    font: 800 clamp(17px, 5vw, 21px)/.98 "Arial Black", Impact, sans-serif !important;
    letter-spacing: .015em !important;
    text-transform: uppercase !important;
  }

  #campaignPopup .campaign-brand em {
    max-width: 230px !important;
    margin-top: 5px !important;
    color: rgba(243, 239, 231, .82) !important;
    font: italic 13px/1.15 Georgia, serif !important;
  }

  #campaignPopup .campaign-close {
    top: 10px !important;
    right: 10px !important;
    z-index: 5 !important;
    display: grid !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    place-items: center !important;
    border: 1px solid rgba(243, 239, 231, .65) !important;
    border-radius: 0 !important;
    background: rgba(12, 13, 12, .88) !important;
    box-shadow: none !important;
    color: #f3efe7 !important;
    font: 400 28px/1 sans-serif !important;
    cursor: pointer !important;
  }

  #campaignPopup .campaign-close svg { display: none !important; }

  #campaignPopup .campaign-close:focus-visible,
  #campaignPopup .campaign-scroll:focus-visible {
    outline: 2px solid #fcaf17 !important;
    outline-offset: -4px !important;
  }

  #campaignPopup .campaign-panel {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px clamp(13px, 4vw, 20px) 15px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-top: 1px solid rgba(243, 239, 231, .13) !important;
    border-radius: 0 !important;
    background: #111210 !important;
    box-shadow: none !important;
  }

  #campaignPopup .campaign-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #fcaf17 #20211e !important;
  }

  #campaignPopup .notice-head {
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
  }

  #campaignPopup .notice-title {
    color: #f3efe7 !important;
    font: 800 21px/.95 "Arial Black", Impact, sans-serif !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }

  #campaignPopup .notice-title small {
    margin-top: 5px !important;
    color: #aaa69c !important;
    font: 700 9px/1.2 "Courier New", monospace !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  #campaignPopup .offer {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding: 7px 8px !important;
    border: 1px solid rgba(252, 175, 23, .48) !important;
    border-radius: 0 !important;
    background: rgba(252, 175, 23, .1) !important;
    color: #fcaf17 !important;
    font: 700 9px/1.05 "Courier New", monospace !important;
    letter-spacing: .08em !important;
  }

  #campaignPopup .campaign-banner.green {
    justify-content: flex-start !important;
    min-height: 42px !important;
    margin-bottom: 9px !important;
    padding: 10px 11px !important;
    border: 1px solid rgba(252, 175, 23, .63) !important;
    border-radius: 0 !important;
    background: #fcaf17 !important;
    color: #17140d !important;
    font: 800 12px/1.2 "Arial Black", Impact, sans-serif !important;
    letter-spacing: .005em !important;
  }

  #campaignPopup .campaign-list {
    border-top: 1px solid rgba(243, 239, 231, .16) !important;
  }

  #campaignPopup .campaign-list li {
    grid-template-columns: 27px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 8px 1px !important;
    border-bottom: 1px solid rgba(243, 239, 231, .12) !important;
    color: #ddd8ce !important;
    font: 500 11px/1.3 "Trebuchet MS", sans-serif !important;
  }

  #campaignPopup .campaign-list li:last-child { border-bottom: 0 !important; }
  #campaignPopup .campaign-list .ico {
    width: 25px !important;
    height: 25px !important;
    border: 1px solid rgba(252, 175, 23, .35) !important;
    border-radius: 0 !important;
    background: #20211e !important;
    box-shadow: none !important;
  }
  #campaignPopup .campaign-list .premium-icon { width: 16px !important; height: 16px !important; }
  #campaignPopup .campaign-list b { color: #fcaf17 !important; }
  #campaignPopup .campaign-close:focus-visible {
    outline: 3px solid #fcaf17 !important;
    outline-offset: 3px !important;
  }

  body[data-rockstar-page="balance-history"] {
    background: #090a09 !important;
    color: #f3efe7 !important;
    font-family: "Trebuchet MS", "Arial Narrow", sans-serif !important;
  }

  body[data-rockstar-page="balance-history"] .app {
    position: relative !important;
    background: linear-gradient(180deg, #151613 0%, #0d0e0c 54%, #11120f 100%) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .7) !important;
  }

  body[data-rockstar-page="balance-history"] .hero {
    height: 232px !important;
    background-color: #171814 !important;
    background-position: 58% 51% !important;
  }

  body[data-rockstar-page="balance-history"] .hero::after {
    background: linear-gradient(90deg, rgba(7, 8, 7, .91), rgba(10, 11, 9, .57) 55%, rgba(8, 9, 8, .12)) !important;
  }
  body[data-rockstar-page="balance-history"] .hero::before { display: none !important; }
  body[data-rockstar-page="balance-history"] .hero-in { padding: 27px 20px !important; }
  body[data-rockstar-page="balance-history"] .top { gap: 12px !important; }
  body[data-rockstar-page="balance-history"] .back {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(243, 239, 231, .42) !important;
    border-radius: 0 !important;
    background: rgba(12, 13, 11, .8) !important;
    color: #f3efe7 !important;
  }
  body[data-rockstar-page="balance-history"] .logo {
    width: auto !important;
    color: #f3efe7 !important;
    font: 900 italic 18px/1 "Arial Black", Impact, sans-serif !important;
    letter-spacing: .11em !important;
    filter: none !important;
  }
  body[data-rockstar-page="balance-history"] .hero h1 {
    margin: 30px 0 7px !important;
    color: #f3efe7 !important;
    font: 900 clamp(26px, 7vw, 34px)/.94 "Arial Black", Impact, sans-serif !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase !important;
    text-shadow: 0 3px 16px #000 !important;
  }
  body[data-rockstar-page="balance-history"] .hero p {
    color: #d1ccc1 !important;
    font: 500 12px/1.45 "Trebuchet MS", sans-serif !important;
  }

  body[data-rockstar-page="balance-history"] .tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: -1px 14px 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(243, 239, 231, .2) !important;
    border-top: 2px solid #fcaf17 !important;
    border-radius: 0 !important;
    background: #171815 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .36) !important;
  }
  body[data-rockstar-page="balance-history"] .tabs .tab {
    position: relative !important;
    min-width: 0 !important;
    height: 64px !important;
    padding: 7px 8px !important;
    border: 0 !important;
    border-right: 1px solid rgba(243, 239, 231, .12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #aaa69c !important;
    font: 700 10px/1.15 "Trebuchet MS", sans-serif !important;
    text-align: center !important;
  }
  body[data-rockstar-page="balance-history"] .tabs .tab:last-child { border-right: 0 !important; }
  body[data-rockstar-page="balance-history"] .tabs .tab.active {
    background: #fcaf17 !important;
    color: #17140d !important;
    box-shadow: none !important;
  }
  body[data-rockstar-page="balance-history"] .tabs .tab.active::after {
    bottom: 0 !important;
    width: 36px !important;
    height: 3px !important;
    border-radius: 0 !important;
    background: #17140d !important;
    opacity: 1 !important;
  }
  body[data-rockstar-page="balance-history"] .tabs .tab svg { width: 20px !important; height: 20px !important; }
  body[data-rockstar-page="balance-history"] .tabs .tab:focus-visible,
  body[data-rockstar-page="balance-history"] .nav:focus-visible {
    outline: 3px solid #fcaf17 !important;
    outline-offset: -4px !important;
  }

  body[data-rockstar-page="balance-history"] main { padding: 0 14px !important; }
  body[data-rockstar-page="balance-history"] .transaction {
    grid-template-columns: 49px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    min-height: 112px !important;
    margin-top: 14px !important;
    padding: 16px 13px !important;
    overflow: hidden !important;
    border: 1px solid rgba(243, 239, 231, .19) !important;
    border-left: 3px solid #fcaf17 !important;
    border-radius: 0 !important;
    background: #171815 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.28) !important;
  }
  body[data-rockstar-page="balance-history"] .transaction::after { display: none !important; }
  body[data-rockstar-page="balance-history"] .gift {
    width: 43px !important;
    height: 43px !important;
    border: 1px solid rgba(252, 175, 23, .58) !important;
    border-radius: 0 !important;
    background: rgba(252, 175, 23, .09) !important;
    color: #fcaf17 !important;
  }
  body[data-rockstar-page="balance-history"] .transaction h2 {
    margin: 2px 0 5px !important;
    color: #f3efe7 !important;
    font: 800 14px/1.12 "Arial Black", Impact, sans-serif !important;
  }
  body[data-rockstar-page="balance-history"] .transaction p,
  body[data-rockstar-page="balance-history"] .date { color: #aaa69c !important; }
  body[data-rockstar-page="balance-history"] .transaction p {
    margin: 0 0 8px !important;
    font-size: 11px !important;
  }
  body[data-rockstar-page="balance-history"] .date { font-size: 9px !important; }
  body[data-rockstar-page="balance-history"] .money {
    max-width: 100% !important;
    color: #fcaf17 !important;
    font: 800 15px/1.1 "Arial Black", Impact, sans-serif !important;
    font-variant-numeric: tabular-nums !important;
    overflow-wrap: anywhere !important;
  }

  body[data-rockstar-page="balance-history"] .empty {
    min-height: 274px !important;
    margin-top: 14px !important;
    padding: 38px 22px 30px !important;
    border: 1px solid rgba(243, 239, 231, .15) !important;
    border-top: 2px solid #fcaf17 !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #171815, #11120f) !important;
    box-shadow: inset 4px 0 0 rgba(252, 175, 23, .18) !important;
  }
  body[data-rockstar-page="balance-history"] .empty-icon {
    width: 68px !important;
    height: 68px !important;
    color: #fcaf17 !important;
    opacity: .94 !important;
  }
  body[data-rockstar-page="balance-history"] .empty-icon path:first-child { fill: #282820 !important; }
  body[data-rockstar-page="balance-history"] .empty-icon path:not(:first-child),
  body[data-rockstar-page="balance-history"] .empty-icon circle { stroke: #fcaf17 !important; }
  body[data-rockstar-page="balance-history"] .empty-icon::before { display: none !important; }
  body[data-rockstar-page="balance-history"] .empty h2 {
    margin: 14px 0 7px !important;
    color: #f3efe7 !important;
    font: 800 17px/1.05 "Arial Black", Impact, sans-serif !important;
    text-transform: uppercase !important;
  }
  body[data-rockstar-page="balance-history"] .empty p {
    color: #aaa69c !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  body[data-rockstar-page="balance-history"] .footer-ad {
    height: 202px !important;
    margin-top: 14px !important;
    background-image: linear-gradient(0deg, rgba(8, 9, 8, .91), rgba(8, 9, 8, .12)), url("../attached_assets/generated_images/vortex-premium-next/balance-hero.webp") !important;
    background-position: center 62% !important;
    background-size: cover !important;
  }
  body[data-rockstar-page="balance-history"] .footer-ad::after {
    background: linear-gradient(90deg, rgba(8, 9, 8, .46), transparent 70%) !important;
  }
  body[data-rockstar-page="balance-history"] .footer-ad p { display: none !important; }
  body[data-rockstar-page="balance-history"] .bottom {
    background: #111210 !important;
    border: 1px solid rgba(243, 239, 231, .17) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, .48) !important;
  }
  body[data-rockstar-page="balance-history"] .nav { color: #aaa69c !important; }
  body[data-rockstar-page="balance-history"] .nav.active {
    color: #17140d !important;
    background: #fcaf17 !important;
    box-shadow: none !important;
  }
  body[data-rockstar-page="balance-history"] .nav.active svg {
    color: #17140d !important;
    fill: currentColor !important;
  }

  @keyframes rs-experience-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 380px) {
    #campaignPopup .campaign-brand { padding: 14px 14px !important; }
    #campaignPopup .campaign-brand strong { width: 68% !important; font-size: 16px !important; }
    #campaignPopup .campaign-brand em { font-size: 12px !important; }
    #campaignPopup .campaign-panel { padding: 10px 11px 11px !important; }
    #campaignPopup .notice-head { gap: 6px !important; }
    #campaignPopup .notice-title { font-size: 18px !important; }
    #campaignPopup .offer { padding: 6px !important; font-size: 8px !important; }
    #campaignPopup .campaign-banner.green { min-height: 38px !important; font-size: 10px !important; }
    #campaignPopup .campaign-list li { padding: 6px 0 !important; font-size: 10px !important; }
    body[data-rockstar-page="balance-history"] .hero { height: 218px !important; }
    body[data-rockstar-page="balance-history"] .hero-in { padding: 24px 15px !important; }
    body[data-rockstar-page="balance-history"] .tabs { margin-inline: 9px !important; }
    body[data-rockstar-page="balance-history"] .tabs .tab { gap: 5px !important; font-size: 9px !important; }
    body[data-rockstar-page="balance-history"] main { padding-inline: 9px !important; }
    body[data-rockstar-page="balance-history"] .transaction { grid-template-columns: 40px minmax(0, 1fr) auto !important; gap: 7px !important; padding-inline: 10px !important; }
    body[data-rockstar-page="balance-history"] .gift { width: 37px !important; height: 37px !important; }
    body[data-rockstar-page="balance-history"] .money { font-size: 12px !important; }
  }

  @media (max-height: 700px) {
    #campaignPopup .campaign-photo { flex-basis: 98px !important; height: 98px !important; }
    #campaignPopup .campaign-brand { padding-block: 10px !important; }
    #campaignPopup .campaign-mark { margin-bottom: 6px !important; font-size: 26px !important; }
    #campaignPopup .campaign-brand::before { margin-bottom: 6px !important; }
    #campaignPopup .campaign-brand strong { font-size: 13px !important; }
    #campaignPopup .campaign-brand small { margin-bottom: 5px !important; }
    #campaignPopup .campaign-brand em { margin-top: 3px !important; }
    #campaignPopup .campaign-list li { padding-block: 5px !important; }
  }

  @media (prefers-reduced-motion: reduce) {
    #campaignPopup .campaign-popup { animation: none !important; }
  }

  /* Member-page finishing pass: restore cinematic contrast on the support
     scene while keeping the artwork visible and all form surfaces untouched. */
  body:has(#supportForm) .hero::before {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background:
      linear-gradient(90deg, rgba(12, 11, 9, .94) 0%, rgba(17, 16, 13, .78) 44%, rgba(17, 16, 13, .22) 100%),
      linear-gradient(0deg, rgba(12, 11, 9, .72) 0%, transparent 62%) !important;
  }

  body:has(#supportForm) .hero h1 {
    color: #f3efe7 !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .72) !important;
  }

  body:has(#supportForm) .form-heading p,
  body:has(#supportForm) .contacts-intro,
  body:has(#supportForm) .contact small,
  body:has(#supportForm) .count {
    color: #c9c3b8 !important;
  }

  body:has(#supportForm) textarea::placeholder {
    color: #aaa49a !important;
    opacity: 1 !important;
  }

  body:has(#supportForm) select,
  body:has(#supportForm) textarea,
  body:has(#accountForm) .input {
    min-height: 48px !important;
    color: #f3efe7 !important;
    caret-color: #fcaf17 !important;
  }

  body:has(#supportForm) select:focus-visible,
  body:has(#supportForm) textarea:focus-visible,
  body:has(#accountForm) .input:focus-visible,
  body:has(#accountForm) .select-trigger:focus-visible {
    border-color: #fcaf17 !important;
    outline: 3px solid rgba(252, 175, 23, .72) !important;
    outline-offset: -4px !important;
    box-shadow: inset 0 0 0 1px rgba(252, 175, 23, .28) !important;
  }

  body:has(#accountForm) .field-icon,
  body:has(#accountForm) .security,
  body:has(#accountForm) .error {
    color: #d0cabe !important;
  }

  body:has(#profileAccountNumber) .menu-text span,
  body:has(#profileAccountNumber) .hero-account {
    color: #c1cbd0 !important;
  }

  body:has(#profileAccountNumber) .hero-copy h1,
  body:has(#profileAccountNumber) .hero-copy p {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .75) !important;
  }

  body:has(#platformTicker) .ticker,
  body:has(#platformTicker) .timeline .year {
    color: #d4cec2 !important;
  }

  body:has(#platformTicker) .ticker b,
  body:has(#platformTicker) .year strong {
    color: #fcaf17 !important;
  }

  /* Unified visible keyboard focus, inset to respect the existing clipped
     silhouettes and preserve the pages' angular geometry. */
  body:has(#supportForm) :is(.back, .contact, .send):focus-visible,
  body:has(#profileAccountNumber) :is(.action, .menu-item, .nav, .copy-account-icon):focus-visible,
  body:has(#platformTicker) :is(.act, .nav, .cta):focus-visible,
  body:has(#accountForm) :is(.back, .confirm, .operator, .close):focus-visible {
    outline: 3px solid #fcaf17 !important;
    outline-offset: -4px !important;
    box-shadow: inset 0 0 0 1px rgba(252, 175, 23, .42) !important;
  }

  @media (hover: hover) and (pointer: fine) {
    body:has(#supportForm) .contact,
    body:has(#supportForm) .send,
    body:has(#accountForm) .confirm,
    body:has(#profileAccountNumber) .action,
    body:has(#platformTicker) .act {
      transition: transform .16s ease !important;
    }

    body:has(#supportForm) .contact:hover,
    body:has(#accountForm) .operator:hover {
      border-color: #fcaf17 !important;
    }

    body:has(#supportForm) .send:hover,
    body:has(#accountForm) .confirm:hover,
    body:has(#profileAccountNumber) .action:hover,
    body:has(#platformTicker) .act:hover {
      border-color: #fcaf17 !important;
    }

    body:has(#supportForm) .send:active,
    body:has(#accountForm) .confirm:active,
    body:has(#profileAccountNumber) .action:active,
    body:has(#platformTicker) .act:active {
      transform: translateY(1px);
    }
  }

  @media (max-width: 620px) {
    body:has(#supportForm) .hero-copy {
      padding-right: 22px !important;
    }

    body:has(#supportForm) .hero p:last-child {
      max-width: 34ch !important;
      font-size: 14px !important;
      line-height: 1.58 !important;
    }

    body:has(#supportForm) .contact {
      min-height: 64px !important;
      padding: 12px !important;
    }
  }

  @media (max-width: 380px) {
    body:has(#supportForm) .hero h1 {
      font-size: 42px !important;
    }

    body:has(#supportForm) .hero-copy {
      padding-inline: 18px !important;
    }

    body:has(#supportForm) .form-card {
      padding: 17px 13px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body:has(#supportForm) .contact,
    body:has(#supportForm) .send,
    body:has(#accountForm) .confirm,
    body:has(#profileAccountNumber) .action,
    body:has(#platformTicker) .act {
      transition: none !important;
    }
  }

  /* Final geometry pass for the two audited member surfaces. */
  body:has(#missions) :is(.reward, .mission, .empty) {
    border-radius: 0 !important;
    border-color: rgba(243, 239, 231, .22) !important;
  }

  body:has(#missions) .reward {
    border-top: 2px solid #fcaf17 !important;
  }

  body:has(#missions) .mission {
    border-left: 3px solid #fcaf17 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
  }

  body:has(#missions) .badge {
    border: 1px solid rgba(252, 175, 23, .72) !important;
    border-radius: 0 !important;
    background: #fcaf17 !important;
    box-shadow: none !important;
    color: #17140d !important;
    line-height: 1.25 !important;
  }

  body:has(#missions) .numbers strong { color: #f3efe7 !important; }
  body:has(#missions) .numbers span { color: #c1bbb0 !important; }
  body:has(#missions) .mission > p { color: #d1ccc1 !important; }
  body:has(#missions) .mission > p b { color: #fcaf17 !important; }

  body:has(#missions) .progress {
    border-radius: 0 !important;
    background: #282a26 !important;
    color: #f3efe7 !important;
  }

  body:has(#missions) .progress i {
    border-radius: 0 !important;
    background: #fcaf17 !important;
  }

  body:has(#missions) .api-claim {
    min-height: 42px !important;
    border: 1px solid #fcaf17 !important;
    border-radius: 0 !important;
    background: #fcaf17 !important;
    color: #17140d !important;
  }

  body:has(#missions) .api-claim:disabled {
    background: #282a26 !important;
    color: #c1bbb0 !important;
  }

  body:has(.amount-field) .card,
  body:has(.amount-field) .amount-field,
  body:has(.amount-field) .notice,
  body:has(.amount-field) .read,
  body:has(.amount-field) .num {
    border-radius: 0 !important;
  }

  body:has(.amount-field) .balance {
    border-color: rgba(243, 239, 231, .24) !important;
    box-shadow: inset 3px 0 0 #fcaf17, 0 8px 22px rgba(0, 0, 0, .32) !important;
  }

  body:has(.amount-field) .balance::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    pointer-events: none;
    background: linear-gradient(135deg, transparent 47%, #fcaf17 48% 53%, transparent 54%);
  }

  body:has(.amount-field) .wallet,
  body:has(.amount-field) .withdraw,
  body:has(.amount-field) .advice {
    border-color: rgba(243, 239, 231, .22) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .24) !important;
  }

  body:has(.amount-field) .withdraw { border-top: 2px solid #fcaf17 !important; }
  body:has(.amount-field) .amount-field { min-width: 0 !important; }
  body:has(.amount-field) .amount-field b {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  body:has(.amount-field) .amount-field input {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
  }

  @media (prefers-reduced-motion: reduce) {
    body:has(#missions) .api-claim,
    body:has(.amount-field) .confirm {
      transition: none !important;
    }
  }
}