@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#f0f0e2;background:#101c16;font-synthesis:none;--accent:#86efac;--muted:#a1a597;--line:#3a3c32;--mono:"IBM Plex Mono",monospace;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif}*{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,a,input,summary{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}p{line-height:1.65}button{color:inherit}button svg,a svg{flex-shrink:0}::selection{background:var(--accent);color:#101c16}.mono,.eyebrow,.small{font-family:var(--mono)}.header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font:800 26px var(--display);letter-spacing:.7px}.brand-symbol{width:28px;height:29px;display:grid;place-items:center;background:var(--accent);color:#101c16;font:900 28px var(--display);transform:skew(-7deg)}.ticker{color:var(--accent);font-size:18px;align-self:flex-start;margin-left:-7px}nav{display:flex;gap:32px;color:#b9bbaf;font-size:14px}nav a:hover{color:var(--accent)}.nav-cta{display:flex;align-items:center;gap:26px;font:600 12px var(--mono);border:1px solid #606353;padding:12px 17px}.nav-cta:hover{border-color:var(--accent)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:5%;padding:65px 5% 70px;overflow:hidden}.hero-copy{padding-top:24px;display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;font-weight:500}.status-dot{display:inline-block;height:6px;width:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.hero h1{font:800 clamp(58px,6.5vw,96px)/.97 var(--display);letter-spacing:-1.7px;margin:29px 0 24px}.hero h1 span{color:var(--accent)}.hero-copy>p{color:#adb0a2;font-size:16px;margin:0 0 29px;max-width:460px}.hero-actions{display:flex;gap:22px;align-items:center}.button{border:0;display:flex;align-items:center;justify-content:center;gap:30px;padding:18px 23px;font:600 12px var(--mono);letter-spacing:.4px;transition:background .18s,transform .18s}.primary{background:var(--accent);color:#101c16}.primary:not(:disabled):hover{background:#a3f5c1;transform:translateY(-2px)}.hero-note{font:10px/1.8 var(--mono);color:var(--muted)}.hero-bottom{margin-top:auto;padding-top:45px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:9px;color:#8d9382;letter-spacing:.3px}.launch-label{border:1px solid var(--line);font:9px var(--mono);padding:7px;color:#bba}.hero-art{position:relative;background:var(--accent);align-self:start;transform:rotate(2deg);border:1px solid #436547;margin:3px 8px 8px 0;box-shadow:13px 13px #11130f}.hero-art>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.art-top{display:flex;justify-content:space-between;padding:12px 16px;color:#11281b;font-size:10px;letter-spacing:1px;border-bottom:1px solid #101c1660}.art-caption{position:absolute;bottom:12px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end}.art-caption>span:first-child{font:700 24px/.9 var(--display);text-shadow:0 2px 15px #101c16}.art-caption b{font-size:43px}.art-seal{font:600 9px/1.4 var(--mono);display:flex;align-items:center;gap:9px;text-align:right}.tape{position:absolute;right:-27px;top:50px;background:#e4dfc9;color:#282d21;transform:rotate(9deg);padding:11px 15px;font:600 9px var(--mono);letter-spacing:1px;box-shadow:0 2px 6px #0003}.marquee{background:var(--accent);color:#102719;display:flex;align-items:center;justify-content:space-evenly;gap:40px;overflow:hidden;white-space:nowrap;padding:13px 0;font:700 18px var(--display);letter-spacing:1.7px}.marquee span:nth-child(2n){font-size:27px;line-height:1}.section{max-width:1300px;padding:80px 4%;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.muted{color:var(--muted);font-size:10px}h2{font:700 clamp(44px,4.5vw,62px)/1 var(--display);letter-spacing:-.7px;margin:15px 0 0}.section-heading p{font-size:14px;color:var(--muted);margin:0 0 2px}.forge-layout{display:grid;grid-template-columns:1.06fr 1fr;border:1px solid var(--line)}.forge-controls{padding:31px;border-right:1px solid var(--line);background:#14231b}.field-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-header h3{font-size:14px;font-weight:600;display:flex;gap:12px;align-items:center;margin:0}.field-header h3>span{font:10px var(--mono);color:var(--accent);border:1px solid #446f50;padding:4px 5px}.small{font-size:9px;color:#a2a68f;letter-spacing:.5px}.upload-zone{margin-top:18px;border:1px dashed #555847;min-height:137px;display:flex;align-items:center;justify-content:center;padding:15px;transition:background .2s}.upload-zone.drag{background:#32382a;border-color:var(--accent)}.upload-button{border:0;background:none;display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.upload-icon{color:var(--accent);margin:4px}.upload-button strong{font-size:13px;font-weight:500}.upload-button strong span{color:var(--accent)}.upload-button small{font:9px var(--mono);color:#919780}.field-hint{font-size:11px;color:#989d8d;margin:9px 0 0}.upload-thumb{width:76px;height:84px;object-fit:cover}.upload-info{padding:0 15px;min-width:0;flex:1}.upload-info b{font-size:13px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-info span{font-size:11px;color:var(--muted)}.icon-button{display:grid;place-items:center;border:1px solid var(--line);padding:8px;background:none}.loadout-header{margin-top:29px;margin-bottom:23px}.text-button{display:flex;align-items:center;gap:7px;border:0;padding:0;background:none;color:#b7bca6;font:9px var(--mono)}fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}legend{font:9px var(--mono);letter-spacing:1px;color:#a6ac98;margin-bottom:9px}.trait-options{display:flex;gap:7px}.trait{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1;padding:11px 5px;background:#25281f;border:1px solid #3e4432;font-size:11px;white-space:nowrap;color:#b8bdae}.trait.selected{color:#c4f6d2;background:#244533;border-color:#5daa7a}.trait:hover{border-color:var(--accent)}.swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.green{background:#86efac}.olive{background:#8c9770}.cream{background:#e6dfc5}.invite-label{display:block;font:9px var(--mono);color:#a6ac98;letter-spacing:1px;margin:20px 0 16px}.invite-label input{display:block;width:100%;border:1px solid var(--line);background:#101c16;color:#e7e8df;font:13px Barlow,sans-serif;padding:11px 12px;margin-top:9px;border-radius:0}.generate-button{width:100%;margin-top:20px}.generator-state{font-size:11px;color:#b3b9a4;text-align:center;margin-top:12px;line-height:1.5;min-height:32px}.generator-state button{border:0;text-decoration:underline;background:none;color:var(--accent)}.privacy-note{font-size:9px;line-height:1.6;color:#a0a68f;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;align-items:center}.privacy-note button{font-size:9px;border:0;text-decoration:underline;background:none;padding:0}.preview-panel{padding:24px;background:#192c21;display:flex;flex-direction:column}.preview-top{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:#b3b8a3;padding:0 0 19px}.preview-top>span:first-child{display:flex;align-items:center;gap:8px}.portrait-preview{position:relative;padding:10px;aspect-ratio:1/1;max-width:490px;width:100%;margin:auto;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#25291e 0,#25291e 1px,transparent 1px,transparent 9px)}.portrait-preview>img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:border-radius .2s}.portrait-preview.round>img{border-radius:50%}.corner{position:absolute;width:15px;height:15px;border-color:#9da585}.tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.tr{top:0;right:0;border-top:1px solid;border-right:1px solid}.bl{bottom:0;left:0;border-bottom:1px solid;border-left:1px solid}.br{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.preview-details{display:flex;gap:10px;justify-content:space-between;align-items:start;margin-top:20px}.preview-details h3{font:600 20px var(--display);margin:0}.preview-details p{font-size:11px;color:#a6ad96;max-width:330px;margin:6px 0 10px}.preview-tools{display:flex;gap:4px}.shape-button{background:none;border:1px solid var(--line);font-size:20px;line-height:1;padding:5px 8px;color:#9ea68d}.shape-button.active{color:var(--accent);border-color:#659071}.loadout-summary{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#99a181;margin-top:auto;padding-top:18px;border-top:1px solid #3b422e}.loadout-summary b{font-weight:400;color:#c1c8b0}.processing{position:absolute;inset:10px;background:#111810d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.processing svg{color:var(--accent)}.processing b{font:700 30px var(--display)}.processing span{font:11px var(--mono);color:var(--muted)}.spin{animation:spin 1.2s linear infinite}.spin-slow{animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{padding:12px;background:#532d23;color:#ffd6c5;font-size:13px;border:1px solid #8a503d}.download{background:#c1cc93;color:#1b2013;width:100%;margin:12px 0 18px}.crew{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:70px}.crew-patch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:310px;background:#252b1f;color:#a8b885;border:1px solid #4c583a;outline:1px dashed #4c583a;outline-offset:-14px;transform:rotate(-2deg);margin:10px 20px}.crew-patch>span{font-size:10px;letter-spacing:2px}.crew-patch b{font:800 45px var(--display);letter-spacing:1px}.crew-patch svg{margin:8px}.crew h2{font-size:61px}.crew p{max-width:420px;color:var(--muted);font-size:14px}.inline-link{display:inline-flex;align-items:center;gap:30px;color:var(--accent);font:500 11px var(--mono);border-bottom:1px solid #446f50;padding-bottom:8px;margin-top:12px}.intel{display:grid;grid-template-columns:1fr 1.35fr;gap:10%}.intel>div>p{font-size:14px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px;padding:22px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary{color:var(--accent)}details[open] summary svg{transform:rotate(180deg)}details p{font-size:13px;color:#b3b8a7;margin:0 25px 22px 0}.closing{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:34px 5%;font:700 clamp(26px,5vw,62px) var(--display);color:var(--accent);max-width:1440px;margin:auto}.closing a{display:grid;place-items:center;width:58px;height:58px;border:1px solid #446f50}.closing a:hover{background:var(--accent);color:#101c16}footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 5%}footer>.mono{font-size:9px;color:#7f8771;letter-spacing:1px}footer>button{border:0;background:none;color:#a5ac98;font-size:11px}footer .wordmark{font-size:21px}footer .brand-symbol{width:24px;height:25px;font-size:24px}dialog{max-width:560px;width:calc(100% - 40px);padding:30px;background:#25291f;color:#e8e9d9;border:1px solid #626b50}dialog::backdrop{background:#000b}dialog h2{font-size:38px;margin:0}.dialog-heading{display:flex;align-items:center;justify-content:space-between}dialog p{font-size:14px;color:#c2c7b3}dialog a{color:var(--accent);text-decoration:underline}@media(min-width:1500px){.hero h1{font-size:101px}}@media(max-width:1050px){.hero{gap:4%;padding-top:45px;padding-bottom:50px}.hero-copy{padding-top:10px}.hero-actions{gap:13px}.hero-note{font-size:9px}.hero-actions .button{padding:17px 15px;gap:14px;font-size:10px}.hero h1{font-size:7.6vw}.hero-copy>p{font-size:14px}.hero-bottom{padding-top:22px}.hero-art{margin-top:18px}.eyebrow{font-size:9px}.forge-controls{padding:24px}.preview-panel{padding:19px}.trait{font-size:10px}.trait.selected svg{display:none}.section{padding-top:60px;padding-bottom:60px}.loadout-summary,.hero-bottom{font-size:8px}.crew{gap:7%}.crew-patch{margin:10px}.desktop{display:none}}@media(max-width:760px){.header{padding:19px 6%}.header nav{display:none}.wordmark{font-size:24px}.nav-cta{font-size:10px;padding:10px 12px;gap:17px}.hero{grid-template-columns:1fr;padding:35px 6% 47px;gap:40px}.hero h1{font-size:clamp(58px,12vw,90px);margin-top:24px}.hero-copy>p{font-size:15px;max-width:500px}.hero-actions .button{font-size:11px;padding:18px 19px}.hero-bottom{padding-top:28px}.hero-art{max-width:470px;width:90%;justify-self:center;margin:0 0 5px}.hero-note{font-size:9px}.marquee{gap:25px;font-size:16px;padding:11px 0;justify-content:start}.marquee span:first-child{margin-left:20px}.section{padding:48px 6%}.section-heading{align-items:start;gap:18px;flex-direction:column}.section-heading p{font-size:13px}.section-heading p br{display:none}.section-heading h2{font-size:49px}.forge-layout{grid-template-columns:1fr}.forge-controls{border-right:0;border-bottom:1px solid var(--line);padding:24px 18px}.preview-panel{padding:23px 20px}.preview-details{margin-top:19px}.portrait-preview{max-width:490px;max-height:none}.trait{font-size:11px}.trait.selected svg{display:block}.loadout-summary{font-size:9px;padding-top:19px;margin-top:16px}.crew{grid-template-columns:1fr;gap:35px}.crew-patch{min-height:280px;margin:10px 20px;order:2}.crew h2{font-size:54px}.crew p{max-width:none}.intel{grid-template-columns:1fr;gap:22px}.intel h2{font-size:49px}.intel h2 br{display:none}.faq summary{font-size:14px}.closing{padding:25px 6%;gap:20px}.closing a{width:43px;height:43px;flex-shrink:0}.closing svg{width:25px}footer{padding:25px 6%;flex-wrap:wrap;gap:20px}footer>.mono{display:none}.loadout-header{margin-top:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:100;background-image:url(/grain.svg)}
