@font-face{font-family:Inter;src:url('./assets/fonts/inter-latin-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('./assets/fonts/ibm-plex-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('./assets/fonts/ibm-plex-mono-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{
  --panel:#d9d6cc;--panel-raised:#e8e4d9;--panel-inset:#c9c5b8;--ink:#191c18;--muted:#53564d;--line:#33372e;
  --screen:#0c100d;--screen-raised:#141c16;--screen-line:#344239;--screen-text:#e9efe6;--screen-muted:#a3b5a4;
  --signal:#3cff7a;--signal-hover:#a1ffbf;--signal-dark:#143c22;--copper:#cb8e50;--copper-ink:#744117;--focus:#00682b;
  --mono:'IBM Plex Mono',ui-monospace,monospace;--sans:Inter,system-ui,sans-serif;
  --label:.75rem;--small:.875rem;--body:1rem;--heading:1.25rem;--gap:1rem;--shadow:4px 4px 0 #33372e;
}
*{box-sizing:border-box}
html{scroll-padding-block-start:1rem}
body{margin:0;background:var(--panel-inset);color:var(--ink);font:500 var(--body)/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,a{-webkit-tap-highlight-color:transparent}
button{font:600 var(--label)/1.4 var(--mono);cursor:pointer}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
button:disabled{cursor:not-allowed}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.terminal a:focus-visible{outline-color:var(--signal);outline-offset:5px}
::selection{background:var(--signal);color:var(--screen)}
p,h1,h2,h3,figure,dl,dd{margin:0}
h1,h2,h3{line-height:1.2;text-wrap:balance}
svg{display:block;fill:none;stroke:currentColor;stroke-width:2}
.wall{position:relative;min-height:100vh;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));background:linear-gradient(#d9d6cc08,#d9d6cc30),url('./assets/panels.webp') center top/1840px 400px repeat-y}
.wall::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 63px,#00000008 63px 64px),repeating-linear-gradient(90deg,transparent 0 63px,#00000008 63px 64px)}
.panel{position:relative;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.panel::before,.panel::after{content:'';position:absolute;width:5px;height:5px;border:1px solid #6c6c60;border-radius:50%;background:linear-gradient(45deg,transparent 42%,#6c6c60 43% 57%,transparent 58%);inset-block-start:8px;pointer-events:none}
.panel::before{inset-inline-start:8px}.panel::after{inset-inline-end:8px}
.bar{max-width:1280px;margin:0 auto 30px;min-height:76px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 1.125rem/1.4 var(--mono);min-height:44px}
.brand-mark{width:36px;height:36px;padding:4px;color:var(--signal);background:var(--screen);border:1px solid var(--line)}
.brand-sub{display:block;font:400 .625rem/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.bar nav{display:flex;gap:24px;flex-wrap:wrap}
.bar nav a{display:flex;gap:7px;align-items:center;min-height:44px;font:600 var(--label)/1.4 var(--mono);text-decoration:none}
.bar nav a span{color:var(--copper-ink);font-weight:400}
.bar nav a:hover{text-decoration:underline}
.bar-lights{display:flex;gap:7px;padding-inline:5px}
.bar-lights i,.signal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 7px #3cff7a40}
.bar-lights i{border:1px solid #49654b}.bar-lights i:nth-child(2){background:var(--copper)}.bar-lights i:nth-child(3){background:#646c5c}
main{position:relative;max-width:1180px;margin:auto;outline-offset:8px}
.rack-label{display:flex;justify-content:space-between;gap:16px;padding:6px 12px;margin-bottom:12px;border:1px solid var(--line);background:var(--panel-inset);font:400 .625rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.terminal{background:var(--screen);color:var(--screen-text);border:6px solid var(--line);box-shadow:6px 6px 0 #1a1e19;border-radius:4px}
.terminal-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:14px 24px;border-bottom:1px solid var(--screen-line);font:400 var(--label)/1.5 var(--mono);color:var(--screen-muted)}
.terminal-label{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.06em}
.chain-label{margin-inline-start:auto}
.status-badge{color:var(--copper);padding:3px 8px;border:1px solid #674d34;background:var(--screen-raised);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;overflow-wrap:anywhere;max-width:100%}
.status-badge[data-state='live']{color:var(--signal);border-color:var(--signal-dark)}
.terminal-body{display:grid;grid-template-columns:minmax(0,310px) minmax(0,1fr);align-items:center;gap:42px;padding:44px 40px 36px}
.specimen{min-width:0}.portrait-mount{position:relative;padding:12px;border:1px solid var(--screen-line);background:var(--screen-raised)}
.logo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid var(--copper);outline:1px solid #ffffff1a;outline-offset:5px}
.crosshair{position:absolute;width:14px;height:14px;border-color:var(--signal);border-style:solid}
.crosshair-tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.crosshair-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
figcaption{display:flex;justify-content:space-between;gap:8px;margin-top:14px;color:var(--screen-muted);font:400 .625rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.copper{color:var(--copper)}
.hero-copy{min-width:0}.eyebrow{font:400 var(--label)/1.6 var(--mono);text-transform:uppercase;letter-spacing:.075em}
.hero-copy .eyebrow{color:var(--copper);margin-bottom:14px}
h1{font-size:clamp(1.9rem,4.2vw,3.375rem);font-weight:900;letter-spacing:-.055em;line-height:1.08;overflow-wrap:anywhere;text-wrap:initial}
h1 span{display:block;font-size:.66em;letter-spacing:-.04em;margin-bottom:4px}
.ticker{margin:9px 0 17px;color:var(--signal);font:600 2rem/1.25 var(--mono);overflow-wrap:anywhere}.cursor{margin-inline-start:7px;color:var(--screen-muted)}
.description{color:var(--screen-muted);font-size:var(--small);max-width:52ch;line-height:1.65;text-wrap:pretty}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;max-width:100%;min-height:50px;padding:12px 20px;text-decoration:none;font:700 var(--small)/1.4 var(--sans);border:1px solid var(--signal);border-radius:2px;overflow-wrap:anywhere}
.button>span:first-child{min-width:0}.button>span[aria-hidden]{flex:none}
.button.primary{background:var(--signal);color:var(--screen);box-shadow:3px 3px 0 var(--signal-dark)}
.button.secondary{border-color:var(--screen-line);color:var(--screen-text);background:var(--screen-raised)}
.button.primary[href]:hover{background:var(--signal-hover)}.button.secondary[href]:hover{border-color:var(--signal);color:var(--signal)}
.button[aria-disabled='true']{cursor:not-allowed;border-style:dashed;box-shadow:none}.button.primary[aria-disabled='true']{background:var(--signal-dark);color:var(--screen-text);border-color:#648c6a}.button.secondary[aria-disabled='true']{color:var(--screen-muted)}
.action-note{font:400 .6875rem/1.6 var(--mono);color:var(--screen-muted);margin-top:12px;max-width:65ch;min-height:2.2em}
.terminal-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:18px 24px;border-top:1px solid var(--screen-line);background:var(--screen-raised);font:400 var(--label)/1.6 var(--mono);color:var(--screen-muted)}
.terminal-foot p{color:var(--screen-text)}.terminal-foot p>span{color:var(--signal);margin-inline-end:9px}.terminal-tags{display:flex;gap:12px}
.telemetry{margin-top:26px}.section-label{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;background:var(--panel);padding:0 12px;border:1px solid var(--line);margin-bottom:10px}
.section-label h2{font:600 var(--label)/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.feed-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font:400 .6875rem/1.5 var(--mono)}
#refresh{min-height:40px;padding:8px 2px;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
#refresh:disabled{color:var(--muted)}
.lcds{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:12px}.lcd{padding:18px 14px 14px;min-width:0}
.module-id{display:block;font:400 .625rem/1.5 var(--mono);letter-spacing:.06em;color:var(--muted);margin-bottom:8px}
.lcd h3{display:flex;justify-content:space-between;gap:4px;font:600 .6875rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.lcd h3 span{font-weight:400;color:var(--muted)}
.readout{padding:10px 12px;background:var(--screen);color:var(--signal);font:400 clamp(1.125rem,2vw,1.5rem)/1.5 var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-height:56px;border:2px solid #6b6b5e}
.contract-row{display:flex;align-items:center;gap:10px;min-height:56px}.contract-row code{min-width:0;flex:1;font:400 var(--label)/1.6 var(--mono);overflow-wrap:anywhere;user-select:all}
#copy{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 8px;background:var(--panel-raised);color:var(--ink);border:1px solid var(--line);border-radius:2px}
#copy svg{width:16px;height:16px}#copy:disabled{color:var(--muted);background:var(--panel-inset);border-style:dashed}#copy:not(:disabled):hover{background:var(--signal)}
.feed-note{margin-top:10px;background:var(--panel);padding:5px 10px;font:400 .6875rem/1.6 var(--mono);border-inline-start:3px solid var(--copper-ink)}
.modules{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.module{padding:26px;scroll-margin-block-start:24px;min-width:0}
.module-heading{display:flex;align-items:center;gap:12px;min-height:40px;margin-bottom:20px}.module-heading h2{font:600 var(--small)/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em}.module-number{color:var(--copper-ink);font:400 var(--label)/1.5 var(--mono)}
.panel-ports{display:flex;gap:7px;margin-inline-start:auto}.panel-ports i{width:12px;height:12px;border:3px solid #7a7b6d;outline:1px solid var(--line);border-radius:50%;background:var(--screen)}
.section-intro{font-size:var(--heading);font-weight:700;letter-spacing:-.03em;margin-bottom:26px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:23px}.steps li{display:flex;align-items:flex-start;gap:16px}.step-number{flex:none;font:400 .6875rem/1.6 var(--mono);border:1px solid #97998a;background:var(--panel-raised);padding:4px 6px}.steps h3{font-size:var(--small);font-weight:700;margin-bottom:6px}.steps p{font-size:var(--small);color:var(--muted);line-height:1.6;max-width:50ch}.steps a{color:var(--ink)}
.module-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:14px;border-top:1px solid #a4a699;font:400 .6875rem/1.6 var(--mono);color:var(--muted)}
.dial{position:relative;margin-inline-start:auto;width:36px;height:36px;border:4px double var(--line);border-radius:50%;background:var(--panel-raised);box-shadow:2px 2px 0 #8c8e7e}.dial::after{content:'';position:absolute;width:3px;height:12px;left:13px;top:1px;background:var(--copper-ink);transform:rotate(35deg);transform-origin:bottom}
.lore-headline{font-size:2.375rem;line-height:1.1;letter-spacing:-.055em;font-weight:900;margin-bottom:20px}.lore>p:not(.lore-headline){font-size:var(--small);color:var(--muted);margin-top:12px;max-width:58ch}
.scope{margin-top:24px;padding:12px 14px 10px;background:var(--screen);border:3px solid #797b6b;border-radius:3px;color:var(--screen-muted);font:400 .625rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em}.scope svg{width:100%;height:68px;margin:8px 0;stroke:var(--signal);stroke-width:1.5;background:repeating-linear-gradient(0deg,transparent 0 16px,#34423966 16px 17px),repeating-linear-gradient(90deg,transparent 0 24px,#34423966 24px 25px)}.scope>div{display:flex;justify-content:space-between}
.tokenomics{grid-column:1/-1}.fixed-stamp{margin-inline-start:auto;align-self:center;border:1px solid var(--copper-ink);padding:3px 6px;color:var(--copper-ink);font:600 .625rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.token-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.supply-block .eyebrow{color:var(--muted);font-size:.6875rem}.supply{font:700 clamp(1.5rem,3.5vw,2.75rem)/1.4 var(--sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.supply-caption{font-size:var(--small);color:var(--muted);margin-top:2px}
.allocation{display:flex;gap:4px;height:14px;margin-top:22px}.allocation span:first-child{flex:9;background:var(--signal);border:1px solid var(--line)}.allocation span:last-child{flex:1;background:var(--copper);border:1px solid var(--line)}
.allocation-key{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:9px;font:400 .6875rem/1.6 var(--mono)}.allocation-key>span{display:flex;align-items:center;gap:6px}.allocation-key i{width:7px;height:7px;border:1px solid var(--line)}.pool-swatch{background:var(--signal)}.swarm-swatch{background:var(--copper)}
.tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;border-inline-start:1px solid #a4a699;padding-inline-start:40px}.tax-grid dt{font:400 .6875rem/1.5 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tax-grid dd{font:600 1.625rem/1.6 var(--mono);font-variant-numeric:tabular-nums}.tax-grid dd span{font-size:var(--body);margin-inline-start:3px}
.token-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;padding-block:22px;border-top:1px solid #a4a699;font-size:var(--small);color:var(--muted)}
.contract-details{border-top:1px solid #a4a699}.contract-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding-block:12px;cursor:pointer;font:600 var(--label)/1.5 var(--mono);list-style:none}.contract-details summary::-webkit-details-marker{display:none}.contract-details summary>span{font-size:1.375rem;font-weight:400}.contract-details[open] summary>span{transform:rotate(45deg)}.contract-details summary:hover{text-decoration:underline;text-underline-offset:4px}.details-body{padding:8px 0 14px;font-size:var(--small)}.details-body dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:16px}.details-body dt{color:var(--muted);font:600 .6875rem/1.5 var(--mono);margin-bottom:5px}.details-body code{font:400 .6875rem/1.7 var(--mono);overflow-wrap:anywhere}
.rack-bottom{display:flex;align-items:center;gap:24px;margin-top:24px;background:var(--panel-inset);border:1px solid var(--line);padding:12px;font:400 .625rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em}.vents{flex:1;height:10px;background:repeating-linear-gradient(90deg,#686b5f 0 2px,transparent 2px 6px)}
footer{max-width:1280px;margin:28px auto 0;padding:20px 24px;text-align:center;font:400 .6875rem/1.8 var(--mono)}footer span{margin-inline:6px}
.skip-link{position:absolute;top:-100px;left:16px;z-index:10;padding:12px 20px;background:var(--screen);color:var(--signal);font:600 var(--small)/1.5 var(--mono)}.skip-link:focus{top:12px;outline:3px solid var(--signal)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.no-script{background:var(--panel-raised);padding:16px;margin-top:16px;font-size:var(--small)}
@media(prefers-reduced-motion:no-preference){.button,#copy{transition:background-color 150ms cubic-bezier(.2,0,0,1),color 150ms cubic-bezier(.2,0,0,1),transform 150ms cubic-bezier(.2,0,0,1)}.button[href]:active,#copy:not(:disabled):active{transform:scale(.96)}}
@media(max-width:66rem){.bar{padding-inline:20px;gap:16px}.bar nav{gap:16px}.bar-lights{display:none}.terminal-body{grid-template-columns:minmax(0,250px) minmax(0,1fr);padding:34px 28px;gap:28px}h1{font-size:clamp(1.7rem,4.2vw,2.8rem)}.lcds{grid-template-columns:1fr 1fr}.module{padding:24px}.token-grid{gap:30px}.tax-grid{padding-inline-start:30px}}
@media(max-width:48rem){.wall{padding:16px 16px 24px}.bar{flex-wrap:wrap;gap:4px 12px;padding:12px 18px;margin-bottom:22px}.brand{width:100%}.bar nav{width:100%;justify-content:space-between;gap:4px 14px}.bar nav a{font-size:.6875rem}.rack-label span:last-child{display:none}.terminal-body{grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:22px;padding:28px 22px}.terminal-head{padding:12px 18px;gap:8px 16px}.terminal-label{width:100%;font-size:.6875rem}.chain-label{margin-inline-start:0;margin-inline-end:auto}.hero-copy .eyebrow{font-size:.625rem}.description{font-size:var(--small)}h1{font-size:clamp(1.5rem,4.5vw,2.25rem)}.ticker{font-size:1.5rem}.button{padding:12px 16px;gap:16px}.modules{grid-template-columns:1fr;gap:16px}.module{padding:24px}.token-grid{grid-template-columns:1fr;gap:24px}.tax-grid{border-inline-start:0;border-top:1px solid #a4a699;padding:20px 0 0;grid-template-columns:repeat(4,1fr);gap:16px}.token-notes{gap:24px}.details-body dl{grid-template-columns:1fr}.supply{font-size:2.5rem}.lore-headline{font-size:2.25rem}.rack-bottom{gap:12px}.rack-bottom>span:nth-child(2){max-width:70%;text-align:center}}
@media(max-width:36rem){.bar nav a span{display:none}.bar nav a{font-size:.6875rem}.terminal-body{grid-template-columns:minmax(0,1fr);padding:26px 20px;gap:28px}.specimen{width:208px;max-width:100%;margin-inline:auto}.hero-copy .eyebrow{font-size:.6875rem}h1{font-size:clamp(1.5rem,6.8vw,2.625rem)}h1 span{font-size:.7em}.ticker{font-size:1.75rem}.terminal-foot{padding:16px 20px;gap:8px}.terminal-tags{font-size:.6875rem}.lcds{gap:12px}.lcd{padding:16px 10px 10px}.contract-lcd{grid-column:1/-1}.lcds .lcd:nth-child(3){grid-column:1/-1}.lcd h3{font-size:.625rem}.readout{font-size:1.125rem}.section-label{padding:8px 10px}.feed-controls{width:100%;justify-content:space-between;gap:8px}.module{padding:24px 18px}.module-heading{gap:9px}.module-heading h2{font-size:.8125rem}.fixed-stamp{font-size:.5625rem}.section-intro{font-size:1.125rem}.tax-grid{grid-template-columns:1fr 1fr}.token-notes{grid-template-columns:1fr;gap:16px}.supply{font-size:clamp(1.5rem,7.2vw,2.5rem)}.allocation-key{font-size:.625rem}.scope{margin-top:20px}footer{padding:20px 18px}.actions{gap:12px}.button{flex:1;gap:12px;font-size:.8125rem;padding:12px}.rack-bottom{font-size:.5625rem}}
@media(forced-colors:active){.panel,.terminal,.lcd,.button,.scope,.readout,.portrait-mount{border:1px solid CanvasText;box-shadow:none}.signal-dot{background:CanvasText}.allocation span{background:Highlight;border:1px solid CanvasText}a:focus-visible,button:focus-visible,summary:focus-visible,.terminal a:focus-visible{outline:3px solid Highlight}.button[aria-disabled='true'],#copy:disabled{color:GrayText;border-color:GrayText}.wall{background:Canvas}.panel::before,.panel::after{display:none}}
