body>header.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;width:100%;max-width:none;margin:0;padding:15px clamp(20px,3.2vw,64px);background:linear-gradient(110deg,#1b2927ed,#0e1918f5);border:0;border-bottom:1px solid #364b48;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-sizing:border-box}.site-header .brand{font-size:26px;white-space:nowrap}.site-header .brand-mark{font-size:36px}.site-header nav{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.site-header nav a{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;color:#b5c7c5;text-decoration:none;border-radius:8px;font-size:13px;font-weight:650;white-space:nowrap}.site-header nav a svg{width:16px;height:16px;stroke-width:1.7;opacity:.85}.site-header nav a.active{background:#baf1e30d;color:#d2faef}.site-header nav a:hover{color:#eafffa;background:#e4fff808}.site-header svg,.site-footer svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:20px;height:20px;flex-shrink:0}.site-header .header-actions{display:flex;gap:0}.site-header .wallet-button{min-height:44px;display:flex;align-items:center;gap:10px;padding:12px 18px;font-size:13px;border-radius:9px;white-space:nowrap}.site-header .wallet-button svg{width:19px;height:19px}.market-ticker{position:relative;z-index:1;width:100%;margin:0;border-bottom:1px solid #273b38}.market-ticker .ticker-label{text-decoration:none;color:#cceae1}.ticker-track:focus-within{animation-play-state:paused}.ticker-quote{text-decoration:none}.ticker-quote:focus-visible{outline:2px solid #b4f3e2;outline-offset:-3px}.market-ticker .ticker-set{flex-shrink:0}
body>footer.site-footer{display:block;position:relative;width:100%;max-width:none;margin:0;padding:0 clamp(22px,4.8vw,90px);box-sizing:border-box;border:0;border-top:1px solid #3b5854;border-radius:0;color:#e8f2f0;background:radial-gradient(ellipse at 92% 0%,#30456455,transparent 60%),linear-gradient(135deg,#152422,#0b1413 62%,#101d25);overflow:hidden}.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:40px 0;border-bottom:1px solid #3c514e}.footer-invitation h2{font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px;font-weight:650;max-width:650px}.footer-invitation h2 span{color:#b9f2e3}.footer-invitation p{font-size:14px;color:#b7cbc8;margin:0;line-height:1.6}.footer-actions{display:flex;flex-direction:column;gap:12px;min-width:220px}.footer-actions a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 20px;border:1px solid #46605c;border-radius:9px;color:#d4e9e5;text-decoration:none;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.footer-actions a.footer-primary{background:linear-gradient(110deg,#c1fded,#a5c8e3);border-color:transparent;color:#142c29}.footer-actions a:hover{transform:translateY(-2px);background-color:#dbfff50a}.footer-directory{display:grid;grid-template-columns:.85fr 1.65fr;gap:40px;padding:36px 0}.footer-identity .brand{font-size:27px;text-decoration:none}.footer-identity .brand-mark{font-size:36px}.footer-identity p{color:#a9c4c0;font-size:13px;margin:18px 0 26px}.footer-paper{display:flex;align-items:center;gap:12px;font-size:13px;color:#bad5ff;text-decoration:none}.footer-paper svg{width:17px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.footer-column{display:flex;flex-direction:column;gap:14px}.footer-column h3{font-family:Manrope,sans-serif;font-size:13px;color:#e9f4f1;margin:0 0 7px;font-weight:800}.footer-column a{font-size:13px;line-height:1.4;color:#adc2bf;text-decoration:none;width:fit-content;text-underline-offset:5px}.footer-column a:hover{color:#bcf9e8;text-decoration:underline}.footer-baseline{border-top:1px solid #344a47;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;color:#a6beba;font-size:11px}.footer-baseline button{display:flex;align-items:center;gap:8px;font:inherit;color:#cfe6e1;background:none;border:0;padding:8px;cursor:pointer}.footer-baseline button svg{width:16px}.site-footer :focus-visible,.site-header :focus-visible{outline:2px solid #c0ffee;outline-offset:4px}.site-footer a:hover svg{transform:translateX(3px)}.site-footer svg{transition:transform .2s}
@media(max-width:1100px){body>header.site-header{grid-template-columns:1fr auto;gap:8px 14px;padding:12px 24px 8px}.site-header .brand{font-size:25px}.site-header .header-actions{grid-column:2;grid-row:1}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:center}.site-header nav a{padding:8px 14px}.footer-directory{grid-template-columns:1fr;gap:38px}.footer-identity{display:grid;grid-template-columns:1fr auto;align-items:center}.footer-identity p{grid-row:2;margin:8px 0 0}.footer-paper{grid-column:2;grid-row:1/3}}
@media(max-width:600px){body>header.site-header{padding:10px 14px 0;gap:8px 10px}.site-header .brand{font-size:22px}.site-header .brand-mark{font-size:30px}.site-header .wallet-button{font-size:11px;padding:10px 12px;gap:6px;min-height:40px}.site-header .wallet-button svg{width:16px}.site-header nav{justify-content:flex-start;overflow:auto;scrollbar-width:none;gap:4px;padding-bottom:8px;width:100%;overscroll-behavior-x:contain}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{padding:9px 10px;font-size:11px;gap:5px}.site-header nav a svg{width:14px;height:14px}.market-ticker .ticker-label{padding:0 12px;font-size:10px}.market-ticker .ticker-label span{display:none}body>footer.site-footer{margin-top:0}.footer-invitation{padding:28px 0;flex-direction:column;align-items:stretch;gap:26px}.footer-actions{min-width:0;flex-direction:row;gap:10px}.footer-actions a{padding:12px;font-size:12px;flex:1;gap:9px}.footer-actions svg{width:17px}.footer-invitation p{font-size:13px}.footer-directory{padding:28px 0;gap:28px}.footer-identity{display:block}.footer-identity .brand{font-size:24px}.footer-identity p{margin:10px 0 20px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px 16px}.footer-column:last-child{grid-column:1/-1}.footer-column a{min-height:26px;font-size:13px}.footer-baseline{flex-wrap:wrap;font-size:10px;gap:12px}.footer-baseline>span:nth-child(2){display:none}.footer-baseline button{margin-left:auto}}
body>header.site-header nav{flex-wrap:nowrap}body>header.site-header nav a{flex-shrink:0}
.soon-tag{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#baf1e314;color:#9fe3d1;font-size:9.5px;font-weight:750;font-style:normal;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.site-header nav .nav-soon{display:inline-flex;align-items:center;flex-shrink:0;padding:10px 12px;color:#7f9794;font-size:13px;font-weight:650;white-space:nowrap;cursor:default}.menu-item.menu-soon{cursor:default;opacity:.78}.menu-item.menu-soon:hover{background:none}.footer-soon{display:flex;align-items:center;min-height:26px;color:#7f9794}
@media(max-width:1100px){.site-header nav .nav-soon{padding:8px 14px}}
@media(max-width:600px){.site-header nav .nav-soon{padding:9px 10px;font-size:11px}}
.rpc-notice{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 56px 8px 16px;background:linear-gradient(90deg,#123a33,#17463d 50%,#123a33);border-bottom:1px solid #2f6157;color:#dff7f1;font-size:13px}.rpc-notice p{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.rpc-notice strong{color:#fff}.rpc-notice-tag{padding:2px 7px;border-radius:999px;background:#bdf7e7;color:#0f2723;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.rpc-notice-open{border:0;border-radius:7px;padding:6px 11px;background:#bdf7e7;color:#0f2723;font:inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.rpc-notice-open:hover{background:#d6fbf1}.rpc-notice-short{display:none}.rpc-notice-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:1px solid #bdf7e780;border-radius:50%;background:#0b2320;color:#fff;cursor:pointer;box-shadow:0 0 0 3px #0b232066}.rpc-notice-close:hover{background:#bdf7e7;border-color:#bdf7e7;color:#0f2723}.rpc-notice-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.rpc-notice-close svg{width:16px;height:16px;stroke-width:2.6}
.rpc-dialog{width:min(520px,calc(100vw - 32px));padding:28px 28px 24px;border:1px solid #3a5551;border-radius:16px;background:linear-gradient(160deg,#18292699,#0d1716f2),#0e1817;color:#e3f0ed;box-shadow:0 30px 80px #0009}.rpc-dialog::backdrop{background:#020807bf;backdrop-filter:blur(4px)}.rpc-dialog h2{margin:0 36px 10px 0;font-size:24px;line-height:1.2}.rpc-dialog p{margin:0 0 16px;color:#b8cbc7;font-size:14px;line-height:1.6}.rpc-dialog-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:#ffffff0d;color:#d7e9e5;cursor:pointer}.rpc-dialog-close svg{width:18px;height:18px}.rpc-add{width:100%;margin-top:16px;padding:13px;border:0;border-radius:10px;background:#bdf7e7;color:#132724;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.rpc-add:disabled{opacity:.7;cursor:wait}.rpc-add-status{min-height:20px;margin:10px 0 0!important;font-size:12.5px!important;text-align:center}.rpc-guide-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#bdf7e7;font-size:13px;font-weight:650;text-decoration:none}.rpc-guide-link svg{width:15px;height:15px}
.rpc-table{width:100%;border-collapse:collapse;font-size:14px}.rpc-table th{padding:11px 12px 11px 0;text-align:left;font-weight:600;color:#9fb7b2;white-space:nowrap;width:1%}.rpc-table td{padding:9px 0;border-top:1px solid #ffffff12;color:#eef8f5}.rpc-table th{border-top:1px solid #ffffff12}.rpc-table tr:first-child>*{border-top:0}.rpc-table code{font-size:13.5px;overflow-wrap:anywhere;color:#e9fbf6;background:none;padding:0}.rpc-table td:last-child{width:1%;padding-left:10px;text-align:right}.rpc-copy{min-width:64px;min-height:34px;padding:6px 10px;border:1px solid #4c6f69;border-radius:8px;background:transparent;color:#cdf6ec;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.rpc-copy:hover{border-color:#bdf7e7;color:#fff}
@media(max-width:600px){.rpc-dialog{padding:22px 18px 18px}.rpc-dialog h2{font-size:20px}.rpc-table{font-size:13px}.rpc-table th{padding-right:8px}}
@media(max-width:600px){body>header.site-header nav{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.site-footer a,.site-footer svg{transition:none}.site-footer a:hover,.site-footer a:hover svg{transform:none}}

/* Create stays beside the wallet, distinct from the discovery navigation. */
.site-header .header-actions{align-items:center;gap:10px}
.site-header .header-create{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;box-sizing:border-box;border:1px solid #acf4e290;border-radius:9px;background:linear-gradient(125deg,#a9f8e420,#79b2de0b);box-shadow:inset 0 1px 0 #d9fff529,0 0 20px #a9f8e40c;color:#cdfff2;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap;transition:border-color .2s,box-shadow .2s,transform .2s}

.site-header .header-create svg{width:17px;height:17px;filter:drop-shadow(0 0 5px #b4ffed70)}
.site-header .header-create:hover{border-color:#c0ffee;box-shadow:inset 0 1px 0 #d9fff538,0 0 24px #a9f8e425;transform:translateY(-1px)}

@media(max-width:600px){.site-header .header-actions{gap:7px}.site-header .header-create{padding:10px 12px;font-size:12px;gap:5px}.site-header .wallet-button{min-height:44px}}
@media(max-width:480px){.site-header .brand{font-size:19px}.site-header .brand-mark{font-size:28px}.site-header .wallet-button{width:44px;padding:0;justify-content:center}.site-header .wallet-button span{display:none}.site-header .header-create{padding:10px;font-size:11px}.site-header .header-create svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.site-header .header-create{transition:none}.site-header .header-create:hover{transform:none}}

body>header.site-header .brand{color:#ebf4f2;text-decoration:none;transition:color .2s}body>header.site-header .brand:hover,body>header.site-header .brand:focus-visible{color:#aff8e5}body>header.site-header .brand-mark,body>header.site-header .brand-dot{color:#aff8e5}@media(prefers-reduced-motion:reduce){body>header.site-header .brand{transition:none}}

.footer-chart-credit{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:0 0 20px;font-size:11px;color:#a6beba}.footer-chart-credit a{color:#b8cdca;text-decoration:none}.footer-chart-credit a:hover{color:#bcf9e8;text-decoration:underline}

/* Shared navigation owns its typography and geometry across every page family. */
body>header.site-header{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:normal;letter-spacing:normal}
body>header.site-header *,body>header.site-header *::before,body>header.site-header *::after{box-sizing:border-box}
body>header.site-header .wallet-button{font-family:Manrope,sans-serif;font-weight:800;font-style:normal;line-height:normal;letter-spacing:normal}
body>header.site-header .wallet-button>span{font:inherit;letter-spacing:inherit}
body>header.site-header nav{gap:6px}
body>header.site-header .header-create{font-family:Manrope,sans-serif;font-weight:750;font-style:normal;line-height:normal;letter-spacing:normal}
@media(max-width:600px){body>header.site-header nav{gap:4px}}

body>header.site-header nav{font-size:14px;padding:0}@media(max-width:600px){body>header.site-header nav{padding:0 0 8px;gap:4px}}

.footer-legal{display:flex;flex-wrap:wrap;gap:12px 22px;padding:20px 0;border-top:1px solid #2b3e3b}.footer-legal a{font-size:11px;color:#b8c7c4;text-decoration:none}.footer-legal a:hover{color:#cef6eb}

/* Keep the icon visible when the mobile header hides the wallet label. */
body>header.site-header .wallet-button>svg{display:block!important;width:21px;height:21px;flex:0 0 21px;stroke:currentColor;fill:none}

/* Imagotype: the impossible liquid loop, wider than tall (36:32); object-fit keeps its proportions at every size. */
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center;gap:10px}.brand-imagotype{display:block;width:36px;height:32px;object-fit:contain;flex:none}.site-footer .brand-imagotype{width:41px;height:36px}@media(max-width:480px){.site-header .brand{gap:8px}.site-header .brand-imagotype{width:31px;height:27px}}

/* Brand dimensions apply before the shared shell enhances the initial HTML. */
body>header .brand,body>footer .brand{display:inline-flex;align-items:center;gap:10px}@media(max-width:480px){body>header .brand{gap:8px}body>header .brand-imagotype{width:31px;height:27px}}

/* Slightly tighter shared header; retain 44px wallet/create controls. */
body>header.site-header{padding-top:8px;padding-bottom:8px}
@media(max-width:600px){body>header.site-header{padding-top:4px;padding-bottom:0;row-gap:4px}.site-header nav{padding-bottom:4px}}

/* Compact stock strip, shared by all page families. */
.market-ticker,.market-ticker .ticker-quote{height:34px}.market-ticker .ticker-quote{gap:9px;padding-inline:24px}.market-ticker .ticker-label{gap:10px}
@media(max-width:600px){.market-ticker,.market-ticker .ticker-quote{height:30px}.market-ticker .ticker-quote{padding-inline:17px;gap:8px}}

/* Equal action heights with breathing room inside the compact navigation. */
body>header.site-header .header-create,body>header.site-header .wallet-button{height:40px;min-height:40px;padding:0 16px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1}
body>header.site-header{padding-top:10px;padding-bottom:10px}
@media(max-width:600px){body>header.site-header{padding-top:8px;padding-bottom:0}body>header.site-header .header-create,body>header.site-header .wallet-button{height:44px;min-height:44px;padding:0 12px;font-size:12px}}
@media(max-width:480px){body>header.site-header .header-create{padding:0 10px;font-size:11px}body>header.site-header .wallet-button{width:44px;padding:0}}

/* Subtle logo reduction to balance the compact header actions. */
body>header.site-header .brand{font-size:25px}
body>header.site-header .brand-imagotype{width:35px;height:31px}
@media(max-width:1100px){body>header.site-header .brand{font-size:24px}}
@media(max-width:600px){body>header.site-header .brand{font-size:21px}}
@media(max-width:480px){body>header.site-header .brand{font-size:18px}body>header.site-header .brand-imagotype{width:30px;height:26px}}

/* Network badge (testnet hosts only): the amber phase-badge look beside the brand. */
.header-brand{display:flex;align-items:center;gap:10px;min-width:0}
.network-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;line-height:1.2;color:#f0d39c;border:1px solid #9e7b444f;background:#9e7b4420;padding:5px 9px;border-radius:5px;white-space:nowrap}
.network-badge img{display:block;width:14px;height:14px}
@media(max-width:480px){.network-badge{font-size:9px;padding:4px 6px}.network-badge img{display:none}}

/* Keep the network visible without colliding with actions on narrow phones. */
/* Inset rings remain visible inside the horizontally scrolling navigation. */
body>header.site-header nav a:focus-visible{outline-offset:-2px}
.site-footer .footer-baseline button{min-height:44px}
@media(pointer:coarse),(max-width:600px){
 body>header.site-header nav a{min-height:44px}
 .site-footer .footer-column{gap:4px}
 .site-footer .footer-column a,.site-footer .footer-legal a,.site-footer .footer-paper{display:inline-flex;align-items:center;min-height:44px}
 .site-footer .footer-legal{gap:4px 22px}
}
@media(max-width:360px){
 body>header.site-header{grid-template-columns:minmax(0,1fr) auto;column-gap:8px}
 .site-header .header-brand{flex-wrap:wrap;gap:4px 8px}
 .site-header .header-brand .network-badge{margin-left:31px}
 body>header.site-header nav a{padding-inline:8px;min-height:44px}
}

/* Align the ticker label with the header logo, including compact navigation. */
.market-ticker .ticker-label{padding-left:clamp(20px,3.2vw,64px)}
@media(max-width:600px){.market-ticker .ticker-label{padding-left:14px}}

/* Stock Token markets are coming soon on Elysium (decided 30 October 2026). A static pill and full-colour logo chips:
   nothing is greyed out and nothing moves. Remove the markup (index.html, stocks.html, launch.js) when stock markets open. */
.soon-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;line-height:1.2;letter-spacing:.02em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 11%,transparent);padding:5px 10px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.soon-badge::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}
body.light .soon-badge{color:#08624f;border-color:#08624f55;background:#92f2d72e}
h3 .soon-badge{margin-left:10px;font-family:inherit;letter-spacing:.02em;transform:translateY(-2px)}
p.room-soon,.room-intro p.room-soon{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.45;max-width:none}
.universe-soon{margin-bottom:14px}
.market-identity .hero-soon{display:flex;width:max-content;margin-top:9px}
.stocks-soon{margin-top:18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%)}
.stocks-soon-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.stocks-soon-head strong{font-size:15px}
.stocks-soon p{margin:8px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}
.stocks-soon-logos{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.stocks-soon-logos li{display:flex;align-items:center;gap:7px;padding:5px 11px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:700}
.stocks-soon-logos img{display:block;width:22px;height:22px;object-fit:contain}


/* Navigation (31 October 2026): seven sections and More on wide screens; one menu button below 1241px. Bridge opens the
   funding page's bridge, Explorer the Elysium block explorer in a new tab. Menus fade in place; nothing slides across. */
body>header.site-header [hidden]{display:none!important}
body>header.site-header>nav{gap:2px}
body>header.site-header>nav>a{padding:10px 11px}
body>header.site-header>nav>a>svg{width:12px;height:12px;margin-left:-3px;opacity:.55}
.nav-more{position:relative;display:flex;flex-shrink:0}
body>header.site-header .nav-more-toggle{display:inline-flex;align-items:center;gap:4px;padding:10px 8px 10px 11px;border:0;border-radius:8px;background:none;color:#b5c7c5;font:650 13px/1.2 Manrope,sans-serif;cursor:pointer;white-space:nowrap}
body>header.site-header .nav-more-toggle svg{width:15px;height:15px;transition:transform .2s}
body>header.site-header .nav-more-toggle:hover,body>header.site-header .nav-more-toggle[aria-expanded="true"]{color:#eafffa;background:#e4fff808}
body>header.site-header .nav-more-toggle.active{color:#d2faef;background:#baf1e30d}
body>header.site-header .nav-more-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
body>header.site-header .nav-more-toggle:focus-visible{outline-offset:-2px}
.nav-more-panel{position:absolute;top:calc(100% + 14px);right:-10px;z-index:60;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;width:min(744px,calc(100vw - 40px));padding:14px;border:1px solid #2f4744;border-radius:16px;background:linear-gradient(160deg,#152624fa,#0b1614fc);box-shadow:0 28px 70px #000b,inset 0 1px 0 #d9fff514;animation:hl-menu-in .18s ease-out;transform-origin:top right}
.nav-more-panel::before{content:"";position:absolute;inset:-14px 0 auto;height:14px}
.menu-group{display:grid;gap:2px;align-content:start;min-width:0}
body>header.site-header .menu-heading{margin:4px 10px 6px;font:800 10px/1.2 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7e9a95}
body>header.site-header .menu-item{display:flex;align-items:center;gap:12px;min-width:0;min-height:52px;padding:8px 10px;border-radius:11px;color:#dcefeb;text-decoration:none;white-space:normal;transition:background-color .15s}
body>header.site-header .menu-item:hover{background:#e4fff80b;color:#f2fffb}
body>header.site-header .menu-item.active{background:#baf1e312}
body>header.site-header .menu-item:focus-visible{outline:2px solid #c0ffee;outline-offset:-2px}
body>header.site-header .menu-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;border:1px solid #97fce42b;background:linear-gradient(145deg,#97fce41c,#99c8ed0d);color:#bff9ea}
body>header.site-header .menu-item.active .menu-icon{border-color:#97fce470;background:linear-gradient(145deg,#97fce433,#99c8ed14)}
body>header.site-header .menu-icon svg{width:18px;height:18px;opacity:1}
body>header.site-header .menu-text{display:grid;gap:2px;min-width:0}
body>header.site-header .menu-text strong{display:inline-flex;align-items:center;gap:6px;font:750 13.5px/1.25 Manrope,sans-serif;color:inherit}
body>header.site-header .menu-text strong svg{width:12px;height:12px;opacity:.55}
body>header.site-header .menu-text small{font-size:12px;line-height:1.35;color:#93aca8;overflow-wrap:anywhere}
body>header.site-header .menu-toggle{display:none}
.site-menu{display:none}
@keyframes hl-menu-in{from{opacity:0;transform:translateY(-4px)}}
@media(max-width:1240px){
 body>header.site-header{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding-top:12px;padding-bottom:12px}
 body>header.site-header>nav{display:none}
 .site-header .header-actions{grid-column:2;grid-row:1}
 body>header.site-header .menu-toggle{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #3a5551;border-radius:10px;background:#0f1d1bcc;color:#d4ece7;cursor:pointer}
 body>header.site-header .menu-toggle:hover{border-color:#5f8a83;color:#f2fffb}
 body>header.site-header .menu-toggle[aria-expanded="true"]{border-color:#97fce480;background:#97fce414;color:#d9fff5}
 body>header.site-header .menu-toggle svg{width:21px;height:21px}
 body>header.site-header .menu-toggle svg:last-child,body>header.site-header .menu-toggle[aria-expanded="true"] svg:first-child{display:none}
 body>header.site-header .menu-toggle[aria-expanded="true"] svg:last-child{display:block}
 .site-menu{position:absolute;left:0;right:0;top:100%;z-index:60;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;max-height:calc(100dvh - var(--menu-top,72px));overflow-y:auto;overscroll-behavior:contain;padding:14px clamp(14px,3.2vw,40px) calc(20px + env(safe-area-inset-bottom));border-bottom:1px solid #2f4744;background:linear-gradient(180deg,#0e1a18,#08110f);box-shadow:0 40px 80px #000c,0 0 0 100vmax #0209088c;clip-path:inset(0 -100vmax -100vmax);animation:hl-menu-in .2s ease-out}
 .site-menu:not([hidden]){display:grid}
 .site-menu .menu-primary{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;padding-bottom:14px;border-bottom:1px solid #223532}
 body>header.site-header .menu-create{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:12px;background:linear-gradient(110deg,#c1fded,#a5c8e3);color:#0f2623;font:800 14px/1 Manrope,sans-serif;text-decoration:none}
 body>header.site-header .menu-create svg{width:18px;height:18px}
 /* Holding the page still must not stop the header from sticking (2 November 2026): only the root scroller is locked.
    Locking body too made it a scroll container, so a menu opened halfway down a page was drawn off screen. body
    stays unclipped while open (style.css clips it horizontally), which keeps the sticky header on the viewport. */
 html.site-menu-open{overflow:hidden;scrollbar-gutter:stable}
 html.site-menu-open body{overflow:visible}
}
@media(max-width:600px){
 body>header.site-header{padding:10px 14px}
 .site-menu{grid-template-columns:minmax(0,1fr);gap:14px;padding-inline:14px}
 .site-menu .menu-primary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 8px}
 .site-menu .menu-primary small{display:none}
 .site-menu .menu-primary .menu-item{min-height:48px;gap:10px;padding:6px 8px}
 .site-menu .menu-primary .menu-icon{width:32px;height:32px;border-radius:9px}
}
@media(max-width:380px){
 body>header.site-header{column-gap:8px}
 body>header.site-header .header-actions{gap:6px}
 body>header.site-header .header-create{width:44px;padding:0}
 body>header.site-header .header-create span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.nav-more-panel,.site-menu{animation:none}body>header.site-header .nav-more-toggle svg,body>header.site-header .menu-item{transition:none}}
.footer-columns{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.footer-columns{grid-template-columns:1fr 1fr}}

/* Review fixes, 2 November 2026. */
/* More: Explore takes one cell and Community the two beside it, so the second row of the panel has no empty slot. */
.nav-more-panel>.menu-group:last-child{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.nav-more-panel>.menu-group:last-child>.menu-heading{grid-column:1/-1}

/* The RPC notice: "Before you trade" and one sentence; on a phone a single 44px line with Details and the close button. */
@media(max-width:600px){
 .rpc-notice{flex-wrap:nowrap;justify-content:flex-start;gap:2px;min-height:44px;padding:0 44px 0 14px;font-size:12px}
 .rpc-notice p{display:block;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .rpc-notice-tag,.rpc-notice-wide{display:none}
 .rpc-notice-short{display:inline}
 .rpc-notice-open{flex:none;min-height:44px;padding:0 8px;border-radius:0;background:none;color:#bdf7e7;text-decoration:underline;text-underline-offset:3px}
 .rpc-notice-open:hover{background:none;color:#fff}
 .rpc-notice-open:focus-visible{outline:2px solid #fff;outline-offset:-4px}
 .rpc-notice-close{right:0;width:44px;height:44px;border:0;border-radius:0;background:none;box-shadow:none}
 .rpc-notice-close:hover{background:none;color:#bdf7e7}
 .rpc-notice-close:focus-visible{outline-offset:-6px}
}
@media(max-width:340px){.rpc-notice{padding-left:12px;font-size:11.5px}.rpc-notice-open{padding:0 6px}}

/* The RPC pop-up: chain ID (hex) and decimals under "Manual setup"; on a phone each label sits above its value. */
.rpc-manual{border-top:1px solid #ffffff12}
.rpc-manual>summary{display:flex;align-items:center;gap:10px;min-height:44px;list-style:none;cursor:pointer;color:#9fb7b2;font-size:13px;font-weight:650}
.rpc-manual>summary::-webkit-details-marker{display:none}
.rpc-manual>summary::before{content:"";flex:none;width:6px;height:6px;margin:0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.rpc-manual[open]>summary::before{transform:rotate(45deg)}
.rpc-manual>summary:hover{color:#dff7f1}
.rpc-manual>summary:focus-visible{outline:2px solid #c0ffee;outline-offset:2px;border-radius:6px}
@media(max-width:600px){
 .rpc-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:8px 0;border-top:1px solid #ffffff12}
 .rpc-table tr:first-child{border-top:0}
 .rpc-table th,.rpc-table td{display:block;width:auto;padding:0;border:0}
 .rpc-table th{grid-column:1;grid-row:1;font-size:12px;white-space:normal}
 .rpc-table td:nth-child(2){grid-column:1;grid-row:2;padding-top:2px}
 .rpc-table td:last-child{grid-column:2;grid-row:1/3;width:auto;padding:0}
 .rpc-table code{overflow-wrap:normal;word-break:normal}
 .rpc-copy{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.rpc-manual>summary::before{transition:none}}

/* The footer on a phone: each group folds into a disclosure, the RWA link carries its Soon tag. */
.footer-column .soon-tag{margin-left:8px}
@media(max-width:600px){
 .site-footer .footer-columns{display:block}
 .site-footer details.footer-column{display:block;border-top:1px solid #2b3e3b}
 .site-footer details.footer-column>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;list-style:none;cursor:pointer;font:800 13px/1.2 Manrope,sans-serif;color:#e9f4f1}
 .site-footer details.footer-column>summary::-webkit-details-marker{display:none}
 .site-footer details.footer-column>summary svg{width:18px;height:18px;color:#9fb7b2;transition:transform .2s}
 .site-footer details.footer-column[open]>summary svg{transform:rotate(180deg)}
 .site-footer details.footer-column[open]{padding-bottom:8px}
 .site-footer details.footer-column>a,.site-footer details.footer-column>.footer-soon{display:flex;align-items:center;width:fit-content;min-height:44px}
 .site-footer details.footer-column>summary:focus-visible{outline-offset:-2px}
}
@media(prefers-reduced-motion:reduce){.site-footer details.footer-column>summary svg{transition:none}}

/* The 404 page runs no script: its More menu and phone menu are disclosures (details) holding the shell's markup. */
body.not-found-page>header.site-header summary{list-style:none}
body.not-found-page>header.site-header summary::-webkit-details-marker{display:none}
body.not-found-page>header.site-header .header-actions{position:static}
body.not-found-page>header.site-header .nav-more[open]>.nav-more-toggle{color:#eafffa;background:#e4fff808}
body.not-found-page>header.site-header .nav-more[open]>.nav-more-toggle svg{transform:rotate(180deg)}
@media(max-width:1240px){
 body.not-found-page>header.site-header .site-menu-sheet[open]>.menu-toggle{border-color:#97fce480;background:#97fce414;color:#d9fff5}
 body.not-found-page>header.site-header .site-menu-sheet[open]>.menu-toggle svg:first-child{display:none}
 body.not-found-page>header.site-header .site-menu-sheet[open]>.menu-toggle svg:last-child{display:block}
}

/* The stock strip: a failed refresh keeps the last prices and marks them delayed, also on a phone. */
.market-ticker.ticker-delayed .ticker-label span{display:inline;color:#f0d39c}
.market-ticker.ticker-delayed .ticker-quote{opacity:.72}

/* Site-wide finish (the user, 5 Nov: "make sure all dropdowns and scrollbars have own design", and "remove when
 * selecting for example when wanting to write in a box gets colored ... this in whole website").
 * Typing in a box draws no coloured ring or glow: the caret and the box itself show where you type. Buttons, links and
 * menus keep their keyboard focus ring. */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{outline:none!important;box-shadow:none!important}
input,textarea{caret-color:#97fce4}
.search:focus-within,.light .search:focus-within,.bridge-leg:focus-within,.swap-panel:focus-within{outline:none!important;box-shadow:none!important}
.bridge-leg:focus-within,.swap-panel:focus-within{border-color:#4d6b65!important}
/* Scrollbars: thin, rounded, in the site's colours, on the page and inside every panel, menu and list. */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar-thumb{background:#33504b;border:3px solid transparent;border-radius:10px;background-clip:padding-box;min-height:40px}
::-webkit-scrollbar-thumb:hover{background:#4f7c73;background-clip:padding-box;border:3px solid transparent}
::-webkit-scrollbar-button{display:none;width:0;height:0}
body.light ::-webkit-scrollbar-thumb{background:#a9bdb9;background-clip:padding-box}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#33504b transparent}}
/* Dropdowns: any native select reads as the site's own control, its list in the dark theme. */
select{appearance:none;-webkit-appearance:none;background:#132321 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2397fce4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/11px 8px;color:#e6f2ef;border:1px solid #33504b;border-radius:9px;padding:10px 34px 10px 12px;font:inherit;cursor:pointer;transition:border-color .15s}
select:hover{border-color:#4f7c73}
select option{background:#0f1c1a;color:#e6f2ef}
body.light select{background-color:#f1f6f5;color:#18302b;border-color:#bccdc9}
body.light select option{background:#fff;color:#18302b}
/* The trending strip over every page's header but Stockroom's (trending-bar.mjs): rank, logo, symbol, market cap and
 * the 24-hour change as a small pill; $HYPER first in the site's mint; a figure that moves flashes green or red. */
.trending-ticker .ticker-label{gap:9px;color:#eafff9;letter-spacing:.08em}
.trending-ticker .ticker-label span{color:#8fb4ad;letter-spacing:0}
.trend-live{width:8px;height:8px;flex:none;border-radius:50%;background:#7ff0cf;animation:trend-pulse 1.8s ease-out infinite}
@keyframes trend-pulse{0%{box-shadow:0 0 0 0 #7ff0cf99}100%{box-shadow:0 0 0 9px #7ff0cf00}}
.trend-coin{display:flex;align-items:center;gap:8px;height:42px;padding:0 18px;white-space:nowrap;color:#dfeeea;text-decoration:none;font-variant-numeric:tabular-nums;border-right:1px solid #ffffff0b;transition:background .2s}
.trend-coin:hover{background:#ffffff0a}
.trend-rank{color:#7f9a95;font-size:11px;font-weight:700}
.trend-coin .market-logo{width:20px;height:20px;flex:none;border-radius:50%;object-fit:cover;background:#1b2b29}
.trend-coin .market-mono{display:inline-grid;place-items:center;font-size:8px;font-weight:800;color:#bfe9de}
.trend-coin strong{font-weight:800;color:#f2fffb}
.trend-mcap{color:#c3d6d2}
.trend-change{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700}
.trend-change i{font-style:normal;font-size:8px}
.trend-change.up{color:#8ff3d6;background:#2ee6b017}
.trend-change.down{color:#ffaaa5;background:#ff6b6217}
.trend-coin.official strong,.trend-coin.official .trend-rank{color:#97fce4}
.trend-coin.flash-up{animation:trend-flash-up 1.4s ease-out}
.trend-coin.flash-down{animation:trend-flash-down 1.4s ease-out}
@keyframes trend-flash-up{0%{background:#2ee6b038}100%{background:transparent}}
@keyframes trend-flash-down{0%{background:#ff6b6238}100%{background:transparent}}
body.light .trend-coin{color:#223b37;border-color:#00000010}
body.light .trend-coin strong{color:#0f2622}
body.light .trend-change.up{color:#1c6957}
body.light .trend-change.down{color:#a13b36}
@media(max-width:700px){.trend-coin{padding:0 13px;gap:6px}.trend-rank{display:none}}
@media(prefers-reduced-motion:reduce){.trend-live,.trend-coin.flash-up,.trend-coin.flash-down{animation:none}}
/* A figure that moved (live-figures.mjs, the project pages): a short green or red glow as it changes. */
.live-up{animation:live-up 1.3s ease-out}.live-down{animation:live-down 1.3s ease-out}
@keyframes live-up{0%{color:#97fce4;text-shadow:0 0 16px #97fce48c}100%{text-shadow:none}}
@keyframes live-down{0%{color:#f5aaa6;text-shadow:0 0 16px #f1a7a48c}100%{text-shadow:none}}
@media(prefers-reduced-motion:reduce){.live-up,.live-down{animation:none}}