@font-face{font-family:Departure Mono;src:url(https://cdn.polgarand.org/fonts/DepartureMono14-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}body,html{margin:0;background:#111;color:#fff;font-family:Departure Mono,monospace;font-size:28px;line-height:1}a{color:#fff}::selection{background:#333}p{margin-top:0}.logo{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;image-rendering:pixelated;width:216px;height:auto;display:block;padding-bottom:1rem}main{width:100%;margin:2rem 0}main>p{width:min(1200px,calc(100% - 2rem));margin-right:auto;margin-left:auto}main>p:first-of-type{width:50%;margin-bottom:2rem}main>img{display:block;margin-right:auto;margin-left:auto}.editor-row{display:grid;width:100%;grid-template-columns:minmax(0,7fr) minmax(0,3fr);grid-template-areas:"editor copy";gap:2rem;align-items:center}.editor-row+.editor-row{margin-top:2rem}.editor-row--reversed{grid-template-columns:minmax(0,3fr) minmax(0,7fr);grid-template-areas:"copy editor"}.editor-row--centered{grid-template-columns:minmax(0,70%);grid-template-areas:"editor";justify-content:center}.editor-row>canvas{grid-area:editor;display:block;width:100%;height:clamp(500px,70vh,700px);background:#000;image-rendering:pixelated;outline:none;cursor:pointer}.editor-row>div{grid-area:copy;padding-right:2rem}.editor-row--reversed>div{padding-right:0;padding-left:2rem}.open-in-editor-button{display:block;width:fit-content;margin-top:1rem;border:2px solid currentColor;padding:.5rem;text-decoration:none}.open-in-editor-button:hover,.open-in-editor-button:focus-visible{background:#fff;color:#111}footer{display:grid;box-sizing:border-box;width:70%;margin-right:auto;margin-left:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:2rem}footer h2{margin:0 0 1rem;font-size:inherit;font-weight:400}footer ul{margin:0;padding:0;list-style:none}@media(max-width:800px){main>p:first-of-type{box-sizing:border-box;width:100%;padding-right:2rem;padding-left:2rem}.editor-row{grid-template-columns:1fr;grid-template-areas:"editor" "copy"}.editor-row>div,.editor-row--reversed>div{padding-right:2rem;padding-left:2rem}footer{grid-template-columns:1fr}}