.preview.svelte-1nbvqev{width:100%;height:100%;position:relative}.canvas-frame.svelte-1nbvqev{outline:1px solid var(--color-border-strong);width:100%;height:100%;transform:scale(var(--preview-scale,1));transform-origin:50%;transition:transform .22s cubic-bezier(.2,.65,.3,1);overflow:clip}iframe.svelte-1nbvqev{transform-origin:0 0;border:0;outline:none;display:block}.key-hint.svelte-1nbvqev{opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;bottom:0;left:calc(100% + 24px)}li:nth-child(2n) .key-hint.svelte-1nbvqev{left:auto;right:calc(100% + 24px)}.preview.svelte-1nbvqev:hover .key-hint:where(.svelte-1nbvqev),.preview.svelte-1nbvqev:focus-within .key-hint:where(.svelte-1nbvqev),.preview[data-playing=true].svelte-1nbvqev .key-hint:where(.svelte-1nbvqev){opacity:1}.preview[data-playing=true].svelte-1nbvqev .canvas-frame:where(.svelte-1nbvqev){box-shadow:0 0 0 2px var(--color-background), 0 0 0 3px var(--color-text);outline:none}.keys.svelte-1nbvqev{grid-template-columns:repeat(3,20px);gap:3px;display:grid}.leaderboard.svelte-1nbvqev{white-space:nowrap;font:var(--type-utility)/1.5 var(--font-utility);top:0;bottom:auto}.simulation.svelte-1nbvqev{width:28px}.simulation.svelte-1nbvqev:before{content:"";position:absolute;inset:0 -26px}.simulation.svelte-1nbvqev label:where(.svelte-1nbvqev){font:var(--type-utility) var(--font-utility);color:var(--color-text);display:block;position:relative}.simulation.svelte-1nbvqev output:where(.svelte-1nbvqev){left:28px;top:var(--speed-position);white-space:nowrap;pointer-events:none;position:absolute;transform:translateY(-50%)}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev){appearance:none;writing-mode:vertical-lr;cursor:pointer;direction:rtl;background:0 0;width:20px;height:82px;margin:0}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev)::-webkit-slider-runnable-track{background:var(--color-border);border-radius:3px;width:6px}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev)::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:1px solid var(--color-muted);background:var(--color-background);border-radius:50%;width:12px;height:12px;margin-left:-3px}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev)::-moz-range-track{background:var(--color-border);border-radius:3px;width:6px}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev)::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--color-muted);background:var(--color-background);border-radius:50%;width:12px;height:12px}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev):focus-visible{outline:none}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev):focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-text);outline-offset:2px}.simulation.svelte-1nbvqev input:where(.svelte-1nbvqev):focus-visible::-moz-range-thumb{outline:2px solid var(--color-text);outline-offset:2px}.preview.svelte-1nbvqev:hover .simulation:where(.svelte-1nbvqev),.preview.svelte-1nbvqev:focus-within .simulation:where(.svelte-1nbvqev){pointer-events:auto}kbd.svelte-1nbvqev{border:1px solid var(--color-border-strong);background:var(--color-background);height:20px;color:var(--color-text);font:var(--type-utility) var(--font-utility);border-radius:3px;place-items:center;display:grid}.up.svelte-1nbvqev{grid-column:2}.up.svelte-1nbvqev+kbd:where(.svelte-1nbvqev){grid-column:1}.space.svelte-1nbvqev{grid-column:1/-1}@media (width<=600px){.key-hint.svelte-1nbvqev,li:nth-child(2n) .key-hint.svelte-1nbvqev{inset:calc(100% + 12px) auto auto 0}.simulation.svelte-1nbvqev,li:nth-child(2n) .simulation.svelte-1nbvqev{inset:auto auto 0 calc(100% + 16px)}li:nth-child(2n) .simulation.svelte-1nbvqev{left:auto;right:calc(100% + 16px)}.keys.svelte-1nbvqev{grid-template-columns:repeat(3,16px);gap:2px}kbd.svelte-1nbvqev{height:16px;font-size:var(--type-utility)}.leaderboard.svelte-1nbvqev,li:nth-child(2n) .leaderboard.svelte-1nbvqev{font-size:var(--type-utility);inset:0 auto auto calc(100% + 16px)}li:nth-child(2n) .leaderboard.svelte-1nbvqev{left:auto;right:calc(100% + 16px)}}@media (prefers-reduced-motion:reduce){.key-hint.svelte-1nbvqev{transition:none}.canvas-frame.svelte-1nbvqev{transition:none;transform:none}}.layout-controls.svelte-82u4lp{z-index:40;background:var(--color-background);border:1px solid var(--color-border-strong);width:188px;color:var(--color-text);font:var(--type-utility) var(--font-utility);max-height:calc(100dvh - 100px);padding:10px 12px;position:fixed;top:76px;left:12px;overflow:auto}summary.svelte-82u4lp{cursor:pointer}.controls.svelte-82u4lp{gap:12px;padding-top:14px;display:grid}label.svelte-82u4lp{gap:4px;display:grid}label.svelte-82u4lp span:where(.svelte-82u4lp){justify-content:space-between;gap:8px;display:flex}output.svelte-82u4lp{color:#666}input.svelte-82u4lp{accent-color:#333;width:100%;margin:0}select.svelte-82u4lp,button.svelte-82u4lp{font:inherit;color:inherit;border:1px solid var(--color-border-strong);background:0 0;padding:5px}@media (width<=600px){.layout-controls.svelte-82u4lp{width:160px;top:68px;left:8px}}.archive-link.svelte-6bskx2{text-align:center;color:inherit;font:var(--type-utility)/1.5 var(--font-utility);text-underline-offset:.2em;margin-top:40px;display:block}main.svelte-6bskx2{max-width:var(--page-width);padding:16px var(--article-gutter) 40px;margin:0 auto;container-type:inline-size}ul.svelte-6bskx2{margin:0;padding:0;list-style:none}li.svelte-6bskx2+li:where(.svelte-6bskx2){margin-top:var(--row-gap)}.project.svelte-6bskx2{--media-unit:min(var(--media-size), calc((100cqw - var(--column-gap)) * .375));height:calc(var(--media-unit) + 8px);width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;align-items:center;gap:var(--column-gap);background:0 0;border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;text-decoration:none;display:grid}.media.svelte-6bskx2{min-width:0;width:calc(var(--media-unit) * var(--media-width));height:calc(var(--media-unit) * var(--media-height));justify-self:var(--odd-media);transform-origin:50%;transition:transform .22s cubic-bezier(.2,.65,.3,1)}.details.svelte-6bskx2{min-width:0;text-align:var(--odd-text)}.project.svelte-6bskx2 img:where(.svelte-6bskx2),.project.svelte-6bskx2 video:where(.svelte-6bskx2){object-fit:contain;object-position:left center;width:100%;height:100%;display:block}@media (hover:hover){.project.svelte-6bskx2:has(.media:where(.svelte-6bskx2):hover){--preview-scale:1.02}}.project.svelte-6bskx2:focus-visible{--preview-scale:1.02}.project.svelte-6bskx2:has(.preview[data-playing=true]){--preview-scale:1.02}.project.svelte-6bskx2:not(.game) .media:where(.svelte-6bskx2){transform:scale(var(--preview-scale,1))}small.svelte-6bskx2{font:calc(var(--text-size) * .667) var(--font-utility);margin-bottom:.375rem;display:block}.title.svelte-6bskx2{font-size:var(--text-size);letter-spacing:-.015em;line-height:1.3}.project.svelte-6bskx2:focus-visible{outline-offset:8px;outline:2px solid}li.svelte-6bskx2:nth-child(2n) .media:where(.svelte-6bskx2){justify-self:var(--even-media);grid-area:1/2}li.svelte-6bskx2:nth-child(2n) .details:where(.svelte-6bskx2){text-align:var(--even-text);grid-area:1/1}@media (prefers-reduced-motion:reduce){.media.svelte-6bskx2{transition:none}.project.svelte-6bskx2:not(.game) .media:where(.svelte-6bskx2){transform:none}}@media (width<=600px){main.svelte-6bskx2{padding-top:12px}.project.svelte-6bskx2{--media-unit:min(var(--media-size), calc((100cqw - var(--column-gap)) * .45));height:calc(var(--media-unit) + 48px);grid-template-columns:minmax(0,3fr) minmax(0,2fr)}li.svelte-6bskx2:nth-child(2n) .project:where(.svelte-6bskx2){grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.title.svelte-6bskx2{font-size:calc(var(--text-size) * .75)}small.svelte-6bskx2{font-size:calc(var(--text-size) * .5)}}dialog.svelte-6bskx2{background:var(--color-viewer-background);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-viewer-text);border:0;margin:0;padding:3.5rem 1rem 1rem;position:fixed;inset:0}dialog.svelte-6bskx2::backdrop{background:var(--color-viewer-background)}.full-video.svelte-6bskx2{object-fit:contain;width:100%;height:100%;display:block}.close.svelte-6bskx2{min-height:2.75rem;color:inherit;border:1px solid var(--color-viewer-border);font:inherit;cursor:pointer;background:0 0;padding:.5rem 1rem;position:absolute;top:.75rem;right:1rem}.close.svelte-6bskx2:focus-visible{outline:2px solid var(--color-viewer-text);outline-offset:3px}.game-toolbar.svelte-6bskx2{font:var(--type-utility)/1.4 var(--font-utility);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.game-toolbar.svelte-6bskx2 button:where(.svelte-6bskx2){color:inherit;border:1px solid var(--color-viewer-border);cursor:pointer;background:0 0;padding:.5rem}.game-frame.svelte-6bskx2{background:#fff;border:0;width:100%;height:calc(100% - 3.5rem);display:block}.game.svelte-6bskx2{position:relative}.game-open.svelte-6bskx2{color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}.game-open.svelte-6bskx2:hover{text-underline-offset:.2em;text-decoration:underline}.game-open.svelte-6bskx2:focus-visible{outline-offset:5px;outline:2px solid}