:root{--paper:#faf6ee;--ink:#262022;--red:#ee204d;--orange:#ff7538;--green:#1cac78;--blue:#1f75fe;--violet:#926eae;--pink:#f496aa;--sun:#fcd12a;--grass:#7cc64a}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,Comfortaa,Manjari,Arial Rounded MT,Arial Rounded MT Bold,Calibri,source-sans-pro,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:radial-gradient(#262022 .5px,transparent 0);background-size:7px 7px;z-index:0}main{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:2rem 1.25rem 5rem}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}section{margin-top:4.5rem}.card{background:#fffdf8;border:3px solid var(--ink);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;padding:1.25rem 1.5rem;box-shadow:4px 5px 0 rgba(38,32,34,.9)}.tilt-l{transform:rotate(-.6deg)}.tilt-r{transform:rotate(.5deg)}.crayon-underline{display:inline-block;position:relative}.crayon-underline:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.02em;height:.32em;background:currentColor;opacity:.35;border-radius:30% 70% 60% 40%/60% 40% 70% 30%;transform:rotate(-.6deg);z-index:-1}.steps{counter-reset:step;list-style:none;padding:0;display:grid;grid-gap:1.1rem;gap:1.1rem}.steps>li{counter-increment:step;position:relative;padding-left:3.4rem}.steps>li:before{content:counter(step);position:absolute;left:0;top:.1rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;font-weight:800;font-size:1.1rem;color:#fff;background:var(--step-color,var(--blue));border:3px solid var(--ink);border-radius:45% 55% 52% 48%/55% 45% 55% 45%;transform:rotate(-4deg)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}pre{background:#2b2530;color:#f2ecdf;padding:1rem 1.2rem;border-radius:14px 6px 16px 8px/8px 14px 6px 18px;overflow-x:auto;border:3px solid var(--ink)}code.pill{background:rgba(38,32,34,.08);padding:.1rem .4rem;border-radius:6px;word-break:break-all}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1.4rem;gap:1.4rem}.gallery figure{margin:0;text-align:center;position:relative}.gallery img{width:100%;image-rendering:pixelated;border:3px solid var(--ink);border-radius:12px 5px 14px 6px/6px 12px 5px 14px;background:#fff}.gallery figure:before{content:"";position:absolute;top:-10px;left:50%;width:74px;height:22px;margin-left:-37px;background:rgba(255,244,179,.75);border:1px solid rgba(38,32,34,.15);transform:rotate(-2deg);z-index:2}.gallery figcaption{font-size:.85rem;margin-top:.5rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.5rem .75rem;border-bottom:2px dashed rgba(38,32,34,.25)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}a{color:var(--blue);font-weight:700;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun)}a:hover{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.hero{text-align:center;padding-top:1.5rem}.hero .banner{width:100%;max-width:760px;border:4px solid var(--ink);border-radius:18px 8px 20px 10px/10px 18px 8px 22px;box-shadow:6px 8px 0 rgba(38,32,34,.85)}.hero .wordmark{width:min(440px,85%);margin-bottom:.5rem}.btn-row{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin:1.4rem 0 2.2rem}.btn{display:inline-block;padding:.55rem 1.2rem;font-weight:800;color:#fff!important;background:var(--btn,var(--blue));border:3px solid var(--ink);border-radius:60px 18px 55px 20px/20px 55px 18px 60px;text-decoration:none;box-shadow:3px 4px 0 rgba(38,32,34,.9);transform:rotate(-.8deg)}.btn:nth-child(2n){transform:rotate(.8deg)}.btn:hover{translate:0 -2px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.2rem}.stat{text-align:center;padding:.9rem .5rem}.stat b{display:block;font-size:1.6rem}.stat span{font-size:.8rem;opacity:.75}.tx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1.4rem;gap:1.4rem}.tx-thumb{cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit;text-align:center;position:relative}.tx-thumb .emoji-tile,.tx-thumb img{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:#fffdf8;border:3px solid var(--ink);border-radius:12px 5px 14px 6px/6px 12px 5px 14px;transition:translate .12s ease}.tx-thumb .emoji-tile{display:grid;place-items:center;font-size:3.2rem}.tx-thumb:before{content:"";position:absolute;top:-10px;left:50%;width:74px;height:22px;margin-left:-37px;background:rgba(255,244,179,.75);border:1px solid rgba(38,32,34,.15);transform:rotate(-2deg);z-index:2}.tx-thumb:hover .emoji-tile,.tx-thumb:hover img{translate:0 -3px}.tx-thumb .cap{display:block;font-size:.85rem;margin-top:.5rem}.tx-thumb .peek{opacity:.65;font-size:.75rem}.overlay{position:fixed;inset:0;background:rgba(38,32,34,.55);display:grid;place-items:center;padding:1rem;z-index:50}.modal{position:relative;width:min(560px,100%);max-height:88vh;overflow-y:auto;background:var(--paper);border:3px solid var(--ink);border-radius:22px 10px 24px 12px/12px 22px 10px 26px;box-shadow:6px 8px 0 rgba(38,32,34,.85);padding:1.4rem 1.6rem}.modal .close{position:absolute;top:.7rem;right:.9rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;font-weight:800;font-size:1.1rem;cursor:pointer;color:#fff;background:var(--red);border:3px solid var(--ink);border-radius:45% 55% 52% 48%/55% 45% 55% 45%}.modal img.art{display:block;width:160px;margin:.4rem auto .8rem;image-rendering:pixelated;border:3px solid var(--ink);border-radius:12px 5px 14px 6px/6px 12px 5px 14px;background:#fffdf8}.modal table td:first-child{white-space:nowrap;font-weight:700;width:1%;padding-right:1rem}.meter{height:16px;border:2.5px solid var(--ink);border-radius:10px 4px 12px 5px/5px 10px 4px 12px;background:#fff;overflow:hidden}.meter i{display:block;height:100%;background:repeating-linear-gradient(-55deg,var(--green),var(--green) 7px,var(--grass) 7px,var(--grass) 14px)}footer{margin-top:5rem;text-align:center;font-size:.9rem;opacity:.9}footer img{width:72px;image-rendering:pixelated;border:3px solid var(--ink);border-radius:50% 45% 52% 48%/48% 52% 45% 55%}