:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#c9ced8;--dim:#6b7482;--line:#1e2430;--floor:#111318}*{box-sizing:border-box}body{min-height:100dvh;color:var(--ink);background:#0b0c10;flex-direction:column;margin:0;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5;display:flex}header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.25rem;padding:.55rem 1rem;display:flex}h1{letter-spacing:.18em;margin:0;font-size:.9375rem;font-weight:600}nav{gap:1rem;display:flex}a{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;text-decoration:none}a:hover,a:focus-visible{color:var(--ink)}main{flex:1;place-items:center;min-height:0;padding:.75rem;display:grid}canvas{aspect-ratio:640/512;background:var(--floor);width:min(100%,1280px,125dvh - 10rem);height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair;border:1px solid #262d3a;display:block}canvas.aiming{cursor:none}footer{border-top:1px solid var(--line);color:var(--dim);letter-spacing:.06em;padding:.55rem 1rem;font-size:.6875rem}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"+ ";color:var(--dim)}details[open] summary:before{content:"− "}summary:hover,details[open] summary{color:var(--ink)}details p{letter-spacing:0;max-width:62ch;margin:.5rem 0 0;line-height:1.7}