@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
@import url('./copy.css');
:root{--bg:#111310;--panel:#191c18;--ink:#eeeee5;--muted:#a1a69a;--line:#343a30;--acid:#c6ff62;--mono:'Space Mono',Consolas,monospace;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:none;border:1px solid var(--line);padding:11px 16px;border-radius:6px}button:hover{border-color:var(--acid);color:var(--acid)}a{color:inherit;text-decoration:none}a:hover{color:var(--acid)}:focus-visible{outline:2px solid var(--acid);outline-offset:4px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4.5%}.brand{font:700 42px var(--display);letter-spacing:-4px}.brand span{color:var(--acid)}.brand sup{font:14px var(--mono);letter-spacing:0;vertical-align:top;margin-left:8px}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav button{border:0;padding:8px 0}nav span{background:#32382a;border-radius:4px;padding:2px 6px;margin-left:4px}.navactive{color:var(--acid)}.online{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:8px}main{max-width:1600px;margin:auto;padding:0 4.5%}.hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:575px;padding:54px 0 45px;gap:30px}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--acid);display:flex;gap:40px}.eyebrow span{color:var(--muted);font-size:9px}h1{font:500 clamp(48px,5.7vw,88px)/1.03 var(--display);letter-spacing:-5px;margin:30px 0 25px}h1 em{font-style:normal;color:var(--acid);font-size:.64em;letter-spacing:-3px;white-space:nowrap}.hero p{font-size:15px;line-height:1.7;color:var(--muted)}.hero-bottom{display:flex;align-items:center;gap:36px;margin-top:30px}.primary{display:flex;justify-content:space-between;gap:50px;color:#182010;background:var(--acid);padding:17px 20px;border-radius:5px;font-weight:700;font-size:14px}.primary:hover{background:#e1ffb0;color:#182010}.scribble{font:italic 17px/1.1 Georgia,serif;transform:rotate(-7deg);color:#aab699}.art{position:relative;overflow:hidden;min-height:440px;border:1px solid #465038;border-radius:130px 6px 6px 6px;background:radial-gradient(ellipse at 48% 53%,#8bab4533,transparent 66%),linear-gradient(130deg,#202719,#131811);box-shadow:inset 0 0 90px #111310}.art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c6ff6209 1px,transparent 1px),linear-gradient(90deg,#c6ff6209 1px,transparent 1px);background-size:30px 30px}.art-top{position:absolute;top:28px;right:24px;font:8px var(--mono);color:#a4b091;letter-spacing:1px}.art-top span{margin-left:22px;color:var(--acid)}.orb{position:absolute;width:300px;height:300px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg);border-radius:50%;border:1px solid #ceff8f99;box-shadow:inset -25px -15px 55px #a0da3433,0 0 60px #b9f75c15}.ring{position:absolute;border:1px solid #b8eb7680;border-radius:50%;inset:0}.r1{transform:rotateY(25deg)}.r2{transform:rotateY(50deg)}.r3{transform:rotateY(75deg)}.r4{transform:rotateX(25deg)}.r5{transform:rotateX(50deg)}.r6{transform:rotateX(75deg)}.r7{inset:30px -20px;transform:rotate(-35deg);border-color:#e5ffc4}.r8{inset:90px -45px;transform:rotate(-35deg)}.orb-symbol{position:absolute;inset:65px 0;text-align:center;font:100px var(--mono);color:var(--acid);transform:rotate(25deg);text-shadow:8px 8px 0 #8ebd3230}.float-code{position:absolute;left:14%;bottom:105px;padding:18px 25px;transform:rotate(-8deg);background:#d4edc20d;backdrop-filter:blur(12px);border:1px solid #bddda74d;box-shadow:0 12px 25px #0005;border-radius:8px;font:13px var(--mono)}.float-code span{margin-left:15px;color:var(--acid)}.pixel{position:absolute;color:var(--acid);font:72px var(--mono)}.p1{top:60px;left:25px}.p2{right:30px;bottom:90px;font-size:45px}.art-note{position:absolute;bottom:25px;left:25px;font:9px/1.7 var(--mono);letter-spacing:2px;color:#a6b493}.art-coordinate{position:absolute;right:22px;bottom:22px;font:9px/1.7 var(--mono);color:#78896c}.ticker{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font:11px var(--mono);letter-spacing:1px;overflow:hidden;white-space:nowrap}.ticker b{color:var(--acid);font-size:17px}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;padding:38px 0 50px}.stats>div{border-right:1px solid var(--line);padding-left:30px}.stats>div:first-child{padding-left:0}.stats strong{font:500 40px var(--display);letter-spacing:-2px;display:block}.stats span{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.stats p{margin:4px 0 0 35px;font:20px/1.4 var(--display)}.stats p span{font:14px 'DM Sans',Arial;letter-spacing:0}.sectionhead{display:flex;align-items:center;justify-content:space-between}.sectionhead h2{font:500 38px var(--display);letter-spacing:-1.5px}.sectionhead h2>span:first-child{font:12px var(--mono);color:var(--muted);letter-spacing:0;margin-right:15px}.dot{color:var(--acid)}.sectionhead button{font:11px var(--mono)}.searchrow{display:flex;gap:12px}.searchbox{display:flex;align-items:center;gap:15px;border:1px solid #5f6b50;background:linear-gradient(120deg,#27301f,#1b2018);padding:0 20px;border-radius:8px;flex:1}.searchbox>span{font-size:30px;color:var(--acid)}input{width:100%;background:transparent;border:0;color:var(--ink);height:62px;font:15px 'DM Sans',Arial;outline:none}input::placeholder{color:#a4ad9c}kbd{border:1px solid #526045;border-radius:4px;padding:2px 8px;color:var(--muted)}select{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:0 18px;font:12px var(--mono);max-width:160px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 28px}.chips button{border-radius:30px;padding:8px 14px;font-size:12px}.chips .active{background:var(--acid);color:#182010;border-color:var(--acid)}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px}aside{border-right:1px solid var(--line);padding:15px 23px 0 0}.smallcap{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}#tools{display:flex;flex-direction:column;gap:5px;margin-top:18px}#tools button{border:0;text-align:left;font-size:13px;padding:10px 12px;color:var(--muted)}#tools button.active{background:#29321f;color:var(--acid);border-left:2px solid var(--acid);border-radius:0 5px 5px 0}.aside-note{margin-top:50px;border-top:1px dashed var(--line);padding-top:25px;color:var(--muted);font-size:12px;line-height:1.6}.aside-note span{font:10px var(--mono);color:var(--acid)}.resultbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:11px var(--mono);color:var(--muted)}.resultbar button{font-size:10px;padding:7px 10px;border:0}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{position:relative;background:linear-gradient(115deg,#1f241b90,#171b16);border:1px solid var(--line);border-radius:8px;padding:23px;min-width:0;transition:transform .18s,border-color .18s}.card:hover{border-color:#8dad61;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;align-items:center}.platform{font:9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.star{border:0;padding:0 3px;font-size:20px;color:#a5b294}.star.on{color:var(--acid)}.command{display:block;border:0;padding:15px 0 7px;font:500 25px var(--display);letter-spacing:-1px;text-align:left;overflow-wrap:anywhere}.card p{font-size:12px;line-height:1.6;color:var(--muted);height:39px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 18px}.snippet{font:11px var(--mono);color:#c6d8b1;padding:13px;background:#10130e;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snippet:before{content:'$ ';color:var(--acid)}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font:9px var(--mono);color:var(--muted)}.card-foot button{border:0;padding:0;font:10px var(--mono);color:var(--acid)}.pagination{display:flex;justify-content:space-between;align-items:center;margin:25px 0;font:11px var(--mono)}.pagination button{font:11px var(--mono)}button:disabled{opacity:.3;cursor:default}.empty{grid-column:1/-1;padding:55px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.endnote{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:65px;padding:55px 0}.endnote>span{font:600 55px/.95 var(--display);letter-spacing:-3px}.endnote p{font-size:14px;color:var(--muted);line-height:1.8}.endnote button{font:11px var(--mono)}footer{border-top:1px solid var(--line);padding:30px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px var(--mono);color:var(--muted)}footer .brand{font-size:32px;color:var(--ink)}footer a{text-decoration:underline}footer .brand{text-decoration:none}dialog{background:#1b2019;color:var(--ink);border:1px solid #58684a;border-radius:15px;width:min(820px,93vw);max-height:88vh;padding:30px;box-shadow:0 30px 150px #000b}dialog::backdrop{background:#070a06bd;backdrop-filter:blur(9px)}.modalhead{display:flex;align-items:center;justify-content:space-between}.close{font-size:18px;padding:6px 12px}dialog h2{font:500 40px var(--display);letter-spacing:-1.5px;margin:20px 0;overflow-wrap:anywhere}dialog p{color:#b4bdac;font-size:14px;line-height:1.75}dialog a{color:var(--acid);text-decoration:underline}dialog h3{font:500 18px var(--display);margin-top:25px}.detailactions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}.warning{border-left:2px solid var(--acid);padding:12px 15px;background:#c6ff620a;font-size:12px!important}.example{margin-top:22px}.example p{margin-bottom:8px;font-size:13px}.codebox{display:flex;align-items:flex-start;gap:15px;background:#0c110b;border:1px solid var(--line);border-radius:6px;padding:15px}.codebox code{font:12px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;color:#daf8bb}.codebox button{font-size:10px;padding:6px 9px;flex-shrink:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--acid);color:#15200c;font-size:13px;padding:12px 25px;border-radius:6px;z-index:30;display:none}#updated{font:11px var(--mono)}@media(min-width:1500px){.hero{min-height:640px}.art{min-height:500px}.orb{width:360px;height:360px}.orb-symbol{inset:90px 0}}@media(max-width:900px){header{height:80px}nav{gap:15px}.online{display:none}.hero{gap:15px}.hero h1{letter-spacing:-3px}.eyebrow span{display:none}.art{min-height:380px;border-top-left-radius:70px}.orb{width:235px;height:235px}.orb-symbol{font-size:80px;inset:50px 0}.float-code{left:6%;font-size:10px}.hero-bottom{gap:15px}.scribble{display:none}.stats p{font-size:16px}.workspace{grid-template-columns:145px minmax(0,1fr);gap:15px}.card{padding:16px}.endnote>span{font-size:45px}footer>span:last-child{display:none}}@media(max-width:600px){header{padding:0 5%}.brand{font-size:34px}nav{gap:13px;font-size:11px}nav button{font-size:11px}main{padding:0 5%}.hero{grid-template-columns:1fr;padding-top:30px;gap:30px}.hero h1{font-size:62px;margin:22px 0}.hero h1 em{font-size:.59em}.hero p{font-size:13px}.hero-bottom{margin-top:20px}.art{min-height:330px}.orb{width:240px;height:240px}.float-code{left:25%;bottom:65px}.art-top{font-size:7px}.stats{grid-template-columns:repeat(3,1fr);padding:25px 0}.stats strong{font-size:30px}.stats>div{padding-left:12px}.stats span{font-size:7px;letter-spacing:0}.stats p{display:none}.sectionhead h2{font-size:30px}.sectionhead button{font-size:9px;padding:9px}.searchrow{flex-wrap:wrap}.searchbox{padding:0 12px;min-width:100%}input{font-size:12px;height:55px}.searchrow select{height:36px;max-width:none;width:100%}.chips{gap:6px;margin-bottom:18px}.chips button{font-size:10px;padding:7px 11px}.workspace{display:block}aside{border:0;padding:0}.smallcap{font-size:9px}#tools{flex-direction:row;overflow:auto;margin:8px 0 15px;padding-bottom:8px}#tools button{white-space:nowrap;font-size:11px;padding:8px}.aside-note{display:none}#cards{grid-template-columns:1fr}.card{padding:20px}.resultbar{font-size:9px}.endnote{gap:25px;align-items:flex-start;margin-top:35px;padding:35px 0}.endnote>span{font-size:34px;letter-spacing:-1.5px}.endnote p{font-size:11px;margin-top:0}.endnote button{font-size:9px;padding:8px}footer{font-size:8px;align-items:flex-start}footer>span{max-width:230px;line-height:1.8}dialog{padding:20px}dialog h2{font-size:30px}.codebox{gap:8px;padding:12px}.codebox code{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
