@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;font-feature-settings:"liga" 0, "clig" 0;src:url(/font/pixelify-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--w-dark:#2c160a;--w-body:#9f5624;--w-lit:#c47738;--w-mid:#73401e;--paper:#fbdeaf;--paper-s:#e9af69;--ink:#5a3d1f;--chalk:#f0dcb4;--gold:#f0d18a;--display:"Pixelify Sans", ui-monospace, Menlo, Consolas, monospace;--prose:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html{background:var(--paper)}body{margin:0}.page{background:var(--paper);max-width:66rem;color:var(--ink);font-family:var(--prose);grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:2.5rem;margin:0 auto;padding:0 1.25rem;font-size:1rem;line-height:1.6;display:grid}.side{background:var(--w-body);max-height:100dvh;color:var(--chalk);border:1px solid var(--w-dark);box-shadow:inset 0 1px 0 var(--w-lit), inset 0 -1px 0 var(--w-mid);margin-top:2.5rem;padding:1rem 1.1rem 1.2rem;position:sticky;top:0;overflow-y:auto}.side-home{font-family:var(--display);color:var(--chalk);font-size:.95rem;display:block}.side-title{font-family:var(--display);border-bottom:1px solid var(--w-mid);box-shadow:0 1px 0 var(--w-lit);margin:.1rem 0 .8rem;padding-bottom:.5rem;font-size:1.15rem;font-weight:700}.side ol{margin:0;padding-left:1.2rem}.side li{margin:.3rem 0}.side a{color:var(--chalk);text-underline-offset:2px;text-decoration-thickness:1px}.side a:hover{color:#fff}.side a:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.docs{min-width:0;max-width:42rem;padding:2.5rem 0 4rem}@media (width<=62rem){.page{grid-template-columns:minmax(0,1fr);gap:0}.side{max-height:none;margin-top:2rem;position:static}.docs{max-width:none;padding-top:2rem}}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;line-height:1.15}h1{margin:0 0 .4rem;font-size:2.4rem}h2{margin:3rem 0 .6rem;font-size:1.5rem}h3{margin:1.6rem 0 .4rem;font-size:1.1rem}h2{border-bottom:1px solid var(--w-mid);box-shadow:0 1px 0 var(--paper-s);padding-bottom:.35rem}p{margin:0 0 1rem}.crumb{font-family:var(--display);margin:0 0 1.2rem;font-size:.95rem}.lede{margin-bottom:1.6rem;font-size:1.1rem}a{color:var(--w-mid);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--w-dark)}a:focus-visible{outline:2px solid var(--w-mid);outline-offset:2px}.toc{background:var(--w-body);color:var(--chalk);border:1px solid var(--w-dark);box-shadow:inset 0 1px 0 var(--w-lit), inset 0 -1px 0 var(--w-mid);margin:0 0 2rem;padding:1rem 1.25rem}.toc h2{color:var(--chalk);box-shadow:none;border:0;margin:0 0 .5rem;padding:0;font-size:1rem}.toc ol{margin:0;padding-left:1.3rem}.toc li{margin:.15rem 0}.toc a{color:var(--chalk)}.toc a:hover{color:#fff}.toc a:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.shot{margin:1.5rem 0}.shot img{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--w-dark);box-shadow:0 1px 0 var(--paper-s);display:block}.shot figcaption{margin-top:.4rem;font-size:.9rem;font-style:italic}.pair{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=40rem){.pair{grid-template-columns:1fr 1fr}}.pair .shot{margin:0}kbd{font-family:var(--display);background:var(--w-body);color:var(--chalk);border:1px solid var(--w-dark);box-shadow:inset 0 1px 0 var(--w-lit), inset 0 -1px 0 var(--w-mid);margin:0 .1em;padding:.15em .45em;font-size:.95em;line-height:1;display:inline-block}.keys{border-collapse:collapse;width:100%;margin:0 0 1rem}.keys td{border-bottom:1px solid var(--paper-s);vertical-align:top;padding:.45rem .5rem}.keys td:first-child{white-space:nowrap;width:1%;padding-right:1.25rem}.keys tr:last-child td{border-bottom:0}.or{font-family:var(--prose);font-size:.9em}.steps{margin:0 0 1rem;padding-left:1.3rem}.steps li{margin:.45rem 0}.aside{background:var(--paper-s);border:1px solid var(--w-mid);margin:0 0 1rem;padding:.8rem 1rem;box-shadow:inset 0 1px #f6cd92}.todo{padding-left:1.3rem}.todo li{margin:.35rem 0}.foot{border-top:1px solid var(--w-mid);box-shadow:0 -1px 0 var(--paper-s) inset;margin-top:3.5rem;padding-top:1.5rem}.door{font-family:var(--display);background:var(--w-dark);color:var(--gold);border:1px solid var(--w-dark);box-shadow:inset 0 1px 0 var(--w-mid);padding:.5rem 1.6rem;font-size:1.25rem;text-decoration:none;display:inline-block}.door:hover{color:#fbe4ac;background:#3a1d0d}.door:focus-visible{outline:2px solid var(--w-mid);outline-offset:2px}.note{margin-top:1rem;font-size:.9rem}.says{background:var(--paper-s);box-shadow:0 0 0 1px var(--w-mid);overflow-wrap:anywhere;padding:.05em .3em}.docs ul{margin:0 0 1rem;padding-left:1.3rem}.docs ul li{margin:.35rem 0}.steps.big{margin-bottom:1.5rem}.steps.big li{margin:.8rem 0}.trouble{margin:0}.trouble dt{margin:1.4rem 0 .35rem;font-weight:700}.trouble dt:first-child{margin-top:.5rem}.trouble dd{border-left:2px solid var(--paper-s);margin:0 0 0 1rem;padding-left:.9rem}.price{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:0 0 1rem}.price th{text-align:left;border-bottom:1px solid var(--w-mid);box-shadow:0 1px 0 var(--paper-s);padding:.4rem .5rem;font-weight:700}.price td{border-bottom:1px solid var(--paper-s);padding:.4rem .5rem}.price tr:last-child td{border-bottom:0}.price td:last-child,.price th:last-child{text-align:right;white-space:nowrap}.scroller{margin:0 0 1rem;overflow-x:auto}.scroller .price{min-width:22rem;margin:0}.price .icon{width:64px;height:64px;image-rendering:pixelated;display:block}.price td:has(.icon){width:1%;padding-right:.25rem}.price td:first-child,.price th:first-child{text-align:left}.demo{margin:1.5rem 0}.demo-screen{background:var(--w-dark);border:1px solid var(--w-dark);box-shadow:0 1px 0 var(--paper-s);padding:1rem}.demo-ask{font-family:var(--display);color:var(--chalk);margin:0 0 .8rem;font-size:1.15rem}.demo-list{margin:0;padding:0;list-style:none}.demo-list li{margin:.35rem 0}.demo-list button{text-align:left;width:100%;font:inherit;cursor:pointer;color:var(--gold);background:#291c14eb;border:1px solid #7a5c3e;align-items:center;gap:.6rem;padding:.45em .7em;display:flex}.demo-list button:hover{border-color:var(--gold)}.demo-list button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.demo-list button[aria-pressed=true]{border-color:var(--gold)}.demo-id{font-family:var(--prose);font-variant-numeric:tabular-nums}.demo-live{color:#b79a72;margin-left:auto;font-size:.85rem}.demo-corner{border:1px solid var(--w-dark);color:var(--chalk);background:#291c14eb;border-top:0;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:.5rem .7rem;font-size:.9rem;display:flex}.demo-corner-label{font-family:var(--display);background:var(--w-body);color:var(--chalk);box-shadow:inset 0 1px 0 var(--w-lit), inset 0 -1px 0 var(--w-mid);padding:0 .5em}.demo-change{color:var(--gold);margin-left:auto;text-decoration:underline}.demo figcaption{margin-top:.4rem;font-size:.9rem;font-style:italic}