:root{--grass:#6f8f4e;--grass-deep:#4f6a38;--paper:#fff8ec;--ink:#1a1714;--clay:#d56a2a;--clay-deep:#b14f18;--teal:#6fc4b0;--sun:#ffd84a;--sky:#6eb6e8;--magenta:#e85a9b;--sweater:#aeb4b7;--tan:#c9944f;--font-display:"Sniglet", system-ui, sans-serif;--font-hand:"Pangolin", cursive;font-family:var(--font-hand);color:var(--ink);background:var(--grass);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}#root{min-height:100vh}::selection{background:var(--sun);color:var(--ink)}.world{background:radial-gradient(circle at 12% 8%, #ffd84a59, transparent 28%), radial-gradient(circle at 88% 12%, #e85a9b2e, transparent 26%), linear-gradient(180deg, #8fb56a 0%, var(--grass) 40%, var(--grass-deep) 100%);min-height:100vh;color:var(--ink);cursor:none}@media (pointer:coarse){.world{cursor:auto}.crayon-dot{display:none!important}}.crayon-dot{background:var(--clay);border:2px solid var(--ink);pointer-events:none;z-index:100;mix-blend-mode:multiply;border-radius:40% 60% 55% 45%;width:18px;height:18px;margin:-9px 0 0 -9px;transition:width .15s,height .15s;position:fixed;top:0;left:0}.ticker{background:var(--ink);color:var(--sun);border-bottom:3px solid var(--clay);font-family:var(--font-display);letter-spacing:.04em;padding:.45rem 0;font-size:.95rem;font-weight:800;overflow:hidden}.ticker-track{white-space:nowrap;gap:2rem;width:max-content;animation:28s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.topbar{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8ecb8;border-bottom:3px dashed #1a171440;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.mark{font-family:var(--font-display);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:800;display:flex}.mark img{object-fit:contain;border:2px solid var(--ink);background:#0d0d0d;border-radius:50% 45% 55% 50%;width:42px;height:42px;animation:3.8s ease-in-out infinite bob}.topbar-links{gap:1.25rem;font-size:1.05rem;display:none}.topbar-links a{border-bottom:2px solid #0000}.topbar-links a:hover{border-bottom-color:var(--clay);color:var(--clay-deep)}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,2.5rem) 4.5rem;display:flex;position:relative;overflow:hidden}.hero-sky{z-index:0;background:linear-gradient(#9fd0f5 0%,#b8dff8 42%,#0000 70%);position:absolute;inset:0}.sun{background:var(--sun);border:3px solid var(--ink);border-radius:50%;position:absolute;box-shadow:0 0 0 8px #ffd84a59}.sun-a{width:clamp(70px,12vw,120px);height:clamp(70px,12vw,120px);animation:40s linear infinite spin-slow;top:8%;right:12%}.sun-b{background:#ff9a4a;width:clamp(36px,6vw,58px);height:clamp(36px,6vw,58px);animation:5s ease-in-out infinite bob;top:14%;left:10%;box-shadow:0 0 0 5px #ff9a4a59}.cloud{background:#ffffffd9;border:2px solid #1a171433;border-radius:40px;height:28px;animation:18s ease-in-out infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border:inherit;border-radius:50%;position:absolute}.cloud:before{width:34px;height:34px;top:-18px;left:12px}.cloud:after{width:26px;height:26px;top:-12px;right:14px}.c1{width:90px;animation-delay:-3s;top:18%;left:28%}.c2{width:70px;animation-delay:-8s;top:10%;left:55%}.c3{width:110px;animation-delay:-12s;top:22%;right:8%}.hero-ground{background:radial-gradient(ellipse 40% 60% at 20% 40%, #e85a9b26, transparent), radial-gradient(ellipse 50% 80% at 80% 30%, #6fc4b033, transparent), linear-gradient(180deg, #7fad55 0%, var(--grass-deep) 100%);z-index:0;border-top:4px solid #1a171433;border-radius:50% 50% 0 0/28% 28% 0 0;height:42%;position:absolute;bottom:-8%;left:-5%;right:-5%}.hero-stage{z-index:1;align-items:center;gap:1.5rem;width:min(1120px,100%);margin:0 auto;display:grid;position:relative}.hero-words{max-width:34rem;animation:.95s cubic-bezier(.22,1,.36,1) both rise}.eyebrow{color:var(--clay-deep);font-size:1rem;font-weight:800;font-family:var(--font-display);margin:0 0 .6rem}.hero-words h1{flex-direction:column;gap:.1rem;margin:0;line-height:.9;display:flex}.line-a,.line-b{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}.line-a{color:var(--paper);text-shadow:3px 3px 0 var(--ink), -1px 0 0 var(--ink);font-size:clamp(2.4rem,9vw,4.8rem)}.line-b{color:var(--clay);text-shadow:4px 4px 0 var(--ink), 0 2px 0 #fff8ec66;transform-origin:0;font-size:clamp(2.8rem,11vw,5.6rem);transform:rotate(-1.5deg)}.tag{max-width:26rem;color:var(--ink);background:#fff8ecb3;border:2px solid #1a171433;border-radius:.4rem 1rem .6rem .9rem;margin:1.1rem 0 1.5rem;padding:.55rem .8rem;font-size:clamp(1.15rem,2.8vw,1.4rem);display:inline-block}.hero-cta{flex-wrap:wrap;gap:.8rem;display:flex}.blob-btn,.ghost-btn{font-family:var(--font-display);border:3px solid var(--ink);justify-content:center;align-items:center;padding:.85rem 1.35rem;font-size:1.05rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.blob-btn{background:var(--clay);color:var(--paper);box-shadow:5px 5px 0 var(--ink);border-radius:1.4rem .7rem 1.6rem .9rem/1rem 1.5rem .7rem 1.3rem}.blob-btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1deg)}.ghost-btn{background:var(--paper);color:var(--ink);border-radius:.8rem 1.5rem 1rem 1.3rem/1.2rem .7rem 1.4rem .9rem;box-shadow:4px 4px #1a171459}.ghost-btn:hover{transform:translate(-2px,-2px)rotate(1deg)}.hero-mascot{justify-self:center;width:min(340px,78vw);transition:transform .2s ease-out;animation:1.1s .12s both fade-in;position:relative}.hero-mascot img{filter:drop-shadow(8px 14px #1a171433);width:100%}.speech{background:var(--paper);border:3px solid var(--ink);font-family:var(--font-display);box-shadow:3px 3px 0 var(--ink);border-radius:1.2rem 1.2rem 1.2rem .2rem;padding:.4rem .75rem;font-size:1.05rem;font-weight:800;animation:3.2s ease-in-out infinite bob;position:absolute;top:6%;right:-4%}.scroll-hint{z-index:2;color:#1a1714bf;white-space:nowrap;font-size:.95rem;animation:2.4s ease-in-out infinite bob;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.sketchbook{background:repeating-linear-gradient(0deg, transparent, transparent 27px, #6eb6e81f 28px), var(--paper);border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);padding:clamp(3rem,8vw,5.5rem) 0;position:relative}.sketch-head{max-width:720px;padding:0 clamp(1rem,4vw,2.5rem) 2rem}.sketch-head h2{font-family:var(--font-display);margin:0;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1;transform:rotate(-1deg)}.sketch-head p{color:#1a1714bf;margin:.6rem 0 0;font-size:1.2rem}.pages{gap:2rem;padding:0 clamp(1rem,4vw,2.5rem);display:grid}.page-spread{position:relative}.page-num{font-family:var(--font-display);border:2px solid var(--ink);border-radius:999px .4rem 999px .6rem;margin-bottom:.55rem;padding:.2rem .65rem;font-size:.95rem;font-weight:800;display:inline-block}.n1{background:var(--sun)}.n2{background:var(--teal)}.n3{background:var(--magenta);color:var(--paper)}.page-art{margin:0;position:relative}.page-art img{aspect-ratio:16/10;object-fit:cover;border:4px solid var(--ink);background:#ddd;border-radius:1.2rem .6rem 1.4rem .9rem/.8rem 1.3rem .7rem 1.1rem;width:100%;box-shadow:10px 10px #1a17142e}.page-art figcaption{flex-direction:column;gap:.2rem;max-width:28rem;margin-top:.85rem;display:flex}.page-art strong{font-family:var(--font-display);font-size:1.35rem;font-weight:800}.page-art span{color:#1a1714b8;font-size:1.05rem}.manifesto{border-bottom:5px solid var(--ink);background:linear-gradient(135deg,#6f8f4ee6,#4f6a38f2),url(/assets/scene-village.jpg) 50%/cover;padding:clamp(3rem,8vw,5rem) clamp(1rem,4vw,2.5rem)}.mani-inner{gap:1.5rem;width:min(900px,100%);margin:0 auto;display:grid}.mani-banner{border:4px solid var(--ink);border-radius:.5rem 1.2rem .7rem 1rem;width:100%;box-shadow:8px 8px #1a171459}.manifesto blockquote{border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff8eceb;border-radius:1rem .4rem 1.3rem .7rem;margin:0;padding:clamp(1.25rem,4vw,2rem)}.manifesto blockquote p{font-family:var(--font-display);margin:0;font-size:clamp(1.5rem,4.5vw,2.4rem);font-weight:800;line-height:1.2}.manifesto em{color:var(--clay-deep);font-style:normal}.pocket{color:var(--paper);background:radial-gradient(circle at 70% 30%,#ffd84a40,#0000 40%),#5d7e44;padding:clamp(3.5rem,9vw,6rem) clamp(1rem,4vw,2.5rem)}.pocket-copy{max-width:34rem;margin-bottom:2rem}.pocket-copy h2{font-family:var(--font-display);margin:0;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;line-height:1}.pocket-copy p{opacity:.92;margin:.7rem 0 0;font-size:1.2rem}.pocket-stage{place-items:stretch center;gap:1.5rem;width:min(1100px,100%);margin:0 auto;display:grid}.pocket-guy{cursor:pointer;align-self:center;width:min(280px,70vw);padding:0;position:relative}.pocket-guy img{filter:drop-shadow(0 12px #1a171440);width:100%;transition:transform .35s}.pocket-guy.is-open img{transform:scale(1.04)rotate(-2deg)}.tap-ring{border:3px dashed var(--sun);pointer-events:none;border-radius:50%;width:54px;height:54px;animation:1.8s ease-out infinite pulse;position:absolute;top:48%;left:42%;transform:translate(-50%,-50%)}.pocket-guy.is-open .tap-ring{opacity:0}.tap-label{background:var(--sun);color:var(--ink);border:2px solid var(--ink);font-family:var(--font-display);white-space:nowrap;border-radius:999px .5rem;padding:.25rem .7rem;font-size:.9rem;font-weight:800;position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%)}.pocket-dump{width:100%;min-height:340px}.dump-paper{background:radial-gradient(circle at 12% 18%, #ffd84a47, transparent 28%), radial-gradient(circle at 88% 78%, #6fc4b038, transparent 32%), var(--paper);height:100%;min-height:340px;color:var(--ink);border:4px solid var(--ink);border-radius:1.4rem .7rem 1.2rem 1rem/1rem 1.3rem .8rem 1.1rem;padding:clamp(1.1rem,3vw,1.6rem);animation:.4s cubic-bezier(.22,1,.36,1) both pop;position:relative;overflow:hidden;box-shadow:10px 10px #1a171447}.dump-paper:before{content:"";pointer-events:none;border:2px dashed #1a17142e;border-radius:1rem .5rem .9rem .7rem;position:absolute;inset:10px}.dump-kicker{font-family:var(--font-display);color:var(--clay-deep);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:800;position:relative}.dump-mystery h3,.dump-open h3{font-family:var(--font-display);margin:.35rem 0 0;font-size:clamp(1.55rem,3.5vw,2.1rem);font-weight:800;line-height:1.05;position:relative}.dump-hint{color:#1a1714b3;margin:.55rem 0 1.1rem;font-size:1.05rem;position:relative}.loot{grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.loot li{border:3px solid var(--ink);font-family:var(--font-display);transform:rotate(var(--r,0deg));background:#ffffffb8;border-radius:.9rem 1.3rem .7rem 1.1rem;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.85rem .9rem;font-size:.95rem;font-weight:800;transition:transform .2s;animation:3.6s ease-in-out infinite loot-bob;display:flex;box-shadow:4px 4px #1a17142e}.loot li:nth-child(2){animation-delay:-.8s}.loot li:nth-child(3){animation-delay:-1.6s}.loot li:nth-child(4){animation-delay:-2.4s}.loot li:hover{transform:rotate(0)scale(1.03)}.loot-orb{background:radial-gradient(circle at 30% 30%, #fff6b0, var(--sun) 55%, #e8a820);border:2px solid var(--ink);border-radius:50%;width:36px;height:36px;box-shadow:inset -6px -4px #1a17141f}.loot-stick{background:linear-gradient(90deg, #fff 0 8px, var(--magenta) 8px);border:2px solid var(--ink);border-radius:3px 8px 8px 3px;width:42px;height:12px;position:relative}.loot-stick:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#5a3a2a;width:10px;height:10px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.loot-fuzz{background:var(--sweater);border:2px solid var(--ink);border-radius:60% 40% 55% 45%;width:34px;height:28px;box-shadow:6px 0 0 -2px #aeb4b7cc}.loot-fold{border:2px solid var(--ink);background:#fff3c4;border-radius:.25rem .7rem .25rem .25rem;justify-content:center;align-items:center;min-width:48px;height:34px;padding:0 .4rem;font-size:.95rem;display:inline-flex;transform:rotate(-4deg)}.dump-cta{font-family:var(--font-display);color:var(--clay-deep);margin:1.1rem 0 0;font-size:1.05rem;font-weight:800;position:relative}.dump-open{gap:.85rem;height:100%;display:grid;position:relative}.dump-open code{border:2px dashed var(--ink);word-break:break-all;background:#6f8f4e29;border-radius:.65rem;padding:.8rem .95rem;font-size:.95rem;display:block}.dump-open .blob-btn{justify-self:start}.stash-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.25rem;display:grid}.stash{border:3px solid var(--ink);background:#fff;border-radius:.85rem 1.2rem .7rem 1rem;gap:.1rem;padding:.75rem .8rem;display:grid}.stash strong{font-family:var(--font-display);font-size:1.7rem;font-weight:800;line-height:1}.stash span{font-family:var(--font-display);font-size:.95rem;font-weight:800}.stash small{color:#1a1714a6;font-size:.85rem}.s1{background:#ffd84a73;transform:rotate(-1.5deg)}.s2{background:#6fc4b066;transform:rotate(1.2deg)}.s3{background:#e85a9b38;transform:rotate(1deg)}.s4{background:#6eb6e859;transform:rotate(-.8deg)}.dump-foot{color:#1a1714b8;margin:.2rem 0 0;font-size:.98rem}.howto-strip{color:var(--paper);background:#2a241f;padding:clamp(3rem,8vw,5rem) clamp(1rem,4vw,2.5rem)}.howto-strip h2{font-family:var(--font-display);color:var(--sun);margin:0 0 1.75rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.howto-strip ol{counter-reset:chill;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.howto-strip li{counter-increment:chill;gap:.25rem;padding-left:3.2rem;display:grid;position:relative}.howto-strip li:before{content:counter(chill);width:2.4rem;height:2.4rem;font-family:var(--font-display);background:var(--teal);color:var(--ink);border:3px solid var(--paper);border-radius:40% 60% 55% 45%;place-items:center;font-weight:800;display:grid;position:absolute;top:0;left:0}.howto-strip span{font-family:var(--font-display);font-size:1.35rem;font-weight:800}.howto-strip small{opacity:.78;font-size:1.05rem}.film{background:repeating-linear-gradient(90deg,#1a1714 0 18px,#2e2924 18px 36px);padding:clamp(2rem,6vw,3.5rem) clamp(1rem,4vw,2.5rem)}.film-frame{border:6px solid var(--paper);width:min(980px,100%);box-shadow:0 0 0 4px var(--ink), 12px 12px 0 #00000059;border-radius:1rem .5rem 1.2rem .7rem;margin:0 auto;position:relative;overflow:hidden}.film-frame video{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%}.film-caption{color:var(--paper);background:linear-gradient(#0000,#1a1714e0);padding:1.25rem 1.25rem 1.4rem;position:absolute;bottom:0;left:0;right:0}.film-caption h2{font-family:var(--font-display);margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800}.film-caption p{opacity:.9;margin:.3rem 0 .9rem}.socials{gap:.65rem;display:flex}.socials a{background:var(--magenta);color:var(--paper);border:2px solid var(--paper);font-family:var(--font-display);border-radius:.7rem 1.1rem .6rem 1rem;padding:.45rem .95rem;font-weight:800;transition:transform .15s}.socials a:hover{transform:translateY(-2px)rotate(-2deg)}.foot{text-align:center;background:var(--grass-deep);color:var(--paper);border-top:4px dashed #fff8ec59;flex-direction:column;align-items:center;gap:.25rem;padding:2.75rem 1rem 3.25rem;display:flex}.foot img{object-fit:contain;border:3px solid var(--paper);background:#0d0d0d;border-radius:50%;width:64px;height:64px;margin-bottom:.5rem;animation:4s ease-in-out infinite bob}.foot-brand{font-family:var(--font-display);color:var(--sun);margin:0;font-size:1.4rem;font-weight:800}.foot p{margin:0}.foot-fine{opacity:.7;max-width:26rem;font-size:.95rem;margin-top:.55rem!important}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(.85)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@keyframes pop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes loot-bob{0%,to{transform:rotate(var(--r,0deg)) translateY(0)}50%{transform:rotate(var(--r,0deg)) translateY(-7px)}}@media (width>=760px){.topbar-links{display:flex}.hero-stage{grid-template-columns:1.05fr .95fr}.hero-mascot{justify-self:end;width:min(400px,100%)}.pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.page-art img{aspect-ratio:4/5}.pocket-stage{grid-template-columns:minmax(220px,280px) minmax(0,1fr);justify-items:stretch;gap:2rem}.pocket-guy{width:100%}.dump-paper{min-height:420px}.howto-strip ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.world{cursor:auto}.crayon-dot{display:none}}