.title-page{--title-gap:calc(2 * var(--grid-ch));--title-thumb-gap:var(--grid-ch);--title-thumb-w:calc(10 * var(--grid-ch));--title-thumb-h:calc(4 * var(--line))}.title-header>*,.title-heading>*,.title-details>*,.title-detail-list>*,.title-launch>*,.title-description>*{margin-top:0}.title-header{--overlay:color-mix(in srgb, var(--color-feature) 67%, transparent);column-gap:var(--title-gap);row-gap:var(--line);color:var(--color-text-contrast);grid-template-columns:minmax(0,1fr) max-content;align-items:start;display:grid}.title-header:before{background:linear-gradient(var(--overlay), var(--overlay)), var(--title-header-bg) center / cover;background-color:var(--color-feature)}.title-heading{min-width:0}.title-name{display:block}.title-name .mono-line-text{line-height:inherit}.title-creator{margin-top:0}.title-play{color:var(--color-text);grid-area:1/2}.title-thumbs{grid-column:1/-1;grid-template-columns:repeat(auto-fit, var(--title-thumb-w));column-gap:var(--title-thumb-gap);row-gap:var(--line);justify-content:start;display:grid}.title-thumb{--play-button-bg:var(--color-feature);--play-button-fg:var(--color-text-contrast);width:var(--title-thumb-w);height:var(--title-thumb-h);background-color:var(--color-media-placeholder);color:inherit;cursor:pointer;background-position:50%;background-size:cover;border:0;place-content:center;padding:0;display:grid}.title-thumb:hover{--play-button-bg:var(--color-text-contrast);--play-button-fg:var(--color-feature);outline:var(--card-outline-width) solid var(--color-text-contrast);outline-offset:calc(-1 * var(--card-outline-width))}.title-thumb .play-button{width:calc(2 * var(--line));height:calc(2 * var(--line))}.title-lightbox{width:calc(100% - 2 * var(--grid-ch));height:calc(100% - 2 * var(--line));color:#fff;background:0 0;border:0;max-width:none;max-height:none;margin:auto;padding:0;inset:0;overflow:hidden}.title-lightbox::backdrop{background:#000000d9}body:has(.title-lightbox[open]){overflow:hidden}.title-lightbox-dismiss-form,.title-lightbox-dismiss-form button{background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.title-lightbox-slides{pointer-events:none;position:relative}.title-lightbox-arrow,.title-lightbox-image,.title-lightbox-video-placeholder,.title-lightbox-video,.title-lightbox-fallback{pointer-events:auto}.title-lightbox-close-form{top:var(--line);right:calc(2 * var(--grid-ch));z-index:1;position:absolute}.title-lightbox-close,.title-lightbox-arrow{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;margin:0}.title-lightbox-close{color:var(--color-text)}.title-lightbox-arrow{place-self:center}.title-lightbox-arrow--prev{grid-area:1/1}.title-lightbox-arrow--next{grid-area:1/3}.title-lightbox-slides{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;height:100%;margin:0;display:grid;overflow-x:auto}.title-lightbox-panel{grid-template-columns:calc(6 * var(--grid-ch)) minmax(0, 1fr) calc(6 * var(--grid-ch));column-gap:var(--grid-ch);scroll-snap-align:center;scroll-snap-stop:always;min-width:0;min-height:0;display:grid}.title-lightbox-slide{min-width:0;min-height:0;padding:var(--line) 0;grid-area:1/2;place-items:center;margin:0;display:grid}.title-lightbox-panel:focus-visible,.title-lightbox-slides:focus-visible{outline:var(--card-outline-width) solid white;outline-offset:calc(-1 * var(--card-outline-width))}.title-lightbox-image{width:auto;max-width:100%;height:auto;max-height:100%}.title-lightbox-video-placeholder,.title-lightbox-video{aspect-ratio:16/9;width:min(100%, calc((100dvh - 2 * var(--line)) * 16 / 9));grid-area:1/1;height:auto}.title-lightbox-video-placeholder{background:#000}.title-lightbox-video{background:#000;border:0;margin:0}.title-lightbox-fallback{padding:0 var(--grid-ch);background:var(--color-background);color:var(--color-text);grid-area:1/1;place-self:end center}.title-lightbox-slide:has(>iframe) .title-lightbox-fallback{display:none}@media (width<=640px){.title-lightbox-panel{grid-template-columns:calc(5 * var(--grid-ch)) minmax(0, 1fr) calc(5 * var(--grid-ch))}}.title-content{min-width:0;margin-top:var(--line);height:calc-size(auto, round(up, size, var(--line)));display:flow-root}.title-description{white-space:normal;color:var(--color-text-contrast)}.title-description>*+*{margin-top:var(--line)}.title-description>*{margin-inline:0}.title-description blockquote{margin-block-end:0;margin-inline:0;padding-inline-start:calc(2 * var(--grid-ch));position:relative}.title-description blockquote:before{content:"";width:var(--grid-ch);background:var(--color-text-secondary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 25'%3E%3Ctext x='0' y='19' font-family='monospace' font-size='16'%3E┊%3C/text%3E%3C/svg%3E") 0 0 / var(--grid-ch) var(--line) repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 25'%3E%3Ctext x='0' y='19' font-family='monospace' font-size='16'%3E┊%3C/text%3E%3C/svg%3E") 0 0 / var(--grid-ch) var(--line) repeat-y;position:absolute;inset-block:0;inset-inline-start:0}.title-description blockquote>:first-child{margin-top:0}.title-description blockquote>:last-child{margin-bottom:0}.title-description ul,.title-description ol{padding-left:calc(2 * var(--grid-ch));margin:0}.title-description li{margin-top:0}.title-description img{width:round(down, 100%, var(--grid-ch));max-width:100%;height:auto;display:block}.title-details{grid-template-columns:repeat(2, var(--title-label-width) minmax(0, 1fr));column-gap:var(--title-gap);margin-top:var(--line);display:grid;container:title-details/inline-size}.title-detail-list{column-gap:calc(2 * var(--grid-ch));grid-template-columns:max-content minmax(0,1fr);row-gap:0;margin:0;display:grid}.title-detail-list dt{color:var(--color-text-secondary);white-space:nowrap}.title-detail-list dd{overflow-wrap:anywhere;margin-left:0}.title-detail-columns{grid-column:1/-1;grid-template-columns:subgrid;column-gap:var(--title-gap);display:grid}.title-detail-columns>.title-detail-list{grid-column:span 2;grid-template-columns:subgrid;column-gap:var(--title-gap);align-content:start;min-width:0}.title-tags{grid-column:1/-1;grid-template-columns:subgrid;margin-top:var(--line);display:grid}.title-tags::details-content{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.title-tags-toggle{background:var(--color-background);cursor:pointer;grid-column:1/-1;justify-self:start;list-style:none}.title-tags-toggle::-webkit-details-marker{display:none}.title-tags[open]{margin-top:0}.title-tags[open]>.title-tags-toggle{display:none}.title-tags>.title-detail-columns{margin-top:0}@container title-details (width<66ch){.title-detail-columns>.title-detail-list{grid-column:1/-1}.title-detail-list dd{grid-column:2/-1}}.title-launch{margin-top:calc(2 * var(--line));margin-bottom:0}@media (width<=640px){.title-page{margin-top:0}}@media (prefers-reduced-motion:reduce){.title-lightbox{transition:none}}