@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=IBM+Plex+Serif:wght@500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
/* Design departure: a dark-only theme with teal and BNB gold accents. */
      :root,
      :root[data-theme="light"],
      :root[data-theme="dark"] {
        color-scheme: dark;
        --fill-primary-on: #070b16;
        --fill-tertiary: #0f1729;
        --stroke-primary: #2ee6c933;
        --stroke-secondary: #f5f5f714;
        --hero-surface: #070b16;
        --hero-scrim-strong: rgb(7 11 22 / 0.86);
        --hero-scrim-soft: rgb(7 11 22 / 0.35);
        --hero-scrim-side: rgb(7 11 22 / 0.6);
        --hero-glass: rgb(7 11 22 / 0.5);
        --mat-agent: rgb(10 17 34 / 0.74);
        --stroke-composer: #2ee6c94d;
        --hark-shadow: 0 8px 40px #2ee6c914;
        --x-teal: #2ee6c9;
        --x-gold: #f0b90b;
        --x-red: #ff4d57;
        /* Formal type system (2026-11). Every page that links site.css inherits it. */
        --font-body: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        --font-heading: "IBM Plex Serif", "Source Serif 4", Georgia, "Times New Roman", serif;
        --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        --sans: var(--font-body);
        --x-mono: var(--font-mono);
        --type-heading: var(--weight-bold) var(--size-heading) / 1.25 var(--font-heading);
        --type-title: var(--weight-bold) var(--size-title) / 1.15 var(--font-heading);
        --type-display: var(--weight-bold) var(--size-display) / 1.08 var(--font-heading);
        --type-lede: var(--weight-regular) var(--size-lede) / 1.45 var(--font-body);
      }
      body { font-family: var(--font-body); font-feature-settings: "cv11", "ss01"; -webkit-font-smoothing: antialiased; }
      h1, h2, h3, .head h2, .hero h1 { font-family: var(--font-heading); letter-spacing: -0.005em; text-transform: none; }
      .theme-btn { display: none; }
      body {
        background:
          radial-gradient(60rem 40rem at 85% -10%, #2ee6c914, transparent 60%),
          radial-gradient(50rem 40rem at -10% 40%, #f0b90b0a, transparent 60%),
          var(--fill-primary-on);
      }
      body::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 100;
        background: repeating-linear-gradient(to bottom, #ffffff05 0 1px, transparent 1px 3px);
      }
      .x-file {
        font: var(--weight-regular) var(--size-caption) / var(--lh) var(--x-mono);
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--x-teal);
      }
      .x-gold { color: var(--x-gold); }
      .x-pool {
        display: flex;
        align-items: baseline;
        gap: 8px;
        font: var(--type-display);
        color: var(--x-gold);
        text-shadow: 0 0 24px #f0b90b55;
      }
      .x-pool small { font: var(--type-label); color: var(--text-secondary); }
      .x-live { display: inline-flex; align-items: center; gap: 6px; color: var(--x-teal); }
      .x-live::before {
        content: "";
        width: 8px; height: 8px;
        border-radius: 50%;
        background: var(--x-teal);
        box-shadow: 0 0 0 4px #2ee6c933;
        animation: x-pulse 1.8s var(--ease-out) infinite;
      }
      @keyframes x-pulse { 50% { box-shadow: 0 0 0 7px #2ee6c900; opacity: 0.6; } }
      @media (prefers-reduced-motion: reduce) { .x-live::before { animation: none; } }
      .x-progress { display: grid; gap: 6px; }
      .x-progress__track {
        height: 8px;
        border-radius: var(--r-pill);
        background: var(--fill-tertiary);
        border: 1px solid var(--stroke-primary);
        overflow: hidden;
      }
      .x-progress__fill {
        height: 100%;
        min-width: 6px;
        border-radius: var(--r-pill);
        background: linear-gradient(to right, var(--x-teal), var(--x-gold));
        box-shadow: 0 0 12px var(--x-teal);
      }
      .x-progress p { font: var(--type-caption); color: var(--text-secondary); }
      .x-progress b { color: var(--text-primary); }
      .btn.x-cta { border-color: var(--x-teal); box-shadow: 0 0 16px #2ee6c933; }
      button.btn { cursor: pointer; }
      button.btn:disabled { cursor: not-allowed; opacity: 0.6; box-shadow: none; }
      .x-redact {
        display: inline-block;
        min-width: 4.5em;
        height: 1.05em;
        vertical-align: -0.15em;
        background: #000;
        border-radius: 2px;
        box-shadow: inset 0 0 0 1px #f5f5f71f;
      }
      .x-stamp {
        display: inline-block;
        padding: 4px 10px;
        border: 2px solid var(--x-red);
        border-radius: 4px;
        color: var(--x-red);
        font: var(--weight-regular) var(--size-small) / var(--lh) var(--x-mono);
        letter-spacing: 0.08em;
        text-transform: uppercase;
        transform: rotate(-4deg);
        box-shadow: 0 0 14px #ff4d5733;
      }
      .x-classified .timeline__what { display: grid; gap: 8px; }
      .x-sealed__rows { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 10px; }
      .x-sealed__rows li { display: grid; grid-template-columns: 5.5em minmax(0, 1fr); align-items: center; gap: 12px; font: var(--type-label); color: var(--text-secondary); }
      .x-sealed__rows .x-redact { height: 18px; width: 100%; }
      .x-sealed__note { display: grid; justify-items: start; gap: 10px; margin-top: 20px; padding-top: 16px; border-top: 1px dashed var(--stroke-secondary); }
      .x-sealed__note p { font: var(--type-body); color: var(--text-primary); }
      .x-agent { display: grid; gap: 16px; margin-top: 32px; }
      .x-agent h3 { font: var(--type-heading); }
      .x-agent > p { font: var(--type-body); color: var(--text-secondary); max-width: 64ch; }
      .x-agent__steps { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; counter-reset: x-step; }
      .x-agent__steps li {
        counter-increment: x-step;
        display: inline-flex; align-items: center; gap: 8px;
        padding: 8px 14px; border-radius: var(--r-pill);
        background: var(--fill-tertiary); font: var(--type-label); color: var(--text-primary);
      }
      .x-agent__steps li::before { content: counter(x-step); font: var(--weight-regular) var(--size-caption) / 1 var(--x-mono); color: var(--x-teal); }
      .x-code { position: relative; border-radius: var(--r-m); background: #0b0d10; border: 1px solid #2ee6c94d; box-shadow: 0 0 16px #2ee6c91a; overflow: hidden; }
      .x-code__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 8px 8px 16px; border-bottom: 1px solid #f5f5f71f; }
      .x-code__bar span { font: var(--weight-regular) var(--size-caption) / var(--lh) var(--x-mono); color: var(--x-teal); }
      .x-code__bar .btn { color: #f5f5f7; border-color: #2ee6c9; background: transparent; min-height: var(--tap); }
      .x-panel { display: grid; gap: 20px; padding: clamp(22px, 3vw, 32px); border-radius: var(--r-l); background: var(--fill-tertiary); border: 1px solid var(--stroke-primary); box-shadow: var(--hark-shadow); }
      .x-panel + .x-panel { margin-top: 16px; }
      .x-panel h3 { font: var(--type-heading); }
      .x-panel__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
      .x-tag { display: inline-block; padding: 4px 10px; border: 1px solid var(--x-gold); border-radius: var(--r-pill); color: var(--x-gold); font: var(--weight-regular) var(--size-caption) / var(--lh) var(--x-mono); letter-spacing: 0.06em; text-transform: uppercase; }
      .x-panel .x-pool { font: var(--weight-medium) clamp(40px, 7vw, 64px) / 1.05 var(--sans); font-variant-numeric: tabular-nums; }
      .x-usd { font: var(--type-body); color: var(--text-secondary); font-variant-numeric: tabular-nums; }
      .x-epoch { font: var(--weight-regular) var(--size-small) / var(--lh) var(--x-mono); color: var(--x-teal); font-variant-numeric: tabular-nums; }
      .x-mini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
      .x-mini > div { display: grid; gap: 4px; padding: 14px 16px; border-radius: var(--r-s); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); }
      .x-mini span { font: var(--type-caption); color: var(--text-secondary); }
      .x-mini b { font: var(--type-body-strong); font-variant-numeric: tabular-nums; }
      @media (max-width: 760px) { .x-mini { grid-template-columns: minmax(0, 1fr); } }
      .x-inflow { display: flex; flex-wrap: wrap; gap: 8px; }
      .x-field { display: grid; gap: 8px; border: 0; padding: 0; margin: 0; min-width: 0; }
      .x-field > label, .x-field > legend { font: var(--type-label); color: var(--text-secondary); padding: 0; margin-bottom: 8px; }
      .x-field > label { margin-bottom: 0; }
      .x-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
      .x-form .x-field--wide { grid-column: 1 / -1; }
      @media (max-width: 760px) { .x-form { grid-template-columns: minmax(0, 1fr); } }
      .x-select { min-height: var(--tap); padding: 8px 12px; border-radius: var(--r-s); background: var(--fill-primary-on); color: var(--text-primary); border: 1px solid var(--stroke-primary); font: var(--type-body); }
      .x-opts { display: flex; flex-wrap: wrap; gap: 8px; }
      .x-opt { position: relative; }
      .x-opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
      .x-opt span { display: inline-flex; align-items: center; gap: 6px; min-height: var(--tap); padding: 8px 14px; border-radius: var(--r-pill); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); font: var(--type-label); color: var(--text-primary); }
      .x-opt span small { font: var(--weight-regular) var(--size-caption) / var(--lh) var(--x-mono); color: var(--text-secondary); }
      .x-opt input:checked + span { border-color: var(--x-teal); box-shadow: 0 0 12px #2ee6c933; }
      .x-opt input:checked + span small { color: var(--x-teal); }
      .x-opt input:focus-visible + span { outline: 2px solid var(--x-teal); outline-offset: 2px; }
      .x-opt[hidden] { display: none; }
      .x-stepper { display: flex; align-items: stretch; gap: 8px; max-width: 240px; }
      .x-stepper .btn { min-width: var(--tap); min-height: var(--tap); justify-content: center; cursor: pointer; font: var(--type-body); }
      .x-stepper .x-input { flex: 1 1 auto; text-align: center; font-variant-numeric: tabular-nums; }
      .x-range { display: grid; gap: 8px; }
      .x-range[hidden] { display: none; }
      .x-range input { width: 100%; min-height: var(--tap); accent-color: var(--x-teal); }
      .x-panel .breakdown { max-width: none; }
      .x-pool { flex-wrap: wrap; }
      .x-select { width: 100%; min-width: 0; }
      .x-panel, .x-form, .x-field, .x-panel .breakdown dt { min-width: 0; overflow-wrap: anywhere; }
      #pool [hidden], .hero [hidden] { display: none !important; }
      /* Marketplace */
      #marketplace [hidden], .x-sheet [hidden] { display: none !important; }
      .x-mk__wallet { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
      .x-addr { font: var(--weight-regular) var(--size-caption) / var(--lh) var(--x-mono); color: var(--text-secondary); overflow-wrap: anywhere; min-width: 0; }
      .x-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
      .x-tabs button { min-height: var(--tap); padding: 8px 20px; border-radius: var(--r-pill); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); color: var(--text-primary); font: var(--type-label); cursor: pointer; }
      .x-tabs button[aria-selected="true"] { border-color: var(--x-teal); color: var(--x-teal); box-shadow: 0 0 12px #2ee6c933; }
      .x-tabs button:focus-visible, .x-owned button:focus-visible { outline: 2px solid var(--x-teal); outline-offset: 2px; }
      .x-mk__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
      .x-mk__bar .x-select { width: auto; max-width: 100%; }
      .x-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 1fr)); gap: 12px; margin-top: 16px; }
      .x-card { display: grid; gap: 8px; align-content: start; min-width: 0; padding: 10px; border-radius: var(--r-m); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); }
      .x-card img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-s); background: var(--fill-tertiary); }
      .x-card h4 { font: var(--type-label); font-weight: var(--weight-medium); overflow-wrap: anywhere; }
      .x-card .x-tag { justify-self: start; padding: 2px 8px; letter-spacing: 0.08em; }
      .x-tag--teal { border-color: var(--x-teal); color: var(--x-teal); }
      .x-card__price { font: var(--type-body); font-weight: var(--weight-medium); color: var(--x-gold); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
      .x-card__price small { display: block; font: var(--type-caption); color: var(--text-secondary); }
      .x-card .btn, .x-sell .btn { justify-content: center; text-align: center; white-space: normal; }
      .x-card .btn { width: 100%; }
      .x-mkstats { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 16px 0 0; }
      .x-mkstats div { display: grid; gap: 2px; }
      .x-mkstats dt { font: var(--type-caption); color: var(--text-secondary); }
      .x-mkstats dd { margin: 0; font: var(--weight-regular) var(--size-body) / var(--lh) var(--x-mono); color: var(--text-primary); font-variant-numeric: tabular-nums; }
      .x-mkempty { display: grid; gap: 4px; margin-top: 16px; padding: 24px 16px; border-radius: var(--r-s); border: 1px dashed var(--stroke-secondary); text-align: center; }
      .x-mkempty p:first-child { font: var(--type-body); color: var(--text-primary); }
      .x-mkempty p + p { font: var(--type-caption); color: var(--text-secondary); }
      .x-input { width: 100%; min-width: 0; min-height: var(--tap); padding: 8px 12px; border-radius: var(--r-s); background: var(--fill-primary-on); color: var(--text-primary); border: 1px solid var(--stroke-primary); font: var(--type-body); }
      .x-input:focus-visible, .x-select:focus-visible { outline: 2px solid var(--x-teal); outline-offset: 2px; }
      .x-owned { display: flex; flex-wrap: wrap; gap: 8px; }
      .x-owned button { min-height: var(--tap); padding: 6px 14px; border-radius: var(--r-pill); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); color: var(--text-primary); font: var(--weight-regular) var(--size-small) / var(--lh) var(--x-mono); cursor: pointer; }
      .x-owned button[aria-pressed="true"] { border-color: var(--x-teal); color: var(--x-teal); }
      .x-owned p { font: var(--type-caption); color: var(--text-secondary); }
      .x-receive { font: var(--type-body); color: var(--text-secondary); overflow-wrap: anywhere; }
      .x-receive b { color: var(--x-gold); font-variant-numeric: tabular-nums; }
      .x-sell { display: grid; gap: 20px; margin-top: 16px; }
      .x-steprow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 14px 16px; border-radius: var(--r-s); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); }
      .x-steprow > span:first-child { flex: 1 1 200px; font: var(--type-label); color: var(--text-primary); }
      .x-steprow > span:first-child b { font: var(--weight-regular) var(--size-caption) / 1 var(--x-mono); color: var(--x-teal); margin-right: 6px; }
      .x-sell h4 { font: var(--type-label); color: var(--text-secondary); }
      .x-rows { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 8px; }
      .x-rows li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 12px 14px; border-radius: var(--r-s); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); font: var(--type-label); overflow-wrap: anywhere; }
      .x-rows .x-empty { background: transparent; border-style: dashed; color: var(--text-secondary); }
      .x-status { font: var(--weight-regular) var(--size-small) / var(--lh) var(--x-mono); overflow-wrap: anywhere; color: var(--text-secondary); }
      .x-status:empty { display: none; }
      .x-status[data-kind="pending"] { color: var(--fill-system-orange); }
      .x-status[data-kind="ok"] { color: var(--x-teal); }
      .x-status[data-kind="error"] { color: var(--x-red); }
      .x-status a { margin-left: 8px; }
      .x-sheet { width: min(440px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow: auto; margin: auto; padding: 24px; border-radius: var(--r-l); background: var(--fill-tertiary); color: var(--text-primary); border: 1px solid var(--stroke-primary); box-shadow: var(--hark-shadow); }
      .x-sheet::backdrop { background: rgb(7 11 22 / 0.72); backdrop-filter: blur(4px); }
      .x-sheet h3 { font: var(--type-heading); }
      .x-sheet dl { margin: 16px 0 20px; }
      .x-sheet dl > div { display: grid; grid-template-columns: minmax(0, 7em) minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--stroke-secondary); }
      .x-sheet dt { font: var(--type-caption); color: var(--text-secondary); }
      .x-sheet dd { margin: 0; min-width: 0; font: var(--type-label); overflow-wrap: anywhere; }
      .x-sheet dd.x-addr { font: var(--weight-regular) var(--size-caption) / var(--lh) var(--x-mono); color: var(--text-primary); }
      .x-sheet .links { justify-content: flex-end; }
      .x-sheet .btn { min-height: var(--tap); padding-inline: 16px; cursor: pointer; }
      /* Litepaper cards */
      .x-lp { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
      @media (min-width: 761px) { .x-lp { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      .x-lp > article { display: grid; gap: 12px; align-content: start; min-width: 0; padding: clamp(18px, 2.5vw, 24px); border-radius: var(--r-l); background: var(--fill-tertiary); border: 1px solid var(--stroke-primary); overflow-wrap: anywhere; }
      .x-lp h3 { display: flex; align-items: baseline; gap: 10px; font: var(--weight-medium) var(--size-body) / var(--lh) var(--sans); color: var(--text-primary); }
      .x-lp h3 span { font: var(--weight-regular) var(--size-caption) / var(--lh) var(--x-mono); color: var(--x-teal); letter-spacing: 0.06em; }
      .x-lp p, .x-lp li { font: var(--type-body); color: var(--text-secondary); }
      .x-lp ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
      .x-lp li::marker { color: var(--x-teal); }
      .x-lp b, .x-lp strong { color: var(--text-primary); font-weight: var(--weight-medium); }
      .x-lp h4 { font: var(--type-caption); color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.08em; }
      /* Daily check-in */
      #checkin [hidden] { display: none !important; }
      #checkin .pair { margin-top: 16px; }
      .x-mini--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      @media (max-width: 960px) { .x-mini--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
      @media (max-width: 480px) { .x-mini--4 { grid-template-columns: minmax(0, 1fr); } }
      #ci-panel .btn { min-height: var(--tap); padding-inline: 16px; }
      /* Classified bounty */
      .x-bounty, .x-lp > .x-bounty {
        position: relative; display: grid; gap: 10px; align-content: start; min-width: 0;
        margin-top: 16px; padding: clamp(18px, 2.5vw, 24px); border-radius: var(--r-l);
        background: repeating-linear-gradient(135deg, #f0b90b0d 0 12px, transparent 12px 24px), var(--fill-tertiary);
        border: 1px dashed var(--x-gold); box-shadow: 0 0 24px #f0b90b1f; overflow-wrap: anywhere;
      }
      .x-lp > .x-bounty { margin-top: 0; }
      .x-bounty__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
      .x-bounty__top .x-file { color: var(--x-gold); }
      .x-bounty h3, .x-lp .x-bounty h3 { font: var(--type-heading); color: var(--x-gold); text-shadow: 0 0 18px #f0b90b40; }
      .x-bounty p:not(.x-bounty__top) { font: var(--type-body); color: var(--text-secondary); }
      .x-bounty b { color: var(--text-primary); font-weight: var(--weight-medium); }
      .x-code pre { margin: 0; padding: 16px; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: var(--weight-regular) var(--size-small) / 1.6 var(--x-mono); color: #e6e8eb; }
      /* sticky offsets (no banner on mainnet) */
      :root { --tn-h: 0px; }
      .tn-banner { position: sticky; top: 0; z-index: 40; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 14px; padding: 8px 14px; background: #f0b90b; color: #070b16; font: var(--weight-medium) var(--size-small) / 1.35 var(--sans); text-align: center; }
      .tn-banner a { color: #070b16; text-decoration: underline; font-weight: 600; }
      .nav { top: calc(env(safe-area-inset-top, 0px) + var(--tn-h) + 8px) !important; }
      .section { scroll-margin-top: calc(env(safe-area-inset-top, 0px) + var(--tn-h) + 72px); }
      #mintpanel [hidden], #phase2 [hidden] { display: none !important; }
      .x-lock { position: relative; display: grid; gap: 14px; padding: clamp(18px, 3vw, 28px); border-radius: var(--r-l); border: 1px dashed var(--x-gold); background: repeating-linear-gradient(135deg, #f0b90b08 0 12px, transparent 12px 24px), var(--fill-tertiary); }
      .x-lock h3 { font: var(--type-heading); margin: 0; }
      .x-lock .btn[disabled] { opacity: .55; cursor: not-allowed; }
      .x-lock__tag { justify-self: start; display: inline-flex; gap: 6px; align-items: center; padding: 4px 10px; border-radius: var(--r-pill); border: 1px solid var(--x-gold); color: var(--x-gold); font: var(--weight-regular) var(--size-caption) / 1.4 var(--x-mono); letter-spacing: .06em; text-transform: uppercase; }
      .db-tiles .is-locked b { color: var(--text-secondary); font-size: 15px; }
      .mint-state { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: var(--r-pill); border: 1px solid var(--x-gold); color: var(--x-gold); font: var(--weight-regular) var(--size-caption) / 1.4 var(--x-mono); text-transform: uppercase; letter-spacing: .06em; }
      .mint-state.is-open { border-color: var(--x-teal); color: var(--x-teal); }
      .mint-state.agent-badge { border-color: var(--x-teal); color: var(--x-teal); }
      .mint-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
      .mint-row .x-field { flex: 1 1 140px; }
      .mint-row .x-field.wide { flex: 2 1 260px; }
      .mint-row .btn { flex: 1 1 160px; justify-content: center; min-height: var(--tap); }
      .mint-row .btn[disabled] { opacity: .55; cursor: not-allowed; }
      .x-contracts { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; font-size: 13px; }
      .x-contracts li { display: flex; flex-wrap: wrap; gap: 4px 10px; } .x-contracts a { overflow-wrap: anywhere; font-family: var(--x-mono); }
      .db-nfts { display: flex; flex-wrap: wrap; gap: 8px; } .db-nfts a { display: grid; justify-items: center; gap: 4px; width: 84px; font-size: 12px; color: inherit; text-decoration: none; } .db-nfts img { width: 84px; height: 84px; border-radius: 10px; object-fit: cover; border: 1px solid var(--stroke-secondary); }
      #tp .btn { min-height: var(--tap); padding-inline: 16px; justify-content: center; }
      #tp .x-panel h4 { font: var(--type-body-strong); }
      .tp-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; }
      .tp-row > .x-field { flex: 1 1 160px; }
      .tp-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
      .tp-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; padding: 10px 14px; border-radius: var(--r-s); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); font: var(--weight-regular) var(--size-small) / var(--lh) var(--x-mono); overflow-wrap: anywhere; }
      .tp-list li button { min-height: 36px; padding: 4px 12px; border-radius: var(--r-pill); background: transparent; border: 1px solid var(--stroke-primary); color: var(--x-teal); cursor: pointer; font: inherit; }
      .tp-list li button[aria-pressed="true"] { background: #2ee6c922; }
      .tp-note { font: var(--type-caption); color: var(--text-secondary); }

      /* v3 add-ons */
      .rf-hero { display: grid; gap: 18px; padding: clamp(24px, 4vw, 44px); border-radius: var(--r-l); border: 1px solid var(--stroke-primary); background: linear-gradient(135deg, rgba(120,200,255,.16), rgba(170,120,255,.14)); box-shadow: var(--hark-shadow); }
      .rf-hero h2 { font: var(--weight-bold) clamp(28px, 5vw, 48px) / 1.1 var(--font-heading); letter-spacing: -0.01em; }
      .rf-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
      .rf-row .x-input { flex: 1 1 320px; min-width: 0; font-family: var(--mono, monospace); font-size: 13px; }
      .rf-ladder { display: flex; flex-wrap: wrap; gap: 8px; }
      .rf-ladder span { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--stroke-primary); font-size: 13px; opacity: .75; }
      .rf-ladder span.is-on { opacity: 1; background: rgba(120,220,160,.18); border-color: rgba(120,220,160,.6); }
      .tm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; }
      .tm-stats div { display: grid; gap: 4px; } .tm-stats span { font-size: 12px; opacity: .7; } .tm-stats b { font-size: 20px; font-variant-numeric: tabular-nums; }
      .tp-team, .feed { width: 100%; border-collapse: collapse; font-size: 13px; }
      .tp-team th, .tp-team td, .feed th, .feed td { padding: 8px 6px; border-bottom: 1px solid var(--stroke-primary); text-align: left; vertical-align: top; }
      .tp-team .num, .feed .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
      .tp-team tr.is-me td { background: rgba(120,200,255,.08); }
      .tp-ok { color: #4fd18b; } .tp-off { opacity: .6; } .tp-bad { color: #ff7b7b; }
      .feed-wrap { overflow-x: auto; max-height: 560px; overflow-y: auto; }
      .feed-where { font-size: 12px; opacity: .85; min-width: 260px; }
      .feed td:first-child { white-space: nowrap; }
      .chips { display: flex; flex-wrap: wrap; gap: 8px; }
      .chips button { padding: 6px 14px; border-radius: 999px; border: 1px solid var(--stroke-primary); background: transparent; color: inherit; cursor: pointer; font: inherit; font-size: 13px; }
      .chips button[aria-pressed="true"], .chips button[aria-selected="true"] { background: var(--fill-secondary, rgba(255,255,255,.12)); border-color: currentColor; }
      .adv-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
      #adv-inputs { display: grid; gap: 6px; max-height: 220px; overflow-y: auto; padding: 8px; border: 1px solid var(--stroke-primary); border-radius: 12px; }
      .adv-in { display: flex; gap: 8px; align-items: center; font-size: 13px; } .adv-in.is-aq { opacity: .55; }
      #adv-check { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; font-size: 14px; }
      .prompt-pre { white-space: pre-wrap; word-break: break-word; font: 12.5px/1.55 var(--mono, ui-monospace, monospace); padding: 16px; border-radius: 12px; border: 1px solid var(--stroke-primary); background: rgba(0,0,0,.25); max-height: 520px; overflow-y: auto; margin: 0; }
      .db-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; }
      .db-tiles > div, .db-team > div { display: grid; gap: 4px; padding: 14px 16px; border-radius: var(--r-s); background: var(--fill-primary-on); border: 1px solid var(--stroke-secondary); min-width: 0; }
      .db-tiles span, .db-team span { font: var(--type-caption); color: var(--text-secondary); }
      .db-tiles b, .db-team b { font: var(--type-body-strong); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
      .db-tiles small { font-size: 12px; color: var(--text-secondary); overflow-wrap: anywhere; }
      .db-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
      #db-stakes { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
      .db-stake { display: grid; gap: 10px; padding: 14px; border-radius: var(--r-s); border: 1px solid var(--stroke-secondary); background: var(--fill-primary-on); min-width: 0; }
      .db-stake header { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; align-items: center; }
      .db-prog { display: grid; gap: 4px; font-size: 13px; } .db-prog > span { color: var(--text-secondary); font-size: 12px; }
      .db-bar { height: 8px; border-radius: 99px; background: rgba(255,255,255,.08); overflow: hidden; } .db-bar > div { height: 100%; background: linear-gradient(90deg, #39c5bb, #4fd18b); border-radius: inherit; }
      .db-kv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; margin: 0; font-size: 13px; } .db-kv dt { color: var(--text-secondary); font-size: 12px; } .db-kv dd { margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
      .db-empty { grid-column: 1 / -1; display: grid; gap: 12px; justify-items: start; padding: 16px; border: 1px dashed var(--stroke-primary); border-radius: var(--r-s); }
      .db-tx { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; max-height: 480px; overflow-y: auto; }
      .db-tx li { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; padding: 10px 12px; border-radius: var(--r-s); border: 1px solid var(--stroke-secondary); font-size: 13px; }
      .db-tx li small { flex-basis: 100%; overflow-wrap: anywhere; }
      .dash-sub { margin-top: 28px; display: grid; gap: 12px; scroll-margin-top: 96px; } .dash-sub__title { font: var(--type-heading); margin: 0; }
      #melt-panel { display: grid; gap: 14px; } #melt-panel .chips button { font-size: 14px; padding: 8px 16px; }
      .mp-fee { margin: 0; font-variant-numeric: tabular-nums; } .mp-fee small { color: var(--text-secondary); font-size: 12px; }
      .mp-limit { margin: 0; padding: 10px 12px; border-radius: var(--r-s); border: 1px solid var(--stroke-secondary); font-size: 14px; }
      .mp-rules { margin: 0; padding-left: 18px; display: grid; gap: 4px; font-size: 13px; color: var(--text-secondary); }
      .mp-result { padding: 12px 14px; border-radius: var(--r-s); border: 1px solid var(--stroke-primary); background: rgba(0,0,0,.25); font-size: 14px; overflow-wrap: anywhere; }
      @media (max-width: 560px) { .db-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .db-team { grid-template-columns: repeat(3, minmax(0, 1fr)); } #db-stakes { grid-template-columns: 1fr; } .rf-row .btn { flex: 1 1 auto; } }
      .db-rare { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x mandatory; }
      .rare-chip { flex: 0 0 auto; display: grid; gap: 2px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--x-gold, #e6c06a); color: inherit; text-decoration: none; font-size: 13px; scroll-snap-align: start; }
      .rare-chip small { color: var(--text-secondary); font-size: 11px; }
      #rare-toasts { position: fixed; left: 50%; bottom: max(16px, env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 9999; display: grid; gap: 8px; width: min(92vw, 460px); pointer-events: none; }
      .rare-toast { pointer-events: auto; display: flex; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 14px; background: rgba(12,16,30,.96); border: 1px solid var(--x-gold, #e6c06a); box-shadow: 0 8px 30px rgba(0,0,0,.5); font-size: 14px; transition: opacity .4s, transform .4s; }
      .rare-toast span { flex: 1; } .rare-toast button { background: none; border: 0; color: inherit; font-size: 18px; cursor: pointer; padding: 0 4px; }
      .rare-toast.is-out { opacity: 0; transform: translateY(8px); }