@font-face{font-family:Fraunces Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin.woff2) format("woff2-variations")}@font-face{font-family:Fraunces Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-italic.woff2) format("woff2-variations")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-latin.woff2) format("woff2-variations")}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spline-mono-400.woff2) format("woff2")}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/spline-mono-500.woff2) format("woff2")}@font-face{font-family:Bricolage Fallback;src:local("Arial");size-adjust:103%;ascent-override:93%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Fraunces Fallback;src:local("Georgia");size-adjust:99%;ascent-override:97%;descent-override:25%;line-gap-override:0%}:root{--paper-solid: #ede7da;--ink: #2a231b;--ink-soft: #6e6152;--ink-faint: #94886f;--hairline: rgb(42 35 27 / .28);--hairline-strong: rgb(42 35 27 / .55);--sage: #77816e;--sage-deep: #57604f;--iron: #a6431f;--iron-deep: #833317;--ochre: #c9a25e;--ochre-deep: #6e5614;--display: "Fraunces Variable", "Fraunces Fallback", "Georgia", serif;--body: "Bricolage Grotesque Variable", "Bricolage Fallback", "Helvetica Neue", sans-serif;--mono: "Spline Sans Mono", ui-monospace, "SFMono-Regular", monospace;--measure: 58ch;--gutter: clamp(1.25rem, 4.5vw, 4rem);--press: cubic-bezier(.3, 1.4, .5, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#b0a38c #e7e0d1}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body.circles{margin:0;background:var(--paper-solid);color:var(--ink);font-family:var(--body);font-size:1.125rem;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}.paper{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.skip{position:absolute;left:1rem;top:-3rem;background:var(--ink);color:var(--paper-solid);padding:.5rem .8rem;z-index:10}.skip:focus{top:1rem}a{color:inherit;text-decoration-color:var(--hairline-strong);text-underline-offset:.16em}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:2px solid var(--iron);outline-offset:3px}.nav{display:flex;align-items:baseline;gap:.7rem;padding:1.1rem var(--gutter) 0;font-size:.95rem}.wordmark{font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:-.01em;text-decoration:none}.nav-sep{color:var(--ink-faint)}.nav-here{color:var(--ink-soft)}.nav-back{margin-left:auto;color:var(--ink-soft)}.game{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,44%);gap:clamp(1.5rem,4vw,4rem);padding:1.5rem var(--gutter) 4rem;align-items:start}.chapters{max-width:var(--measure);min-width:0}.stage{position:sticky;top:1rem;order:2}@media (max-width: 900px){.game{grid-template-columns:1fr;gap:0;padding-top:.5rem}.stage{order:0;top:0;z-index:5;background:var(--paper-solid);margin:0 calc(var(--gutter) * -1);padding:.5rem var(--gutter) .4rem;border-bottom:1px solid var(--hairline)}.chapters{max-width:none}}.stage-frame{border:1px solid var(--hairline-strong);border-radius:3px;background:#fffcf447;box-shadow:inset 0 0 0 4px var(--paper-solid),inset 0 0 0 5px var(--hairline);padding:6px}#stage-canvas{display:block;width:100%;aspect-ratio:6 / 5;height:auto}@media (max-width: 900px){#stage-canvas{aspect-ratio:4 / 3;max-height:40vh}}.stage-note{font-size:.92rem;color:var(--ink-soft);margin:.7rem 0 0;min-height:1.6em}.toc{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.15rem .9rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em}.toc a{color:var(--ink-faint);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}.toc a[aria-current=true]{color:var(--iron);border-bottom-color:var(--iron)}@media (max-width: 900px){.stage-note{font-size:.82rem;margin-top:.4rem;min-height:0}.toc{display:none}}.chapter{padding:3.5rem 0 3rem;border-top:1px solid var(--hairline);transition:opacity .4s ease;scroll-margin-top:1rem}@media (max-width: 900px){.chapter{scroll-margin-top:calc(40vh + 5.5rem)}}.chapter:first-child{border-top:0;padding-top:2rem}@media (min-width: 901px){.chapter:not(.is-current){opacity:.55}.chapter:hover,.chapter:focus-within{opacity:1}}.kicker{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--iron);margin:0 0 1rem}h1{font-family:var(--display);font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 1;font-weight:500;font-size:clamp(2.6rem,6.5vw,4.6rem);line-height:1;letter-spacing:-.02em;margin:0 0 1.4rem;text-wrap:balance}h1 em{font-style:italic;font-weight:400}h2{font-family:var(--display);font-variation-settings:"opsz" 100,"SOFT" 30;font-weight:540;font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.08;letter-spacing:-.012em;margin:0 0 1rem;text-wrap:balance}h2 .num{display:inline-block;font-family:var(--mono);font-size:.8rem;font-weight:500;letter-spacing:.06em;color:var(--paper-solid);background:var(--ink);border-radius:999px;width:1.7rem;height:1.7rem;line-height:1.7rem;text-align:center;vertical-align:.35em;margin-right:.7rem}h3{font-family:var(--display);font-weight:560;font-size:1.35rem;line-height:1.2;margin:2.2rem 0 .6rem}.chapter p{margin:0 0 1.1rem}.lede{font-size:1.22rem;line-height:1.55}.lede-small{color:var(--ink-soft);font-size:1rem}strong{font-weight:650}code{font-family:var(--mono);font-size:.86em;background:#2a231b0f;padding:.05em .3em;border-radius:2px}.next{display:inline-block;margin-top:.4rem;font-family:var(--mono);font-size:.82rem;letter-spacing:.03em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hairline-strong);padding-bottom:2px}.next:before{content:"↓ ";color:var(--iron)}.next:hover{border-bottom-color:var(--ink)}.try{margin:1.4rem 0 1.5rem;padding:1rem 0 .4rem;border-top:1px dashed var(--hairline-strong);border-bottom:1px dashed var(--hairline-strong)}.try-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem;margin-bottom:.7rem}.btn{font-family:var(--body);font-size:.95rem;font-weight:600;color:var(--paper-solid);background:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:.5rem 1rem;cursor:pointer;transition:transform .35s var(--press),background .18s ease,color .18s ease}.btn:hover{background:#3b3227}.btn:active{transform:scale(.96)}.btn:disabled{background:transparent;color:var(--ink-faint);border-color:var(--hairline);cursor:default;transform:none}.btn-quiet{background:transparent;color:var(--ink)}.btn-quiet:hover{background:#2a231b12}.readout{font-family:var(--mono);font-size:.82rem;color:var(--ink-soft)}.readout b{color:var(--ink);font-weight:500}.check{display:inline-flex;align-items:center;gap:.45rem;font-size:.98rem;cursor:pointer}.check input{accent-color:var(--iron);width:1.05rem;height:1.05rem;margin:0}.slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-bottom:.8rem;font-size:.95rem}.slider input{accent-color:var(--iron);width:100%;margin:0}.slider b{font-family:var(--mono);font-weight:500;font-size:.85rem;white-space:nowrap}.say{font-size:1rem;color:var(--ink-soft);min-height:1.6em;margin:.2rem 0 .8rem!important;padding-left:.9rem;border-left:2px solid var(--hairline)}.say:empty{border-left-color:transparent}.say[data-tone=ok]{border-left-color:var(--sage);color:var(--ink)}.say[data-tone=no]{border-left-color:var(--iron);color:var(--ink)}.say b{font-family:var(--mono);font-weight:500}.ledger{margin:0 0 .8rem;display:grid;gap:.25rem}.ledger div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dotted var(--hairline);padding-bottom:.25rem;font-size:.95rem}.ledger dt{color:var(--ink-soft)}.ledger dd{margin:0;font-family:var(--mono);font-size:.9rem}.ledger b{font-weight:500}.mini-chart{display:block;width:100%;height:130px;margin:.4rem 0 .8rem;border-bottom:1px solid var(--hairline)}.check select{font-family:var(--mono);font-size:.82rem;color:var(--ink);background:transparent;border:1px solid var(--hairline-strong);border-radius:2px;padding:.25rem .4rem;margin-left:.3rem}.chapter-part{border-top:3px double var(--hairline-strong)}.quiz{list-style:none;margin:1.2rem 0 .6rem;padding:0;counter-reset:q}.quiz-item{border-top:1px dashed var(--hairline-strong);padding:.9rem 0 .7rem}.quiz-item>p:first-child{margin-bottom:.5rem}.quiz-pick{display:flex;gap:.5rem;margin-bottom:.4rem}.quiz-pick button{font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;background:none;border:1px solid var(--hairline-strong);border-radius:2px;color:var(--ink);padding:.35rem .8rem;cursor:pointer}.quiz-pick button:hover:not(:disabled){background:#2a231b0f}.quiz-pick button:disabled{color:var(--ink-faint);cursor:default}.quiz-reveal{font-size:.98rem;padding-left:.9rem;border-left:2px solid var(--sage)}.quiz-item[data-state=wrong] .quiz-reveal{border-left-color:var(--iron)}.quiz-item[data-state=right]:before,.quiz-item[data-state=wrong]:before{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;display:block;margin-bottom:.3rem}.quiz-item[data-state=right]:before{content:"right";color:var(--sage-deep)}.quiz-item[data-state=wrong]:before{content:"not quite";color:var(--iron)}.tally{font-family:var(--mono);font-size:.85rem;color:var(--iron);min-height:1.5em}textarea{width:100%;font-family:var(--body);font-size:1.05rem;line-height:1.55;color:var(--ink);background:#fffcf459;border:1px solid var(--hairline-strong);border-radius:3px;padding:.7rem .85rem;resize:vertical}.words{font-family:var(--mono);font-size:.8rem;color:var(--ink-soft);min-height:1.5em}.ours{margin-top:1rem}.ours summary{cursor:pointer;font-family:var(--mono);font-size:.82rem;letter-spacing:.03em}.ours p{margin-top:.6rem;padding-left:.9rem;border-left:2px solid var(--ochre)}.sources{border-top:1px solid var(--hairline-strong);padding-top:1.6rem;margin-top:1rem;font-size:.95rem;color:var(--ink-soft)}.sources h3{margin-top:0;color:var(--ink)}.sources ul{padding-left:1.1rem;margin:0 0 1rem}.sources li{margin-bottom:.5rem}.sources-fine{font-size:.88rem}