.pg-index{padding-top:var(--nav-band);gap:48px;display:grid}.pg-index>h1{text-align:center}.pg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4.4vw,56px) clamp(20px,2.4vw,32px);margin:0;padding:0;list-style:none;display:grid}.pg-item{align-content:start;gap:16px;min-width:0;display:grid}.pg-card{aspect-ratio:1;border-radius:var(--r-figure);text-decoration:none;display:block;position:relative;overflow:hidden}.pg-preview{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity var(--reveal-media-duration) var(--reveal-media-ease);background:0 0;border:0;position:absolute;inset:0}.pg-preview[data-ready=true]{opacity:1}.pg-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.pg-label{text-align:center;justify-items:center;gap:4px;display:grid}.pg-label--live{display:none}.pg-word{white-space:pre;display:inline-block}@media (hover:hover) and (pointer:fine){.pg-label--live{display:grid}}.pg-name{font-size:var(--t-16);margin:0;font-weight:600;line-height:24px}.pg-story{max-width:32em;font-size:var(--t-13);margin:0;line-height:20px}.pg-item{--card-step:0}.pg-item:nth-child(3n+2){--card-step:1}.pg-item:nth-child(3n+3){--card-step:2}.pg-card{--reveal-delay:calc(var(--step) * var(--card-step))}.pg-name{--reveal-delay:calc(var(--step) * (var(--card-step) + 1))}.pg-story{--reveal-delay:calc(var(--step) * (var(--card-step) + 2))}@media (max-width:840px){.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-item:nth-child(n){--card-step:0}.pg-item:nth-child(2n){--card-step:1}}@media (max-width:520px){.pg-grid{grid-template-columns:1fr}.pg-item:nth-child(n){--card-step:0}}.pg-run{background:var(--ground);height:100svh;color:var(--ink);font-family:var(--font-inter), Inter, Arial, sans-serif;flex-direction:column;display:flex;position:relative}.pg-bar{z-index:40;height:var(--nav-band);padding:var(--nav-offset) var(--edge) 0;pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.pg-bar>*{pointer-events:auto}.pg-bar__source{color:rgb(var(--ink-rgb) / 52%);font-size:var(--t-13);transition:color .2s var(--nav-ease);line-height:20px;text-decoration:none}.pg-bar__source:hover{color:var(--ink)}.pg-bar__source:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.pg-app{background:var(--ground);border:0;flex:1;width:100%;min-height:0}@media (max-width:520px){.pg-bar{padding:0 24px}}@media (prefers-reduced-motion:reduce){.pg-bar__source,.pg-preview{transition:none}.pg-label--live{display:none!important}}