:root{--lime:#91ed18;--lime2:#c4ff3d;--green:#1c981f;--ink:#12200c;--paper:#f8f7ed;--orange:#ff9d18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"Space Mono",monospace}.noise{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:74px;display:flex;align-items:center;border-bottom:3px solid var(--ink);padding:0 4vw;background:var(--lime);position:relative;z-index:5}.logo{display:flex;align-items:baseline;color:var(--ink);text-decoration:none;font:700 30px Fredoka}.logo b{padding:1px 7px;background:var(--ink);color:var(--lime);transform:rotate(-3deg)}.ticker{margin:auto;font-size:11px;font-weight:700}.ticker i{display:inline-block;width:8px;height:8px;margin:0 12px;background:var(--ink);border-radius:50%}.sound{border:2px solid var(--ink);padding:9px 12px;background:transparent;font:700 11px "Space Mono";cursor:pointer}.hero{min-height:690px;display:grid;grid-template-columns:.85fr 1.15fr;border-bottom:3px solid var(--ink)}.copy{padding:7vh 3vw 5vh 7vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;font-weight:700}.copy h1{margin:12px 0;font:700 clamp(66px,8vw,126px)/.72 Fredoka;letter-spacing:-.07em}.copy h1 em{color:var(--green);font-style:normal}.lede{font-size:14px}.contract{display:flex;max-width:500px;margin-top:18px;border:2px solid var(--ink);align-items:center}.contract span,.contract button{padding:12px;background:var(--ink);color:var(--lime);font-weight:700}.contract code{padding:0 14px;overflow:hidden;flex:1}.contract button{border:0;cursor:pointer}.game{position:relative;display:flex;min-height:630px;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 45%,#d9ff77 0 18%,var(--lime) 48%,#65c90d 100%);overflow:hidden}.game:before{content:"";position:absolute;width:78%;aspect-ratio:1;border:2px solid rgba(18,32,12,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(18,32,12,.05),0 0 0 140px rgba(18,32,12,.04)}.bird{position:relative;width:min(650px,92%);border:0;padding:0;background:none;cursor:pointer;filter:drop-shadow(0 28px 18px rgba(32,75,7,.24));transition:filter .15s}.bird img{display:block;width:100%;user-select:none;pointer-events:none;mix-blend-mode:multiply;transform-origin:42% 78%}.bird:hover{filter:drop-shadow(0 32px 20px rgba(32,75,7,.32))}.bird:hover img{transform:rotate(-1deg) scale(1.015)}.bird.clapped img{animation:clap .26s cubic-bezier(.2,.9,.3,1)}@keyframes clap{0%{transform:scale(1)}35%{transform:translateX(25px) scaleX(.86) scaleY(1.08) rotate(2deg)}65%{transform:translateX(-8px) scaleX(1.07) scaleY(.94) rotate(-1deg)}100%{transform:scale(1)}}.target{position:absolute;left:13%;top:57%;padding:9px 14px;border:2px solid var(--ink);border-radius:50%;background:var(--lime2);font:700 11px/1.1 "Space Mono";transform:rotate(-12deg);box-shadow:4px 4px 0 var(--ink);pointer-events:none}.hand{position:absolute;left:-5%;top:48%;font-size:80px;opacity:0;pointer-events:none}.bird.clapped .hand{animation:hand .3s ease-out}@keyframes hand{0%{opacity:1;transform:translateX(-90px) rotate(-18deg) scale(.8)}45%{opacity:1;transform:translateX(70px) rotate(10deg) scale(1.2)}100%{opacity:0;transform:translateX(-20px) rotate(-8deg)}}.combo{position:absolute;z-index:3;top:12%;right:8%;font:700 24px Fredoka;opacity:0;transform:rotate(7deg)}.combo.show{animation:combo .65s ease-out}@keyframes combo{20%{opacity:1;transform:rotate(7deg) scale(1.35)}80%{opacity:1}100%{opacity:0;transform:translateY(-35px) rotate(3deg)}}.hint{position:absolute;bottom:20px;font-size:10px;font-weight:700}.particle{position:absolute;z-index:4;left:40%;top:60%;font-size:28px;pointer-events:none;animation:pop .8s ease-out forwards}@keyframes pop{to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.4)}}body.shake{animation:shake .18s linear}@keyframes shake{25%{transform:translateX(3px)}50%{transform:translateX(-4px)}75%{transform:translateX(2px)}}.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:3px solid var(--ink);background:var(--ink);gap:2px}.scoreboard div{padding:22px 2vw;background:var(--paper)}.scoreboard span{display:block;font-size:9px}.scoreboard strong{font:700 clamp(24px,3vw,44px) Fredoka;color:var(--green)}.manifesto{display:grid;grid-template-columns:1.2fr .8fr;min-height:500px}.banner{display:flex;align-items:center;background:#fff;overflow:hidden}.banner img{width:100%}.manifesto>div:last-child{padding:7vw 6vw;background:var(--lime)}.manifesto h2{font:700 clamp(42px,5vw,72px)/.9 Fredoka;letter-spacing:-.05em}.manifesto h2 span{color:#fff;text-shadow:3px 3px 0 var(--ink)}.buttons{display:flex;gap:10px;margin-top:30px}.buttons a{padding:14px 18px;background:var(--ink);color:var(--lime);font-weight:700;text-decoration:none}.buttons .outline{border:2px solid var(--ink);background:transparent;color:var(--ink)}footer{display:flex;justify-content:space-between;padding:18px 4vw;background:var(--ink);color:var(--lime);font-size:9px}@media(max-width:800px){header{padding:0 14px}.ticker{display:none}.hero,.manifesto{grid-template-columns:1fr}.copy{padding:55px 24px}.copy h1{font-size:76px}.game{min-height:500px}.scoreboard{grid-template-columns:1fr 1fr}.manifesto .banner{min-height:270px}.manifesto>div:last-child{padding:55px 25px}}@media(max-width:460px){.logo{font-size:24px}.game{min-height:430px}.hand{font-size:55px}.target{left:10%;top:55%}.contract code{font-size:10px}.scoreboard strong{font-size:27px}footer{gap:15px;flex-direction:column}}
