:root{--ink:#181425;--night:#262b44;--slate:#3a4466;--dusk:#5a6988;--mist:#8b9bb4;--fog:#c0cbdc;--snow:#fff;--berry:#124e89;--sky:#0099db;--plum:#68386c;--bloom:#b55088;--blush:#f6757a;--leaf:#63c74d;--gold:#feae34;--line:#262b44;--pixel:"Myrtille Pixel", ui-monospace, monospace;--text:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--frame:80rem;--gutter:clamp(1rem, 4vw, 2.5rem);--s:2;color-scheme:dark;background:var(--ink);color:var(--fog);font-family:var(--text);font-size:100%}*,:before,:after{box-sizing:border-box}body{background:var(--ink);-webkit-text-size-adjust:100%;margin:0;line-height:1.6}img{max-width:100%}a{color:var(--snow);text-underline-offset:.2em}a:hover{color:var(--blush)}:focus-visible{outline:3px solid var(--blush);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--mist)}.px,h1,h2,h3{font-family:var(--pixel);letter-spacing:0;color:var(--snow);font-synthesis:none;text-wrap:balance;font-weight:400;line-height:1.18182}h1{margin:0 0 1.5rem;font-size:44px}h2{margin:0 0 1rem;font-size:33px}h3{margin:0 0 .5rem;font-size:22px}@media (width>=48rem){h1{font-size:66px}h2{font-size:44px}}@media (width>=100rem){h1{font-size:77px}}.skip{z-index:10;background:var(--snow);color:var(--ink);padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.banner{background:var(--berry);color:var(--snow);text-align:center;padding:.45rem var(--gutter);font-size:.875rem}.top{z-index:5;background:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0}.top-inner{max-width:var(--frame);border-inline:1px solid var(--line);align-items:stretch;min-height:3.5rem;margin:0 auto;display:flex}.brand{border-right:1px solid var(--line);color:var(--snow);align-items:center;gap:.6rem;padding:0 1rem;font-size:22px;text-decoration:none;display:flex}.brand img{image-rendering:pixelated;width:32px;height:32px}.links{flex:1;align-items:stretch;display:none}.links a{color:var(--fog);align-items:center;padding:0 1rem;font-size:.9375rem;text-decoration:none;display:flex}.links a:hover{color:var(--snow);background:var(--night)}.end{border-left:1px solid var(--line);align-items:center;gap:.5rem;margin-left:auto;padding:0 .75rem;display:flex}.lang{font-family:var(--pixel);color:var(--fog);padding:.25rem .5rem;font-size:22px;text-decoration:none}.menu{position:relative}.menu summary{cursor:pointer;border:1px solid var(--slate);padding:.4rem .6rem;font-size:.9375rem;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu nav{background:var(--ink);border:1px solid var(--slate);min-width:13rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0}.menu nav a{border-bottom:1px solid var(--line);padding:.75rem 1rem;text-decoration:none}.end .button.small{display:none}@media (width>=30rem){.end .button.small{display:inline-flex}}@media (width>=56rem){.links{display:flex}.menu{display:none}}.button{border:2px solid var(--snow);color:var(--snow);font:600 1rem/1.2 var(--text);cursor:pointer;box-shadow:4px 4px 0 var(--slate);background:0 0;align-items:center;gap:.5rem;padding:.7rem 1.15rem;text-decoration:none;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);display:inline-flex}.button:hover{color:var(--snow);box-shadow:2px 2px 0 var(--slate);transform:translate(2px,2px)}.button.primary{background:var(--snow);color:var(--ink);box-shadow:4px 4px 0 var(--bloom)}.button.primary:hover{color:var(--ink);box-shadow:2px 2px 0 var(--bloom)}.button.small{box-shadow:3px 3px 0 var(--bloom);padding:.4rem .75rem;font-size:.875rem}.arrow:after{content:" →"}main.page{max-width:var(--frame);padding:3.5rem var(--gutter) 4rem;border-inline:1px solid var(--line);margin:0 auto}main.page>*{max-width:48rem}main.page>h1{max-width:none}main.page li+li{margin-top:.6rem}main.page strong{color:var(--snow)}.cards{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1px;display:grid}main.page>.cards{max-width:none}.card{background:var(--ink);padding:1.5rem}.card h2{font-size:22px}.sprite{width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px);background-image:var(--sheet);background-repeat:no-repeat;background-size:calc(var(--sw) * var(--s) * 1px) auto;background-position:0 calc(var(--row) * var(--h) * var(--s) * -1px);image-rendering:pixelated;animation:sprite-frames var(--dur) steps(var(--n)) infinite;display:block}.sprite.still{animation:none}.sprite.flip{transform:scaleX(-1)}@keyframes sprite-frames{to{background-position-x:calc(var(--n) * var(--w) * var(--s) * -1px)}}.art{image-rendering:pixelated;width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px);max-width:none;display:block}.lane{pointer-events:none;position:absolute;inset-inline:0;container-type:inline-size}.lane .walker{animation:sprite-frames var(--dur) steps(var(--n)) infinite, cross var(--cross,24s) linear var(--delay,0s) infinite;position:absolute;bottom:0;left:0}.lane .walker.back{animation:sprite-frames var(--dur) steps(var(--n)) infinite, cross-back var(--cross,24s) linear var(--delay,0s) infinite}@keyframes cross{0%{transform:translate(-6rem)}to{transform:translate(calc(100cqw + 6rem))}}@keyframes cross-back{0%{transform:translate(calc(100cqw + 6rem))}to{transform:translate(-6rem)}}.foot{border-top:1px solid var(--line);margin-top:0}.foot-inner{max-width:var(--frame);border-inline:1px solid var(--line);grid-template-columns:1fr;margin:0 auto;display:grid}.foot-inner>*{padding:1.75rem var(--gutter);border-bottom:1px solid var(--line);margin:0}.foot-tagline{max-width:16rem;margin:0 0 .75rem;font-size:22px}.foot-title{color:var(--mist);margin:0 0 .75rem;font-size:.875rem}.foot-col ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.foot-col a{font-size:.9375rem;text-decoration:none}.foot-col a:hover{text-decoration:underline}.foot-note{grid-column:1/-1;font-size:.8125rem}@media (width>=48rem){.foot-inner{grid-template-columns:1.4fr 1fr 1fr 1fr}.foot-inner>.foot-col{border-left:1px solid var(--line)}}.bands{grid-template-rows:repeat(4,2rem);margin-top:6rem;display:grid;position:relative}.bands>span:first-of-type{background:var(--blush)}.bands>span:nth-of-type(2){background:var(--bloom)}.bands>span:nth-of-type(3){background:var(--plum)}.bands>span:nth-of-type(4){background:var(--berry)}.bands-logo{width:128px;height:128px;image-rendering:pixelated;margin-bottom:-8px;margin-left:-64px;position:absolute;bottom:100%;left:50%}.bands .lane{height:0;top:0}.bands .walker{--cross:30s}@media (prefers-reduced-motion:reduce){.sprite,.lane .walker,.lane .walker.back{animation:none}.lane .walker{transform:translateX(var(--rest,20cqw))}.button{transition:none}}