@font-face{font-family:Gochi Hand;src:url(/fonts/gochi-hand.woff2)format("woff2");font-display:block}@font-face{font-family:Patrick Hand;src:url(/fonts/patrick-hand.woff2)format("woff2");font-display:swap}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#b98b5e;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;display:block;position:fixed;top:0;left:0}#world{z-index:1}#ink{z-index:2}#backdrop{transition:filter .2s ease-out}body.slow #backdrop{filter:saturate(.8)brightness(.97);transition:filter .15s ease-out}.ui{transform-origin:0 0;z-index:3;pointer-events:none;color:#1b1b1f;width:720px;height:1280px;font-family:Patrick Hand,Gochi Hand,sans-serif;position:fixed;top:0;left:0}.ui button{pointer-events:auto;color:inherit;cursor:pointer;touch-action:manipulation;border:0;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1)}:where(.ui button){font:inherit}.ui button:active{transform:rotate(var(--tilt,0deg)) scale(.96)}.note{transform:rotate(var(--tilt,0deg));text-align:left;background:#fff6c4;border-radius:2px 2px 14px;padding:18px 22px;animation:.28s cubic-bezier(.23,1,.32,1) both slap;box-shadow:0 2px #1b1b1f14,0 10px 18px -8px #1b1b1f59}.note b{font-family:Gochi Hand,sans-serif;font-size:44px;font-weight:400;line-height:1;display:block}.note small{opacity:.65;margin-top:6px;font-size:24px;display:block}.note.locked{filter:grayscale();opacity:.45;cursor:default}@keyframes slap{0%{opacity:0;transform:rotate(var(--tilt,0deg)) translateY(-14px) scale(1.06)}}.logo{text-align:center;color:#3a3a40;font-family:Gochi Hand,sans-serif;font-size:190px;animation:.4s cubic-bezier(.23,1,.32,1) both slap;position:absolute;top:150px;left:0;right:0;transform:rotate(-4deg)}.notes{flex-direction:column;gap:34px;width:500px;display:flex;position:absolute;top:470px;left:110px}.notes .n1{--tilt:-2deg}.notes .n2{--tilt:1.5deg;margin-left:60px;animation-delay:40ms}.notes .n3{--tilt:-1deg;margin-left:20px;animation-delay:80ms}.tab{opacity:.7;background:0 0;padding:16px 22px;font-size:40px;position:absolute;top:30px;right:30px}.chapter-title{color:#3a3a40;font-family:Gochi Hand,sans-serif;font-size:40px;position:absolute;top:90px;left:60px}.chapter-title span{color:#1b1b1f;font-size:84px}.levels{grid-template-columns:1fr 1fr;gap:34px 30px;width:600px;display:grid;position:absolute;top:270px;left:60px}.lvl{min-height:190px;padding-top:14px;padding-bottom:54px;position:relative}.lvl em{opacity:.55;font-size:26px;font-style:normal}.lvl b{margin-top:4px;font-size:40px}.slots{gap:8px;display:flex;position:absolute;bottom:16px;left:22px}.slot{box-sizing:border-box;border:2.5px solid #1b1b1f59;border-radius:50%;width:22px;height:22px;display:inline-block}.slot.on{background:radial-gradient(circle at 30% 35%,#f4f1e859 0 1.2px,#0000 1.6px),radial-gradient(circle at 68% 62%,#f4f1e84d 0 1px,#0000 1.4px),radial-gradient(circle at 55% 25%,#f4f1e840 0 .8px,#0000 1.2px),radial-gradient(circle at 40% 72%,#f4f1e84d 0 .9px,#0000 1.3px),#1b1b1f;border-color:#1b1b1f;transform:rotate(-8deg)}.slot.new{animation:.42s cubic-bezier(.23,1,.32,1) .3s both pop}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.35)}}.lvl.done:after{content:"✓";color:#3a3a40;font-size:40px;position:absolute;top:10px;right:18px}.hud{align-items:center;gap:8px;display:flex;position:absolute;top:20px;right:20px}.hud .label{opacity:.55;margin-right:10px;font-family:Gochi Hand,sans-serif;font-size:30px}.icon{color:#1b1b1f;opacity:.75;background:0 0;width:72px;height:72px;padding:16px}.icon svg{width:100%;height:100%}.endcard{text-align:center;pointer-events:none;background:#faf6eaf0;padding:34px 34px 32px;animation:.26s cubic-bezier(.23,1,.32,1) both slap;position:absolute;top:340px;left:50px;right:50px;transform:rotate(-.6deg);box-shadow:0 14px 30px -14px #1b1b1f73}.plate{background:#fff;margin:0 6px 12px;padding:6px 22px;font-family:Gochi Hand,sans-serif;font-size:40px;animation:.26s cubic-bezier(.23,1,.32,1) both slap;display:inline-block;transform:rotate(-2deg);box-shadow:0 6px 14px -6px #1b1b1f66}.epitaph{text-wrap:balance;margin:8px 10px 22px;font-size:32px;line-height:1.2;animation:.26s cubic-bezier(.23,1,.32,1) .12s both slap}.badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:flex}.badges small{opacity:.65;margin-left:8px;font-size:28px}.badges small.nudge{opacity:.55;flex-basis:100%;margin:6px 0 0;font-size:26px}.buttons .br{flex-basis:100%;height:0}.endcard .buttons .go{text-align:center;min-width:300px;font-size:48px}.endcard .buttons .note.small:not(.go){padding:10px 22px;font-size:34px}.buttons{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.note.small{white-space:nowrap;padding:14px 30px;font-family:Gochi Hand,sans-serif;font-size:40px;animation-delay:.22s}.note.go{--tilt:-2deg;background:#f2c230}.settings-note{box-sizing:border-box;pointer-events:auto;--tilt:-1deg;width:540px;position:absolute;top:220px;left:90px}.toggle{text-align:left;background:0 0;align-items:center;gap:16px;width:100%;padding:14px 0;font-size:30px;display:flex}.toggle i{box-sizing:border-box;border:3px solid #1b1b1f;border-radius:6px;flex:none;width:30px;height:30px;position:relative}.toggle.on i:after{content:"✓";color:#3a3a40;font-size:38px;position:absolute;top:-14px;left:2px}@media (prefers-reduced-motion:reduce){.note,.logo,.plate,.epitaph,.slot.new{animation:none}}.tab.back{inset:auto auto 170px 30px}.tab.watch-fail{color:#3a3a40;opacity:1;top:740px;left:50%;right:auto;transform:translate(-50%)}.fail-row{white-space:nowrap;gap:28px;display:flex;position:absolute;top:730px;left:50%;transform:translate(-50%)}.fail-row .tab{opacity:1;color:#3a3a40;position:static;transform:none}.fail-row .again{background:#fffdf6;border:3px solid #3a3a40;border-radius:18px 22px 16px 24px;font-size:48px}.note.small.watch{--tilt:1.5deg;background:#fffdf6}.scrim{pointer-events:auto;background:#3a3a402e;animation:.15s cubic-bezier(.23,1,.32,1) both fade;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.pause-note{box-sizing:border-box;--tilt:-1.5deg;width:400px;animation-duration:.15s;position:absolute;top:360px;left:160px}.pause-note b{margin-bottom:14px}.line{text-align:left;background:0 0;width:100%;padding:12px 0;font-size:38px;display:block;border-top:2px dashed #1b1b1f26!important}.logo .ink{animation:.7s cubic-bezier(.77,0,.175,1) .1s both write;display:inline-block;position:relative}@keyframes write{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% -5% -20% 0)}}.logo .eyes{--lx:0px;--ly:0px;gap:6px;display:flex;position:absolute;top:90px;left:52px}.logo .eye{transform-origin:50%;background:#fffdf6;border-radius:50%;width:30px;height:34px;animation:.36s cubic-bezier(.23,1,.32,1) .9s both open,4.2s linear 2s infinite blink;position:relative}.logo .eye i{width:13px;height:14px;transform:translate(var(--lx), var(--ly));background:#1b1b1f;border-radius:50%;transition:transform .12s ease-out;position:absolute;top:10px;left:9px}@keyframes open{0%{transform:scaleY(.08)}70%{transform:scaleY(1.15)}}@keyframes blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.tab.sketch{opacity:.85;font-family:Gochi Hand,sans-serif;font-size:44px;inset:auto auto 170px 30px}.ui canvas.hall{pointer-events:auto;cursor:pointer;position:absolute;top:300px;left:60px}.pager{text-align:center;font-size:30px;position:absolute;top:950px;left:0;right:0}.pager .tab{font-size:44px;position:static}.empty{color:#3a3a40;opacity:.7;font-size:34px;position:absolute;top:420px;left:60px;right:60px}.note.blank{--tilt:2deg;background:#fffdf6;position:absolute;top:1060px;right:60px}.note.blank b{font-size:34px}.hero-tag{max-width:460px;position:absolute;top:40px;left:40px}.hero-tag b{font-family:Gochi Hand,sans-serif;font-size:48px;font-weight:400;display:block}.hero-tag small{opacity:.7;font-size:26px;display:block}.note:not(.small):before{content:"";background:repeating-linear-gradient(45deg,#c8beaa8c 0 8px,#dcd4c28c 8px 16px);width:92px;height:26px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #1b1b1f14}.note{position:relative}.settings-note,.pause-note,.note.blank{position:absolute}.note.locked:after{content:"";box-sizing:border-box;border:3px solid #3a3a40;border-radius:4px;width:26px;height:22px;position:absolute;top:22px;right:22px;box-shadow:0 -10px 0 -4px #0000}.note.locked:before{border:3px solid #3a3a40;border-bottom:0;border-radius:9px 9px 0 0;right:27px;width:16px!important;height:14px!important;box-shadow:none!important;background:0 0!important;top:10px!important;left:auto!important;transform:none!important}.lvl .thumb{background:#fffdf699;border-radius:3px;margin:10px 0 4px;display:block;position:static}.ui.chapter .tab.back,.ui.sketchbook .tab.back,.ui.sumo .tab.back,.ui.daily .tab.back,.ui.credits .tab.back{inset:40px 30px auto auto}.title-guy{width:60px;height:90px;animation:.3s cubic-bezier(.23,1,.32,1) .6s both slap;position:absolute;top:1100px;right:120px}.title-guy svg{width:100%;height:100%;overflow:visible}.title-guy .wave{transform-origin:30px 44px;animation:1.6s ease-in-out 1s infinite wave}@keyframes wave{0%,60%,to{transform:rotate(0)}15%,45%{transform:rotate(-28deg)}30%{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.title-guy .wave{animation:none}}.ui.lefty .hud{flex-direction:row-reverse;left:20px;right:auto}.pager.chapters{color:#3a3a40;font-size:26px;top:170px;left:auto;right:40px}.ui.credits .tab.back{top:40px;bottom:auto}.ui.credits canvas.hall{transform-origin:50% 0;opacity:.9;pointer-events:none;top:560px;scale:.72}.ui.credits canvas.hall.waving{animation:1.6s ease-in-out infinite alternate wave-hall}@keyframes wave-hall{0%{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}.credits-roll{text-align:center;color:#1b1b1f;font-family:Patrick Hand,cursive;font-size:26px;animation:1.2s cubic-bezier(.22,1,.36,1) both roll-in;position:absolute;top:90px;left:0;right:0}.credits-roll h1{margin:0 0 6px;font-family:Gochi Hand,sans-serif;font-size:84px}.credits-roll p{opacity:.75;margin:4px 0}.credits-roll p.big{opacity:1;margin-bottom:12px;font-size:34px}@keyframes roll-in{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.credits-roll,.ui.credits canvas.hall.waving{animation:none}}.daily-card{--tilt:-1.5deg;width:420px;padding:18px 22px 22px;position:absolute;top:300px;left:150px}.daily-card em{opacity:.55;font-size:24px;font-style:normal;display:block}.daily-card b{margin-bottom:8px;font-size:46px;display:block}.daily-card canvas{width:100%;height:auto;margin-top:10px;display:block;position:static}.calendar{box-sizing:border-box;text-align:center;color:#3a3a40;background:#fffdf6;grid-template-columns:repeat(7,1fr);gap:6px;width:520px;padding:44px 20px 18px;font-family:Patrick Hand,cursive;font-size:26px;display:grid;position:absolute;top:610px;left:100px;transform:rotate(.8deg);box-shadow:0 2px #0000000f,0 10px 22px #3c2d1429}.calendar i{height:52px;font-style:normal;line-height:52px;position:relative}.calendar:before{content:"";background:radial-gradient(circle at 50% 70%,#d8d2c4 0 5px,#0000 5.5px) 0 0/40px 14px repeat-x,#1b1b1f;height:14px;position:absolute;top:0;left:0;right:0}.calendar .month{color:#1b1b1f;text-align:left;grid-column:1/-1;font-family:Gochi Hand,sans-serif;font-size:40px;font-weight:400;line-height:44px}.calendar .dow{opacity:.5;height:34px;font-size:22px;line-height:34px}.calendar .today{outline-offset:-4px;border-radius:10px;outline:2px dashed #3a3a40}.calendar .stamped:after{content:"✓";color:#2fa84f;opacity:.85;border:3px solid #2fa84f;border-radius:50%;font-size:30px;line-height:38px;position:absolute;inset:4px;transform:rotate(-12deg)}.streak{text-align:center;color:#1b1b1f;font-family:Gochi Hand,sans-serif;font-size:40px;position:absolute;top:1150px;left:0;right:0}.note.versus{--tilt:1.5deg;width:260px;position:absolute;top:880px;left:230px}.vs-banner{text-align:center;color:#1b1b1f;pointer-events:none;font-family:Gochi Hand,sans-serif;font-size:54px;position:absolute;top:250px;left:0;right:0}.vs-banner b{color:#e23b2e;margin-left:12px}.pencil-case{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x;pointer-events:auto;gap:18px;padding:4px 40px 8px;display:flex;position:absolute;top:845px;left:0;right:0;overflow-x:auto}.pencil-case::-webkit-scrollbar{display:none}.pencil{text-align:left;color:#3a3a40;background:0 0;border:0;flex:0 0 136px;padding:0;font-family:Patrick Hand,cursive;font-size:24px;line-height:1.1}.pencil i{clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%);border-radius:3px 10px 10px 3px;height:24px;margin:0 0 6px;display:block}.pencil.on small{font-weight:700;-webkit-text-decoration:underline wavy #3a3a40;text-decoration:underline wavy #3a3a40}.pencil.locked{opacity:.55}.pencil.locked small:before{content:"locked: "}.pencil.locked i{filter:grayscale()}.palette{pointer-events:auto;flex-wrap:wrap;gap:12px;display:flex;position:absolute;top:120px;left:30px;right:30px}.chip{color:#1b1b1f;transform:rotate(var(--tilt,-1deg));touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff6c8;border:0;border-radius:4px;padding:6px 16px;font-family:Patrick Hand,cursive;font-size:28px;box-shadow:0 2px #0000001f}.chip:nth-child(2n){--tilt:1.2deg}.chip:active{transform:rotate(var(--tilt,-1deg)) scale(.95)}.chip.switch{background:#f1efe8}.chip.switch.on{background:#fff6c8;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.note.doodle-note{--tilt:2deg;width:260px;position:absolute;top:1020px;left:60px}.slider{pointer-events:auto;align-items:center;gap:16px;padding:10px 0;font-size:30px;display:flex}.slider span{width:110px}.slider input{appearance:none;touch-action:none;background:#3a3a40;border-radius:2px;flex:1;height:4px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#3a3a40;border:3px solid #fff6c8;border-radius:50%;width:30px;height:30px}.slider input::-moz-range-thumb{background:#3a3a40;border:3px solid #fff6c8;border-radius:50%;width:30px;height:30px}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px dashed #3a3a40}.tut-cap{text-align:center;--tilt:-1.5deg;opacity:0;width:600px;transform:rotate(var(--tilt)) translateY(-12px);margin-left:-300px;padding:26px 30px;font-size:44px;line-height:1.15;transition:opacity .26s ease-out,transform .26s cubic-bezier(.2,.9,.3,1.2);animation:none;position:absolute;top:150px;left:50%}.tut-cap.in{opacity:1;transform:rotate(var(--tilt)) translateY(0)}.tut-cap b{font:inherit;background:linear-gradient(#0000 55%,#f2c23099 55%);display:inline}.tut-dots{justify-content:center;gap:14px;display:flex;position:absolute;top:90px;left:0;right:0}.tut-dots i{border:3px solid #3a3a40;border-radius:50%;width:14px;height:14px}.tut-dots i.on{background:#3a3a40}.note.tut-skip{z-index:2;padding:10px 26px;font-size:40px;position:absolute;top:24px;right:30px}.note.tut-go{text-align:center;z-index:2;width:300px;padding:22px 0;font-size:52px;animation:none;position:absolute;top:420px;left:210px;transform:rotate(1deg)}.tab.how{left:30px;right:auto}.tip-strip{pointer-events:none;background:#fffdf6;border-radius:2px 3px 12px 2px;align-items:center;gap:18px;padding:16px 18px 14px 24px;transition:opacity .25s ease-out,filter .25s ease-out;animation:.4s ease-out .9s both fade;display:flex;position:absolute;top:172px;left:40px;right:40px;transform:rotate(-.8deg);box-shadow:0 2px #1b1b1f0f,0 8px 16px -10px #1b1b1f73}.tip-strip:before{content:"";background:repeating-linear-gradient(45deg,#c8beaa8c 0 8px,#dcd4c28c 8px 16px);width:78px;height:24px;position:absolute;top:-12px;left:34px;transform:rotate(-4deg)}.tip-text{color:#1b1b1f;flex:1;font-family:Gochi Hand,sans-serif;font-size:31px;line-height:1.15}.tip-strip .stuck{color:#3a3a40;text-underline-offset:6px;background:0 0;flex:none;padding:6px 10px;font-family:Gochi Hand,sans-serif;font-size:32px;-webkit-text-decoration:underline wavy #3a3a4073;text-decoration:underline wavy #3a3a4073}body.inked .tip-strip{opacity:.4;filter:grayscale()}body.won .tip-strip{opacity:0;transition-duration:.12s}body.won .tip-strip .stuck{pointer-events:none}.stuck-note{text-align:center;--tilt:-1deg;padding:30px 34px 24px;animation-duration:.15s;position:absolute;top:380px;left:90px;right:90px}.stuck-note p{margin:4px 0 26px;font-size:32px;line-height:1.2}.stuck-row{justify-content:center;gap:20px;display:flex}.chip{white-space:nowrap;border-radius:18px 22px 16px 24px;flex:1;padding:18px 10px;font-family:Gochi Hand,sans-serif;font-size:36px;background:#fff!important;border:3px solid #7fb2e5!important}.chip i{color:#7fb2e5;margin-right:10px;font-style:normal}.stuck-close{opacity:.6;background:0 0;margin-top:18px;font-size:28px}.ui.daily .chapter-title span{white-space:nowrap;margin-top:4px;font-size:58px;line-height:1.1;display:block}.ui.daily .daily-card{top:250px}.ui.daily .calendar{padding-bottom:12px;top:600px}.ui.daily .streak{top:auto;bottom:120px}