@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-2xl:42rem;--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.hidden{display:none}.max-w-2xl{max-width:var(--container-2xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.p-8{padding:calc(var(--spacing) * 8)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.underline{text-decoration-line:underline}}:root{color:#f5f4ec;font-synthesis:none;--green:#9bd35a;--ink:#20231e;background:#22231f;font-family:Barlow,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:3px solid #a6e965}button{border:0}svg{width:24px;height:24px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Barlow Condensed,sans-serif;font-weight:800}button,a{transition:background .18s,transform .18s,color .18s}.utility{letter-spacing:1px;color:#bebfb4;background:#141611;justify-content:space-between;align-items:center;height:32px;padding:0 5%;font-size:11px;display:flex}.utility button{letter-spacing:1px;background:0 0;font-size:10px;font-weight:700}.utility button span{color:var(--green);margin-left:8px}.header{z-index:10;background:#242520;border-bottom:4px solid #141611;align-items:center;gap:58px;height:92px;padding:0 5%;display:flex;position:relative}.wordmark{letter-spacing:-1.5px;color:#f2f2e9;text-shadow:0 3px #7b7f71,0 6px #10130e;flex-shrink:0;align-items:center;gap:12px;width:fit-content;font-family:Barlow Condensed,sans-serif;font-size:43px;font-weight:900;line-height:1;display:inline-flex;position:relative}.brand-logo{object-fit:contain;flex-shrink:0;width:56px;height:56px;display:block}.nav{letter-spacing:1px;align-items:center;gap:30px;font-size:12px;font-weight:800;display:flex}.nav a:hover{color:var(--green)}.nav span{color:var(--green);padding-left:7px}.button{color:#192b13;letter-spacing:1px;white-space:nowrap;background:#8fc853;border-top:3px solid #b4e57f;border-bottom:5px solid #4c7f29;justify-content:center;align-items:center;gap:35px;padding:19px 25px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 3px #14250e}.button:hover{background:#ace374;transform:translateY(-2px)}.button:active{box-shadow:none;transform:translateY(2px)}.button span{font-size:23px;line-height:16px}.button.small{gap:22px;padding:12px 20px;font-size:11px}.header-play{margin-left:auto}.menu-toggle{display:none}.hero{isolation:isolate;background:#4e7144;height:600px;min-height:520px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 55%;z-index:-3;width:100%;height:100%;position:absolute}.hero-shade{z-index:-2;background:linear-gradient(90deg,#0d1b12e0,#1220148a 36%,#0000 75%),linear-gradient(#0000 70%,#0d1b12b8);position:absolute;inset:0}.hero-content{max-width:1440px;margin:auto;padding:78px 6% 100px}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:800;line-height:1.6}.hero .eyebrow{align-items:center;gap:9px;font-size:10px;display:flex}.green-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px #a9df6d25}h1{letter-spacing:1px;text-shadow:3px 5px #1a2a1c55;margin:22px 0;font-size:94px;line-height:.94}.hero p{color:#e7e9df;max-width:480px;font-size:16px;line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:28px;display:flex}.text-link{align-items:center;gap:22px;font-size:12px;font-weight:700;display:flex}.text-link:hover{color:var(--green)}.hero-bottom{letter-spacing:1.6px;color:#dedfce;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:23px;left:6%;right:6%}.hero-bottom>span:last-child{align-items:center;gap:12px;display:flex}.hero-line{background:var(--green);width:58px;height:2px}.intro-bar{color:#c8ccbf;background:#30332b;border-bottom:1px solid #414438;justify-content:center;align-items:center;gap:20px;min-height:80px;padding:18px 6%;font-size:13px;display:flex}.intro-bar strong{color:#f1f2e9;font-weight:600}.pixel-cube{color:var(--green);text-shadow:3px 3px #5d8b39;font-size:31px}.intro-bar>a{color:var(--green);margin-left:30px;font-size:23px}.section{padding:66px 6% 72px}.section-top{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.green{color:var(--green)}h2{letter-spacing:.3px;margin-top:9px;font-size:42px;line-height:1.1}.section-top>p{color:#b9bdaf;font-size:13px;line-height:1.7}.feature-grid{grid-template-columns:1.5fr 1fr;gap:22px;max-width:1400px;margin:auto;display:grid}.feature{text-align:left;background:#415f31;min-height:455px;position:relative;overflow:hidden}.feature>img{object-fit:cover;object-position:30% center;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.feature:hover>img{transform:scale(1.04)}.feature-overlay{background:linear-gradient(#0000 10%,#0c2418ee);position:absolute;inset:0}.feature-copy{position:absolute;bottom:30px;left:30px}.feature h3{letter-spacing:.5px;margin:12px 0 20px;font-size:49px;line-height:1}.feature-link{align-items:center;gap:20px;font-size:12px;display:flex}.corner-arrow{color:var(--green);font-size:24px;position:absolute;bottom:23px;right:22px}.feature-side{grid-template-rows:1.4fr 1fr;gap:22px;display:grid}.cat-card,.build-card{text-align:left;padding:25px 30px;position:relative;overflow:hidden}.cat-card{background-color:#536443;background-image:linear-gradient(135deg,#77855822 25%,#0000 25%),linear-gradient(315deg,#77855822 25%,#0000 25%);background-position:0 0;background-repeat:repeat;background-size:64px 64px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;justify-content:space-between;display:flex}.cat-card h3{z-index:1;margin:18px 0 13px;font-size:29px;line-height:1.06;position:relative}.big-cat{color:#d9a66c;filter:drop-shadow(10px 12px #28312366);position:absolute;top:42px;right:20px;transform:rotate(-9deg)}.big-cat .cat-image{width:135px;height:135px}.cat-card .eyebrow{color:#d7e4c8;z-index:1;position:relative}.build-card{color:#1e351c;background-color:#a0bd76;background-image:linear-gradient(90deg,#88a56140 1px,#0000 1px),linear-gradient(#88a56140 1px,#0000 1px);background-size:34px 34px;align-items:center;display:flex}.build-card h3{margin-top:10px;font-size:28px;line-height:1.13}.build-card .corner-arrow{color:#294421}.cat-card:hover,.build-card:hover{filter:brightness(1.08)}.latest{color:#272c23;background:#f0efe6}.latest .green{color:#5b793d}.dark:hover{color:#557d33}.stories{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.story{text-align:left;color:inherit;background:0 0;padding:0;display:block}.story-image{background:#8aa36d;height:205px;position:relative;overflow:hidden}.story-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.story:hover img{transform:scale(1.055)}.story-image-1 img{width:180%;max-width:none;margin-left:-80%}.story-image-2 img{filter:sepia(.25)}.story-image>span{letter-spacing:1.4px;background:#f0efe6;padding:10px 12px 0 0;font-size:9px;font-weight:800;position:absolute;bottom:0;left:0}.story-content{justify-content:space-between;align-items:center;gap:10px;margin:17px 0 9px;display:flex}.story h3{font-size:26px;line-height:1.15}.story-arrow{color:#577c35;font-size:25px}.story p{color:#62665a;font-size:13px;line-height:1.7}.community{background:#3a5030;border-top:5px solid #526b42;align-items:center;gap:25px;padding:55px 6%;display:flex}.community-cat{color:#a9cf78}.community-cat .cat-image{width:67px;height:67px}.community h2{font-size:35px}.community p{color:#d2dcc9;margin-top:12px;font-size:13px}.community>.button{margin-left:auto}.community .eyebrow{color:#c2d6af;font-size:9px}footer{grid-template-columns:1fr 1fr;gap:20px;padding:47px 6% 28px;display:grid}footer>.wordmark{font-size:35px}footer>p{color:#a8afa0;grid-row:2;font-size:12px}footer>div{grid-area:1/2;justify-content:end;align-items:center;gap:25px;display:flex}footer button{background:0 0;padding:0}footer a,footer button{font-size:12px}footer .footer-note{text-align:right;color:#888f80;grid-area:2/2;font-size:10px;line-height:1.8}.skip{z-index:100;background:var(--green);color:#172b10;padding:15px;position:fixed;top:-100px;left:12px}.skip:focus{top:12px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d130de0;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{border-top:5px solid var(--green);background:#252b22;width:100%;max-width:620px;max-height:90dvh;padding:35px;position:relative;overflow:auto;box-shadow:12px 12px #0c120c66}.modal-close{z-index:1;background:#20251d;width:35px;height:35px;font-size:30px;position:absolute;top:10px;right:15px}.modal h2{margin:12px 0 20px;font-size:37px}.modal p{color:#ced3c5;margin-bottom:22px;font-size:15px;line-height:1.7}.modal-image{object-fit:cover;width:calc(100% + 70px);max-width:none;height:230px;margin:-35px -35px 25px}.modal .button{white-space:normal;padding:15px;font-size:11px}.game-grid{background:#4b6237;border:6px solid #5e7747;grid-template-columns:repeat(5,1fr);gap:2px;max-width:310px;margin:18px auto;display:grid}.tile{aspect-ratio:1;background:#809d58;place-items:center;display:grid}.tile-1{background:#8ca763}.tile-2{background:#789751}.tile .cat-image{color:#f4bf76;filter:drop-shadow(2px 3px #4c602d);width:70%;height:70%}.fish{color:#c8e9ee;font-size:21px}.game-status{text-align:center;color:var(--green);font-size:14px;font-weight:700}.controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.controls button{background:#485d36;border-bottom:3px solid #172c14;padding:9px 15px;font-weight:700}.controls button:hover{background:#657f49}.modal .fine-print{text-align:center;color:#9aa58f;margin:0;font-size:11px}@media (width>=1600px){.hero-content{padding-left:0}.hero{height:690px}.section,.header,.community,footer{padding-left:max(6%,50vw - 700px);padding-right:max(6%,50vw - 700px)}}@media (width<=1050px){.header{gap:35px}.nav{gap:20px;font-size:10px}.header-play{gap:12px!important;padding:12px!important;font-size:10px!important}.hero{height:570px}h1{font-size:84px}.feature-grid{grid-template-columns:1.25fr 1fr}.feature{min-height:430px}.big-cat{top:65px;right:8px}.big-cat svg{width:100px;height:100px}.cat-card h3{font-size:25px}.feature-copy{left:24px}.community{flex-wrap:wrap}.community>.button{margin-left:92px}.story-image{height:170px}}@media (width<=760px){.utility{padding:0 5%;font-size:9px}.utility>span{letter-spacing:.2px;font-size:9px}.utility button{font-size:8px}.header{gap:20px;height:77px;padding:0 5%}.wordmark{font-size:37px}.header-play{margin-left:auto;padding:10px!important;font-size:9px!important}.header-play>span{display:none}.menu-toggle{background:0 0;order:3;padding:10px 0;font-size:10px;display:block}.nav{background:#252b22;border-bottom:3px solid #8abf54;padding:28px 6%;font-size:13px;display:none;position:absolute;top:73px;left:0;right:0}.nav.open{flex-direction:column;align-items:start;gap:25px;display:flex}.hero{height:650px}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#152416bc,#0000),linear-gradient(#14271944 25%,#132819f0 95%)}.hero-content{padding:235px 6% 70px}.hero .eyebrow{font-size:8px}h1{margin:18px 0;font-size:65px}.hero p{max-width:350px;font-size:14px}.hero-actions{gap:20px;margin-top:22px}.hero-actions .button{gap:20px;padding:16px;font-size:10px}.hero-actions .text-link{gap:12px;font-size:10px}.hero-bottom{font-size:7px;bottom:18px}.hero-bottom>span:first-child{max-width:180px;line-height:1.6}.hero-bottom>span:last-child{gap:7px}.hero-line{width:24px}.intro-bar{gap:12px;padding:19px 6%;font-size:11px;line-height:1.6}.intro-bar p{max-width:270px}.intro-bar>a{margin-left:auto}.section{padding:45px 6%}.section-top{flex-direction:column;align-items:start;gap:18px;margin-bottom:25px}h2{font-size:36px}.section-top>p{font-size:12px}.feature-grid{grid-template-columns:1fr}.feature{min-height:380px}.feature-side{grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:14px}.cat-card,.build-card{min-height:245px;padding:20px}.cat-card .eyebrow,.build-card .eyebrow{letter-spacing:1px;font-size:8px}.cat-card h3,.build-card h3{font-size:25px}.cat-card .feature-link{gap:8px;font-size:10px}.big-cat{top:45px;right:13px}.big-cat svg{width:60px;height:60px}.cat-card h3{margin-top:70px}.build-card{align-items:start}.build-card h3{margin-top:30px}.build-card .corner-arrow{bottom:15px;right:15px}.stories{grid-template-columns:1fr;gap:32px}.story-image{height:230px}.story h3{font-size:29px}.community{gap:15px;padding:38px 6%}.community-cat svg{width:45px;height:45px}.community>div:nth-child(2){max-width:calc(100% - 65px)}.community h2{font-size:29px}.community .eyebrow{font-size:7px}.community p{font-size:12px}.community>.button{gap:20px;margin-left:60px;padding:15px;font-size:10px}footer{flex-direction:column;gap:20px;padding:35px 6%;display:flex}footer>div{justify-content:start}footer .footer-note{text-align:left;font-size:9px}.modal{padding:25px}.modal-image{width:calc(100% + 50px);margin:-25px -25px 20px}.modal h2{font-size:31px}.modal p{font-size:13px}.modal-backdrop{padding:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.cat-image{object-fit:contain;flex-shrink:0;display:block}@media (width<=1050px){.header{gap:24px}}@media (width<=760px){.wordmark{gap:8px}.brand-logo{width:44px;height:44px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}