/* V8 Details: portable presentation for the original verified nodes and SVG.
   These nodes no longer live under #presale-usd-card on mobile. */
@media (max-width:767.98px) {
  body.presale-page.v7-mobile.v8-details-open #bbaiStickyConnectCta { display:none!important; }
  body.presale-page.v7-mobile #v7-information #v7-panel-presale.v8-details {
    padding:18px 14px!important; overflow:visible; color:#eaf6ff;
    border:1px solid #71dff54a; border-top-color:#91efff88;
    background:radial-gradient(ellipse at 0 0,#19739625,transparent 48%),radial-gradient(ellipse at 100% 30%,#982e7520,transparent 50%),#071222ed!important;
    box-shadow:inset 0 1px 0 #ffffff12,0 14px 36px #00000038,0 0 22px #55dfff0a;
  }
  body.presale-page.v7-mobile #v7-information .v8-details [data-v8-redundant="true"] { display:none!important; }
  body.presale-page.v7-mobile #v7-information .v8-details > section { margin:0!important; padding:0!important; min-width:0; }
  body.presale-page.v7-mobile #v7-information .v8-details h3 {
    margin:0 0 12px!important; font-size:16px!important; line-height:1.3!important; letter-spacing:-.01em; font-weight:800; color:#ecfaff;
  }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-live-overview { text-align:center; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-shell {
    display:grid!important; place-items:center; position:relative!important; isolation:isolate;
    width:188px!important; height:188px!important; max-width:100%; margin:2px auto 18px!important;
    padding:0!important; background:none!important; border:0!important; border-radius:50%;
    filter:none!important; overflow:visible!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial {
    display:block!important; position:absolute!important; inset:0; width:100%!important; height:100%!important;
    overflow:visible; transform:rotate(-90deg)!important; fill:none; filter:none!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial circle:not(.presale-meter-radial-star-core) { fill:none; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-outer { stroke:#bd8ae0; stroke:url('#presaleMeterRingGradient') #bd8ae0; stroke-width:1; opacity:.7; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-track { stroke:#213b50; stroke-width:15; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-glow { display:none; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-progress {
    stroke:#72efff; stroke:var(--v8-ring-paint,url('#presaleMeterRingGradient') #72efff); stroke-width:15; stroke-linecap:round;
    filter:drop-shadow(0 0 3px #67eaff70); transition:stroke-dashoffset .3s ease;
  }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-progress:not([data-progress-percent]) { opacity:0; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-progress[data-progress-percent="0"] { stroke-linecap:butt; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-shell:has(.presale-meter-radial-progress:not([data-progress-percent])) .presale-meter-radial-kicker { visibility:hidden; }
  /* The original initializer can seed a zero attribute before verification.
     Unknown data must not be presented as a verified zero-stage measurement. */
  body.presale-page.v7-mobile:has(#presale-usd-card:is([data-public-data-state="loading"],[data-public-data-state="unavailable"])) #v7-information .v8-details .presale-meter-radial-progress { opacity:0; }
  body.presale-page.v7-mobile:has(#presale-usd-card:is([data-public-data-state="loading"],[data-public-data-state="unavailable"])) #v7-information .v8-details .presale-meter-radial-kicker { visibility:hidden; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-star { display:none; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-center {
    display:flex!important; position:absolute!important; inset:30px!important; z-index:1;
    flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:0;
    padding:0!important; width:auto!important; height:auto!important; margin:0!important;
    border:0!important; border-radius:50%; background:#0b1b2c!important; box-shadow:inset 0 1px 0 #ffffff0b;
    pointer-events:none; text-align:center; transform:none!important; backdrop-filter:none!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-kicker { color:#c7e5f4; font-size:10px; font-weight:750; letter-spacing:.06em; line-height:1.3; }
  body.presale-page.v7-mobile #v7-information .v8-details #presale-radial-percent { color:#b0f8ff; font-size:32px; line-height:1.1; font-weight:850; font-variant-numeric:tabular-nums; letter-spacing:-.04em; }
  body.presale-page.v7-mobile #v7-information .v8-details #presale-radial-secured { color:#f2e7fb; max-width:116px; font-size:12px; line-height:1.4; font-weight:650; overflow-wrap:anywhere; }
  body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-energy { display:none; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics { border-top:1px solid #8cceec29; padding-top:16px!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics > .mainnet-economics-card {
    display:flex!important; flex-direction:column; align-items:flex-start; gap:4px!important; padding:12px 0!important; margin:0!important;
    min-width:0; min-height:0!important; height:auto!important; border:0!important; border-bottom:1px solid #83bfd51d!important;
    border-radius:0!important; background:none!important; box-shadow:none!important; transform:none!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics > .mainnet-economics-card::before,
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics > .mainnet-economics-card::after { content:none!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics .mainnet-economics-label { color:#cde5f5!important; font-size:13px!important; line-height:1.4!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics strong { display:block; color:#f2faff!important; font-size:23px!important; font-weight:800; line-height:1.25!important; letter-spacing:-.035em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics small { color:#b8d3e6!important; font-size:12px!important; line-height:1.55!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics #mainnet-economics-usd-secured { color:#9ceeff!important; font-size:32px!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data { padding-top:18px!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data > .presale-command-stats {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:stretch; gap:10px!important;
    margin:0!important; padding:0!important; min-height:0!important; border:0!important; background:none!important; box-shadow:none!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data .presale-price-chip:not([data-v8-redundant]) {
    display:flex!important; flex-direction:column!important; justify-content:flex-start!important; align-items:flex-start!important;
    gap:5px!important; min-width:0!important; min-height:140px!important; height:auto!important; padding:12px 10px!important;
    margin:0!important; position:relative; border:1px solid #74c7e13d!important; border-radius:12px!important;
    background:linear-gradient(145deg,#102e4270,#28173348)!important; box-shadow:inset 0 1px 0 #ffffff09!important;
    white-space:normal!important; overflow-wrap:anywhere; text-align:left!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data .presale-price-chip::before,
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data .presale-price-chip::after { content:none!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data :is(.label,.value,.v8-eth-unit) {
    display:block!important; position:static!important; inset:auto!important; min-width:0; max-width:100%; margin:0!important; padding:0!important;
    height:auto!important; min-height:0!important; transform:none!important; white-space:normal!important; overflow:visible!important;
    text-overflow:clip!important; color:#d6edfa!important; -webkit-text-fill-color:currentColor!important; background:none!important; opacity:1!important;
    font-size:12px!important; font-weight:650; line-height:1.5!important; letter-spacing:0!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data .value { font-size:15px!important; font-variant-numeric:tabular-nums; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data .value--stacked { display:flex!important; flex-direction:column; gap:4px; }
  body.presale-page.v7-mobile #v7-information .v8-details .v8-chainlink-source { display:block; font-size:10px; font-weight:750; letter-spacing:.045em; line-height:1.5; color:#bddcec; }
  body.presale-page.v7-mobile #v7-information .v8-details .v8-chainlink-price,
  body.presale-page.v7-mobile #v7-information .v8-details #bai-stage-price-usd { display:block; color:#9befff; -webkit-text-fill-color:currentColor; font-size:22px; line-height:1.3; letter-spacing:-.035em; font-weight:800; font-variant-numeric:tabular-nums; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data .presale-price-chip__unit-inline { font-size:12px!important; color:#c8deef!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-verification { margin-top:18px!important; padding:16px 0!important; border-top:1px solid #8cceec29; border-bottom:1px solid #8cceec29; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-verification :is(#presale-last-updated,#public-presale-data-status) {
    display:block; position:static!important; inset:auto!important; width:100%!important; height:auto!important; min-height:0!important;
    margin:0 0 12px!important; padding:0!important; transform:none!important; color:#cce4f3!important;
    font-size:13px!important; line-height:1.65!important; white-space:normal!important; overflow-wrap:anywhere; text-align:left!important;
  }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-verification #public-presale-data-status[hidden] { display:none!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-verification .meter-footer { display:flex!important; flex-wrap:wrap; align-items:stretch!important; justify-content:stretch!important; gap:8px; margin:0!important; padding:0!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-verification .meter-footer .btn {
    display:flex; align-items:center; justify-content:center; flex:1 1 100px; min-height:44px; padding:10px 8px; border:1px solid #7bdaee5c;
    border-radius:10px; color:#e8f8ff; font-size:13px; font-weight:750; line-height:1.35; white-space:normal; background:linear-gradient(110deg,#163f5366,#4b235348); box-shadow:none;
  }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-rules { margin:0 0 16px; color:#cce0ee; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-rules summary { padding:14px 0; min-height:48px; font-size:13px; font-weight:750; color:#dff5ff; cursor:pointer; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-rules :is(p,div) { color:#cce0ee!important; font-size:13px!important; line-height:1.6!important; margin:0 0 10px!important; padding:0!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-wallet-history { margin:0; border-top:1px solid #8cceec29; }
  body.presale-page.v7-mobile #v7-information .v8-details #v8-wallet-history > summary { min-height:48px; padding:14px 0; color:#e2f5ff; font-size:14px; line-height:1.5; font-weight:750; cursor:pointer; }
  body.presale-page.v7-mobile #v7-information .v8-details :is(#v8-wallet-history,#v8-allocation-rules) > summary:focus-visible { outline:2px solid #9af7ff; outline-offset:3px; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status.holder-v4 { border-color:#7bc8e02e!important; padding:12px!important; gap:10px!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status .holder-v4__header { display:grid; grid-template-columns:40px minmax(0,1fr); gap:8px; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status .holder-v4__mascot { width:40px; height:40px; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status .holder-v4__refresh { grid-column:1/-1; justify-self:end; min-height:44px; margin:0; font-size:13px; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status .holder-v4__hero { padding:10px 0; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status .holder-v4__metrics { gap:8px; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status .holder-v4__metrics > div { padding:8px 0; border:0; border-bottom:1px solid #86bbd326; border-radius:0; background:none; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status .holder-v4__metrics span { color:#c7e0ef; font-size:11px; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-holder-status :is(.holder-v4__connection,.holder-v4__hero p,.holder-v4__meta,.holder-v4__footer) { color:#c3daeb; font-size:12px; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-live-command { margin:0!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-live-command-status .buy-card-live-command-status__contract-grid { display:block!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-live-command-status .buy-card-live-command-status__contract-grid > :not(:last-child) { display:none!important; }
  body.presale-page.v7-mobile #v7-information .v8-details #buy-card-live-command-status .buy-card-live-command-status__item:last-child { overflow-wrap:anywhere; }
  @supports (-webkit-background-clip:text) {
    body.presale-page.v7-mobile #v7-information .v8-details #v8-allocation-statistics #mainnet-economics-usd-secured { background:linear-gradient(100deg,#75efff,#d1c2ff 65%,#ff86df); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
  }
  @media (max-width:359px) {
    body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data > .presale-command-stats { grid-template-columns:minmax(0,1fr)!important; }
    body.presale-page.v7-mobile #v7-information .v8-details #v8-market-data .presale-price-chip:not([data-v8-redundant]) { min-height:0!important; }
  }
  @media (prefers-reduced-motion:reduce) {
    body.presale-page.v7-mobile #v7-information .v8-details .presale-meter-radial-progress { transition:none!important; }
  }
}
