:root{color-scheme:light;--paper:#f4f0e7;--ink:#25251f;--muted:#67655b;--rule:#d5cfc0;--red:#a8321f;--dark:#191a18;--dark-text:#e6dfcf;--dark-muted:#aaa79b;--k:#111;--hand:"Patrick Hand", "Comic Sans MS", "Chalkboard SE", cursive;--bang:"Bangers", "Arial Narrow", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;scrollbar-color:#8b8676 var(--paper);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--paper);color:var(--ink);margin:0}::selection{color:var(--k);background:#f1d3aa}a{color:inherit;text-decoration-color:var(--red);text-underline-offset:4px}a:hover{color:var(--red)}a:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #c16b44}code{font-family:var(--mono);background:#e9e3d4;border-radius:3px;padding:.1em .3em;font-size:.86em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--paper);z-index:20;padding:12px 18px;position:fixed;top:-100px;left:16px}.skip:focus{top:12px}.masthead{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:16px;width:min(1240px,100% - 48px);margin:auto;padding:26px 0;display:flex}.wordmark{font:400 30px/1 var(--bang);letter-spacing:.02em;text-decoration:none}.wordmark span{color:var(--red)}.masthead .credit{font:12px/1.3 var(--mono);color:var(--muted);text-decoration:none}.cold-open{width:min(1000px,100% - 48px);margin:0 auto;padding:72px 0 60px}.cold-open h1{letter-spacing:-.02em;text-wrap:balance;max-width:920px;margin:0 0 28px;font-size:clamp(30px,4.1vw,54px);font-weight:400;line-height:1.2}.cold-open h1 em{color:var(--red)}.invitation{max-width:700px;margin:36px 0 0;font-size:clamp(20px,2.1vw,26px);font-style:italic;line-height:1.5}.shortcuts{flex-wrap:wrap;gap:24px;margin:26px 0 0;font:14px/1.5 Arial,Helvetica,sans-serif;display:flex}.shortcuts a{border-bottom:1px solid var(--rule);text-decoration:none}.satire{max-width:640px;color:var(--muted);margin:30px 0 0;font:13px/1.6 Arial,Helvetica,sans-serif}.comic{background:var(--dark);color:var(--dark-text);scrollbar-color:#55554c var(--dark);padding-bottom:72px}.mode-input{opacity:0;pointer-events:none;position:absolute}.reader-toolbar{z-index:5;background:#191a18f7;border-bottom:1px solid #44443e;position:sticky;top:0}.reader-toolbar-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1100px;min-height:62px;margin:auto;padding:10px 22px;display:flex}.era-links{font:12px/1.4 var(--mono);flex-wrap:wrap;gap:6px 20px;display:flex}.era-links a{color:var(--dark-muted);text-decoration:none}.era-links a:hover{color:#f1d3aa}.mode-switch{border:1px solid #54544a;border-radius:4px;flex:none;gap:3px;padding:3px;display:flex}.mode-switch label{color:var(--dark-muted);cursor:pointer;border-radius:2px;padding:7px 12px;font:12px/1.4 Arial,Helvetica,sans-serif}.mode-switch label:hover{color:#f1d3aa}#mode-pages:checked~.reader-toolbar label[for=mode-pages],#mode-panels:checked~.reader-toolbar label[for=mode-panels]{color:#1b1c19;background:#e4dac6}#mode-pages:focus-visible~.reader-toolbar label[for=mode-pages],#mode-panels:focus-visible~.reader-toolbar label[for=mode-panels]{outline-offset:2px;outline:3px solid #c16b44}.chapter{max-width:1060px;margin:auto;padding:52px 22px 0;scroll-margin-top:64px}.chapter-heading{justify-content:space-between;align-items:baseline;gap:20px;padding:0 0 16px;display:flex}.chapter-heading h2{margin:0;font-size:26px;font-weight:400}.chapter-heading h2 span{color:#c1a685;margin-right:12px}.chapter-heading small{font:11px/1.4 var(--mono);color:var(--dark-muted)}.chapter-description{color:#ded6c5;max-width:46em;margin:4px 0 28px;font-size:19px;line-height:1.75}.chapter-description p{margin:0 0 18px}.chapter-description p:last-child{margin-bottom:0}.chapter-description code{color:#e4d5bb;background:#33352d}.chapter-context{margin-top:30px}.transcript{color:#c3c0b4;max-width:46em;margin:20px 0 0;font:15px/1.7 Arial,Helvetica,sans-serif}.transcript summary{cursor:pointer;width:fit-content;color:var(--dark-muted);font:12px/1.5 var(--mono)}.transcript summary:hover{color:#f1d3aa}.transcript p{margin:14px 0 0}.comic-end{max-width:1060px;margin:56px auto 0;padding:0 22px}.comic-end p{margin:0 0 14px;font-size:24px;line-height:1.5}.comic-end a{color:#edceaa;font:13px/1.5 var(--mono);text-decoration:none}.page{background:var(--k);grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:34cqi;gap:10px;padding:14px;display:grid;box-shadow:0 22px 48px #00000080;container-type:inline-size}.w2{grid-column:span 2}.w3{grid-column:span 3}.w4{grid-column:span 4}.w6{grid-column:span 6}.panel{background:#2a2a26;margin:0;position:relative;overflow:hidden}.panel img{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;display:block}.f-top{--focus:50% 20%}.f-bottom{--focus:50% 85%}.f-left{--focus:20% 50%}.f-right{--focus:80% 50%}.cap,.bubble{z-index:2;max-width:44%;font-family:var(--hand);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(12.5px,1.4cqi,16px);line-height:1.25;position:absolute}.w2>.cap,.w2>.bubble{max-width:74%;font-size:clamp(12.5px,1.5cqi,15px)}.w3>.cap,.w3>.bubble{max-width:64%}.cap{background:var(--k);color:#f6f1e6;clip-path:polygon(1.5% 6%,30% 0,62% 5%,100% 1%,98.5% 52%,100% 96%,66% 100%,28% 95%,0 100%,1% 48%);padding:.5em 1.1em .45em}.bubble{color:var(--k);border:2px solid var(--k);text-align:center;background:#fff;border-radius:50%/46%;padding:.8em 1.15em}.bubble:before,.bubble:after{content:"";top:100%;left:var(--tail,24%);clip-path:polygon(0 0,100% 0,25% 100%);width:20px;height:20px;position:absolute}.bubble:before{background:var(--k);margin-top:-1px}.bubble:after{background:#fff;width:14px;height:13px;margin:-3px 0 0 3px}.tail-c{--tail:calc(50% - 10px)}.tail-r{--tail:calc(74% - 16px)}.tail-r:before,.tail-r:after{clip-path:polygon(0 0,100% 0,75% 100%)}.tail-r:after{margin-left:3px}.tail-up:before,.tail-up:after{clip-path:polygon(25% 0,100% 100%,0 100%);top:auto;bottom:100%}.tail-up:before{margin:0 0 -1px}.tail-up:after{margin:0 0 -3px 3px}.cap-stack{z-index:2;flex-direction:column;align-items:flex-start;gap:8px;max-width:70%;display:flex;position:absolute}.cap-stack>.cap{max-width:100%;position:relative}.at-tl{top:4%;left:3%}.at-tr{top:4%;right:3%}.at-tc{top:4%;left:50%;translate:-50%}.at-ml{top:34%;left:3%}.at-mr{top:34%;right:3%}.at-bl{bottom:5%;left:3%}.at-br{bottom:5%;right:3%}.at-bc{bottom:5%;left:50%;translate:-50%}.sfx{z-index:3;font-family:var(--bang);letter-spacing:.04em;color:#fff;-webkit-text-stroke:2.5px var(--k);paint-order:stroke fill;text-shadow:4px 4px 0 var(--k);margin:0;font-size:clamp(30px,5cqi,60px);line-height:1;position:absolute;rotate:-9deg}.sfx-xl{font-size:clamp(40px,8cqi,92px)}.sfx-red{color:#ff5a4a}.sfx-yel{color:#ffd23f}.sfx-mint{color:#7ff0d1}#mode-panels:checked~.chapter,#mode-panels:checked~.comic-end{max-width:760px}#mode-panels:checked~.chapter .page{box-shadow:none;background:0 0;flex-direction:column;gap:18px;padding:0;display:flex}#mode-panels:checked~.chapter .panel img{height:auto}#mode-panels:checked~.chapter .panel>:is(.cap,.bubble){max-width:58%;font-size:16px}#mode-panels:checked~.chapter .cap-stack{max-width:70%}#mode-panels:checked~.chapter .cap-stack>.cap{font-size:16px}@media (width<=719px){.mode-switch{display:none}.reader-toolbar-inner{min-height:48px;padding:8px 16px}.era-links{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.chapter{padding-top:40px}.chapter-description{font-size:17px}.page{box-shadow:none;background:0 0;flex-direction:column;gap:14px;padding:0;display:flex}.panel{background:var(--k);flex-wrap:wrap;align-items:flex-start;gap:10px;padding:12px 12px 0;display:flex}.panel img{order:9;width:calc(100% + 24px);height:auto;margin:4px -12px 0}.panel>p,.cap-stack{position:relative;inset:auto;translate:none}.panel>:is(.cap,.bubble),.cap-stack,.cap-stack>.cap{max-width:100%;font-size:14.5px}.bubble:before,.bubble:after{display:none}.sfx{order:2;margin-left:auto;font-size:34px}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sfx{animation:linear both sfx-pop view();animation-range:entry 10% entry 70%}}}@keyframes sfx-pop{0%{opacity:0;scale:.3}60%{opacity:1;scale:1.12}to{opacity:1;scale:1}}.writeup-shell{grid-template-columns:190px minmax(0,720px);justify-content:center;gap:68px;max-width:1240px;margin:auto;padding:88px 32px 100px;display:grid}.contents{align-self:start;font:13px/1.5 Arial,Helvetica,sans-serif;position:sticky;top:40px}.contents p{color:var(--muted);margin:0 0 18px;font-size:13px;font-weight:700}.contents a{color:var(--muted);border-top:1px solid var(--rule);padding:8px 0;text-decoration:none;display:block}.contents a:hover{color:var(--red)}.prose{max-width:68ch;font-size:19px;line-height:1.7}.prose h2{margin:64px 0 18px;scroll-margin-top:30px;font-size:30px;font-weight:400;line-height:1.25}.prose h2:first-child{margin-top:0}.prose p,.prose ul{margin:0 0 20px}.prose li{margin:0 0 10px}.prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:0 0 24px;font:15px/1.5 Arial,Helvetica,sans-serif}.prose th,.prose td{text-align:left;vertical-align:top;border-top:1px solid var(--rule);padding:10px 12px 10px 0}.prose th{font-weight:700}.site-foot{border-top:1px solid var(--rule);width:min(1240px,100% - 48px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:auto;padding:26px 0 48px;font:13px/1.6 Arial,Helvetica,sans-serif;display:flex}.site-foot a{text-decoration:none}@media (width<=860px){.writeup-shell{grid-template-columns:minmax(0,1fr);gap:36px;padding:64px 22px 80px}.contents{position:static}.prose{font-size:18px}}.theme-light .comic{color:var(--ink);scrollbar-color:#b9b19e #ece6d8;background:#ece6d8}.theme-light .reader-toolbar{border-bottom-color:var(--rule);background:#ece6d8f7}.theme-light .era-links a,.theme-light .mode-switch label,.theme-light .chapter-heading small,.theme-light .transcript summary{color:var(--muted)}.theme-light .era-links a:hover,.theme-light .mode-switch label:hover,.theme-light .transcript summary:hover{color:var(--red)}.theme-light .mode-switch{border-color:var(--rule)}.theme-light #mode-pages:checked~.reader-toolbar label[for=mode-pages],.theme-light #mode-panels:checked~.reader-toolbar label[for=mode-panels]{color:#fff;background:var(--ink)}.theme-light .chapter-heading h2 span{color:var(--red)}.theme-light .chapter-description,.theme-light .transcript{color:var(--ink)}.theme-light .chapter-description code{color:var(--ink);background:#e0d8c6}.theme-light .comic-end a{color:var(--red)}.theme-light .page{background:#fff;box-shadow:0 14px 34px #3c321e2e}.theme-light .panel{outline:3px solid var(--k);outline-offset:-3px}.theme-light .panel img{z-index:0;position:relative}@media (width<=719px){.theme-light .panel{background:#fff}.theme-light .panel>.cap{color:#f6f1e6}}.lettering-pop .cap{color:var(--k);border:2.5px solid var(--k);clip-path:none;text-transform:none;letter-spacing:0;background:#ffe680}.lettering-pop .bubble{text-transform:none;letter-spacing:0;border-width:2.5px;border-radius:1.4em}.lettering-pop .sfx{color:#ffd23f}.lettering-manga .cap{color:var(--k);border:2px solid var(--k);clip-path:none;text-transform:none;letter-spacing:0;background:#fff}.lettering-manga .bubble{text-transform:none;letter-spacing:0;border-radius:50%}.lettering-manga .sfx{color:#fff;rotate:-14deg}.lettering-parchment .cap{color:#3b2a14;clip-path:none;text-transform:none;letter-spacing:.01em;background:#efe0bd;border:2px solid #6b4f26;font-family:Georgia,Times New Roman,serif;font-style:italic;box-shadow:0 2px #6b4f26}.lettering-parchment .bubble{text-transform:none;letter-spacing:0;background:#fffaf0}.lettering-parchment .sfx{color:#ffd98a}