@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono&family=Instrument+Serif:ital@0;1&display=swap";
:root{--bg:#091513;--panel:#101f1b;--line:#34423b;--text:#eff0df;--muted:#aab6a9;--glow:#d3e69a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:0 0;border-radius:4px;padding:12px 20px}button:hover,a:hover{color:var(--glow);border-color:var(--glow)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--glow);outline-offset:5px}header{border-bottom:1px solid var(--line);align-items:center;gap:36px;height:96px;margin:0 5%;display:flex}header nav{gap:32px;margin-left:auto;margin-right:32px;display:flex}.brand{letter-spacing:-1.5px;font-size:31px;font-weight:600}.mark{color:var(--glow);margin-right:9px;display:inline-block}.brand-dot{color:var(--glow)}main{max-width:1500px;margin:auto;padding:0 5%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Instrument Serif,Georgia,serif;font-weight:400}h1{letter-spacing:-2px;margin-bottom:0;font-size:clamp(56px,6.5vw,104px);line-height:.99}h1 em{color:var(--glow);font-weight:400}h2{font-size:40px;line-height:1.1}p{color:var(--muted);line-height:1.7}.eyebrow{letter-spacing:2px;color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.hero{justify-content:space-between;align-items:flex-end;gap:40px;padding:65px 0 55px;display:flex}.hero-aside{max-width:320px;padding-bottom:5px}.hero-aside p{font-size:16px}.primary{background:var(--glow);color:#142015;border-radius:4px;justify-content:space-between;padding:17px 22px;font-weight:600;display:flex}.primary:hover{color:#142015;background:#e5efc4}[role=tablist]{gap:5px;display:flex}[role=tab][aria-selected=true]{background:var(--glow);color:var(--bg);border-color:var(--glow)}section>div:first-child:has([role=tablist]){justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}input,select,textarea{border:1px solid var(--line);color:var(--text);background:#0b1714;border-radius:4px;width:100%;margin:8px 0 14px;padding:13px}input::placeholder,textarea::placeholder{color:#89988f}section>div:first-child>label{min-width:320px}section>div:first-child>label input{margin:0}.field{border:1px solid var(--line);background:radial-gradient(at 48% 65%,#28352160,#0000 65%),#0c1915;border-radius:6px;min-height:360px;position:relative;overflow:hidden}.field-caption,.field-legend{z-index:1;color:var(--muted);justify-content:space-between;margin:22px 25px;font-family:DM Mono,monospace;font-size:10px;display:flex;position:relative}.field-rings{background:repeating-radial-gradient(#0000 0 74px,#8c9e6820 75px,#0000 76px);border:1px solid #839d6720;border-radius:50%;width:650px;height:650px;position:absolute;top:-80px;left:calc(50% - 325px);transform:scaleY(.7)}.field-nodes{min-height:245px;position:relative}.firefly{text-align:center;border:0;justify-items:center;gap:6px;padding:8px;display:grid;position:absolute;transform:translate(-50%,-50%)}.firefly i{background:var(--glow);border-radius:50%;width:11px;height:11px;box-shadow:0 0 20px #d3e69a70}.firefly:focus i,.firefly:hover i{box-shadow:0 0 40px 13px #d3e69a60}.firefly small{color:var(--muted);font-size:11px}.firefly.graduated i{border:2px solid var(--text);background:0 0}.empty-field{text-align:center;padding:25px 15px;position:relative}.empty-mark{color:var(--glow);font-size:30px}.empty-field h2{margin:12px 0;font-size:34px}.empty-field p{margin-bottom:12px;font-size:13px}.empty-field a{color:var(--glow);font-size:13px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;margin:20px 0}th{text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:18px 12px;font:10px DM Mono,monospace}td{border-top:1px solid var(--line);padding:20px 12px;font-size:13px}td>div{align-items:center;gap:14px;display:flex}td small{color:var(--muted);margin-top:5px;display:block}progress{accent-color:var(--glow);width:100px;height:4px;margin-top:8px;display:block}section>div:last-child{color:var(--muted);font-size:11px}section>div:last-child:has(>span){justify-content:space-between;padding:15px 0;display:flex}.how{margin:70px 0}.how>div{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.how article{padding:28px 35px 0 0}.how article+article{border-left:1px solid var(--line);padding-left:35px}.how article span{color:var(--glow);font:11px DM Mono,monospace}.how h2{margin:25px 0 12px}.how p{max-width:300px;font-size:14px}footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:30px;margin:0 5%;padding:35px 0;display:flex}footer p{flex:1;margin:0}footer span,footer a:not(.brand){font-size:12px}footer small{color:var(--muted);flex-basis:100%;font-size:11px}.replay{color:var(--muted);border:0;padding:6px;font-size:10px;position:absolute;top:101px;right:5%}.create-page{padding-top:60px}.create-grid{grid-template-columns:1.6fr 1fr;gap:80px;margin:45px 0 70px;display:grid}.create-grid aside{border:1px solid var(--line);align-self:start;padding:30px;position:sticky;top:25px}.create-grid aside h2{font-size:48px}fieldset{border:1px solid var(--line);border-radius:4px;margin:0 0 25px;padding:22px}legend{color:var(--glow);text-transform:uppercase;padding:0 8px;font:12px DM Mono,monospace}label{font-size:13px;display:block}small{color:var(--muted);line-height:1.6}form>button[type=submit]{background:var(--glow);color:var(--bg);width:100%}form>div{margin-bottom:20px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}dialog{background:var(--panel);color:var(--text);border:1px solid #617056;border-radius:8px;width:min(560px,94vw);max-height:88vh;padding:30px}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020b08cc}dialog>button:first-child{float:right;font-size:11px}dialog>span{color:var(--muted);margin:15px 0;font:10px DM Mono,monospace;display:block}dialog h2{clear:both;padding-top:15px}dialog>div>span{margin:10px 0;display:block}dialog>button{margin:12px 0}dialog a{overflow-wrap:anywhere}dialog details{padding-top:20px}.token-details{border-block:1px solid var(--line);margin:20px 0;padding:15px 0;font-size:13px}.token-details p{margin-top:15px}.opening{text-align:center;background:#091513;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;animation:10s forwards openingHide;position:fixed;inset:0;overflow:hidden}.opening:not([open]){display:none}.skip{z-index:5;position:absolute;top:35px;right:5%}.seed{place-items:center;display:grid;position:absolute;inset:0;transform:translateY(-70px)}.seed i{border:1px solid var(--glow);opacity:0;border-radius:50%;width:30px;height:70px;animation:7s both spark;position:absolute}.seed i:nth-child(2){animation-delay:.7s;rotate:65deg}.seed i:nth-child(3){animation-delay:1.2s;rotate:130deg}.seed i:nth-child(4){animation-delay:1.8s;rotate:195deg}.opening-copy{width:100%;animation:10s both reveal;position:absolute;top:53%;left:0}.opening-copy h1{margin:15px}.opening-note{width:100%;color:var(--muted);font-size:10px;position:absolute;bottom:25px;left:0}@keyframes spark{0%{opacity:0;scale:.05;box-shadow:0 0 40px #d3e69a}25%{opacity:1;scale:1}60%{opacity:1;scale:4}to{opacity:.5;transform:translateY(-35px)}}@keyframes reveal{0%,45%{opacity:0;transform:translateY(20px)}70%,to{opacity:1;transform:translateY(0)}}@keyframes openingHide{0%,95%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width:700px){header{flex-wrap:wrap;gap:12px;height:80px}header .brand{font-size:25px}header nav{gap:13px;margin:0 0 0 auto;font-size:11px}header>button{padding:9px;font-size:11px}.hero{padding:55px 0 30px;display:block}.hero-aside{max-width:none;margin-top:28px}.hero-aside p{max-width:360px}.hero h1{font-size:62px}.primary{max-width:360px}section>div:first-child:has([role=tablist]){display:block}section>div:first-child>label{min-width:0;margin-top:12px}[role=tab]{flex:1;font-size:12px}.field-caption,.field-legend{gap:20px;margin:18px 15px;font-size:9px}.field-legend span:last-child{display:none}.how>div{grid-template-columns:1fr}.how article,.how article+article{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.how h2{margin-top:15px}.how p{max-width:none}.create-grid{grid-template-columns:1fr;gap:25px}.create-grid aside{position:static}.create-page h1{font-size:62px}footer{gap:20px}footer p{flex-basis:50%;font-size:12px}dialog{padding:22px}.empty-field h2{font-size:28px}.firefly{font-size:11px}.firefly small{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.opening{display:none!important}}.brand img{vertical-align:middle}.mark{margin-top:-5px}