@font-face{font-family:Atkinson Hyperlegible;src:url(/map-art/fonts/AtkinsonHyperlegible-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/map-art/fonts/AtkinsonHyperlegible-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/map-art/fonts/JetBrainsMono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#16181d;--panel:#1e2128;--ink:#d6d8de;--dim:#9aa3b2;--dimmer:#848c9d;--edge:#30343e;--edge-soft:#272b34;--panel-head:#23272f;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--edge-control:#656d82;--accent:#7aa2f7;--warn:#e0af68;--good:#7dc383;--bad:#f7768e;--font-ui:"Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--t-title:1.35rem;--t-head:1.2rem;--t-body:.95rem;--t-small:.82rem;--tile-size:var(--tile-pref,32px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body.page{background:var(--bg);color:var(--ink);font:var(--t-body) / 1.55 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}a:hover{text-decoration-thickness:2px}.site-head,.site-foot{padding:.7rem 1.2rem}.site-head{border-bottom:1px solid var(--edge);flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;display:flex}.site-name{font-size:var(--t-title);letter-spacing:-.01em;color:var(--ink);font-weight:700;text-decoration:none}.site-tag{color:var(--dim)}.site-nav{gap:1rem;margin-left:auto;display:flex}.site-nav a{color:var(--dim);text-decoration:none}.site-nav a:hover{color:var(--accent)}.page-main{max-width:64rem;margin:0 auto;padding:1rem 1.2rem 2rem}h1{letter-spacing:-.01em;margin:.6rem 0 .4rem;font-size:1.6rem}h2{margin:0 0 .4rem;font-size:1.1rem}.lede{color:var(--dim);font-size:1.02rem}.dim{color:var(--dim)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.toc{flex-wrap:wrap;gap:.3rem;margin:1.2rem 0 .4rem;display:flex}.chip{border:1px solid var(--edge);border-radius:4px;width:1.4rem;height:1.4rem;display:block}.chip:hover{outline:2px solid var(--accent)}.color{border-top:1px solid var(--edge);padding:1.2rem 0 .6rem}.color h2{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.color h2 .num{color:var(--dimmer);font-size:var(--t-small)}.const{font-family:var(--font-mono);color:var(--dimmer);font-size:var(--t-small)}.since{color:var(--dimmer);font-size:var(--t-small);margin-left:auto}.tones{gap:.6rem;margin:.5rem 0 .8rem;display:flex}.tone{width:7.5rem}.sw{border:1px solid var(--edge);border-radius:4px;height:2rem}.lab{font-family:var(--font-mono);font-size:var(--t-small);color:var(--dim);margin-top:.2rem;display:block}table.blocks{border-collapse:collapse;width:100%;font-size:var(--t-small)}table.blocks th,table.blocks td{text-align:left;border-bottom:1px solid var(--edge);vertical-align:middle;padding:.3rem .5rem}table.blocks th{color:var(--dimmer);font-weight:400}table.blocks th.num,table.blocks td.num{text-align:right}table.blocks td:first-child{width:32px;padding-right:0}.font-group{border-top:1px solid var(--edge);padding:1.2rem 0 .6rem}.font-group h2 .count{color:var(--dimmer);font-size:var(--t-small);margin-left:.4rem}table.fonts{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--t-small)}table.fonts thead th:first-child{width:24%}table.fonts thead th:nth-child(2){width:32%}table.fonts thead th:nth-child(3){width:10%}table.fonts thead th:nth-child(4){width:22%}table.fonts thead th:nth-child(5){width:12%}table.fonts td,table.fonts tbody th{overflow-wrap:anywhere}table.fonts th,table.fonts td{text-align:left;border-bottom:1px solid var(--edge);vertical-align:top;padding:.3rem .5rem}table.fonts thead th{color:var(--dimmer);font-weight:400}table.fonts tbody th{font-weight:600}table.fonts th .note{color:var(--dimmer);font-weight:400;display:block}table.fonts .face-text{color:var(--dim);font-weight:400;font-size:var(--t-small);display:block}table.fonts tr.sample td{border-bottom-width:1px;padding-top:0}:is(table.fonts tr:has(+tr.sample) th,table.fonts tr:has(+tr.sample) td){border-bottom:0}.toc-fonts a{border:1px solid var(--edge);font-size:var(--t-small);border-radius:999px;padding:.15rem .5rem}.tile{width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat;border-radius:3px;display:block}.id{font-family:var(--font-mono);color:var(--dimmer);font-size:.76rem}.flags span{border:1px solid var(--edge);color:var(--dim);white-space:nowrap;border-radius:999px;margin:0 .3em .15em 0;padding:0 .45em;font-size:.76rem;display:inline-block}.release{border-top:1px solid var(--edge);padding:1rem 0 .4rem}.release h2 a{color:var(--ink);text-decoration:none}.release h2 a:hover{color:var(--accent)}.date{color:var(--dimmer);font-family:var(--font-mono);font-size:var(--t-small);margin:0 0 .4rem}.release ul{margin:0;padding-left:1.2rem}.release li{margin:.3rem 0}.qlist{font-size:var(--t-small);margin:1rem 0 .5rem;padding-left:1.4rem}.qlist li{margin:.15rem 0}.q{border-top:1px solid var(--edge);padding:1rem 0 .4rem}.q h2 a{color:var(--ink);text-decoration:none}.q h2 a:hover{color:var(--accent)}.q p{max-width:46rem;margin:.4rem 0}figure{max-width:46rem;margin:.7rem 0}figure img{border:1px solid var(--edge);border-radius:3px;width:100%;height:auto;display:block}.ctl{color:var(--ink);font-weight:700}.copy-build{font:inherit;font-family:var(--font-mono);color:var(--dim);border:1px solid var(--edge-control);cursor:pointer;background:0 0;border-radius:4px;padding:0 .4em;font-size:.86em}.copy-build:hover{color:var(--ink)}.site-foot{color:var(--dim);border-top:1px solid var(--edge);font-size:.85rem}.site-foot p{margin:.3rem 0}.legal{color:var(--dimmer);font-size:.78rem}@media (max-width:40rem){.site-nav{margin-left:0}.tone{width:5.6rem}table.blocks th:nth-child(5),table.blocks td:nth-child(5){display:none}table.fonts thead th:first-child{width:34%}table.fonts thead th:nth-child(2){width:30%}table.fonts thead th:nth-child(3),table.fonts thead th:nth-child(5){width:18%}table.fonts th:nth-child(4),table.fonts td:nth-child(4),table.fonts .face-name{display:none}.since{margin-left:0}}