@font-face{font-family:Archivo;src:url("./fonts/archivo-400-700.FAU44YVK.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Archivo Condensed;src:url("./fonts/archivo-condensed-800.CZNDY24F.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{color-scheme:light dark;--paper: #fbfbf8;--ink: #16181d;--steel: #5b6470;--line: #d9dce1;--raise: #f1f2ee;--hazard: #ffd21f;--hazard-deep: #f0c400;--on-hazard: #16181d;--plate-edge: #16181d;--font-text: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Archivo Condensed", "Arial Narrow", "Roboto Condensed", "Archivo", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--gutter: clamp(20px, 5vw, 56px);--measure: 34rem}@media(prefers-color-scheme:dark){:root{--paper: #0e0f12;--ink: #eceef1;--steel: #9aa2ad;--line: #2a2e36;--raise: #17191e;--plate-edge: #ffd21f}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.55 var(--font-text)}img{max-width:100%;height:auto}a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em}@media(hover:hover){a:hover{text-decoration-thickness:2px}}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--hazard);color:var(--on-hazard)}.wrap{width:min(100% - 2 * var(--gutter),1200px);margin-inline:auto}.nowrap{white-space:nowrap}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}.brand{display:inline-flex;align-items:center;gap:.625rem;text-decoration-line:none}.brand-mark{width:1.375rem;height:1.375rem}.brand-name{font:800 1.375rem/1 var(--font-display)}.site-nav{display:flex;gap:clamp(1rem,3vw,2rem)}.site-nav a{padding-block:.75rem;font-size:.9375rem;font-weight:500;color:var(--steel);text-decoration-line:none}@media(hover:hover){.site-nav a:hover{color:var(--ink)}}.hero{padding-block:clamp(20px,5vh,64px) clamp(56px,10vh,120px)}.hero-title{margin:0 0 clamp(24px,4.5vh,48px);font:800 clamp(3.2rem,min(13vw,17.5vh),9rem) / .92 var(--font-display);text-wrap:balance}.hero-figure{display:inline-block;width:auto;height:.9em;margin-left:.16em;vertical-align:-.04em}.hero-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:start}.lead{max-width:var(--measure);margin:0 0 1.5em;font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.45;text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem 1.25rem}.note{margin:0;font-size:.875rem;color:var(--steel)}.hero-more{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.25rem;font-size:.9375rem;font-weight:500;color:var(--steel)}@media(hover:hover){.hero-more a:hover{color:var(--ink)}}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:0 1.5rem;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:600 1.0625rem/1 var(--font-text);text-decoration-line:none;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover){.button:hover{background:var(--raise)}}.button:active{transform:translateY(1px)}.button[hidden]{display:none}.button-primary{min-height:3.75rem;padding-inline:2rem;border:2px solid var(--plate-edge);background:var(--hazard);color:var(--on-hazard);font-size:1.1875rem;font-weight:700}@media(hover:hover){.button-primary:hover{background:var(--hazard-deep)}}.button-primary:focus-visible{outline-offset:4px}.controls{padding:1.25rem 1.375rem 1.375rem;border:1px solid var(--line);background:var(--raise)}.label{margin:0 0 .875rem;font:600 .8125rem/1.2 var(--font-text);color:var(--steel)}.keys{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;font-size:.9375rem;line-height:1.35;color:var(--steel)}.keys li{display:grid;grid-template-columns:6.75rem minmax(0,1fr);gap:.75rem;align-items:center}.keys-coarse{display:none}@media(pointer:coarse){.keys-fine{display:none}.keys-coarse{display:grid}}.keycaps{display:inline-flex;flex-wrap:wrap;gap:.25rem;vertical-align:middle}kbd{display:inline-block;min-width:1.9em;padding:.45em .5em;border:1px solid var(--line);border-bottom-width:2px;background:var(--paper);color:var(--ink);font:500 .75rem/1 var(--font-mono);text-align:center}.rule{height:1px;margin-block:0;border:0;background:var(--line)}.section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,6vw,96px);align-items:start;padding-block:clamp(56px,9vw,128px)}.section-title{margin:0;font:800 clamp(2.5rem,6vw,4.75rem) / .94 var(--font-display);text-wrap:balance}.section-body>p{max-width:var(--measure);margin:0 0 1.4em;font-size:1.125rem;line-height:1.5}.install-action,.follow-links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:0}.unavailable{display:inline-flex;align-items:center;min-height:3.25rem;margin:0;padding:0 1.25rem;border:1px dashed var(--steel);color:var(--steel);font-weight:600}.section-how{display:block}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin:clamp(28px,4vw,56px) 0 0;padding:0;list-style:none}.steps img{display:block;width:100%;margin-bottom:1rem}.steps p{margin:0;max-width:26rem;line-height:1.5}.step-number{display:block;margin-bottom:.375rem;font:500 .8125rem/1.2 var(--font-mono);color:var(--steel)}@media(prefers-color-scheme:dark){.steps img{outline:1px solid var(--line)}}.site-footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 2rem;padding-block:2rem 2.5rem;font-size:.875rem;color:var(--steel)}.site-footer p{margin:0}.footer-nav{display:flex;gap:1.5rem}.prose{padding-block:clamp(24px,6vh,72px) clamp(56px,10vh,120px)}.prose>*{max-width:42rem}.page-title{margin:0 0 .25em;font:800 clamp(3rem,10vw,6.5rem) / .92 var(--font-display);text-wrap:balance}.prose .lead{margin-block:1.5em 0}.prose h2{margin:2.25em 0 .5em;font:700 1.25rem/1.3 var(--font-text)}.prose p{margin:0 0 1em;line-height:1.6}code{padding:.1em .35em;border:1px solid var(--line);background:var(--raise);font:500 .875em/1 var(--font-mono)}@media(max-width:860px){.hero-body,.section{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr);gap:2rem}}@media(max-width:480px){.button-primary,.hero-actions .button{width:100%}.keys li{grid-template-columns:6rem minmax(0,1fr)}}.prose>.arenas{max-width:60rem}.arenas{margin:clamp(28px,5vw,56px) 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.arena{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.375rem 2rem;align-items:center;padding-block:1.5rem;border-bottom:1px solid var(--line);text-decoration-line:none}.arena-title{grid-column:1;font:800 clamp(2rem,5vw,3.25rem) / 1 var(--font-display)}.arena-blurb{grid-column:1;color:var(--steel)}.arena-go{display:inline-flex;grid-row:1 / span 2;grid-column:2;align-items:center;min-height:3rem;padding:0 1.25rem;border:1px solid var(--ink);font-weight:600}@media(hover:hover){.arena:hover .arena-go{border-color:var(--plate-edge);background:var(--hazard);color:var(--on-hazard)}}@media(max-width:560px){.arena{grid-template-columns:minmax(0,1fr)}.arena-go{grid-row:auto;grid-column:1;justify-self:start;margin-top:.625rem}}.bookmark-steps,.bullets{margin:0 0 1.5em;padding-left:1.25em;line-height:1.6}.bookmark-steps{margin-top:2em}.bookmark-steps li,.bullets li{margin-bottom:.75em;padding-left:.25em}.bookmark-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:.75em 0 0}.bookmark-button{cursor:grab}.field{flex:1 1 14rem;min-width:0;max-width:24rem;min-height:3.25rem;padding:0 1rem;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:500 1.0625rem/1 var(--font-text)}.field::placeholder{color:var(--steel)}.link-button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration-line:underline;cursor:pointer}@media(pointer:coarse){.fine-only{display:none}}