@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/nine/assets/caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2"),url(/nine/assets/caveat-latin-500-normal-Do9veZfZ.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/nine/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/nine/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/nine/assets/kalam-latin-400-normal-BthBl_aR.woff2)format("woff2"),url(/nine/assets/kalam-latin-400-normal-Bl-H2BUA.woff)format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/nine/assets/kalam-latin-700-normal-D2H-9ISU.woff2)format("woff2"),url(/nine/assets/kalam-latin-700-normal-7TSuSrjP.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/nine/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/nine/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}:root{--paper:#f6f3ea;--paper-2:#efe9da;--rule:#bccde6;--margin:#e07a78;--ink:#1d2a9e;--ink-2:#3343c4;--ink-soft:#1d2a9eb8;--red:#c22a31;--lead:#5d6472;--hl:#ffe4409e;--lh:32px;--gutter:clamp(16px, 4vw, 40px);--spiral:58px;--margin-x:calc(var(--spiral) + clamp(26px, 5vw, 64px));--hand:"Caveat", "Segoe Print", "Bradley Hand", cursive;--write:"Kalam", "Segoe Print", "Bradley Hand", cursive;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);font:400 1.22rem / var(--lh) var(--write);background-color:var(--paper);background-image:linear-gradient(90deg, transparent calc(var(--margin-x) - 3px), var(--margin) calc(var(--margin-x) - 3px), var(--margin) calc(var(--margin-x) - 2px), transparent calc(var(--margin-x) - 2px), transparent var(--margin-x), #e07a788c var(--margin-x), #e07a788c calc(var(--margin-x) + 1px), transparent calc(var(--margin-x) + 1px)), repeating-linear-gradient(180deg, transparent 0 calc(var(--lh) - 1px), var(--rule) calc(var(--lh) - 1px) var(--lh)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");background-position:0 0,0 12px,0 0;background-attachment:scroll,scroll,scroll;margin:0;overflow-x:hidden}::selection{background:var(--hl);color:var(--ink)}a{color:var(--ink-2);text-underline-offset:4px;text-decoration-style:wavy;text-decoration-thickness:2px}a:hover{color:var(--red)}:focus-visible{outline:3px dashed var(--red);outline-offset:4px;border-radius:6px}#code-rain{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.spiral{width:var(--spiral);z-index:30;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='46'%3E%3Cdefs%3E%3ClinearGradient id='w' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d8d8dc'/%3E%3Cstop offset='.35' stop-color='%23f7f7fa'/%3E%3Cstop offset='.6' stop-color='%236b6e78'/%3E%3Cstop offset='1' stop-color='%231d1f26'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='40' cy='25' rx='5.2' ry='5.6' fill='%23272523' opacity='.82'/%3E%3Cpath d='M41 25 C 30 31, 6 30, 3 21 C 1 15, 10 11, 20 13' fill='none' stroke='%23000' stroke-opacity='.18' stroke-width='6' stroke-linecap='round' transform='translate(1.5 3)'/%3E%3Cpath d='M41 25 C 30 31, 6 30, 3 21 C 1 15, 10 11, 20 13' fill='none' stroke='url(%23w)' stroke-width='4.2' stroke-linecap='round'/%3E%3C/svg%3E") 0 6px/58px 46px repeat-y,linear-gradient(90deg,#28201429,#28201400 100%);position:fixed;top:0;bottom:0;left:0}.vignette{z-index:29;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 55% 40%,#0000 55%,#46371e33 100%),linear-gradient(90deg,#0000000d,#0000 12%);position:fixed;inset:0}#book{z-index:2;padding:0 var(--gutter) 0 calc(var(--margin-x) + var(--gutter));max-width:1500px;position:relative}h1,h2,h3{font-family:var(--hand);letter-spacing:.01em;margin:0;font-weight:700;line-height:1}p{margin:0 0 var(--lh);text-wrap:pretty;max-width:36em}code,.mono{font-family:var(--mono);color:var(--ink);white-space:nowrap;background:#1d2a9e12;border-radius:4px 7px 5px 8px;padding:.05em .3em;font-size:.78em}mark{color:inherit;background:linear-gradient(100deg, transparent .3em, var(--hl) .5em, var(--hl) calc(100% - .4em), transparent calc(100% - .1em));background-position:0 70%;background-repeat:no-repeat;background-size:0% 72%;padding:0 .15em;transition:background-size 1.1s cubic-bezier(.7,0,.2,1) .5s}.in mark{background-size:100% 72%}s{color:var(--ink-soft);text-decoration:none;position:relative}s:after{content:"";transform-origin:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7 C 40 3, 80 10, 120 5 S 180 8, 198 4 M4 9 C 60 5, 130 9, 196 6' fill='none' stroke='%23c22a31' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.5em;transition:transform 1.2s cubic-bezier(.7,0,.2,1) .8s;position:absolute;top:52%;left:-.2em;right:-.2em;transform:translateY(-50%)scaleX(0)}.in s:after{transform:translateY(-50%)scaleX(1)}.hand{font-family:var(--hand)}.red{color:var(--red)}.lead{color:var(--lead)}.small{font-size:1rem}.ink{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.boil{filter:var(--boil,none)}.draw{transition:-webkit-mask-position 1.8s cubic-bezier(.6,0,.3,1),mask-position 1.8s cubic-bezier(.6,0,.3,1);-webkit-mask-image:linear-gradient(115deg,#000 40%,#0000 60%);mask-image:linear-gradient(115deg,#000 40%,#0000 60%);-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-size:300% 300%;mask-size:300% 300%}.in .draw,.draw.in{-webkit-mask-position:0 0;mask-position:0 0}.sketch-box{border:2px solid var(--ink);border-radius:255px 14px 225px 16px/14px 225px 16px 255px}.reveal>*{opacity:0;transition:opacity .9s,transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)rotate(-.4deg)}.reveal.in>*{opacity:1;transform:none}.reveal.in>:nth-child(2){transition-delay:.12s}.reveal.in>:nth-child(3){transition-delay:.24s}.reveal.in>:nth-child(4){transition-delay:.36s}.reveal.in>:nth-child(5){transition-delay:.48s}.reveal.in>:nth-child(6){transition-delay:.6s}.topbar{z-index:40;gap:10px;display:flex;position:fixed;top:14px;right:18px}.lang{font:700 1.35rem/1 var(--hand);color:var(--ink);cursor:pointer;clip-path:polygon(0 3%,100% 0,98% 100%,2% 96%);background:#fff9c9;border:0;padding:10px 16px 8px;transition:transform .25s;transform:rotate(2deg);box-shadow:0 2px #0000000f,0 8px 18px -10px #3c280080}.lang:hover{transform:rotate(-2deg)scale(1.06)}.toc{z-index:35;font:700 1.5rem/1 var(--hand);flex-direction:column;gap:2px;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.toc a{width:38px;height:38px;color:var(--ink-soft);place-items:center;text-decoration:none;transition:color .3s,transform .3s;display:grid;position:relative}.toc a.six{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-style:solid;text-decoration-thickness:2px}.toc a svg{opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;overflow:visible}.toc a.on{color:var(--red);transform:scale(1.18)}.toc a.on svg{opacity:1}.toc a:hover{color:var(--ink)}.cover{min-height:100vh;min-height:100svh;padding:calc(var(--lh) * 2) 0 calc(var(--lh) * 2);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(8px,3vw,48px);display:grid;position:relative}.cover-kicker{font:700 clamp(1.4rem, 2.6vw, 2rem) / 1 var(--hand);color:var(--red);transform-origin:0;margin-bottom:8px;transform:rotate(-3deg)}.title{color:var(--ink);font-size:clamp(4.2rem,13vw,12rem);line-height:.82;position:relative}.title .w{white-space:nowrap;display:inline-block}.title .ch{opacity:0;transform:translateY(.12em) rotate(var(--r,0deg)) scale(.9);filter:blur(3px);transition:opacity .35s,transform .6s cubic-bezier(.2,1.4,.4,1),filter .5s;transition-delay:calc(var(--i) * 70ms + .2s);display:inline-block}.ready .title .ch{opacity:1;transform:rotate(var(--r,0deg));filter:none}.title .php{color:var(--red);position:relative}.title-scribble{width:min(100%,760px);height:40px;margin-top:4px;display:block;overflow:visible}.title-scribble path{stroke-dasharray:1600;stroke-dashoffset:1600px;transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1) 1.4s}.ready .title-scribble path{stroke-dashoffset:0}.cover-sub{margin-top:var(--lh);opacity:0;max-width:30em;font-size:clamp(1.15rem,1.6vw,1.4rem);transition:opacity 1.2s 1.8s}.ready .cover-sub{opacity:1}.cover-art{justify-self:center;width:min(100%,560px);position:relative}.cover-art .ink{transform-origin:50% 90%;animation:5.5s ease-in-out infinite sway}.postit{width:150px;color:var(--ink);font:700 1.35rem/1.1 var(--hand);z-index:2;background:linear-gradient(170deg,#fff6a8,#ffe976);padding:18px 14px 22px;animation:7s ease-in-out infinite flutter;position:absolute;top:4%;right:2%;transform:rotate(7deg);box-shadow:0 16px 22px -14px #3c28008c,inset 0 -8px 12px -10px #8c640059}.hint{left:0;bottom:calc(var(--lh) * .7);font:700 1.6rem/1 var(--hand);color:var(--ink-soft);align-items:center;gap:8px;text-decoration:none;display:flex;position:absolute}.hint svg{width:34px;height:46px;animation:1.8s ease-in-out infinite nudge}.chapter{padding:calc(var(--lh) * 3) 0 calc(var(--lh) * 2);gap:var(--lh) clamp(24px, 4vw, 72px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid;position:relative}.chapter.flip .ch-text{order:2}.ch-head{margin-bottom:var(--lh);flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.ch-num{width:104px;height:104px;font:700 4.6rem/1 var(--hand);color:var(--ink);flex:none;place-items:center;display:grid;position:relative}.ch-num svg{width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible}.ch-year{font:700 2rem/1 var(--hand);color:var(--red);display:inline-block;transform:rotate(-4deg)}.ch-title{flex-basis:100%;font-size:clamp(2.6rem,5vw,4.4rem);line-height:.95}.ch-title .u{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 70 4, 150 12, 297 6' fill='none' stroke='%231d2a9e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 100%/0% 14px no-repeat;padding-bottom:10px;transition:background-size 1.1s cubic-bezier(.7,0,.2,1) .3s}.in .ch-title .u{background-size:100% 14px}.ch-art{position:relative}.ch-art .ink{max-width:520px;margin-inline:auto}.slip{margin:var(--lh) 0;transform:rotate(var(--tilt,-.8deg));background:#fffefb;max-width:36em;padding:20px 22px 18px;position:relative;box-shadow:0 1px #0000000d,0 14px 26px -18px #281e0ab3}.slip:before,.slip:after{content:"";background:#e8e2c4ad;border-left:1px dashed #00000014;border-right:1px dashed #00000014;width:92px;height:26px;position:absolute;top:-12px;box-shadow:0 1px 2px #0000000f}.slip:before{left:18px;transform:rotate(-6deg)}.slip:after{right:22px;transform:rotate(5deg)}.slip pre{font:400 .92rem/1.6 var(--mono);color:#20262f;white-space:pre-wrap;word-break:break-word;margin:0}.slip .k{color:var(--ink-2)}.slip .v{color:#8a3b9a}.slip .s{color:#2b7a3f}.slip .c{color:#8a8f99;font-style:italic}.slip .o{color:var(--red);font-weight:700}.widget{margin:var(--lh) 0;position:relative}.widget-title{font:700 1.9rem/1 var(--hand);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.live{font:700 1rem/1 var(--hand);color:var(--red);letter-spacing:.04em;align-items:center;gap:5px;display:inline-flex}.live:before{content:"";background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.2s steps(2,jump-none) infinite blink}.note{font:500 1.25rem/1.1 var(--hand);color:var(--lead);margin-top:6px;display:block;transform:rotate(-1deg)}svg.rough{width:100%;height:auto;font-family:var(--hand);display:block;overflow:visible}svg.rough text{fill:var(--ink);font-weight:700}.counter{flex-direction:column;align-items:flex-start;gap:8px;margin-top:4px;display:inline-flex}.counter-label{font:700 1.4rem/1 var(--hand);color:var(--lead)}.odometer{background:#14161d;border-radius:6px 9px 7px 10px;gap:5px;padding:8px;display:inline-flex;transform:rotate(-1.2deg);box-shadow:inset 0 2px 6px #0009,0 10px 20px -12px #0009}.odometer .digit{color:#e8ff7a;width:30px;height:44px;font:400 1.9rem/44px var(--mono);text-align:center;text-shadow:0 0 8px #dcff648c;background:linear-gradient(#2a2e38,#0f1116 48%,#1b1e26 52%,#2a2e38);border-radius:3px;overflow:hidden}.odometer .strip{flex-direction:column;transition:transform .6s cubic-bezier(.4,1.6,.5,1);display:flex}.form{background:#ffffff59;max-width:440px;padding:22px 26px;transform:rotate(.8deg)}.form label{font:700 1.35rem/1 var(--hand);color:var(--lead);margin-top:6px;display:block}.form .field{border-bottom:2px solid var(--ink);min-height:40px;font:400 1.25rem/40px var(--write);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.form .caret{background:var(--ink);vertical-align:-.15em;width:2px;height:1.1em;margin-left:1px;animation:.9s steps(2,jump-none) infinite blink;display:inline-block}.form .send{font:700 1.4rem/1 var(--hand);color:var(--ink);margin-top:16px;padding:6px 20px 4px;transition:background .2s,color .2s,transform .15s;display:inline-block}.form .send.press{background:var(--ink);color:var(--paper);transform:scale(.94)rotate(-2deg)}.form .result{min-height:64px;font:400 1.05rem/1.5 var(--mono);color:#20262f;margin-top:14px}.form .result .say{font:700 1.6rem/1.2 var(--hand);color:var(--ink)}.form .result .bobby{font:700 1.6rem/1.2 var(--hand);color:var(--red);display:inline-block;transform:rotate(-3deg)}.acro{font:700 clamp(1.1rem, 2.1vw, 1.6rem)/1.35 var(--hand);color:var(--ink);word-break:break-word;min-height:9.5em}.acro .lvl{display:inline}.acro .p{color:var(--red)}.acro .err{font:400 .82rem/1.5 var(--mono);color:var(--red);background:#c22a3112;margin-top:12px;padding:8px 10px;display:block;transform:rotate(-.6deg)}.ptable{border-collapse:collapse;width:100%;font:400 1.05rem/1.3 var(--write);position:relative}.ptable th{font:700 1.35rem/1 var(--hand);color:var(--lead);text-align:left;border-bottom:2.5px solid var(--ink);padding:6px 10px 8px}.ptable td{vertical-align:middle;border-bottom:1.5px solid #1d2a9e40;padding:7px 10px;transition:background .6s}.ptable tr.hl td{background:var(--hl)}.ptable td.flash{animation:1.4s flash}.ptable .fn{font:400 .92rem/1 var(--mono);color:var(--ink);white-space:nowrap}.ptable .arg{font:400 .92rem/1 var(--mono);white-space:nowrap;position:relative}.ptable .arg span{transition:transform .7s cubic-bezier(.5,1.6,.4,1),opacity .3s;display:inline-block}.ptable .op{font:700 1.05rem/1 var(--mono);color:var(--red);white-space:nowrap}.ptable .num{font:700 1.6rem/1 var(--hand);text-align:center}.ptable .bar{width:34%}.correction{font:700 1.5rem/1 var(--hand);color:var(--red);pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .3s;position:absolute;transform:rotate(-6deg)}.correction.show{opacity:1}.paamayim{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.paamayim .dots{font:700 7rem/.8 var(--hand);color:var(--red);animation:2.6s ease-in-out infinite wobble}.paamayim .heb{font:700 1.5rem/1.15 var(--hand);color:var(--ink);max-width:15em}.chapter.blank{min-height:100vh}.chapter.blank .ch-num,.chapter.blank .ch-title{color:var(--ink-soft)}.scribble-out{margin:calc(var(--lh) * 2) 0;height:140px;position:relative}.scribble-out svg{width:100%;height:100%;overflow:visible}.scribble-out path{opacity:.6;stroke-dasharray:3000;stroke-dashoffset:3000px;transition:stroke-dashoffset 2.6s .6s}.in .scribble-out path{opacity:.6;stroke-dashoffset:0}.ship{font:400 1.05rem/1.4 var(--mono);background:#fffefb;align-items:center;gap:10px;padding:10px 14px;display:inline-flex;transform:rotate(-1deg);box-shadow:0 12px 22px -16px #281e0ab3}.ship .res{font:700 2rem/1 var(--hand);color:var(--red);text-align:center;min-width:2ch;display:inline-block}.ship .res.pop{animation:.5s pop}.dept{padding:calc(var(--lh) * 3) 0 calc(var(--lh) * 2);position:relative}.dept-head{max-width:46em}.dept-head h2{margin-bottom:var(--lh);font-size:clamp(2.8rem,6vw,5rem)}.devs{gap:calc(var(--lh) * 1.5) clamp(20px, 4vw, 64px);margin-top:calc(var(--lh) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dev{margin:0;padding-top:92px;position:relative}.dev-art{aspect-ratio:1;transform-origin:50% 85%;max-width:500px;margin-inline:auto;position:relative}.dev-art img{opacity:0;transition:opacity .12s step-end;position:absolute;inset:0}.dev-art img.on{opacity:1}.dev.typing .dev-art{animation:.42s ease-in-out infinite alternate type-bob}.dev.rage .dev-art{animation:.11s linear infinite shake}.dev.laugh .dev-art{animation:.36s ease-in-out infinite alternate laugh-bounce}.dev figcaption{text-align:center;font:700 1.55rem/1.1 var(--hand);color:var(--ink);margin-top:-6px}.dev figcaption small{font:500 1.15rem/1.1 var(--hand);color:var(--lead);display:block}.screen{z-index:3;color:#c9d4ff;width:min(68%,330px);box-shadow:0 0 0 2px var(--ink), 0 18px 26px -16px #0a0a28cc;font:400 .74rem/1.5 var(--mono);transform:rotate(var(--tilt,-1.5deg));background:#10131c;border:3px solid #10131c;border-radius:14px 10px 16px 9px/9px 15px 10px 14px;padding:10px 12px 12px;position:absolute;top:0}.dev:nth-child(odd) .screen{--tilt:1.8deg;right:0}.dev:nth-child(2n) .screen{--tilt:-1.6deg;left:0}.screen-bar{gap:5px;margin-bottom:6px;display:flex}.screen-bar i{background:#3a4157;border-radius:50%;width:8px;height:8px}.screen-bar i:first-child{background:#e0605a}.screen pre{white-space:pre;height:6em;font:inherit;margin:0;overflow:hidden}.screen .ln-err{color:#ff8b84;white-space:pre-wrap;background:#ff50461f;display:block}.screen .ln-ok{color:#9df0b0}.screen .cur{vertical-align:-.2em;background:#c9d4ff;width:.6em;height:1.1em;animation:.8s steps(2,jump-none) infinite blink;display:inline-block}.dev.rage .screen{box-shadow:0 0 0 2px var(--red), 0 0 24px 2px #c22a3173;animation:.14s linear infinite shake}.bubble{z-index:4;max-width:74%;color:var(--ink);font:700 1.45rem/1.1 var(--hand);border:2.5px solid var(--ink);opacity:0;transform-origin:var(--origin,20% 100%);pointer-events:none;background:#fff;border-radius:30px 26px 32px 22px/24px 30px 22px 28px;padding:10px 16px 8px;transition:opacity .2s,transform .35s cubic-bezier(.3,1.8,.5,1);position:absolute;transform:scale(.6)rotate(-4deg);box-shadow:3px 4px #1d2a9e26}.bubble.show{opacity:1;transform:scale(1) rotate(var(--rot,-2deg))}.bubble:after{content:"";bottom:-16px;left:var(--tail,26%);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:#fff;border-bottom-right-radius:8px;width:22px;height:18px;position:absolute;transform:skew(-28deg)rotate(18deg)}.bubble.rage{border-color:var(--red);color:var(--red);clip-path:polygon(0% 12%,7% 0%,14% 10%,22% 0%,30% 9%,39% 0%,47% 8%,56% 0%,64% 10%,73% 1%,81% 9%,90% 0%,100% 10%,95% 30%,100% 50%,95% 70%,100% 90%,90% 100%,80% 91%,70% 100%,60% 90%,50% 100%,40% 91%,30% 100%,20% 90%,10% 100%,0% 90%,5% 70%,0% 50%,5% 30%);box-shadow:none;background:#fff4f1;border-radius:4px;padding:18px 24px;font-size:1.7rem}.bubble.rage:after{display:none}.bubble.laugh{color:var(--ink-2)}.ha{z-index:5;font:700 1.6rem/1 var(--hand);color:var(--ink-2);pointer-events:none;animation:1.6s ease-out forwards ha-up;position:absolute}.ha.r{color:var(--red);font-size:2rem;animation:1.1s ease-out forwards grawl}.dept-stats{gap:var(--lh) clamp(20px, 3vw, 48px);margin-top:calc(var(--lh) * 2);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.2fr);align-items:start;display:grid}.composer{margin-top:var(--lh);font:400 .85rem/1.5 var(--mono);color:#20262f;max-width:520px}.composer .track{height:22px;margin:6px 0;position:relative;overflow:hidden}.composer .fill{background:repeating-linear-gradient(-55deg, var(--ink) 0 2px, transparent 2px 7px);border-radius:3px 8px 4px 9px;width:0;position:absolute;inset:2px auto 2px 2px}.composer .msg{min-height:3em;color:var(--lead)}.composer .msg.bad{color:var(--red)}.end{padding:calc(var(--lh) * 3) 0 calc(var(--lh) * 4);gap:var(--lh) 48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.end .tag{font:700 clamp(5rem, 14vw, 11rem)/.9 var(--mono);color:var(--ink);letter-spacing:-.04em}.end .tag .cur{background:var(--red);vertical-align:-.04em;width:.08em;height:.8em;margin-left:.04em;animation:1s steps(2,jump-none) infinite blink;display:inline-block}.credit{color:var(--lead);font-size:1.05rem}@keyframes sway{0%,to{transform:rotate(-1.2deg)translateY(0)}50%{transform:rotate(1.4deg)translateY(-6px)}}@keyframes flutter{0%,to{transform:rotate(7deg)}45%{transform:rotate(4deg)translateY(-3px)}55%{transform:rotate(8deg)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes blink{0%{opacity:1}50%{opacity:0}}@keyframes type-bob{0%{transform:translateY(0)rotate(-.3deg)}to{transform:translateY(1.5px)rotate(.3deg)}}@keyframes shake{0%{transform:translate(0)rotate(0)}25%{transform:translate(-3px,1px)rotate(-.8deg)}50%{transform:translate(2px,-2px)rotate(.6deg)}75%{transform:translate(-1px,2px)rotate(-.4deg)}to{transform:translate(3px)rotate(.8deg)}}@keyframes laugh-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-5px)scale(1.012,.99)}}@keyframes ha-up{0%{opacity:0;transform:translate(0, 10px) rotate(var(--r,0deg)) scale(.6)}15%{opacity:1;transform:translate(0, 0) rotate(var(--r,0deg)) scale(1.1)}to{opacity:0;transform:translate(var(--dx,20px), -90px) rotate(var(--r,0deg)) scale(1)}}@keyframes grawl{0%{opacity:0;transform:scale(.3) rotate(var(--r,0deg))}20%{opacity:1;transform:scale(1.3) rotate(var(--r,0deg))}to{opacity:0;transform:translate(var(--dx,20px), -50px) scale(1) rotate(var(--r,0deg))}}@keyframes flash{0%{background:var(--hl)}to{background:0 0}}@keyframes wobble{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(5deg)scale(1.08)}}@keyframes pop{0%{transform:scale(.4)rotate(-20deg)}60%{transform:scale(1.3)rotate(6deg)}to{transform:scale(1)rotate(0)}}@media (max-width:900px){:root{--spiral:34px;--margin-x:calc(var(--spiral) + 18px);--lh:30px}body{font-size:1.12rem}.spiral{background-position:0 4px,0 0;background-size:34px 27px,auto}.cover,.chapter,.end{grid-template-columns:minmax(0,1fr)}.cover{padding-top:calc(var(--lh) * 3)}.cover-art{order:-1;width:min(78%,360px)}.hint{margin-top:var(--lh);position:static}.chapter.flip .ch-text{order:0}.toc{display:none}.devs,.dept-stats{grid-template-columns:minmax(0,1fr)}.ch-num{width:80px;height:80px;font-size:3.6rem}.postit{width:118px;font-size:1.1rem;right:-6%}.lang{padding:8px 12px 6px;font-size:1.15rem}.screen{width:min(72%,300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}code,.mono,.slip pre,.screen,.ptable .fn,.ptable .arg,.ptable .op,.ship,.composer,.acro .err,.form .result{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}@media (min-width:901px){#book{padding-right:calc(var(--gutter) + 52px)}}.ch-head{position:relative}.margin-note{font:700 1.65rem/1 var(--hand);color:var(--red);pointer-events:none;white-space:nowrap;align-items:flex-start;gap:0;display:flex;position:absolute;top:-6px;left:200px;transform:rotate(-4deg)}.margin-note svg{width:70px;height:48px;margin:18px 0 0 -6px;transform:scaleX(-1)rotate(-12deg)}.margin-note path{stroke-dasharray:400;stroke-dashoffset:400px;transition:stroke-dashoffset 1.2s 1s}.in .margin-note path{stroke-dashoffset:0}.margin-note span{opacity:0;transition:opacity .6s .7s,transform .6s .7s;transform:translateY(6px)}.in .margin-note span{opacity:1;transform:none}.stain{z-index:-1;top:calc(var(--lh) * 1.5);pointer-events:none;width:230px;height:230px;transform:rotate(var(--rot,0deg));mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='f' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence baseFrequency='.03' numOctaves='3' seed='4'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='10'/%3E%3C/filter%3E%3Cg filter='url(%23f)'%3E%3Ccircle cx='100' cy='100' r='80' fill='rgba(150,100,40,.05)' stroke='rgba(125,80,28,.34)' stroke-width='5'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='rgba(125,80,28,.13)' stroke-width='2.5'/%3E%3Cpath d='M30 120 C 24 150, 40 172, 62 182' fill='none' stroke='rgba(125,80,28,.2)' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;position:absolute;right:34%}.chapter,.dept,.end{isolation:isolate}.walker{z-index:28;pointer-events:none;will-change:transform;width:112px;height:auto;transition:transform .35s cubic-bezier(.3,.8,.4,1);position:fixed;bottom:2px;left:0}.walker.moving{animation:.22s ease-in-out infinite alternate trot}@keyframes trot{0%{margin-bottom:0}to{margin-bottom:5px}}.end .tag{font:700 clamp(6rem, 16vw, 13rem) / .85 var(--hand);letter-spacing:0;color:var(--ink);transform-origin:0;margin-bottom:var(--lh);transform:rotate(-3deg)}.end-art{justify-self:center;width:min(80%,420px)}.end-art .ink{transform-origin:50% 90%;animation:5s ease-in-out infinite sway}@media (max-width:900px){.margin-note{font-size:1.35rem;top:-34px;left:auto;right:0}.margin-note svg{display:none}.stain{width:150px;height:150px;right:4%}.walker{width:76px}}@media (min-width:1200px){.devs{gap:var(--lh) clamp(14px, 1.6vw, 28px);grid-template-columns:repeat(4,minmax(0,1fr))}.dev{padding-top:128px}.dev .screen,.dev:nth-child(odd) .screen,.dev:nth-child(2n) .screen{width:96%;font-size:.68rem;left:2%;right:auto}.dev .screen pre{height:6.2em}.dev .bubble{max-width:92%;font-size:1.3rem;top:96px!important}.dev .bubble.rage{font-size:1.45rem}}