:root{--blue:#36a4df;--ink:#29251a;--yellow:#ffd21f;--cream:#fff7db;--brown:#9a5c2c;--green:#376d3a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}main{position:relative}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.16;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)' opacity='.35'/%3E%3C/svg%3E")}.floaters{position:fixed;inset:0;pointer-events:none;z-index:1}.floaters span{position:absolute;font-size:38px;opacity:.16;animation:drift 13s ease-in-out infinite}.floaters span:nth-child(1){left:2%;top:20%}.floaters span:nth-child(2){right:3%;top:38%;font-size:80px;transform:rotate(30deg)}.floaters span:nth-child(3){left:8%;top:72%;animation-delay:-5s}.floaters span:nth-child(4){right:10%;top:82%;font-size:110px}.floaters span:nth-child(5){left:47%;top:5%;animation-delay:-8s}@keyframes drift{50%{transform:translateY(-28px) rotate(14deg)}}
nav{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);position:absolute;z-index:20;width:100%;top:0}.brand{font-weight:1000;font-size:22px;letter-spacing:-1px}.brand span{background:var(--yellow);padding:7px 9px;border:3px solid var(--ink);transform:rotate(-3deg);display:inline-block}.brand b{font-size:12px;background:var(--ink);color:var(--cream);border-radius:20px;padding:6px 8px}.navlinks{display:flex;gap:30px;font-size:12px;font-weight:900;letter-spacing:1.5px}.navlinks a:hover{color:#fff;text-shadow:1px 1px var(--ink)}.buy,.primary,.socials a,.socials button{border:3px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);font-weight:1000;padding:15px 22px;transition:.2s}.buy:hover,.primary:hover,.socials a:hover,.socials button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.buy.mini{padding:11px 16px;font-size:12px}
.hero{height:min(880px,100vh);min-height:720px;background:var(--blue);position:relative;display:grid;grid-template-columns:1fr 1.05fr;padding:120px 5vw 55px;border-bottom:4px solid var(--ink);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,#75c8f1 0 2px,transparent 3px),radial-gradient(circle at 85% 15%,#75c8f1 0 3px,transparent 4px);background-size:58px 58px,83px 83px;opacity:.35}.hero-copy{position:relative;z-index:3;align-self:center}.eyebrow,.section-head>span,.game-copy>span{font-size:12px;font-weight:900;letter-spacing:2px}.eyebrow i{display:inline-block;width:34px;height:3px;background:var(--ink);vertical-align:middle;margin-right:9px}h1,h2{font-family:Impact,"Arial Black",sans-serif;line-height:.82;margin:25px 0;letter-spacing:-3px}h1{font-size:clamp(78px,10vw,155px)}h1 em,h2 em{font-style:normal;color:var(--yellow);text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.lede{max-width:520px;font-size:20px;line-height:1.5;font-weight:700}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:35px}.primary{display:flex;gap:30px;justify-content:space-between;min-width:285px}.round{width:58px;height:58px;border-radius:50%;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);font-size:23px}.scribble{font-family:"Comic Sans MS",cursive;font-size:12px;transform:rotate(-3deg);margin-left:80px}.hero-art{position:relative;z-index:2;align-self:center;height:90%;display:grid;place-items:center}.hero-art img{width:min(590px,90%);aspect-ratio:1/1;object-fit:cover;border:4px solid var(--ink);border-radius:47% 53% 43% 57%/52% 41% 59% 48%;box-shadow:15px 18px 0 rgba(41,37,26,.85);animation:wobble 6s ease-in-out infinite}.sun{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:var(--yellow);border:4px solid var(--ink);box-shadow:0 0 0 28px rgba(255,210,31,.22)}@keyframes wobble{50%{border-radius:53% 47% 57% 43%/42% 58% 42% 58%;transform:rotate(1deg)}}.hero-stamp{position:absolute;right:3%;top:6%;background:#fff;border:3px solid var(--ink);border-radius:50%;width:90px;height:90px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-size:11px}.hero-stamp b{font-size:21px}.orbit{position:absolute;background:var(--cream);border:3px solid var(--ink);padding:10px 14px;border-radius:50%;font-family:"Comic Sans MS",cursive;font-weight:bold;font-size:11px}.o1{left:-2%;top:14%;transform:rotate(-8deg)}.o2{right:-2%;bottom:12%;transform:rotate(7deg)}.scroll-tape{position:absolute;bottom:0;left:-2%;width:105%;height:42px;background:var(--yellow);border-top:3px solid var(--ink);display:flex;align-items:center;font-weight:1000;white-space:nowrap;letter-spacing:2px;transform:rotate(-1deg)}
.story,.roadmap{padding:110px 7vw;position:relative}.section-head{display:grid;grid-template-columns:.45fr 1.1fr .55fr;align-items:end;gap:35px}.section-head h2,.game-copy h2{font-size:clamp(58px,8vw,118px)}.section-head p{font-size:16px;font-weight:bold;line-height:1.5}.chapter-stage{max-width:1120px;margin:80px auto;display:grid;grid-template-columns:1.15fr .85fr;position:relative}.chapter-image{position:relative;transform:rotate(-2deg)}.chapter-image img{width:100%;height:560px;object-fit:cover;border:4px solid var(--ink);box-shadow:12px 12px 0 var(--yellow)}.chapter-image span{position:absolute;left:-30px;top:-32px;width:78px;height:78px;border-radius:50%;background:var(--blue);border:4px solid var(--ink);display:grid;place-items:center;font:40px Impact}.chapter-copy{align-self:center;background:#fff;padding:48px;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);transform:rotate(1.5deg);margin-left:-35px;z-index:2}.chapter-copy h3{font:54px Impact;margin:12px 0}.chapter-copy p{line-height:1.75;font-size:17px}.chapter-nav{display:flex;gap:10px;margin-top:28px}.chapter-nav button{width:47px;height:47px;background:var(--cream);border:3px solid var(--ink);font-weight:900}.chapter-nav button.active{background:var(--yellow);transform:translateY(-5px);box-shadow:0 5px 0 var(--ink)}.truth-strip{border-block:3px solid var(--ink);padding:20px 2%;display:flex;gap:18px;justify-content:space-around;align-items:center;flex-wrap:wrap;background:var(--yellow);transform:rotate(.5deg)}.truth-strip b{font:26px Impact}.truth-strip span{font-family:"Comic Sans MS"}
.gallery{background:var(--ink);color:var(--cream);padding:110px 5vw;position:relative}.section-head.light em{color:var(--blue);text-shadow:4px 4px 0 #000}.gallery-grid{margin-top:70px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:20px}.gallery-card{position:relative;overflow:hidden;border:3px solid var(--cream);padding:0;background:#000;box-shadow:8px 8px 0 var(--yellow);transition:.35s}.gallery-card:hover{transform:rotate(-1deg) scale(1.025);z-index:2;box-shadow:13px 13px 0 var(--blue)}.gallery-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:.45s}.gallery-card:hover img{filter:saturate(1.2);transform:scale(1.08)}.gallery-card span{position:absolute;left:0;bottom:0;width:100%;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;text-align:left;font-weight:900;font-size:12px;letter-spacing:1px}.gallery-card span b{font-size:32px;margin-right:12px;color:var(--yellow)}.g1{grid-column:1/6;grid-row:1/4}.g2{grid-column:6/10;grid-row:1/3}.g3{grid-column:10/13;grid-row:1/4}.g4{grid-column:6/10;grid-row:3/6}.g5{grid-column:1/4;grid-row:4/7}.g6{grid-column:4/6;grid-row:4/6}.g7{grid-column:10/13;grid-row:4/7}.g8{grid-column:4/8;grid-row:6/8}.g9{grid-column:8/10;grid-row:6/8}
.roadmap{background:var(--blue);min-height:1050px;overflow:hidden}.orbit-map{height:650px;max-width:1100px;margin:40px auto 0;position:relative}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);width:200px;height:200px;border-radius:50%;background:var(--yellow);border:5px solid var(--ink);display:grid;place-content:center;text-align:center;z-index:3;box-shadow:0 0 0 20px rgba(255,255,255,.2)}.core span{font:55px/.8 Impact}.core small{font-weight:bold;margin-top:12px}.orbit-line{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:4px dashed rgba(41,37,26,.8);border-radius:50%;animation:spin 30s linear infinite}.orbit-line.one{width:650px;height:400px}.orbit-line.two{width:970px;height:610px;animation-direction:reverse}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.road-node{position:absolute;width:260px;background:var(--cream);border:4px solid var(--ink);display:flex;padding:10px;gap:12px;align-items:center;box-shadow:8px 8px 0 var(--ink);transition:.25s;z-index:4}.road-node:hover,.road-node:focus{transform:scale(1.08) rotate(-2deg);outline:none;background:var(--yellow)}.road-node img{width:70px;height:70px;object-fit:cover;border:2px solid var(--ink)}.road-node>b{font:34px Impact}.road-node div{display:grid}.road-node small{font-weight:1000}.road-node strong{font-size:12px}.rn1{left:2%;top:5%}.rn2{right:0;top:13%}.rn3{left:2%;bottom:2%}.rn4{right:3%;bottom:7%}.banana-moon{position:absolute;top:0;left:48%;font-size:75px;filter:drop-shadow(6px 6px 0 var(--ink));animation:drift 5s ease-in-out infinite}
.game-section{background:#f2c755;padding:100px 6vw;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;border-block:4px solid var(--ink)}.game-copy h2{margin-bottom:30px}.game-copy p{font-size:17px;line-height:1.6;font-weight:bold}.score-card{margin-top:45px;background:var(--ink);color:var(--yellow);padding:20px 25px;display:flex;align-items:center;justify-content:space-between;transform:rotate(-2deg)}.score-card b{font:56px Impact}.game-shell{border:5px solid var(--ink);background:#4baee4;box-shadow:15px 15px 0 var(--ink);transform:rotate(.7deg)}.game-top,.game-bottom{height:55px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:4px solid var(--ink);font-size:12px;font-weight:900}.game-top span{color:#d23b21}.game-field{height:520px;position:relative;overflow:hidden;touch-action:none;background:linear-gradient(#49b4eb 0 68%,#73a64a 68% 82%,#a16b36 82%);cursor:ew-resize}.game-field:before{content:"";position:absolute;bottom:17%;left:0;width:100%;height:8px;background:#5e833e;border-block:3px solid var(--ink)}.cloud{position:absolute;color:white;font-size:90px;opacity:.8}.c1{left:8%;top:7%}.c2{right:8%;top:18%;font-size:130px}.catcher{position:absolute;width:160px;height:230px;object-fit:cover;object-position:50% 22%;bottom:-55px;transform:translateX(-50%);filter:drop-shadow(4px 5px 0 rgba(41,37,26,.7));transition:left .08s linear}.drop{position:absolute;font-size:42px;z-index:4}.drop.bad{font-size:70px;color:#54331f;font-weight:bold}.start-game{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-2deg);background:var(--yellow);border:4px solid var(--ink);padding:22px 30px;font-weight:1000;box-shadow:8px 8px 0 var(--ink);z-index:10}.game-bottom{border-top:4px solid var(--ink);border-bottom:0}.game-bottom button{background:var(--yellow);border:2px solid var(--ink);padding:7px 18px;font-weight:900}
footer{min-height:560px;background:var(--ink);color:var(--cream);padding:80px 7vw 35px;display:grid;grid-template-columns:.6fr 1fr;position:relative;overflow:hidden}footer h2{font-size:clamp(70px,10vw,150px);margin:20px 0}footer p{font-weight:900;letter-spacing:3px}.footer-face{align-self:end;height:470px}.footer-face img{height:100%;max-width:100%;object-fit:cover;object-position:50% 10%;border-radius:48% 48% 0 0;filter:saturate(.7);border:4px solid var(--cream);border-bottom:0}.socials{display:flex;gap:18px;flex-wrap:wrap}.socials a,.socials button{font-size:12px}.socials a:nth-child(2){background:var(--blue)}.socials button{background:var(--yellow)}footer>small{position:absolute;bottom:20px;right:7vw;letter-spacing:1px}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(20,18,13,.94);display:grid;place-items:center;padding:4vw}.lightbox>button{position:absolute;right:25px;top:18px;border:0;background:transparent;color:white;font-size:55px}.lightbox>div{display:grid;grid-template-columns:1fr 340px;max-width:1050px;max-height:85vh;background:var(--yellow);border:4px solid var(--cream);box-shadow:14px 14px 0 var(--blue);animation:pop .35s ease-out}.lightbox img{width:100%;height:72vh;object-fit:cover}.lightbox section{padding:35px;align-self:end}.lightbox h3{font:55px/.9 Impact;margin:14px 0}.lightbox section nav{position:static;padding:0;border:0;height:auto;margin-top:25px;justify-content:flex-start;gap:10px}.lightbox section nav button{width:48px;height:48px;border:3px solid var(--ink);background:var(--cream);font-weight:bold}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:110;background:var(--yellow);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:15px 22px;font-weight:1000;font-size:12px;animation:pop .25s ease-out}.peel-burst{position:fixed;z-index:120;pointer-events:none}.peel-burst i{position:absolute;font-style:normal;font-size:27px;animation:burst .85s ease-out forwards;--a:0deg;--d:80px}@keyframes burst{to{transform:rotate(var(--a)) translateX(var(--d)) rotate(540deg);opacity:0}}@keyframes pop{from{transform:scale(.75);opacity:0}}
@media(max-width:900px){nav{position:absolute;height:72px}.navlinks{display:none}.hero{height:auto;min-height:1050px;grid-template-columns:1fr;padding:105px 5vw 60px}.hero-copy{z-index:4}.hero-art{height:460px}.hero-art img{width:420px}.section-head{grid-template-columns:1fr}.section-head h2{margin:10px 0}.chapter-stage{grid-template-columns:1fr}.chapter-image img{height:430px}.chapter-copy{margin:-30px 20px 0}.truth-strip{justify-content:flex-start}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:250px}.gallery-card{grid-column:auto!important;grid-row:auto!important}.orbit-map{height:930px}.orbit-line.one{width:390px;height:650px}.orbit-line.two{width:580px;height:850px}.road-node{width:230px}.rn1{left:0}.rn2{right:0;top:24%}.rn3{left:0;bottom:22%}.rn4{right:0}.game-section{grid-template-columns:1fr}.game-copy{display:grid;grid-template-columns:1fr 180px}.game-copy h2,.game-copy p{grid-column:1/-1}.score-card{grid-column:2}.lightbox>div{grid-template-columns:1fr}.lightbox img{height:48vh}.lightbox section{padding:20px}.footer-face{display:none}footer{grid-template-columns:1fr}}
@media(max-width:560px){.buy.mini{padding:8px;font-size:10px}.brand{font-size:17px}h1{font-size:75px}.lede{font-size:16px}.hero{min-height:920px}.hero-art{height:360px}.hero-art img{width:310px}.section-head h2,.game-copy h2{font-size:58px}.story,.roadmap,.gallery{padding:80px 5vw}.chapter-image img{height:340px}.chapter-copy{padding:28px;margin-left:10px;margin-right:5px}.chapter-copy h3{font-size:40px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:330px}.orbit-map{height:950px}.core{width:150px;height:150px}.core span{font-size:42px}.orbit-line.two{width:390px}.road-node{width:205px}.rn1,.rn3{left:-3%}.rn2,.rn4{right:-3%}.game-section{padding:80px 4vw}.game-copy{display:block}.game-field{height:450px}.catcher{width:130px;height:200px}.game-bottom span{font-size:9px}footer{padding:70px 5vw;min-height:490px}footer h2{font-size:72px}.socials{flex-direction:column}.socials>*{text-align:center}.lightbox{padding:12px}.lightbox>div{max-height:92vh;overflow:auto}.lightbox img{height:43vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}