/* Shared palette only: preserve the preferred Home and Ecosystem layouts. */
:root{--tone-navy:#081b2b;--tone-panel:#102738;--tone-raised:#142e42;--tone-edge:#2a4357;--tone-cyan:#a5edec;--tone-ice:#edf7ff;--tone-copy:#c6d5e1;--tone-muted:#476477;--tone-teal:#23758a;--tone-paper:#f2f6f9;--tone-tint:#e9f1f6;--tone-line:#d5e1ea}
body[data-theme="crystal"]>.header.ulton-site-header{background:#081b2bf5;border-color:var(--tone-edge)}
body[data-theme="crystal"] .header.ulton-site-header nav .portfolio-nav-button{background:var(--tone-cyan);color:var(--tone-navy);border-color:var(--tone-cyan)}
body[data-theme="crystal"] .header.ulton-site-header nav :is(a:hover,a[aria-current]){color:var(--tone-cyan)}
body[data-theme="crystal"] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--tone-teal)}
body[data-theme="crystal"] ::selection{background:#a5edec60}
/* Content edges align with Home, Treasury and Portfolio at every breakpoint. */
body.ecosystem-page[data-theme="crystal"] .ecosystem-main{width:calc(100% - var(--page-gutter)*2);max-width:var(--content-width);margin-inline:auto}
/* Keep the original icon/arrow explanation; tighten its framing, not its identity. */
body.ecosystem-page.ecosystem-light[data-theme="crystal"] .ecosystem-main .treasury-mission{background:var(--tone-navy);border:1px solid var(--tone-edge);box-shadow:none;border-radius:16px;gap:36px;padding:32px}
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-path{background:none}
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-step-art{filter:none}
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-path-caption{color:var(--tone-copy)}
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-path-arrow{color:var(--tone-cyan)}
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-path-foot{border-color:var(--tone-edge);color:var(--tone-copy)}
/* Reusable dark surfaces share the story section's navy, without teal gradients. */
body.home-page[data-theme="crystal"] .home-round-results{background:var(--tone-navy);border-color:var(--tone-edge)}
body.home-page[data-theme="crystal"] .market-panel{background:var(--tone-panel)!important;border-color:var(--tone-edge)}
body.home-page[data-theme="crystal"] .token-markets .platform-link{background:var(--tone-panel);border-color:var(--tone-edge)}
body.home-page[data-theme="crystal"] .token-markets .platform-link:hover{background:var(--tone-raised)}
body.home-page[data-theme="crystal"] .token-editorial .token-heading{background:var(--tone-navy)}
body.home-page[data-theme="crystal"] .token-editorial .token-ecosystem-button{background:var(--tone-cyan);border-color:var(--tone-cyan);color:var(--tone-navy)}
body.ecosystem-page.ecosystem-light[data-theme="crystal"] .ecosystem-main .ecosystem-funding-detail{background:var(--tone-navy);border-color:var(--tone-edge)}
body.ecosystem-page.ecosystem-light[data-theme="crystal"] .shared-flow .treasury-readout{background:var(--tone-navy);border-color:var(--tone-edge)}
/* Arrows use teal on paper and cyan on navy for clear contrast. */
body.ecosystem-page.ecosystem-light[data-theme="crystal"] .route-connector .river-base{stroke:var(--tone-line)}
body.ecosystem-page.ecosystem-light[data-theme="crystal"] .route-connector :is(.river-current,.river-tip){stroke:var(--tone-teal)}
body.ecosystem-page.ecosystem-light[data-theme="crystal"] .flow-arrow-overlay>path{stroke:var(--tone-teal)}
body.ecosystem-page.ecosystem-light[data-theme="crystal"] .flow-arrow-overlay marker path{fill:var(--tone-teal)}
body.ecosystem-page[data-theme="crystal"] .ecosystem-funding-detail :is(.treasury-flow-arrow,.treasury-flow-arrow-text){color:var(--tone-cyan)}
@media(max-width:700px){body.ecosystem-page[data-theme="crystal"] .ecosystem-main .treasury-mission{padding:24px 20px;gap:24px;border-radius:12px}}
/* Neutral light sections complement navy; remove older lavender/teal backdrops. */
body.home-page[data-theme="crystal"]:not(.portfolio-page):not(.treasury-detail-page):not(.ecosystem-page),
body.home-page[data-theme="crystal"]:not(.portfolio-page):not(.treasury-detail-page):not(.ecosystem-page) main{background:var(--tone-paper);background-image:none}
body.home-page[data-theme="crystal"] :is(.collection-band,.home-treasury-teaser,.community-close){background:var(--tone-tint);background-image:none}
body.home-page[data-theme="crystal"] .discovery-panel{background:var(--tone-tint)!important;background-image:none!important}
body.ecosystem-page.ecosystem-light[data-theme="crystal"]{background:#fff}
body.treasury-detail-page[data-theme="crystal"]{background:var(--tone-navy);background-image:none}
body.ecosystem-page.crystal-surface-page.ecosystem-light[data-theme="crystal"] .flow-arrow-overlay>path{stroke:var(--tone-teal)!important}
body.ecosystem-page.crystal-surface-page.ecosystem-light[data-theme="crystal"] .flow-arrow-overlay marker path{fill:var(--tone-teal)!important}
body.home-page[data-theme="crystal"] .benefit-grid article{border-top-color:var(--tone-teal)}
body.home-page[data-theme="crystal"] .benefit-grid article>span{background:var(--tone-tint);color:var(--tone-teal);border-color:var(--tone-line)}
body.treasury-detail-page[data-theme="crystal"] :is(.position-count,#lp-fee-breakdown){color:var(--tone-copy)!important}

/* Approved light polish: same colors and layout, with quieter control finishes. */
body[data-theme="crystal"] :is(.hero-buy-actions a,.collection-buy-button,.round-announcement-button,.treasury-detail-link,.treasury-learn-button,.bottom-buy,.overview-shortcut,#open-voting,#connect-wallet):not(:hover):not(:focus-visible){box-shadow:none!important}
body.home-page[data-theme="crystal"] .hero-buy-actions .hero-buy-token{border-color:#6a869c}
body.home-page[data-theme="crystal"] :is(.hero-buy-actions a,.collection-buy-button,.round-announcement-button,.treasury-detail-link,.treasury-learn-button):hover{box-shadow:0 2px 8px #081b2b18!important}
body.ecosystem-page.ecosystem-light[data-theme="crystal"] :is(.route-action,.benefit-action,.simple-next .button){background:var(--tone-navy)!important;color:var(--tone-ice);box-shadow:none!important}
body.ecosystem-page.ecosystem-light[data-theme="crystal"] :is(.route-action,.benefit-action,.simple-next .button):hover{background:var(--tone-raised)!important;box-shadow:0 2px 8px #081b2b18!important}
body.portfolio-page[data-theme="crystal"] .real-nft-review :is(#real-review-action,#real-execute-action,#real-connect-wallet):not(:hover):not(:focus-visible){box-shadow:none}
body.portfolio-page[data-theme="crystal"] .wallet-draft .portfolio-tabs button[aria-pressed="true"]{background:var(--tone-raised)!important;border-color:#52798b!important;color:var(--tone-cyan)!important;box-shadow:none!important}
body.treasury-detail-page[data-theme="crystal"] #treasury :is(.treasury-show-more,.gallery-refresh,.treasury-section-head button,.treasury-jump-links a,.gallery-status-chip,.gallery-redeem):not(:hover):not(:focus-visible){box-shadow:none}
body.privacy-page[data-theme="crystal"] .privacy-main a{color:var(--tone-teal);text-decoration:underline;text-underline-offset:3px}
/* Long explanations need comfortable reading, not only passing color contrast. */
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-copy>p:not(.mission-eyebrow){font-size:16px;line-height:1.75;max-width:58ch;color:var(--tone-copy)}
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-step>span{font-size:14px;line-height:1.5;color:var(--tone-copy)}
body.ecosystem-page[data-theme="crystal"] .treasury-mission .mission-step strong{color:var(--tone-ice)}
body.ecosystem-page[data-theme="crystal"] .treasury-mission #treasury-mission-title{color:var(--tone-ice)!important}
/* Focus stays visible on navy; light surfaces retain the darker teal outline. */
body.treasury-detail-page[data-theme="crystal"] :is(a,button,input,select,textarea):focus-visible,
body.crystal-rush-page[data-theme="crystal"] :is(a,button,input,select,textarea):focus-visible,
body.portfolio-page[data-theme="crystal"] :is(.portfolio-heading,.portfolio-overview,.portfolio-tabs) :is(a,button):focus-visible{outline-color:var(--tone-cyan)}

/* Shared content frame; gameplay canvases keep their own dimensions. */
body[data-theme="crystal"]{--content-width:1320px;--page-gutter:32px}
body.crystal-rush-page.rush-community-page>main{width:calc(100% - var(--page-gutter)*2);max-width:var(--content-width);margin-inline:auto}
@media(max-width:600px){body[data-theme="crystal"]{--page-gutter:20px}body.portfolio-page .wallet-draft.wrap{padding-inline:20px!important}}
/* Leave breathing room around the complete transparent artwork. */
body.home-page #model.home-treasury-teaser>img{display:block;width:100%;max-width:440px;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;padding:10px;box-sizing:border-box;clip-path:none}
body.ecosystem-page .universe-treasury>.universe-builders{object-fit:contain!important;object-position:center;padding:6px;box-sizing:border-box}
/* Compact flat chart controls; selected state has one clear surface. */
body.home-page #market .chart-currency{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #52748a;border-radius:9px;background:#0b2030;box-shadow:none}
body.home-page #market :is(.chart-currency button,.chart-toolbar button){min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:6px;box-shadow:none!important;background:#19394d;color:#edf7ff;line-height:1.3;transform:none}
body.home-page #market :is(.chart-currency button,.chart-toolbar button):is(:before,:after){content:none!important;display:none!important}
body.home-page #market :is(.chart-currency button,.chart-toolbar button)[aria-pressed="true"]{background:#a5edec!important;color:#102738!important;border-color:#a5edec}
body.home-page #market #market-chart{border-radius:8px;overflow:hidden}
@media(max-width:600px){body.home-page #market :is(.chart-currency button,.chart-toolbar button){padding:7px 9px;font-size:12px;min-height:36px}}

/* Preserve the glass finish while keeping sibling summaries truly separate. */
#site-liquid-glass.treasury-detail-page #treasury :is(.treasury-nft-stat-section,#liquidity .lp-summary){background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
#site-liquid-glass.treasury-detail-page #treasury :is(.treasury-nft-stat-section,#liquidity .lp-summary):is(:before,:after){display:none!important;content:none!important}
#site-liquid-glass.treasury-detail-page #treasury .treasury-nft-stat-section :is(.liquid-activity-panel,.liquid-activity-metrics){border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
#site-liquid-glass.treasury-detail-page #treasury .treasury-nft-stat-section>:is(.treasury-nft-overview,.liquid-activity-details),#site-liquid-glass.treasury-detail-page #treasury #liquidity .lp-summary>div{background:var(--treasury-surface)!important;border:1px solid var(--treasury-edge)!important;border-radius:18px!important;box-shadow:inset 0 1px #cffdfb22!important;padding:20px!important;text-align:center}
#site-liquid-glass.treasury-detail-page #treasury .treasury-nft-stat-section :is(.treasury-nft-overview>div,.liquid-activity-metrics>div),#site-liquid-glass.treasury-detail-page #treasury #liquidity .lp-summary>div{align-items:center;justify-content:center}
#site-liquid-glass.treasury-detail-page #treasury .treasury-nft-stat-section :is(.liquid-activity-amount,.liquid-activity-secondary){justify-content:center;text-align:center}
#site-liquid-glass.treasury-detail-page #treasury #treasury-nfts .gallery-state-treasury .gallery-card-state{color:#ffe0a6!important}
#home-liquid-glass :is(.wrap,.uf-wrap):not(#lore){width:calc(100% - var(--page-gutter)*2);max-width:var(--content-width);margin-inline:auto}
#home-liquid-glass #model>img{width:100%;max-width:440px;height:auto;aspect-ratio:auto!important;object-fit:contain!important;padding:12px;box-sizing:border-box}
#home-liquid-glass #market :is(.chart-currency button,.chart-toolbar button){border-radius:6px!important;box-shadow:none!important}
@media(max-width:600px){#site-liquid-glass.treasury-detail-page #treasury .treasury-nft-stat-section>:is(.treasury-nft-overview,.liquid-activity-details),#site-liquid-glass.treasury-detail-page #treasury #liquidity .lp-summary>div{padding:14px!important}}

#site-liquid-glass.treasury-detail-page #treasury .treasury-nft-stat-section :is(.treasury-nft-overview>div,.liquid-activity-metrics>div),#site-liquid-glass.treasury-detail-page #treasury #liquidity .lp-summary>div{justify-content:flex-start}

/* Keep the shared navigation within reach as long pages scroll. */
#home-liquid-glass>.header.ulton-site-header,#site-liquid-glass>.header.ulton-site-header{position:sticky!important;top:12px!important;z-index:1000;isolation:isolate;transform:none!important}
@media(max-width:700px){#home-liquid-glass>.header.ulton-site-header,#site-liquid-glass>.header.ulton-site-header{top:8px!important}.ulton-site-header.mobile-open,.ulton-site-header.uf-menu-open{max-height:calc(100dvh - 16px);overflow-y:auto}}

/* Treasury panels share the approved bought-back card finish. */
#site-liquid-glass.treasury-detail-page #treasury{--treasury-surface:var(--glass-dark);--treasury-edge:var(--glass-dark-edge)}
#site-liquid-glass.treasury-detail-page #treasury :is(.treasury-hero,.treasury-allocation,#treasury-nfts,.treasury-day,.lp-position-row,.treasury-nft-overview,.liquid-activity-details){background:var(--glass-dark)!important;border-color:var(--glass-dark-edge)!important;border-radius:21px!important;box-shadow:var(--glass-dark-shadow)!important}
#site-liquid-glass.treasury-detail-page #treasury #liquidity .lp-summary>div{background:var(--glass-dark)!important;border-color:var(--glass-dark-edge)!important;border-radius:21px!important;box-shadow:var(--glass-dark-shadow)!important}

/* Hero begins at the menu's top edge, with no exposed strip above it. */
#home-liquid-glass #home{margin-top:-72px}
@media(max-width:600px){#home-liquid-glass #home{margin-top:-64px}}

/* Anchor destinations stay readable beneath the pinned navigation. */
#home-liquid-glass section[id],#site-liquid-glass main section[id]{scroll-margin-top:110px!important}
@media(max-width:700px){#home-liquid-glass section[id],#site-liquid-glass main section[id]{scroll-margin-top:92px!important}}

/* Optical wordmark cap height matches the adjacent page name. */
#site-liquid-glass:is(.ecosystem-page,.treasury-detail-page) .crystal-brand-title{display:flex;align-items:center;gap:.3em;font-size:32px!important;line-height:1.15;flex-wrap:wrap}
#site-liquid-glass:is(.ecosystem-page,.treasury-detail-page) .crystal-brand-title>img{width:4.8em!important;height:auto!important;max-width:none;flex:0 0 auto;filter:none;transform:translateY(.02em)}
@media(max-width:600px){#site-liquid-glass:is(.ecosystem-page,.treasury-detail-page) .crystal-brand-title{font-size:26px!important;gap:.28em}}