@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne-Regular.ttf)format("truetype");font-display:swap}:root{--forest-950:#07180f;--forest-900:#102c1c;--forest-800:#1b4328;--leaf-500:#72c534;--sun-400:#ffc835;--sun-500:#f6a914;--berry-500:#f04871;--sky-500:#39a7f4;--cream-50:#fffaf0;--cream-100:#fff0cf;--ink:#201b25;--display:"Lilita One", Impact, sans-serif;--body:ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;color:var(--cream-50);background:var(--forest-950);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 10%, #39a7f41f, transparent 28rem), var(--forest-950);min-width:320px;margin:0}body:before{z-index:20;pointer-events:none;content:"";border:8px solid #fff0cf12;position:fixed;inset:0}a{color:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,.brand,.step-word,.platform-card strong{font-family:var(--display);letter-spacing:.01em;font-weight:400}h1{font-size:clamp(3rem,8vw,7.5rem);line-height:.88}h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.94}p{line-height:1.7}.skip-link{z-index:100;color:var(--ink);background:var(--sun-400);border-radius:12px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);padding:22px 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.brand{color:var(--cream-50);text-shadow:0 2px 10px #00000073;align-items:center;gap:10px;font-size:1.4rem;text-decoration:none;display:inline-flex}.brand img{filter:drop-shadow(0 4px 8px #00000052);border-radius:12px}.header-brand img{border-radius:0;width:112px}.site-header nav,.site-footer nav{align-items:center;gap:28px;display:flex}.site-header nav a,.site-footer nav a{color:var(--cream-50);font-size:.9rem;font-weight:800;text-decoration:none}.site-header nav a:hover,.site-header nav a.active,.site-footer nav a:hover{color:var(--sun-400)}.site-header nav .nav-play{color:var(--ink);background:var(--sun-400);border:2px solid var(--cream-50);border-radius:999px;padding:10px 18px;box-shadow:0 5px #a96508}.site-header nav .nav-play:hover{color:var(--ink);transform:translateY(2px);box-shadow:0 3px #a96508}.hero{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);align-items:center;gap:4vw;min-height:900px;padding:130px max(6vw,50vw - 590px) 90px;display:grid;position:relative;overflow:hidden}.hero:before{z-index:-3;content:"";background:linear-gradient(90deg,#07180feb 0%,#07180fad 48%,#07180f40 100%),url(/images/forest.webp) 50% 54%/cover;position:absolute;inset:0}.hero:after{z-index:-2;background:linear-gradient(transparent, var(--forest-950));content:"";height:200px;position:absolute;bottom:0;left:0;right:0}.hero-glow{z-index:-1;filter:blur(12px);background:radial-gradient(circle,#ffc8354d,#0000 68%);width:38rem;height:38rem;position:absolute;top:18%;right:10%}.hero-copy{max-width:650px}.eyebrow{color:var(--sun-400);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-size:.76rem;font-weight:900;line-height:1.3}.hero h1{max-width:680px;color:var(--cream-50);text-shadow:0 5px #07180f61;margin-bottom:26px}.hero-lede{max-width:600px;color:var(--cream-100);margin-bottom:28px;font-size:clamp(1.06rem,2vw,1.32rem)}.hero-actions{align-items:center;gap:24px;display:flex}.button{border:3px solid var(--cream-50);min-height:58px;font-family:var(--display);letter-spacing:.02em;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:1.2rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover{transform:translateY(3px)}.button:focus-visible,.text-link:focus-visible,.site-header a:focus-visible,.site-footer a:focus-visible,.platform-card:focus-visible{outline:4px solid var(--sky-500);outline-offset:4px}.button-primary{color:var(--ink);background:linear-gradient(#ffdd57, var(--sun-500));box-shadow:0 8px #9f5c07,0 16px 28px #00000040}.button-primary:hover{box-shadow:0 5px #9f5c07,0 10px 22px #00000040}.button-secondary{color:var(--cream-50);background:var(--berry-500);box-shadow:0 8px #8e2748}.button-secondary:hover{box-shadow:0 5px #8e2748}.play-mark{font-size:.82em}.text-link{color:var(--cream-50);text-underline-offset:5px;font-size:.9rem;font-weight:900}.hero-note{color:#fffaf0a6;letter-spacing:.06em;text-transform:uppercase;margin:24px 0 0;font-size:.75rem;font-weight:800}.tile-stage{aspect-ratio:1/1.2;filter:drop-shadow(0 35px 30px #00000061);justify-self:end;width:min(470px,42vw);position:relative}.tile{aspect-ratio:1;background:#fffaf0eb;border:7px solid #492f59;border-radius:22%;width:48%;padding:7px;position:absolute;box-shadow:inset 0 -12px #42264b33,0 14px #281b30}.tile img{width:100%}.tile-panda{top:6%;left:3%;transform:rotate(-8deg)}.tile-bamboo{top:2%;right:1%;transform:rotate(7deg)}.tile-monkey{bottom:10%;left:10%;transform:rotate(5deg)}.tile-banana{bottom:4%;right:8%;transform:rotate(-6deg)}.chain-burst{width:150px;height:150px;color:var(--cream-50);background:var(--berry-500);border:8px solid var(--sun-400);text-align:center;border-radius:50%;place-content:center;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:0 10px #7e253f,0 0 0 10px #fffaf0db}.chain-burst span{font-family:var(--display);font-size:2.6rem;line-height:.9}.chain-burst small{letter-spacing:.12em;margin-top:6px;font-size:.68rem;font-weight:900}.game-loop,.platforms,.dispatch,.final-cta,.blog-index,.content-page{width:min(1120px,100% - 40px);margin-inline:auto}.game-loop{padding:90px 0 130px}.section-heading{grid-template-columns:.65fr 1.35fr;align-items:end;gap:6vw;display:grid}.section-heading .eyebrow{padding-bottom:12px}.section-heading h2{margin-bottom:46px}.steps{border-top:1px solid #fff0cf3d;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{border-right:1px solid #fff0cf3d;min-height:260px;padding:36px 34px 20px 0}.steps li+li{padding-left:34px}.steps li:last-child{border-right:0}.step-word{color:var(--sun-400);margin-bottom:50px;font-size:clamp(2.3rem,5vw,4rem);display:block}.steps p{color:#fffaf0b8}.platforms{color:var(--ink);background:var(--cream-100);border:5px solid var(--cream-50);border-radius:40px;grid-template-columns:.9fr 1.1fr;gap:80px;padding:84px;display:grid;box-shadow:0 14px #b88537,0 40px 80px #00000047}.platforms .eyebrow{color:#8d5212}.platforms-copy h2{color:var(--forest-900)}.platforms-copy>p:last-child{color:#665c57}.platform-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.platform-card{color:#6b625d;background:#fffaf09e;border:2px solid #201b251f;border-radius:22px;align-items:center;gap:16px;min-height:132px;padding:20px;display:flex}a.platform-card{text-decoration:none}.platform-card.available{color:var(--cream-50);background:var(--forest-800);border-color:var(--leaf-500);box-shadow:0 7px 0 var(--forest-950)}.platform-card.available:hover{box-shadow:0 5px 0 var(--forest-950);transform:translateY(2px)}.platform-icon{background:#201b2514;border-radius:14px;flex:0 0 46px;place-content:center;width:46px;height:46px;font-weight:900;display:grid}.available .platform-icon{color:var(--ink);background:var(--sun-400)}.platform-card strong,.platform-card small{display:block}.platform-card strong{font-size:1.35rem}.platform-card small{letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:.7rem;font-weight:800}.dispatch{justify-content:space-between;align-items:end;gap:50px;padding:150px 0;display:flex}.dispatch>div{max-width:700px}.dispatch h2{margin-bottom:20px}.dispatch p:not(.eyebrow){color:#fffaf0b3}.final-cta{color:var(--ink);border:5px solid var(--cream-50);text-align:center;background:linear-gradient(#fffaf0eb,#fff0cff5),url(/images/forest.webp) 50%/cover;border-radius:36px;grid-template-columns:160px 1fr 160px;align-items:center;gap:30px;padding:48px 60px;display:grid;overflow:hidden;box-shadow:0 14px #b88537}.final-cta .eyebrow{color:#8d5212}.final-cta h2{color:var(--forest-900);font-size:clamp(2rem,4vw,4rem)}.final-cta img:first-child{transform:rotate(-10deg)}.final-cta img:last-child{transform:rotate(10deg)}.site-footer{border-top:1px solid #fff0cf2e;grid-template-columns:1fr auto;align-items:center;gap:40px;width:min(1120px,100% - 40px);margin:130px auto 0;padding:48px 0;display:grid}.site-footer p{color:#fffaf08c;margin:10px 0 0;font-size:.8rem}.site-footer .copyright{grid-column:1/-1;margin:0}.footer-brand{font-size:1.2rem}.content-page,.blog-index{min-height:70vh;padding-top:180px}.content-page{max-width:800px}.content-page header,.blog-index header{border-bottom:1px solid #fff0cf2e;padding-bottom:55px}.content-page h1,.blog-index h1{margin-bottom:24px}.page-lede{max-width:750px;color:var(--cream-100);font-size:clamp(1.1rem,2vw,1.35rem)}.updated,.post-card time{color:#fffaf07a;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.content-page section{border-bottom:1px solid #fff0cf24;padding:42px 0}.content-page section h2{color:var(--sun-400);margin-bottom:14px;font-size:2rem}.content-page section p{color:#fffaf0c2}.content-page section a{color:var(--sun-400)}.post-list{padding-top:44px}.post-card{max-width:800px;padding:32px 0}.post-card h2{margin:16px 0;font-size:clamp(2rem,4vw,3.4rem)}.post-card h2 a{text-decoration:none}.post-card h2 a:hover{color:var(--sun-400)}.post-card p{color:#fffaf0ad}.back-link{color:var(--sun-400);margin-bottom:48px;font-weight:900;display:inline-block}.post-cta{color:var(--ink);background:var(--cream-100);border-radius:24px;margin-top:60px;padding:36px}.post-cta p{font-family:var(--display);font-size:1.8rem}.not-found{text-align:center;place-content:center;min-height:78vh;padding:150px 20px 60px;display:grid}.not-found img{width:150px;margin:0 auto 24px}.not-found h1{margin-bottom:20px}.not-found p:not(.eyebrow){color:#fffaf0ad}.not-found .button{margin:20px auto 0}@media (width>=901px) and (height<=900px){.hero{gap:clamp(32px,5vw,80px);min-height:100svh;padding-top:112px;padding-bottom:48px}.hero h1{margin-bottom:18px;font-size:clamp(3.5rem,5vw,5.25rem)}.hero-lede{margin-bottom:20px;font-size:1rem;line-height:1.55}.hero-note{margin-top:16px}.tile-stage{width:min(390px,36vw)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:150px}.hero:before{background:linear-gradient(#07180fc2,#07180f9e),url(/images/forest.webp) 50%/cover}.hero-copy{text-align:center}.hero-actions{justify-content:center}.tile-stage{justify-self:center;width:min(500px,86vw)}.section-heading,.platforms{grid-template-columns:1fr}.platforms{gap:34px}.final-cta{grid-template-columns:110px 1fr 110px}}@media (width<=680px){body:before{border-width:4px}.site-header{width:calc(100% - 28px)}.site-header .brand span,.site-header nav>a:not(.nav-play){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-header nav{gap:0}.hero{min-height:auto;padding:128px 20px 70px}.hero-actions{flex-direction:column}.hero-note{margin-bottom:44px}.tile-stage{width:min(420px,90vw)}.chain-burst{border-width:5px;width:112px;height:112px;box-shadow:0 7px #7e253f,0 0 0 6px #fffaf0db}.chain-burst span{font-size:2rem}.steps{grid-template-columns:1fr}.steps li,.steps li+li{border-bottom:1px solid #fff0cf3d;border-right:0;min-height:0;padding:28px 0}.step-word{margin-bottom:14px}.platforms{border-radius:28px;width:calc(100% - 24px);padding:38px 22px}.platform-grid{grid-template-columns:1fr}.platform-card{min-height:96px}.dispatch{flex-direction:column;align-items:flex-start;padding:110px 0}.final-cta{grid-template-columns:1fr 1fr;width:calc(100% - 24px);padding:38px 22px}.final-cta div{grid-area:1/1/auto/-1}.final-cta img{width:120px;margin-inline:auto}.site-footer{grid-template-columns:1fr}.site-footer nav{flex-direction:column;align-items:flex-start;gap:16px}.content-page,.blog-index{padding-top:140px}}@media (prefers-reduced-motion:no-preference){.tile-panda{animation:5s ease-in-out infinite float-a}.tile-banana{animation:5.5s ease-in-out infinite float-b}.chain-burst{animation:2.5s ease-in-out infinite pulse}@keyframes float-a{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-5deg)translateY(-12px)}}@keyframes float-b{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-9deg)translateY(10px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%)rotate(-7deg)scale(1)}50%{transform:translate(-50%,-50%)rotate(-4deg)scale(1.04)}}}