@font-face{font-family:"Jersey 20";font-weight:400;font-display:swap;src:url("../play/fonts/jersey-20.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:400;font-display:swap;src:url("../play/fonts/atkinson-hyperlegible-400.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:700;font-display:swap;src:url("../play/fonts/atkinson-hyperlegible-700.woff2") format("woff2")}
:root{--night:#0e1616;--rock:#1c2a2c;--rock-2:#3e4858;--linen:#f1e9d2;--ink:#15171f;--sun:#fbe0a6;--ember:#e69c5e;--muted:#c9c2ae;--muted-ink:#5b4a2e;--card:#e6dcc2;
--f-title:"Jersey 20","Courier New",monospace;--f-text:"Atkinson Hyperlegible",system-ui,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--linen);color:var(--ink);font-family:var(--f-text);font-size:1.0625rem;line-height:1.5}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
main a:focus-visible,main summary:focus-visible,main input:focus-visible{outline-color:var(--ink)}
.top{background:var(--night);color:var(--linen);display:flex;align-items:center;gap:16px;padding:12px 16px;position:sticky;top:0;z-index:2}
.top .logo{display:block;width:132px;flex:0 0 auto}.top .logo svg{display:block;width:100%;height:auto}
.top .here{font-family:var(--f-title);font-size:1.375rem;letter-spacing:.06em;text-decoration:none;color:var(--sun);margin-right:auto}
.btn{display:inline-block;font-family:var(--f-title);font-size:1.25rem;letter-spacing:.06em;line-height:1;padding:6px 22px;background:var(--ember);color:var(--ink);border:4px solid var(--ink);box-shadow:0 4px 0 #000;text-decoration:none;transition:transform .1s steps(2)}
.btn:hover{transform:translateY(-3px);background:#f6b070}.btn:active{transform:translateY(4px);box-shadow:none}
main{max-width:46rem;margin:0 auto;padding:24px 16px 56px}
.crumbs{font-size:.8125rem;color:var(--muted-ink);margin:0 0 12px}.crumbs a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-title);font-weight:400;line-height:1;letter-spacing:.03em;margin:1.6em 0 .5em}
h1{font-size:clamp(2.25rem,8vw,3.5rem);margin-top:0}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}
.lead{font-size:1.1875rem;margin:0 0 12px}
.facts{font-size:.8125rem;color:var(--muted-ink);margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid var(--ink)}
p,ul,ol{margin:0 0 1em}ul,ol{padding-left:1.25em}li{margin:.25em 0}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:var(--card);padding:1px 4px}
pre{background:var(--card);border:2px solid var(--ink);padding:12px;overflow-x:auto}pre code{background:none;padding:0}
blockquote{margin:0 0 1em;padding:2px 0 2px 14px;border-left:4px solid var(--ink);color:var(--muted-ink)}
.table-scroll{overflow-x:auto;margin:0 0 1em;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:.9375rem}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:2px solid rgba(21,23,31,.18)}
th{font-weight:700;border-bottom-color:var(--ink)}th:empty{padding:0;border:0}
.nerd{margin:28px 0;border:4px solid var(--ink);background:var(--card)}
.nerd>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;font-family:var(--f-title);font-size:1.375rem;letter-spacing:.03em;line-height:1.1}
.nerd>summary::-webkit-details-marker{display:none}
.nerd>summary::before{content:"+";flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;background:var(--ember);border:3px solid var(--ink);font-size:1.375rem;line-height:1}
.nerd[open]>summary::before{content:"\2212"}
.nerd[open]>summary{border-bottom:4px solid var(--ink)}
.nerd-body{padding:4px 14px 8px}.nerd-body>:first-child{margin-top:16px}
.find{display:block;width:100%;font:inherit;padding:10px 12px;border:4px solid var(--ink);background:#fff8e6;color:var(--ink);border-radius:0;margin:0 0 8px}
.none{color:var(--muted-ink)}
.group{margin:0 0 8px}.group h2{margin-top:1.2em}
.cards{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.cards a{display:block;padding:12px 14px;border:3px solid var(--ink);background:var(--card);text-decoration:none}
.cards a:hover{background:#efe3c4}
.cards b{display:block;font-family:var(--f-title);font-weight:400;font-size:1.375rem;letter-spacing:.03em;line-height:1.1}
.cards span{display:block;font-size:.9375rem;color:var(--muted-ink);margin-top:4px}
.foot{background:#0a1010;color:var(--muted);font-size:.8125rem;padding:18px 16px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.foot a{color:inherit}
[hidden]{display:none!important}
@media (min-width:720px){.top{padding:14px 32px}.top .logo{width:168px}main{padding:40px 32px 80px}.cards{grid-template-columns:1fr 1fr}.foot{padding:18px 32px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
