@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-italic-B9rkokqX.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-italic-Bkkwkp6n.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}:root{--bg:#f7f7f7;--fg:#1a1a1a;--dim:#949494;--link:#000;--link-active:gray;--tile:#ebebeb;--rule:#b3b3b3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141414;--fg:#e0e0e0;--dim:#6b6b6b;--link:#fff;--link-active:#999;--tile:#212121;--rule:#616161}}body{color:var(--fg);background:var(--bg);font-variation-settings:"wght" 60, "wdth" 500;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;max-width:50em;margin:0 auto;padding:1em 2em 2em;font-family:Scope,JetBrains Mono,Andale Mono,Courier New,monospace;line-height:1.5}@media (width<=500px){body{padding-left:12px;padding-right:12px}}p,ul,li{font-size:14px}h1,h2,h3{margin:1.5em 0 0;font-weight:400;line-height:1.2}h1{margin-top:.25em;font-size:32px}h2{font-size:24px}a:link,a:visited{color:var(--link)}a:active{color:var(--link-active)}img{max-width:100%}.footnote{margin-top:4em;font-size:10px}.name{white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;margin-bottom:.3em;font-size:clamp(48px,16vw,112px);line-height:1.1}.name .first,.name .second{display:inline-block}.name .first{color:var(--bg);-webkit-text-stroke:calc(2 * var(--outline)) var(--fg);paint-order:stroke fill;font-variation-settings:"wght" 80, "wdth" 500}.name{--outline:.02em}.name .second{font-variation-settings:"wght" 60, "wdth" 500;transform:translateY(var(--outline))}.name .letter{translate:calc(var(--kern,0) * 1em) 0;interpolate-size:allow-keywords;display:inline-block}@property --k{syntax:"<number>";inherits:true;initial-value:1}.name .letter{transition:font-variation-settings .2s cubic-bezier(1,0,0,1),width .2s cubic-bezier(1,0,0,1),--k .2s cubic-bezier(1,0,0,1)}.name .glyph{transform-origin:0;transform:translateX(calc(var(--left,0) * (1 - var(--k)) * 1em)) scaleX(var(--k));display:inline-block}.name .first .glyph{-webkit-text-stroke-width:calc(2 * var(--outline) / var(--k))}.thicken{width:0;height:0;position:absolute}.name .first .letter{position:relative}.name .shape{pointer-events:none;visibility:hidden;position:absolute;overflow:visible}.name .shape path{fill:var(--bg);stroke:var(--fg);stroke-width:calc(2 * var(--outline));stroke-linejoin:miter;paint-order:stroke fill;vector-effect:non-scaling-stroke}.name .letter.shaped .shape{visibility:visible}.name .letter.shaped .glyph{visibility:hidden}.thicken feFlood{flood-color:var(--fg)}h1.name{z-index:5;background:var(--bg);margin-top:-1rem;padding-top:8px;padding-bottom:.15em;line-height:.8;position:sticky;top:0}h1.name.over-grid:after{content:"";left:var(--edge-left,0);right:var(--edge-right,0);border-bottom:1px solid var(--rule);position:absolute;bottom:-1px}.name.small{font-size:inherit;cursor:pointer}.name.small .ch{line-height:.8;display:inline-block}.name.small{--outline:0px}.name.small .first{color:inherit;-webkit-text-stroke:0}.lit-list .row{color:var(--dim);font-variation-settings:"wght" 60, "wdth" 500;cursor:pointer;margin:.4em 0;transition:color 2s cubic-bezier(.215,.61,.355,1),font-variation-settings 2s cubic-bezier(.215,.61,.355,1);position:relative}.lit-list .row a:after{content:"";position:absolute;inset:0}.lit-list .row:hover{color:var(--fg);font-variation-settings:"wght" 100, "wdth" 460;transition-duration:.2s}.lit-list .row a{color:inherit;text-decoration-thickness:1px}.lit-list .year{color:var(--fg);margin:2em 0 .5em;font-size:14px}.previews{z-index:10;pointer-events:none;opacity:0;transition:opacity .2s;position:fixed;top:0;left:0}.previews.shown{opacity:1}.previews img{object-fit:cover;background:var(--tile);width:300px;height:300px;display:block}.previews-caption{color:var(--dim);min-height:1.5em;margin-top:.4em;font-size:11px;display:block}.piece-page main{max-width:50em}.back{margin:0}.back a{text-decoration:none}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:1.5em;display:flex}.title-row h1{margin-bottom:0}.title-summary{margin:0}.frame{aspect-ratio:1;background:#000;width:100%;max-height:85vh;margin-top:1em}.frame.game{aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#f2f23c,#ecec30 50%,#e2e228)}.frame iframe{border:0;width:100%;height:100%;transition:opacity .2s;display:block}.frame.starting iframe{opacity:0;transition:none}.frame{position:relative}.frame .poster{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.frame .poster.gone{opacity:0}.frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.actions{align-items:center;gap:1.5em;display:flex}.actions button{font:inherit;font-variation-settings:inherit;color:var(--link);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.actions button.fullscreen{align-items:center;gap:.45em;text-decoration:none;display:inline-flex}.actions button.fullscreen span{text-decoration:underline}.actions .icon{flex:none}.frame:fullscreen{aspect-ratio:auto;max-height:none}.description{white-space:pre-line}.meta{color:var(--dim);font-size:12px}@media (prefers-reduced-motion:reduce){.name .letter,.name .glyph,.lit-list .row{transition:none}}@media (hover:none){.lit-list .row{color:var(--fg)}}.editions{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:auto;margin-top:1em;display:grid}section:has(>.editions.packed){container-type:inline-size}.editions.packed{grid-auto-rows:calc(12.5cqi - .125px)}.edition{--pad:8px;box-sizing:border-box;min-width:0;font:inherit;color:var(--fg);background:var(--tile);border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);cursor:pointer;text-align:left;padding:0;font-size:12px;line-height:1.1;transition:opacity .2s;display:block;position:relative;overflow:clip}.edition img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.editions.packed .edition img{aspect-ratio:auto}.edition .number{top:var(--pad);left:var(--pad);background:var(--bg);text-box:trim-both cap alphabetic;padding:2px;position:absolute}.edition.current .number{background:var(--fg);color:var(--bg)}@media (hover:hover){.editions:has(.edition:hover) .edition:not(:hover){opacity:.45}}.editions.shots{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=500px){.editions{grid-template-columns:repeat(4,minmax(0,1fr))}.editions.packed{grid-auto-rows:calc(25cqi - .25px)}.edition{--pad:5px;font-size:11px}}.switcher{color:var(--dim);font-size:12px}.switcher a{color:var(--dim)}.mosaic-text{margin-top:1em;container-type:inline-size}.mosaic-text .cells{grid-template-columns:repeat(var(--columns,8), 1fr);--unit:calc(100cqi / var(--columns,8));grid-auto-rows:var(--unit);grid-template-rows:repeat(var(--rows,1), var(--unit));border-top:1px solid var(--rule);border-left:1px solid var(--rule);transition:grid-template-rows .2s cubic-bezier(1,0,0,1);display:grid}.mosaic-text .row{box-sizing:border-box;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);--pad:8px;min-width:0;padding:var(--pad);isolation:isolate;margin:0;line-height:1.1;overflow:clip;container-type:size}.mosaic-text .row .picture{object-fit:cover;opacity:0;pointer-events:none;z-index:-1;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.mosaic-text .row.showing .picture{opacity:1}.mosaic-text .row .still{object-fit:cover;pointer-events:none;z-index:-2;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.mosaic-text .row.landing .still{opacity:1;transition:none}@media (hover:hover){.mosaic-text .row.landing .label a{background:var(--bg)}}html[data-grow=glide] .name .letter,html[data-grow=glide] .mosaic-text .cells{transition-duration:.7s;transition-timing-function:cubic-bezier(.16,1,.3,1)}html[data-grow=unfold] .name .letter,html[data-grow=unfold] .mosaic-text .cells{transition-duration:.24s;transition-timing-function:cubic-bezier(.65,0,.35,1)}html[data-grow=unfold] .name .letter{transition-delay:.22s}html[data-grow=unfold].grow-open .name .letter{transition-delay:0s}html[data-grow=unfold].grow-open .mosaic-text .cells{transition-delay:.22s}html[data-grow=ripple] .name .letter{transition-duration:.32s;transition-timing-function:cubic-bezier(.33,1,.68,1);transition-delay:var(--ripple,0s)}html[data-grow=ripple].grow-open .name .letter{transition-duration:var(--ripple-time,.32s);transition-timing-function:var(--ripple-ease,cubic-bezier(.33, 1, .68, 1))}html[data-grow=ripple] .mosaic-text .cells{transition-duration:.32s;transition-timing-function:cubic-bezier(.33,1,.68,1)}html[data-grow=ripple].grow-open .mosaic-text .cells{transition-duration:var(--ripple-time);transition-timing-function:cubic-bezier(.45,0,.55,1)}html[data-grow=tick] .name .letter,html[data-grow=tick] .mosaic-text .cells{transition-duration:.3s;transition-timing-function:steps(5,end)}@media (prefers-reduced-motion:reduce){html[data-grow] .name .letter,html[data-grow] .mosaic-text .cells{transition:none}}html.landing-now .name .letter,html.landing-now .name .glyph,html.landing-now .mosaic-text .cells{transition:none!important}.mosaic-text .row .cover{z-index:0;position:absolute;inset:0}.mosaic-text .row .label a:after{content:none}.mosaic-text .row .label{top:calc(var(--name-height,0px) + var(--pad));z-index:1;pointer-events:none;width:fit-content;max-width:100%;display:block;position:sticky}.mosaic-text .row .label a{pointer-events:auto}.mosaic-text .row .label a,.mosaic-text .row .summary{text-box:trim-both cap alphabetic;width:fit-content;padding:3px}.mosaic-text .row .label a.descends,.mosaic-text .row .summary.descends{text-box:trim-both cap text}.mosaic-text .row .summary:empty{display:none}.mosaic-text .row.showing .label a,.mosaic-text .row.showing .summary{background:var(--bg)}.mosaic-text .row .label a{overflow-wrap:break-word;font-size:clamp(11px,14cqi,48px);text-decoration:none;display:block}.mosaic-text .summary{font-variation-settings:"wght" 60, "wdth" 500;margin-top:3px;font-size:clamp(10px,7cqi,16px);line-height:1.25;display:block}.mosaic-text .summary.typing:after{content:"▌";margin-left:1px;animation:.5s step-end infinite caret}@keyframes caret{50%{opacity:0}}.mosaic-text .row:hover,.mosaic-text .row.held{background:var(--tile)}.mosaic-text .row .label a:focus-visible{outline:none}.mosaic-text .row:has(.label a:focus-visible){outline-offset:-3px;outline:auto}.mosaic-text .row.visited{background:var(--tile)}@media (width<=500px){.mosaic-text .row{--pad:5px}.mosaic-text .row .label a{overflow-wrap:normal;font-size:clamp(9px,15cqi,40px)}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.76,0,.24,1)}::view-transition-group(work){overflow:clip}::view-transition-group(title){z-index:1}::view-transition-group(summary){z-index:1}::view-transition-group(year){z-index:1}::view-transition-group(*.letter){z-index:1}::view-transition-old(work){object-fit:cover;height:100%}::view-transition-new(work){object-fit:cover;height:100%}::view-transition-old(root){animation:.25s both vt-fade-out}::view-transition-new(root){animation:.35s .25s both vt-fade-in}::view-transition-old(title){height:100%}::view-transition-new(title){height:100%}::view-transition-old(summary){height:100%}::view-transition-new(summary){height:100%}html[data-arriving=piece]::view-transition-old(*.letter){animation:.6s both vt-out-late}html[data-arriving=piece]::view-transition-new(*.letter){animation:.6s both vt-in-late}html[data-arriving=home]::view-transition-old(*.letter){animation:.6s both vt-out-early}html[data-arriving=home]::view-transition-new(*.letter){animation:.6s both vt-in-early}html[data-arriving=home]::view-transition-old(root){animation:.4s both vt-fade-out}html[data-arriving=home]::view-transition-new(root){animation:.4s both vt-fade-in}@keyframes vt-out-late{0%,88%{opacity:1}to{opacity:0}}@keyframes vt-in-late{0%,88%{opacity:0}to{opacity:1}}@keyframes vt-out-early{0%{opacity:1}12%,to{opacity:0}}@keyframes vt-in-early{0%{opacity:0}12%,to{opacity:1}}::view-transition-old(summary):only-child{animation:.2s both vt-fade-out}::view-transition-old(title):only-child{animation:.2s both vt-fade-out}::view-transition-group(year){animation:none}::view-transition-new(year){animation:.25s .5s both vt-fade-in}::view-transition-old(year){animation:.15s both vt-fade-out}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}.lightbox{box-sizing:border-box;background:color-mix(in srgb, var(--bg) 96%, transparent);width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);font:inherit;cursor:zoom-out;border:0;margin:0;padding:16px;position:fixed;inset:0}.lightbox[open]{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.lightbox::backdrop{background:0 0}.lightbox img{aspect-ratio:1;object-fit:cover;width:min(100%,100dvh - 44px - 2em,900px);height:auto;display:block}.lightbox-bar{color:var(--dim);cursor:default;align-items:baseline;gap:16px;margin:0;font-size:12px;display:flex}.lightbox-bar button{font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;margin:-4px;padding:4px}.lightbox-bar .close{margin-left:8px;text-decoration:underline}.lightbox-bar .count{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5em}html[data-lightbox]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-lightbox]::view-transition-new(root){mix-blend-mode:normal;animation:.4s both vt-fade-in}html[data-lightbox=closing]::view-transition-new(root){animation-delay:.1s}html:has(dialog.lightbox[open]){scrollbar-gutter:stable;overflow:hidden}