.pf-cards{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px;display:grid}.pf-card{background:var(--tile);min-width:0;color:var(--fg);transition:background-color .15s var(--ease), transform .25s cubic-bezier(.34, 1.4, .64, 1);border-radius:18px;align-content:start;gap:8px;padding:6px 6px 11px;text-decoration:none;display:grid}@media (hover:hover) and (pointer:fine){.pf-card:hover{background:color-mix(in srgb, var(--tile), var(--fg) 5%)}}.pf-card-art{aspect-ratio:16/9;background:var(--pill);isolation:isolate;border-radius:14px;display:block;position:relative;overflow:hidden}.pf-card-art:before{content:"";background:var(--icon) center / cover;filter:blur(24px)saturate(1.4);opacity:.55;z-index:-1;position:absolute;inset:-20%}.pf-card-art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);position:absolute;inset:0}.pf-card-art.has-shot img{opacity:1}.pf-card-live.glass{--glass-tint:var(--glass-tint-words);color:var(--fg);font:600 12px/1 var(--font);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 7px;display:inline-flex;position:absolute;bottom:7px;left:7px}.pf-card-live .pf-live{width:6px;height:6px}.pf-card-live .chg{margin-left:1px;font-size:11px}.pf-card-t{align-items:center;gap:8px;min-width:0;padding:0 5px;display:flex}.pf-card-icon{object-fit:cover;background:var(--pill);border-radius:6px;flex:none;width:22px;height:22px}.pf-card-name{min-width:0;font:600 15px/19px var(--font);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pf-card-sub{font:500 13px/17px var(--font);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:-5px;padding:0 5px 0 35px;overflow:hidden}@media (width<=640px){.pf-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pf-card{border-radius:16px;padding:5px 5px 10px}.pf-card-art{border-radius:12px}.pf-card-t{gap:7px;padding:0 4px}.pf-card-icon{width:20px;height:20px}.pf-card-name{font-size:14px}.pf-card-sub{padding:0 4px 0 31px;font-size:12px}}