@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#20221c;background:#f5f5ed;font-synthesis:none;--lime:#d4ff44;--ink:#20221c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #759413;outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0;color:inherit}header{height:100px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d8cd;gap:20px}.brand{font-family:Space Grotesk,sans-serif;font-size:25px;letter-spacing:-1.4px;font-weight:700;white-space:nowrap}.brand .tiny{font:9px monospace;letter-spacing:1px;margin-left:15px;vertical-align:middle}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav button{background:none;padding:12px 0}nav .active{border-bottom:1px solid;padding:12px 0}.wallet{background:none;border:1px solid #a8aa9c;border-radius:6px;padding:13px 20px;font-size:13px}.wallet span{margin-left:18px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.05fr;padding:36px 4% 40px;overflow:hidden}.hero-copy{padding:50px 0 30px 2%;z-index:1}.eyebrow{font:10px Space Grotesk,monospace;letter-spacing:1.8px;display:flex;gap:9px;align-items:center}.eyebrow i,.art-caption i{width:6px;height:6px;background:#89a924;border-radius:50%;display:inline-block}h1,h2,h3,p{margin:0}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(65px,6.7vw,112px);font-weight:500;line-height:1.01;letter-spacing:-7px;margin:30px 0;position:relative}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-6px}h1 .asterisk{font-size:70px;position:absolute;margin:8px 0 0 20px;color:#71872c}.hero p{font-size:17px;line-height:1.6;color:#67695e;margin-bottom:30px}.primary{background:var(--lime);border:1px solid #bcd439;border-radius:5px;padding:17px 23px;display:inline-flex;gap:45px;align-items:center;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.primary:hover{background:#c7f331;transform:translateY(-2px)}.hero-note{font:9px monospace;letter-spacing:1px;margin-top:22px;color:#727568}.hero-note span{font-size:18px;margin-right:8px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-art img{width:123%;max-width:none;mix-blend-mode:multiply;animation:float 7s ease-in-out infinite}.art-index{position:absolute;top:24px;left:30px;font:9px monospace;letter-spacing:1px}.orbit-label{position:absolute;right:-20px;top:42%;writing-mode:vertical-rl;font:9px monospace;letter-spacing:2px}.art-caption{position:absolute;bottom:38px;left:25px;font:8px monospace;letter-spacing:1.3px}.replay{position:absolute;bottom:30px;right:10px;background:none;font-size:11px;text-decoration:underline;text-underline-offset:4px}.ticker{display:flex;align-items:center;justify-content:space-around;background:var(--ink);color:#e5e8dc;gap:25px;padding:22px 25px;white-space:nowrap;overflow:hidden;font:10px monospace;letter-spacing:1px}.ticker b{color:var(--lime);font-size:25px}.playground{padding:70px 5% 80px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}h2{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:43px;line-height:1.12;letter-spacing:-2px;margin-top:18px}h2 span{color:#909384}.section-top p{font-size:13px;color:#73756a;line-height:1.7;padding-bottom:5px}.tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.filters{display:flex;gap:8px}.filters button{padding:11px 16px;background:transparent;border:1px solid #dadcd0;border-radius:4px;font-size:11px}.filters button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.filters small{color:#b1be7b;margin-left:8px}.demo-label{font:9px monospace;letter-spacing:.5px;color:#7b7e6d}.specimens{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.specimen{background:#eeefe5;border:1px solid #d6d9cc;border-radius:9px;overflow:hidden;text-align:left;padding:0;transition:transform .2s,box-shadow .2s}.specimen:hover{transform:translateY(-7px);box-shadow:0 12px 30px #343c1810}.specimen-art{height:210px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#cfd5b8,transparent 70%)}.specimen-art:after{content:"";width:110px;height:10px;background:#252c2630;filter:blur(8px);position:absolute;bottom:25px;border-radius:50%}.id-tag{position:absolute;left:15px;top:15px;font:8px monospace;color:#777e69}.arrow{position:absolute;top:14px;right:15px;font-size:17px}.creature{width:105px;height:110px;border-radius:45% 45% 43% 43%;background:radial-gradient(circle at 30% 20%,#f4ffb8,#c5ed53 30%,#91b22d 80%);box-shadow:inset -9px -12px 15px #0002,inset 6px 6px 10px #fff6;position:relative;transform:rotate(-10deg);animation:float 5s ease-in-out infinite}.creature:before,.creature:after{content:"";position:absolute;width:12px;height:27px;background:#262c1b;border-radius:50%;top:36px}.creature:before{left:32px}.creature:after{right:25px}.creature.cosmic{border-radius:50%;background:radial-gradient(circle at 30% 20%,#f4eaff,#bea3e4 40%,#786baf);transform:rotate(15deg)}.creature.cosmic .ring{position:absolute;border:7px solid #9982c4;border-top-color:#ddc9ef;width:160px;height:43px;border-radius:50%;top:47px;left:-27px;transform:rotate(-22deg)}.creature.toast{border-radius:25px 25px 12px 12px;background:radial-gradient(circle at 30% 20%,#ffdfb4,#dca573 70%);border:8px solid #b77840;transform:rotate(9deg)}.creature.ghost{border-radius:55% 55% 16% 15%;background:radial-gradient(circle at 30% 20%,#fff,#d6dedc 70%);transform:rotate(-12deg)}.specimen-info{border-top:1px solid #d5d9c9;padding:18px}.specimen-info h3{font:600 19px Space Grotesk,sans-serif;letter-spacing:-.6px;display:flex;justify-content:space-between}.specimen-info h3 small{font:10px monospace;color:#7a7c71;padding-top:6px}.specimen-info p{font-size:11px;color:#757969;margin-top:8px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font:8px monospace;letter-spacing:.7px}.card-bottom b{font-weight:400;background:#e0e8cd;padding:5px 7px;border-radius:3px;color:#516035}.manifesto{background:#e9eddc;margin:0 4% 60px;padding:55px;border:1px solid #d6dcc6;border-radius:8px}.manifesto h2{font-size:58px;letter-spacing:-3px}.manifesto h2 em{font-family:Georgia,serif;font-weight:400}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0}.steps b{font:10px monospace;color:#73813f}.steps h3{font-size:18px;margin:12px 0}.steps p{font-size:13px;color:#707564;line-height:1.7;max-width:240px}footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:28px 4%;border-top:1px solid #d7d8cd}footer span,footer>a:not(.brand){font:9px monospace;letter-spacing:.5px}footer span{color:#7b7e6f}dialog{width:min(560px,calc(100% - 30px));border:1px solid #d4d8c8;border-radius:12px;background:#f5f5ed;padding:40px;color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#15190fd0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.close{position:absolute;right:15px;top:10px;font-size:28px;background:none;padding:5px 10px}dialog h2{margin:20px 0}dialog p{color:#737968;line-height:1.7;font-size:14px;margin:15px 0}dialog label{display:block;font:10px monospace;letter-spacing:1px;margin:22px 0 8px}dialog input:not([type=range]){width:100%;padding:14px;border:1px solid #c9cfbc;border-radius:5px;background:#fff;color:var(--ink)}dialog input[type=range]{width:100%;accent-color:#789523}.forge-preview{display:flex;align-items:center;gap:30px;padding:30px;background:#e8ecd9;border-radius:8px;margin:20px 0}.forge-preview .creature{flex-shrink:0;scale:.8}.forge-preview strong{font-family:Space Grotesk;font-size:23px}.forge-actions{display:flex;gap:10px;margin-top:24px}.forge-actions button{width:100%;justify-content:center}.soon{font-family:Space Grotesk;font-size:100px;letter-spacing:-8px;margin:25px 0;color:#23291b}.todo{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #daddce;font-size:12px}.todo span{font:9px monospace;color:#888f77}.secondary{background:#e1e6d5;border-radius:5px;padding:15px}.saved{font-size:11px;color:#607331}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#252b1d;color:#edfad6;padding:15px 24px;border-radius:8px;z-index:10;font-size:12px;max-width:90%;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#intro{position:fixed;inset:0;background:#10140c;z-index:20;color:#edffcc;overflow:hidden}#intro[hidden]{display:none}#tunnel{position:absolute;inset:0;width:100%;height:100%}.intro-top{position:absolute;top:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.intro-top button{background:transparent;border:1px solid #6c7852;border-radius:4px;padding:12px 20px;color:#eaffc9;font-size:12px}.intro-copy{position:absolute;bottom:17%;left:8%;pointer-events:none}.intro-copy>span,.intro-bottom{font:10px monospace;letter-spacing:3px}.intro-copy h1{font-size:clamp(50px,7vw,110px);letter-spacing:-5px;margin:20px 0}.loading-track{height:2px;background:#4f5933;width:240px}.loading-track i{display:block;background:#d4ff44;height:2px;animation:load 6s linear forwards}.intro-bottom{position:absolute;bottom:5%;left:8%;font-size:8px}#intro.exit{animation:exit .65s ease-in forwards}@keyframes load{0%{width:0}to{width:100%}}@keyframes exit{to{opacity:0;transform:scale(1.12)}}@keyframes float{50%{translate:0 -10px}}@media(min-width:1700px){main,header,footer{max-width:1650px;margin-left:auto;margin-right:auto}}@media(max-width:1000px){.hero{min-height:580px}h1{letter-spacing:-4px}.hero-copy{padding-top:30px}h1 .asterisk{font-size:45px;margin-left:10px}.brand .tiny{display:none}.hero-art img{width:140%}.orbit-label{display:none}.section-top p{max-width:260px}.specimens{gap:12px}.specimen-art{height:175px}.specimen-info{padding:13px}.specimen-info h3{font-size:16px}.demo-label{font-size:8px}.art-caption{bottom:70px;font-size:7px}.manifesto{padding:35px}}@media(max-width:700px){header{height:76px}.brand{font-size:20px}nav{display:none}.wallet{font-size:10px;padding:11px}.wallet span{margin-left:5px}.hero{grid-template-columns:1fr;padding:20px 6% 30px}.hero-copy{padding:20px 0 0}h1{font-size:70px;letter-spacing:-4px;margin:24px 0}h1 .asterisk{font-size:47px}.hero p{font-size:14px;line-height:1.5}.hero-art{height:330px;margin-top:20px}.hero-art img{width:112%;max-height:360px;object-fit:contain}.art-index{top:3px;left:0;font-size:8px}.art-caption{bottom:9px;left:0;font-size:7px}.replay{bottom:2px;font-size:10px}.ticker{justify-content:flex-start;padding:15px;font-size:9px;gap:25px}.playground{padding:45px 6%}.section-top{display:block}h2{font-size:35px}.section-top p{margin-top:20px}.tools{align-items:flex-start;flex-direction:column;gap:15px}.filters{gap:5px}.filters button{font-size:10px;padding:10px}.specimens{grid-template-columns:repeat(2,1fr);gap:12px}.specimen-art{height:165px}.specimen-info h3{font-size:15px;display:block}.specimen-info h3 small{display:block}.specimen-info p{min-height:30px;font-size:10px}.card-bottom{font-size:7px;margin-top:10px}.card-bottom b{padding:4px}.creature{scale:.85}.manifesto{margin:0 5% 35px;padding:30px 24px}.manifesto h2{font-size:39px;letter-spacing:-2px}.steps{grid-template-columns:1fr;gap:25px;margin:30px 0}.steps p{max-width:none}footer{flex-wrap:wrap;padding:25px 6%;gap:20px}footer span:nth-child(2){display:none}dialog{padding:30px 23px}.soon{font-size:85px}.intro-top .brand{font-size:20px}.intro-copy h1{font-size:55px;letter-spacing:-3px}.intro-copy>span{font-size:8px;letter-spacing:2px}.intro-top button{padding:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hero-art img{-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%);mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%)}@media(max-width:700px){.hero h1{font-size:clamp(49px,15vw,66px)}.hero h1 .asterisk{font-size:38px;margin-left:10px}}