@import url('assets/fonts.css');
:root{--pink:#d98b91;--ink:#25251b;--cream:#fff2d4;--yellow:#f4cb33;--green:#344e39}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a.button{cursor:pointer}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:2px solid var(--ink);background:var(--pink);position:relative;z-index:2}.brand,h1,h2,.button,nav,.text-link,.ticker,#copy,.scribble{font-family:'Boogaloo','Arial Narrow',sans-serif}.brand{font-size:48px;line-height:1;transform:rotate(-4deg)}nav{display:flex;gap:34px;font-size:21px}nav button{border:0;background:none;padding:0;font-family:inherit;font-size:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:24px;min-height:58px;padding:12px 26px;border:2px solid var(--ink);background:var(--cream);box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button.small{font-size:21px;min-height:46px;padding:8px 23px}.yellow{background:var(--yellow)}.hero{height:min(780px,70vw);min-height:560px;background:var(--pink);position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;padding:45px 0 0 8%;width:50%;z-index:1}h1{font-size:clamp(130px,19vw,290px);font-weight:400;line-height:.9;letter-spacing:-8px;margin:0 0 23px;transform:rotate(-4deg);text-shadow:3px 4px 0 var(--cream)}.hero-copy p{font-family:'Boogaloo',sans-serif;font-size:clamp(30px,3.7vw,52px);line-height:1.05;margin:0 0 32px}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.text-link{font-size:21px;border-bottom:2px solid;padding-bottom:4px}.scroll-note{position:absolute;bottom:25px;left:8%;background:none;border:0;font-size:13px;display:flex;gap:25px;align-items:center}.scroll-note span{font-size:30px}.ticker{overflow:hidden;border-top:2px solid;border-bottom:2px solid;background:var(--yellow);font-size:32px;padding:15px 0;transform:rotate(-1deg);position:relative;margin-top:-8px;width:100%}.ticker div{width:max-content;animation:marquee 35s linear infinite;word-spacing:20px}.garden{min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:90px 8%;gap:4%;position:relative}h2{font-size:clamp(52px,6.2vw,88px);line-height:1.02;font-weight:400;letter-spacing:-1.5px;margin:0 0 28px}.garden p,.join p{font-size:18px;line-height:1.7;max-width:450px;margin:0 0 25px}.garden .text-link{display:inline-block;margin-top:10px}.climber{position:relative;min-width:0;display:grid;place-items:center}.climber img{width:100%;max-height:600px;object-fit:contain;position:relative;filter:drop-shadow(8px 12px 0 #bd885a25);transform:rotate(8deg);transition:transform .7s}.climber:hover img{transform:rotate(2deg) translateY(-12px)}.sun{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:#e7ad9c}.scribble{position:absolute;bottom:-20px;right:0;font-size:27px;transform:rotate(-7deg)}.play{background:var(--green);color:var(--cream);padding:70px 8% 30px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.play h2{font-size:66px;margin:0}.play-heading p{font-size:17px}.fly-field{height:280px;position:relative;overflow:hidden}.fly{position:absolute;width:70px;height:70px;left:55%;top:60px;background:none;border:0;transition:left .25s,top .25s,transform .15s;color:var(--ink)}.fly:hover{transform:scale(1.12) rotate(8deg)}.fly svg{width:100%;filter:drop-shadow(3px 4px 0 #0002)}.flight-path{position:absolute;left:20%;top:70px;width:55%;height:100px;border-top:2px dashed #fff2d44d;transform:rotate(-10deg)}.snack-result{position:absolute;bottom:20px;left:0;font-family:'Boogaloo';font-size:25px}.game-message{position:absolute;bottom:10px;right:0;font-size:14px}.join{background:var(--pink);padding:85px 8%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%}.contract{border-top:2px solid;border-bottom:2px solid;padding:25px 0}.contract>span{font-size:12px;letter-spacing:2px}.contract>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}.contract p{font-family:'Boogaloo';font-size:25px;margin:0;overflow-wrap:anywhere;line-height:1.3}#copy{border:2px solid;background:var(--yellow);padding:10px;font-size:20px}#copy:disabled{opacity:.45;cursor:default}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:2px solid}footer>span,footer>a:last-child{font-size:13px}footer .brand{font-size:40px}@keyframes marquee{to{transform:translateX(-30%)}}@media(min-width:1600px){.hero{height:850px}.hero-copy{padding-top:85px}}@media(max-width:760px){header{height:78px;padding:0 6%}.brand{font-size:39px}nav{gap:15px;font-size:17px}nav button{display:none}.button.small{font-size:18px;padding:7px 15px;min-height:41px}.hero{height:850px;min-height:0;max-height:calc(100svh + 150px)}.hero-art{object-position:65% bottom;object-fit:cover;height:65%;top:auto;bottom:0}.hero-copy{padding:35px 7% 0;width:100%}h1{font-size:150px;letter-spacing:-5px;margin-bottom:13px}.hero-copy p{font-size:31px;margin-bottom:23px}.actions{gap:22px}.button{font-size:22px;padding:10px 21px;min-height:52px}.text-link{font-size:18px}.scroll-note{display:none}.ticker{font-size:26px;padding:12px 0}.garden{grid-template-columns:1fr;padding:65px 7% 55px;gap:30px}.garden h2{font-size:62px}.garden p{font-size:16px}.climber{margin:10px 8% 20px}.climber img{max-height:420px}.scribble{font-size:23px}.play{padding:50px 7% 20px}.play-heading{display:block}.play h2{font-size:48px}.play-heading p{font-size:15px}.fly-field{height:290px}.game-message{bottom:5px;max-width:180px;text-align:right;font-size:12px}.join{grid-template-columns:1fr;padding:60px 7%;gap:50px}.join h2{font-size:61px}.join p{font-size:16px}.contract p{font-size:23px}footer{padding:25px 7%;flex-wrap:wrap}footer>span{font-size:11px}footer>a:last-child{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{overflow-x:clip}.hero-art{object-position:right center}@media(max-width:760px){.hero{height:800px;max-height:none}.hero-art{height:440px;object-position:right bottom;mask-image:linear-gradient(to bottom,transparent,#000 12%)}.hero-copy{padding-top:35px}}
html{overflow-x:hidden}

.fly-field{cursor:crosshair;isolation:isolate}.fly{touch-action:manipulation;z-index:2;transition:left .16s ease-out,top .16s ease-out,transform .15s,opacity .15s}.tongue-shot{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}.tongue-shot path{fill:none;stroke-linecap:round;stroke-linejoin:round}.tongue-outline{stroke:#25251b;stroke-width:18}.tongue-pink{stroke:#ed8498;stroke-width:13}.tongue-shine{stroke:#ffc1c7;stroke-width:3}.fly.fly-caught{opacity:0;transform:scale(.2) rotate(35deg);pointer-events:none}