@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";
:root{--bg:#080f19;--panel:#0c1623;--text:#e8edf2;--muted:#a6b3c4;--line:#334052;--accent:#c6d9e1}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.6 DM Sans,sans-serif}body:before{content:"";pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:0 0;padding:10px 18px;transition:background .2s}button:hover{background:#233043}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);color:var(--text);background:#0a121f;border-radius:0;width:100%;padding:12px}input::placeholder,textarea::placeholder{color:#95a1b3}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Instrument Serif,Georgia,serif;font-weight:400}h1{letter-spacing:-2px;margin-bottom:0;font-size:clamp(54px,6.3vw,88px);line-height:.99}h1 em{color:#b2c3d1;font-weight:400}h2{font-size:40px;line-height:1.08}h3{font-size:29px;line-height:1.2}p{color:var(--muted)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:91px;padding:0 4.7%;display:flex}.brand{white-space:nowrap;font-family:Instrument Serif,serif;font-size:28px}.brand-mark{border:1px solid #a6b3c4;border-radius:50%;place-items:center;width:34px;height:34px;margin-right:7px;display:inline-grid}.site-header nav{color:var(--muted);gap:35px;font-size:13px;display:flex}.site-header>button{font-size:12px}main{max-width:1600px;margin:auto;padding:0 4.7%}.hero{justify-content:space-between;align-items:end;gap:25px;padding:65px 0 48px;display:flex}.eyebrow,.network-label{text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);font:10px/1.5 DM Mono,monospace}.hero .eyebrow{margin-bottom:22px;display:block}.hero-aside{min-width:245px}.hero-aside p{font-size:14px;line-height:1.8}.primary{background:var(--accent);color:#0a1520;border:1px solid var(--accent);justify-content:space-between;align-items:center;padding:13px 20px;font-size:13px;display:flex}.primary:hover{color:#0a1520;background:#e8eef1}.section-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.section-bar input{background:0 0;border:0;width:290px;font-size:12px}.section-bar button{color:var(--muted);border:0;padding:8px 16px;font-size:12px}.section-bar button[aria-selected=true]{color:var(--text);background:#253241}.instrument-layout{border-bottom:1px solid var(--line);grid-template-columns:1fr 340px;min-height:570px;display:grid}.instrument{background:radial-gradient(at 50% 45%,#1d2a3b60,#0000 65%);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.instrument-heading{justify-content:space-between;padding:25px;display:flex}.dome{width:100%;height:auto;display:block}.instrument>.dome{width:100%;max-height:400px;position:absolute;inset:35px 0 auto}.instrument-caption{max-width:520px;margin:355px 30px 25px;position:relative}.instrument-caption h2{margin:10px 0;font-size:33px}.instrument-caption p{margin:0;font-size:12px}.inspection{border-left:1px solid var(--line);background:#0c1522;padding:30px}.inspection>.eyebrow{margin-bottom:28px;display:block}.inspection h2{overflow-wrap:anywhere;font-size:35px}.description{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;margin:20px 0;font-size:13px;overflow:auto}.ticker{color:#bfceda;font:11px DM Mono,monospace}.empty{padding-top:28px}.empty-mark{color:#bac9d6;margin:10px 0 25px;font-size:55px;display:block}.empty p{font-size:13px}.empty .primary{margin-top:30px}dl{grid-template-columns:1fr auto;gap:15px;margin:24px 0;font-size:12px;display:grid}dt{color:var(--muted)}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}progress{width:100%;height:4px;accent-color:var(--accent);margin:20px 0;display:block}.inspection .primary{width:100%}.inspection details{margin:20px 0;font-size:12px}.inspection details p{overflow-wrap:anywhere}.inspection details a{margin:8px 0;text-decoration:underline;display:block}.social{margin-right:10px;font:11px DM Mono,monospace}.ledger-header,.ledger-foot{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.ledger-header button{border:0;font-size:12px}.ledger-foot{color:var(--muted);font:10px DM Mono,monospace}.token-row{text-align:left;border:0;border-top:1px solid var(--line);grid-template-columns:30px 40px 1fr 170px 140px 30px;align-items:center;gap:16px;width:100%;padding:20px 12px;display:grid}.token-row[aria-pressed=true]{background:#182637}.token-row strong{font-weight:500}.token-row small{color:var(--muted);font-size:11px;display:block}.token-monogram{border:1px solid #8795a6;border-radius:50%;place-items:center;width:38px;height:38px;font:13px DM Mono,monospace;display:grid}.row-number{color:var(--muted);font:10px DM Mono,monospace}.mechanics{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:45px;margin:35px 0 75px;padding-top:35px;display:grid}.mechanics h3{margin:20px 0 12px}.mechanics p{max-width:310px;font-size:13px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:25px 4.7%;display:flex}footer span,footer>a:last-child{color:var(--muted);font-size:11px}.replay{color:var(--muted);border:0;margin:0 auto 30px;font-size:11px;display:block}.create-layout{grid-template-columns:1.2fr 1fr;gap:65px;margin:20px 0 70px;display:grid}.create-layout form{max-width:680px}fieldset{border:1px solid var(--line);margin:0 0 25px;padding:24px}legend{padding:0 9px;font:12px DM Mono,monospace}label{color:var(--muted);margin-bottom:18px;font-size:12px;display:block}label input,label select,label textarea{margin-top:7px;display:block}small{color:var(--muted);font-size:11px}.create-layout form>div{margin-bottom:25px}.create-layout form p{font-size:13px}.create-notes{align-self:start;padding:10px 25px;position:sticky;top:20px}.create-notes h2{margin:22px 0;font-size:55px}.create-notes p{font-size:13px}.create-notes .dome{margin:-40px 0 -25px}.create-notes dl{font-size:13px}dialog{background:var(--panel);color:var(--text);border:1px solid #657388;width:min(92vw,490px);max-height:90vh;padding:30px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02070dbd}dialog>button:first-child{float:right;font-size:11px}dialog>span{margin:45px 0 15px;font:10px DM Mono,monospace;display:block}dialog h2{margin-bottom:12px}dialog>div{justify-content:space-between;gap:16px;margin:18px 0;font-size:12px;display:flex}dialog>button:not(:first-child){width:100%;margin-top:20px}dialog details{margin-top:22px;font-size:12px}dialog a{overflow-wrap:anywhere;text-decoration:underline}dialog small{display:block}dialog [role=tablist] button{flex:1}button[aria-selected=true]{color:#0b1420;background:#b8cad7}[role=alert]{color:#e7bba8!important}.intro{z-index:100;background:#080f19;flex-direction:column;justify-content:center;align-items:center;animation:.8s 9.2s forwards introOut;display:flex;position:fixed;inset:0}.intro>.eyebrow{position:absolute;top:8%}.intro>.dome{width:min(85vw,900px);animation:7s both assemble}.intro-brand{text-align:center;animation:9s both brandIn;position:absolute;top:64%}.intro-brand h1{margin:8px 0 15px;font-size:66px}.intro>button{font-size:12px;position:absolute;bottom:6%;right:6%}.intro .dome-shell{stroke-dasharray:1800;animation:5s both draw}.intro-brand p{font-size:13px}@keyframes draw{0%{stroke-dashoffset:1800px}to{stroke-dashoffset:0}}@keyframes assemble{0%{opacity:.2;transform:scale(.65)rotate(-12deg)}50%{opacity:1;transform:scale(1)rotate(0)}to{transform:translateY(-60px)scale(.8)}}@keyframes brandIn{0%,65%{opacity:0;transform:translateY(20px)}85%,to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;visibility:hidden}}@media (max-width:900px){.instrument-layout{grid-template-columns:1fr 300px}.hero-aside{min-width:200px}.token-row{grid-template-columns:22px 32px 1fr 100px 90px 18px;gap:8px}.create-layout{gap:25px}}@media (max-width:680px){.site-header{flex-wrap:wrap;gap:16px;height:auto;min-height:80px;padding:20px 5%}.site-header nav{order:3;gap:25px;width:100%}.brand{font-size:24px}.site-header>button{padding:8px 10px}.hero{padding:42px 0 32px;display:block}.hero h1{font-size:58px}.hero-aside{align-items:center;gap:15px;margin-top:28px;display:flex}.hero-aside p{flex:1;margin:0;font-size:12px}.hero-aside .primary{min-width:150px}.hero .eyebrow{letter-spacing:1px;font-size:9px}.section-bar{flex-direction:column;align-items:stretch;gap:10px}.section-bar input{width:100%}.instrument-layout{display:block}.instrument{min-height:380px}.instrument>.dome{top:20px}.instrument-caption{margin-top:280px;margin-left:20px}.instrument-caption h2{font-size:28px}.inspection{border-left:0;border-top:1px solid var(--line);padding:25px}.inspection>.eyebrow{margin-bottom:15px}.empty{padding-top:0}.empty-mark{display:none}.empty h2{margin:20px 0}.empty .primary{margin-top:20px}.token-row{grid-template-columns:25px 1fr 90px}.token-row>.row-number,.token-row>span:nth-last-child(2),.token-row>span:last-child{display:none}.token-row strong{font-size:13px}.token-monogram{width:25px;height:25px;font-size:9px}.token-row>span:nth-child(4){font-size:12px}.mechanics{grid-template-columns:1fr;gap:24px}.mechanics h3{margin:10px 0}.mechanics p{max-width:none}.create-layout{flex-direction:column;display:flex}.create-notes{order:-1;padding:0;position:static}.create-notes .dome,.create-notes h2{display:none}.create-notes dl{margin:15px 0}.create-notes p{font-size:12px}footer{flex-wrap:wrap}footer span{order:3;width:100%}.intro-brand h1{font-size:48px}.intro>.dome{width:100vw}.intro-brand{top:61%}.ledger-foot{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.intro{display:none}}
