@font-face{font-family:Pixel;src:url(pixel.woff) format('woff');font-display:swap}
:root{--ink:#292030;--paper:#f4eddb;--pink:#f588b3;--violet:#8768d7;--wood:#805337}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #6041ad;outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{padding:28px 42px;display:flex;align-items:center;justify-content:space-between}.ac{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px}.ac-mark{font-family:Pixel,monospace;font-size:29px;background:var(--ink);color:#ff94c2;padding:0 7px;box-shadow:3px 3px #c6bba9}.ac-mark span{color:#86d7af}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1.16fr;gap:65px;align-items:center;padding:65px 42px 90px}.intro h1{margin:0 0 24px;font-size:clamp(80px,9vw,128px);letter-spacing:-9px;line-height:1.15;font-family:'Comic Sans MS','Chalkboard SE',cursive;font-weight:900}.intro h1 i{font-style:normal;display:inline-block;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 6px var(--ink);color:var(--pink);transform:rotate(-7deg)}.intro h1 i:nth-child(2){color:#8dbea1;transform:rotate(7deg)}.intro h1 i:nth-child(3){color:#ebbd50;transform:rotate(-4deg)}.intro h1 i:nth-child(4){color:#8c8cdd;transform:rotate(5deg)}.intro h1 i:nth-child(5){color:#ea916b;transform:rotate(-5deg)}.intro h1 b{display:none}h2{font-size:clamp(29px,3.4vw,44px);font-weight:500;line-height:1.12;letter-spacing:-1.7px;margin:0 0 22px}p{font-size:17px;line-height:1.65;margin:0 0 26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;text-decoration:none;padding:17px 24px;border:2px solid var(--ink);box-shadow:4px 5px var(--ink);font-size:17px;font-weight:600;background:var(--pink);transition:transform .12s,box-shadow .12s}.button:hover{transform:translate(2px,2px);box-shadow:2px 3px var(--ink)}.button span{font-size:23px}.download-note{font-size:12px;margin-top:19px;color:#655b62}.studio{min-width:0;transform:rotate(2deg);border:2px solid var(--ink);box-shadow:9px 11px 0 #c7bfae;background:#d7c9f1;border-radius:12px 12px 3px 3px;overflow:hidden}.studio-top{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;font:14px Pixel,monospace;border-bottom:2px solid var(--ink)}.dots{color:#7552ac;font-size:11px;letter-spacing:3px}.canvas-wrap{position:relative;aspect-ratio:4/3;background:#252038;margin:13px;border:3px solid #4b344c;box-shadow:inset 0 0 0 3px #987bae;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:crosshair}#remix{position:absolute;right:12px;top:12px;border:1px solid #fff8;border-radius:50%;width:34px;height:34px;background:#292030ad;color:white;font-size:23px}#remix:hover{background:#a74d8c}#demo-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#201628c9;color:#fff5ed;font:13px Pixel,monospace;padding:5px 10px;pointer-events:none}.workbench{position:relative;min-height:95px;padding:24px 110px 26px 20px;border-top:3px solid #492c29;border-bottom:3px solid #492c29;color:#ffefd8;background-color:#805337;background-image:repeating-linear-gradient(0deg,transparent 0 12px,#452e222f 12px 15px,transparent 15px 23px),repeating-linear-gradient(4deg,transparent 0 28px,#edb77d20 28px 31px,transparent 31px 49px);box-shadow:inset 0 5px #c6905a,inset 0 -5px #503522}.prompt{font:17px/1.4 Pixel,monospace;min-height:44px}.prompt>span:first-child{color:#ff9ece;margin-right:8px}.cursor{color:#ff9ece}.donkey{position:absolute;right:12px;bottom:5px;width:90px;height:128px;background-image:url(donkey.png);background-size:512px 512px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #321f3670);background-position:0 -256px}.media{display:flex;gap:0;background:#30253d;overflow:auto}.media button{background:none;border:0;color:#c8b6d8;font:15px Pixel,monospace;padding:15px 0;flex:1;white-space:nowrap;min-width:65px}.media button:hover{color:white;background:#ffffff10}.media button[aria-pressed=true]{color:#292030;background:#e9bc63;box-shadow:inset 0 3px #ffdaa3}.possibilities{padding:55px 42px 70px;border-top:1px solid #b4a999}.possibilities h2{font-size:30px;margin-bottom:38px}.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.ideas p{font-size:22px;line-height:1.5;margin:0}.ideas span{display:block;font:13px Pixel,monospace;color:#766779;letter-spacing:1px;margin-bottom:16px}.downloads{padding:65px 42px;background:#ddd0ed;border:2px solid var(--ink);box-shadow:5px 5px var(--ink);margin:0 42px 48px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.downloads h2{font-size:38px}.small{font-size:13px;line-height:1.6;color:#625368}.download-list>a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #ac9ab7;text-decoration:none;font-size:20px}.download-list>a:first-child{padding-top:0}.download-list>a:hover{color:#843d75}.download-list small{display:block;font-size:12px;margin-top:5px;color:#625368}.download-list b{font-size:27px}details{margin:22px 0;font-size:14px}summary{cursor:pointer;margin-bottom:12px}details>code{display:block;overflow-wrap:anywhere;padding:12px;background:#f4eddb;font:14px Pixel,monospace}.release{margin:18px 0 0}.privacy{font-size:13px;line-height:1.65;max-width:850px;margin:0 auto;padding:0 42px 45px;color:#695e62}.privacy strong{color:#382d3e}footer{border-top:1px solid #b4a999;padding:28px 42px;display:flex;gap:25px;font:13px Pixel,monospace}footer>span{margin-right:auto}footer>span span{color:#a05793;margin:0 5px}#paper{position:absolute;inset:0;background:#fbf3dc;padding:32px 40px;font-family:Georgia,serif;color:#302236}#paper small{font:10px Arial,sans-serif;letter-spacing:2px}#paper h3{font-size:34px;font-weight:400;margin:22px 0 16px;line-height:1.1}#paper p{font-size:13px;line-height:1.55;margin-bottom:15px}.paper-rule{border-top:1px solid #b7a496;margin:15px 0}#paper>span{font-size:11px}
@media(min-width:1400px){.hero{padding-top:90px;padding-bottom:110px}}@media(max-width:850px){.hero{gap:35px;padding-top:35px}.intro h1{font-size:86px}p{font-size:15px}.button{font-size:14px;padding:15px;gap:15px}.downloads{gap:25px;padding:35px}.ideas p{font-size:18px}#paper{padding:20px}#paper h3{font-size:25px;margin:12px 0}#paper p{font-size:11px}}@media(max-width:650px){header{padding:22px}.ac>span:last-child{font-size:11px}nav{gap:17px;font-size:12px}.hero{grid-template-columns:1fr;padding:30px 25px 65px;gap:46px}.intro{text-align:center}.intro h1{font-size:112px;margin-bottom:20px}.intro h2{font-size:37px}.intro p{font-size:16px}.studio{transform:rotate(1deg);max-width:500px;width:100%;margin:auto}.possibilities{padding:40px 25px}.ideas{grid-template-columns:1fr;gap:28px}.ideas p{font-size:21px}.ideas span{margin-bottom:8px}.downloads{grid-template-columns:1fr;margin:0 20px 35px;padding:30px;gap:10px}.downloads h2{font-size:34px}.privacy{padding:0 25px 30px}footer{padding:24px;flex-wrap:wrap;gap:16px}footer>span{width:100%}#paper{padding:25px 32px}#paper h3{font-size:30px}#paper p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.donkey{transform:scaleX(-1)}

.description{font-size:23px;line-height:1.4;margin-bottom:32px}.hero{padding-top:45px;padding-bottom:70px}.downloads{margin-top:25px}