:root{--ink: #2a2e85;--ink-soft: rgba(42, 46, 133, .55);--red: #c0302a;--yellow: #ffd60a;--orange: #ff8a1f;--paper: #f7f4ec;--rule: rgba(120, 150, 210, .32);--margin: rgba(230, 120, 120, .55);--font: "Patrick Hand", "Comic Sans MS", "Chalkboard SE", cursive;--marker: "Permanent Marker", "Patrick Hand", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);font-size:20px;line-height:30px;background-color:var(--paper);background-image:linear-gradient(90deg,transparent 56px,var(--margin) 56px 58px,transparent 58px),repeating-linear-gradient(transparent 0 29px,var(--rule) 29px 30px);overflow-x:hidden}a{color:inherit}b{font-weight:400;color:var(--red)}kbd{font-family:var(--font);font-size:.85em;display:inline-block;min-width:1.6em;padding:0 6px;text-align:center;border:2px solid var(--ink);border-bottom-width:4px;border-radius:6px 4px 7px 5px;background:#fffdf8;line-height:1.35}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 32px 14px 80px;max-width:1240px;margin:0 auto}.logo{font-family:var(--marker);font-size:30px;text-decoration:none;transform:rotate(-2deg);display:inline-block}.top nav{display:flex;align-items:center;gap:22px}.top nav a:not(.btn){text-decoration:none;border-bottom:2px dashed transparent}.top nav a:not(.btn):hover{border-bottom-color:var(--ink-soft)}.btn,button{font-family:var(--font);font-size:22px;color:var(--ink);background:var(--paper);border:2.5px solid var(--ink);border-radius:12px 6px 14px 5px;padding:6px 18px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:3px 4px #2a2e8547;transition:transform .12s}.btn:hover,button:hover{transform:rotate(-1.5deg) translateY(-2px)}.btn:active,button:active{transform:translate(1px,2px);box-shadow:none}.btn.big{font-size:30px;padding:12px 28px;color:#fff;background:var(--red);border-color:#8f1f1a;box-shadow:5px 6px #2a2e854d}.btn.big:hover{transform:rotate(-1.5deg) translateY(-3px) scale(1.02)}.btn.small{font-size:19px;padding:2px 14px;color:var(--red);border-color:var(--red)}.note-small{font-size:17px;opacity:.75;margin:10px 0 0}main{max-width:1240px;margin:0 auto;padding:0 32px 0 80px}.hero{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;align-content:center;min-height:calc(100svh / var(--z, 1) - 76px);padding:30px 0 90px}.scroll-hint{position:absolute;left:50%;bottom:14px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;font-size:19px;color:var(--red);text-decoration:none}.scroll-hint svg{width:30px;height:34px;fill:none;stroke:var(--red);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion: no-preference){.scroll-hint svg{animation:nudge 1.4s ease-in-out infinite}}@keyframes nudge{50%{transform:translateY(6px)}}.kicker{margin:0 0 6px;font-size:22px;color:var(--red);transform:rotate(-1deg)}h1{margin:0 0 20px;font-family:var(--marker);font-weight:400;font-size:clamp(40px,4.2vw,62px);line-height:1.1}h1 .line{display:block}@media (min-width: 961px){h1 .line{white-space:nowrap}}h1 .line:first-child{transform:rotate(-1.5deg)}h1 .red{color:var(--red);margin-top:6px;transform:rotate(1deg)}.hl{background-image:linear-gradient(transparent 58%,rgba(255,214,10,.75) 58%,rgba(255,214,10,.75) 92%,transparent 92%);background-repeat:no-repeat;background-size:100% 100%;animation:swipe .8s .5s ease-out both;padding:0 4px;margin:0 -4px}@keyframes swipe{0%{background-size:0% 100%}}.lede{font-size:23px;line-height:32px;max-width:520px;margin:0 0 28px}.cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-video{position:relative;margin:0;transform:rotate(1.2deg)}.hero-video .frame{background:#fff;padding:12px;border:2.5px solid var(--ink);border-radius:4px 8px 5px 10px;box-shadow:9px 10px #2a2e8538}.hero-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:var(--paper)}.tape{position:absolute;width:110px;height:28px;background:#f0dc96cc;border-left:2px dashed rgba(180,150,80,.4);border-right:2px dashed rgba(180,150,80,.4)}.tape.t1{top:-14px;left:18px;transform:rotate(-8deg)}.tape.t2{bottom:-12px;right:22px;transform:rotate(-6deg)}.callout{position:absolute;display:flex;align-items:center;gap:2px;font-size:24px;color:var(--red);white-space:nowrap;pointer-events:none}.callout svg{width:70px;height:44px;fill:none;stroke:var(--red);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.callout.c1{top:-52px;left:20%;flex-direction:row-reverse;transform:rotate(-4deg)}.callout.c1 svg{transform:scaleX(-1) rotate(-10deg)}.callout.c2{bottom:-60px;right:4%;transform:rotate(3deg)}.callout.c2 svg{transform:scaleY(-1) rotate(8deg)}.callout.c3{bottom:-58px;left:4%;transform:rotate(-3deg)}.margin-doodle{position:absolute;fill:none;stroke:var(--ink-soft);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.margin-doodle.star{width:44px;height:44px;stroke:var(--orange)}.margin-doodle.spiral{width:46px;height:46px}.s1{top:6px;left:-60px;transform:rotate(-12deg)}.s2{bottom:70px;left:30%}.story{padding:10px 0 40px}.step{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:40px 0 70px;position:relative}.step+.step:before{content:"";position:absolute;top:-10px;left:30%;width:40%;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 20' preserveAspectRatio='none'%3E%3Cpath d='M2 10 C 30 0, 50 20, 80 10 S 130 0, 160 10 S 210 20, 240 10 S 290 0, 320 10 S 370 20, 398 10' fill='none' stroke='%232a2e85' stroke-opacity='.45' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.step-num{font-family:var(--marker);display:inline-grid;place-items:center;width:54px;height:54px;font-size:30px;color:#fff;background:var(--red);border-radius:50% 46% 52% 48%;transform:rotate(-8deg);box-shadow:3px 3px #2a2e854d}.step h2{font-family:var(--marker);font-weight:400;font-size:54px;line-height:1;margin:12px 0 14px}.step p{font-size:22px;line-height:30px;margin:0 0 14px;max-width:520px}.step .aside{color:var(--red);font-size:19px}.scribble-list{margin:0 0 22px;padding:0;list-style:none;font-size:21px}.scribble-list li:before{content:"✎ ";color:var(--red)}.pad-card{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff9;border:2.5px solid var(--ink);border-radius:6px 12px 5px 14px;padding:16px 20px 14px;box-shadow:8px 9px #2a2e8533;transform:rotate(-1.4deg)}.pad-label{font-size:21px;color:var(--red)}#pad{position:relative;width:min(320px,72vw);aspect-ratio:480 / 600;border:2px dashed var(--ink-soft);border-radius:4px;background:#fffdf8}#pad canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#pad .pad-ink{cursor:crosshair;touch-action:none}.pad-buttons{display:flex;gap:8px}.pad-buttons button{font-size:18px;padding:2px 12px}.pad-hint{margin:0;font-size:15px;line-height:20px;opacity:.7}.photo{position:relative;margin:0;background:#fff;padding:10px 10px 6px;box-shadow:6px 8px #2a2e852e;border:1.5px solid rgba(42,46,133,.25)}.photo:before{content:"";position:absolute;top:-13px;left:50%;width:100px;height:26px;transform:translate(-50%) rotate(-3deg);background:#f0dc96cc;border-left:2px dashed rgba(180,150,80,.4);border-right:2px dashed rgba(180,150,80,.4)}.photo img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.photo figcaption{text-align:center;font-size:19px;padding:6px 0 2px}.tilt-l{transform:rotate(-1.6deg)}.tilt-r{transform:rotate(1.4deg)}.section-title{font-family:var(--marker);font-weight:400;font-size:44px;line-height:1.15;margin:0;display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 6px;background-image:linear-gradient(transparent 70%,rgba(255,214,10,.6) 70%,rgba(255,214,10,.6) 94%,transparent 94%)}.section-title+*{margin-top:30px!important}.features{padding:40px 0 80px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px}.note{background:hsl(var(--h),85%,82%);padding:18px 18px 16px;box-shadow:5px 7px #2a2e8538;border-radius:2px}.note:nth-child(3n+1){transform:rotate(-1.8deg)}.note:nth-child(3n+2){transform:rotate(1.2deg)}.note:nth-child(3n){transform:rotate(-.6deg)}.note .icon{width:46px;height:46px;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;float:right;margin:-4px -4px 4px 8px}.note .icon text{font-family:var(--font);font-size:13px;fill:var(--ink);stroke:none}.note h3{font-family:var(--marker);font-weight:400;font-size:24px;line-height:1.15;margin:0 0 10px}.note p{margin:0;font-size:20px;line-height:26px}.note kbd{font-size:.8em}.duo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:10px 0 90px}.challenge p{font-size:22px;max-width:480px;margin:0 0 24px}.challenge-card{position:relative;display:flex;gap:16px;align-items:center;max-width:440px;padding:18px 22px;background:#fff;border:2.5px dashed var(--ink);border-radius:10px 4px 12px 6px;box-shadow:6px 7px #2a2e852e;transform:rotate(-1.2deg)}.stamp{position:absolute;top:-16px;right:-14px;font-family:var(--marker);font-size:18px;color:var(--red);border:3px solid var(--red);border-radius:6px;padding:0 8px;background:var(--paper);transform:rotate(10deg)}.mini-doodle{width:64px;height:96px;flex:none;fill:#fffdf8;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cc-line{font-size:22px}.cc-score{font-family:var(--marker);font-size:30px;line-height:1.2;color:var(--red)}.cc-cta{font-size:18px;opacity:.8}.how{padding:0 0 70px}.keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px;max-width:980px}.key-row{display:flex;align-items:center;gap:14px;font-size:21px}.keycaps{display:inline-flex;gap:5px;flex:none}.keycaps kbd{font-size:18px;min-width:34px;padding:2px 8px}.keycaps kbd.wide{min-width:70px}.final{position:relative;text-align:center;padding:30px 0 140px;overflow:hidden}.final h2{font-family:var(--marker);font-weight:400;font-size:72px;line-height:1;margin:0 0 30px;transform:rotate(-1.5deg)}.mobile-only{display:none}.walker{position:absolute;bottom:12px;left:0;width:54px;height:80px;animation:walk 16s linear infinite}.walker svg{width:100%;height:100%;fill:#fffdf8;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:bob .5s ease-in-out infinite alternate}@keyframes walk{0%{transform:translate(-80px)}to{transform:translate(calc(100vw + 80px))}}@keyframes bob{0%{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-4px) rotate(4deg)}}footer{text-align:center;font-size:16px;opacity:.7;padding:0 0 30px}@media (prefers-reduced-motion: no-preference){.reveal .note,.reveal .photo,.reveal .step-text,.reveal .challenge-card{transition:opacity .55s ease-out,translate .55s ease-out}.reveal .note:not(.in),.reveal .photo:not(.in),.reveal .step-text:not(.in),.reveal .challenge-card:not(.in){opacity:0;translate:0 22px}}@media (prefers-reduced-motion: reduce){.hl{animation:none}.walker,.walker svg{animation:none}.walker{left:50%}html{scroll-behavior:auto}}@media (max-width: 960px){.hero,.step,.duo{grid-template-columns:1fr;gap:40px}.hero{padding-bottom:80px}.step-fight .photo{order:2}.notes{grid-template-columns:repeat(2,1fr)}.keys{grid-template-columns:1fr}.margin-doodle{display:none}}@media (max-width: 600px){body{background-image:linear-gradient(90deg,transparent 14px,var(--margin) 14px 16px,transparent 16px),repeating-linear-gradient(transparent 0 29px,var(--rule) 29px 30px)}.top{padding:12px 16px 12px 26px}.top nav a:not(.btn){display:none}main{padding:0 16px 0 26px}.notes{grid-template-columns:1fr}.callout{font-size:19px}.callout.c1{top:-44px}.callout.c3{bottom:-50px}.callout.c2{display:none}.step h2{font-size:44px}.section-title{font-size:34px}.final h2{font-size:52px}.mobile-only{display:block}.btn.big{font-size:24px;padding:10px 20px}.key-row{flex-wrap:wrap;gap:6px 12px}}.top nav #acct:empty{display:none}.pad-publish{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:320px}#pad-name{flex:1 1 130px;font-family:var(--font);font-size:17px;color:var(--ink);padding:2px 8px;border:1.5px solid var(--ink-soft);border-radius:6px;background:#fffdf8}.pad-publish button{font-size:17px;padding:2px 12px;color:var(--red);border-color:var(--red)}.gallery{padding:30px 0 70px}.gallery-sub{margin:10px 0 26px;font-size:21px}.monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px 20px}.monster-grid .empty{grid-column:1 / -1;font-size:21px;opacity:.8}.monster-card{position:relative;margin:0;padding:10px 10px 8px;background:#fff;border:1.5px solid rgba(42,46,133,.3);box-shadow:4px 5px #2a2e8529;display:flex;flex-direction:column;align-items:center}.monster-card:nth-child(odd){transform:rotate(-1.4deg)}.monster-card:nth-child(2n){transform:rotate(1.1deg)}.monster-card:before{content:"";position:absolute;top:-10px;left:50%;width:64px;height:20px;transform:translate(-50%) rotate(-4deg);background:#f0dc96cc}.monster-card.boss{border-color:#7a1d2a80}.monster-link{display:block;transition:transform .15s}.monster-link:hover{transform:scale(1.04) rotate(-1deg)}.monster-card canvas{display:block;background:#fffdf8}.monster-card figcaption{width:100%;display:flex;flex-direction:column;font-size:17px;line-height:22px;margin-top:6px}.m-name{font-family:var(--marker);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-by{font-size:15px;opacity:.75}.m-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.m-actions a{color:var(--red);text-decoration:none}.m-report{font-size:14px;padding:0 6px;box-shadow:none;border-width:1.5px;opacity:.6}.board-section{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:start;padding:10px 0 80px}.board-list{list-style:none;margin:30px 0 0;padding:0;max-width:640px}.board-list li{display:grid;grid-template-columns:44px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:baseline;padding:6px 0;border-bottom:1.5px dashed rgba(42,46,133,.25)}.board-list li.empty{display:block;font-size:21px;opacity:.8;border:none}.board-list .rank{grid-row:span 2;font-family:var(--marker);font-size:26px;text-align:center}.board-list .top1 .rank{color:#fff;background:#e8a400;border-radius:50% 46% 52% 48%}.board-list .top2 .rank{color:#fff;background:#8a8f98;border-radius:48% 52% 46% 50%}.board-list .top3 .rank{color:#fff;background:#b0683a;border-radius:52% 48% 50% 46%}.board-list .who{font-size:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list .score{font-family:var(--marker);font-size:24px;color:var(--red);text-align:right}.board-list .meta{grid-column:2 / span 2;font-size:15px;opacity:.7;line-height:18px}.board-note{font-size:16px;opacity:.65}.board-side{margin-top:60px;padding:18px 22px;background:#fbf5b1;box-shadow:5px 7px #2a2e8533;transform:rotate(1.5deg);font-size:21px}.board-side p{margin:0 0 16px}.stats-line{font-family:var(--marker);font-size:19px}.board-side .btn.big{font-size:24px}@media (max-width: 960px){.board-section{grid-template-columns:1fr;gap:30px}.board-side{margin-top:0}}@media (max-width: 1100px){.top nav a[href="#gallery"],.top nav a[href="#leaderboard"]{display:none}}@media (min-width: 1600px){html{--z: 1.15}body{zoom:1.15}}@media (min-width: 1900px){html{--z: 1.32}body{zoom:1.32}}@media (min-width: 2300px){html{--z: 1.6}body{zoom:1.6}}@media (min-width: 3000px){html{--z: 2}body{zoom:2}}@media (max-height: 640px){.hero{min-height:0}.scroll-hint{display:none}}