:root{--cols:var(--cols-d);--gut:48px;--gap:24px;--line:2px;--shadow:4px 4px 0 var(--ink);--radius:0;--max:1440px}@media (width<=760px){:root{--cols:var(--cols-m);--gut:16px;--gap:16px}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--f-text);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:16px;line-height:24px;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}a{color:inherit}ul,ol{list-style:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{background:var(--ink);color:var(--paper);z-index:100;padding:8px 16px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.muted{color:var(--muted)}.wrap{max-width:var(--max);padding:0 var(--gut);margin:0 auto}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gap);display:grid}.label{font-family:var(--f-text);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.h-pixel,h1,h2,h3{font-family:var(--f-pixel);font-weight:var(--w-head);letter-spacing:0}h2{font-size:40px;line-height:48px}h3{font-size:24px;line-height:32px}.pxtext{line-height:0;display:block}.pxtext svg{width:calc(var(--cols) * var(--cell));height:calc(var(--rows) * var(--cell));max-width:none}.pxtext .px-face{fill:currentColor}.pxtext .px-shade{fill:var(--accent)}.btn{border:var(--line) solid var(--ink);background:var(--white);cursor:pointer;min-height:48px;box-shadow:var(--shadow);user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);display:inline-flex}.btn:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.primary{background:var(--accent);color:var(--white)}.btn.dark{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--accent)}.btn.ghost{box-shadow:none;background:0 0}.btn.ghost:hover:not(:disabled){background:var(--paper-2);box-shadow:none;transform:none}.btn.small{min-height:40px;padding:0 14px;font-size:14px}.btn .arrow{font-family:var(--f-pixel)}.input{border:var(--line) solid var(--ink);background:var(--white);-webkit-appearance:none;appearance:none;border-radius:0;width:100%;min-height:48px;padding:0 16px;font-size:16px}.input::placeholder{color:var(--muted)}.input:focus{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.badge{letter-spacing:.04em;text-transform:uppercase;border:var(--line) solid var(--ink);background:var(--white);white-space:nowrap;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.badge.native{background:var(--ink);color:var(--paper)}.badge.embed{background:var(--white)}.badge.off{background:var(--paper-2);color:var(--muted);border-color:var(--muted)}.badge.free{border-color:var(--counter);color:var(--counter);background:var(--counter-soft)}.dot{background:var(--c,var(--accent));flex:none;width:8px;height:8px;display:inline-block}.site-head{z-index:40;background:var(--paper);border-bottom:var(--line) solid var(--ink);position:sticky;top:0}.head-row{align-items:center;gap:32px;height:72px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-word{color:var(--ink)}.brand-sub{font-family:var(--f-pixel);color:var(--accent-deep);margin-top:1px;font-size:18px;line-height:21px}.head-nav{gap:8px;margin-left:24px;display:flex}.head-nav a{border:var(--line) solid transparent;padding:8px 12px;font-weight:500;text-decoration:none}.head-nav a:hover,.head-nav a[aria-current=page]{border-color:var(--ink);background:var(--white)}.head-clock{align-items:center;gap:12px;margin-left:auto;display:flex}.clock-val{font-family:var(--f-pixel);min-width:88px;font-size:20px}.menu-btn{border:var(--line) solid var(--ink);background:var(--white);cursor:pointer;align-items:center;gap:8px;height:40px;margin-left:auto;padding:0 12px;font-weight:600;display:none}.menu-icon{gap:3px;display:grid}.menu-icon i{background:var(--ink);width:16px;height:2px;display:block}.mobile-menu{border-top:var(--line) solid var(--ink);background:var(--paper);max-height:calc(100vh - 64px);padding:16px 0 24px;overflow:auto}.mobile-menu nav{gap:8px;display:grid}.mm-link{border:var(--line) solid var(--ink);background:var(--white);padding:12px 16px;font-size:18px;font-weight:600;text-decoration:none;display:block}.mm-head{color:var(--muted);margin:24px 0 8px}.mm-cats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mm-cats a{border:var(--line) solid var(--ink);align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.mm-cats a i{background:var(--c);flex:none;width:10px;height:10px}.mm-cats a span{color:var(--muted);margin-left:auto}.mm-clock{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:20px;display:flex}.mm-clock [data-clock]{font-family:var(--f-pixel);font-size:18px}@media (width<=1080px){.head-clock{display:none}}@media (width<=860px){.head-row{gap:12px;height:64px}.head-nav{display:none}.menu-btn{display:inline-flex}}.site-foot{background:var(--ink);color:var(--paper);margin-top:128px;padding:64px 0 32px}.foot-grid{row-gap:40px}.foot-brand{grid-column:span 2;align-content:start;gap:16px;display:grid}.foot-brand p{color:color-mix(in srgb, var(--paper) 70%, var(--ink));max-width:34ch;font-size:14px;line-height:22px}.foot-col{grid-column:span 2}.foot-col .label{color:var(--accent);margin-bottom:16px}.foot-col li{margin:0 0 8px;font-size:15px}.foot-col a{text-decoration:none}.foot-col a:hover{text-underline-offset:4px;text-decoration:underline 2px}.foot-col .plain li{color:color-mix(in srgb, var(--paper) 74%, var(--ink));font-size:14px;line-height:20px}.foot-base{border-top:var(--line) solid color-mix(in srgb, var(--paper) 22%, var(--ink));flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-top:56px;padding-top:24px;display:flex}.foot-word{color:var(--paper)}.site-foot .muted{color:color-mix(in srgb, var(--paper) 55%, var(--ink));font-size:14px}@media (width<=760px){.site-foot{margin-top:88px;padding-top:48px}.foot-brand{grid-column:1/-1}.foot-col{grid-column:span 2}.foot-col:last-child{grid-column:1/-1}.foot-word{--cell:2px!important}}.sec-head{border-bottom:var(--line) solid var(--ink);justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;padding-bottom:16px;display:flex}.sec-head .meta{color:var(--muted);font-size:14px}.cover{aspect-ratio:36/22;background:var(--paper-2);position:relative;overflow:hidden}.cover svg,.cover img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.cover.off svg,.cover.off img{filter:grayscale()contrast(.8);opacity:.7}.pxtext.fit svg{width:min(100%, calc(var(--cols) * var(--cell)));height:auto}
