.pf-head{grid-template:"face who acts""face counts counts""face bio bio""face meta meta"1fr"extra extra extra"/auto minmax(0,1fr) auto;align-items:start;column-gap:26px;display:grid}.pf-head>.pf-row{grid-area:face}.pf-head>.pf-who{grid-area:who;align-self:center}.pf-head>.pf-counts{grid-area:counts}.pf-head>.pf-acts{grid-area:acts;align-self:center}.pf-head>.pf-bio-wrap{grid-area:bio}.pf-head>.pf-meta{grid-area:meta}.pf-head>.pf-extra{grid-area:extra}.pf-counts{flex-wrap:wrap;gap:4px 20px;margin-top:10px;display:flex}.pf-counts>.pf-count{color:var(--muted);font:500 15px/20px var(--font);font-variant-numeric:tabular-nums;background:0 0;border:0;align-items:baseline;gap:5px;padding:0;text-decoration:none;display:inline-flex}.pf-count-n{color:var(--fg);font-weight:650}:is(a,button).pf-count{cursor:pointer;transition:color .18s var(--ease)}@media (hover:hover) and (pointer:fine){:is(a,button).pf-count:hover{color:var(--fg)}}.pf-cover{background:radial-gradient(80% 120% at 20% 0%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%), radial-gradient(70% 120% at 100% 100%, color-mix(in srgb, var(--warm) 16%, transparent), transparent 70%), var(--tile);border-radius:24px;height:clamp(140px,26vw,210px);position:relative;overflow:hidden}.pf-cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease), transform 1.4s var(--ease);transform:scale(1.04)}.pf-cover.is-in img{opacity:1;transform:none}.pf-row{place-self:start;width:fit-content;height:fit-content;line-height:0;position:relative}.pf-cover-chip.glass{--glass-tint:var(--glass-tint-words);max-width:min(300px,100% - 172px);height:30px;color:var(--fg);font:600 13px/1 var(--font);box-sizing:border-box;opacity:0;transition:opacity .5s .35s var(--ease), transform .5s .35s var(--ease), background-color .15s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 8px 0 4px;text-decoration:none;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.pf-cover.is-in .pf-cover-chip.glass{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.pf-cover-chip.glass:hover{background:linear-gradient(var(--glass-lens), var(--glass-lens)), var(--glass-sheen), var(--glass-tint)}}.pf-cover .pf-cover-chip img{opacity:1;border-radius:6px;flex:none;width:22px;height:22px;transform:none}.pf-cover-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pf-cover-note{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;font-weight:500;display:inline-flex}.pf-cover-note .pf-live{width:6px;height:6px}.pf-cover-go{opacity:.6;transition:transform .2s var(--ease);margin-left:-2px}@media (hover:hover) and (pointer:fine){.pf-cover-chip:hover .pf-cover-go{transform:translate(2px)}}.pf-face{background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 72%), linear-gradient(var(--tile), var(--tile)), var(--bg);width:112px;height:112px;color:var(--muted);font:700 44px/1 var(--display);border-radius:50%;flex:none;place-items:center;animation:.6s cubic-bezier(.34,1.5,.64,1) backwards pf-pop;display:grid;position:relative;overflow:hidden}.pf-face[data-medal]{outline-offset:3px;outline:3px solid #0000}.pf-face[data-medal=gold]{outline-color:var(--medal-1)}.pf-face[data-medal=silver]{outline-color:var(--medal-2)}.pf-face[data-medal=bronze]{outline-color:var(--medal-3)}.pf-face.square{background:var(--bg);border-radius:28px}.pf-face img{object-fit:cover;width:100%;height:100%}@keyframes pf-pop{0%{opacity:0;transform:scale(.85)}}.pf-acts{--ctl:44px;gap:8px;display:flex}.pf-acts .btn:not(.icon){min-width:112px}.pf-acts[data-k]{grid-auto-flow:column;grid-template-columns:repeat(var(--k), minmax(112px, 1fr));grid-auto-columns:auto;display:grid}.pf-acts[data-k]>.sf{display:contents}.pf-acts[data-k] .btn.icon{order:2}.pf-who{min-width:0}.pf-name{font:700 28px/1.15 var(--display);letter-spacing:-.03em;white-space:nowrap;margin:0}.pf-name>:first-child{white-space:normal;overflow-wrap:anywhere}.pf-marks{vertical-align:top;align-items:center;gap:8px;height:1lh;margin-inline-start:8px;display:inline-flex}.pf-marks:empty{display:none}.pf-marks>.who-check{margin-inline-start:0}.pf-check{background:var(--accent);color:#fff;width:20px;height:20px;font:800 11px/1 var(--font);border-radius:50%;place-items:center;display:inline-grid}.pf-check.sm{vertical-align:1px;width:15px;height:15px;margin-left:5px;font-size:9px}.pf-sub{font:500 15px/20px var(--font);color:var(--muted);margin:3px 0 0}.pf-sub a{color:inherit;transition:color .18s var(--ease);text-decoration:none}@media (hover:hover) and (pointer:fine){.pf-sub a:hover{color:var(--fg)}}.pf-bio-wrap{margin-top:10px}.pf-bio{font:400 15px/22px var(--font);color:color-mix(in srgb, var(--fg) 88%, transparent);white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.pf-bio.is-open{-webkit-line-clamp:unset}.pf-bio-add{width:fit-content;color:var(--muted);font:600 15px/23px var(--font);transition:color .15s var(--ease);justify-self:start;align-items:center;gap:6px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.pf-bio-add:hover{color:var(--fg)}}.pf-bio-add svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:15px;height:15px}.pf-face-add{background:var(--fg);width:32px;height:32px;color:var(--bg);box-shadow:0 0 0 3px var(--bg);transition:transform .25s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;right:0}@media (hover:hover) and (pointer:fine){.pf-face-add:hover{transform:scale(1.08)rotate(-6deg)}}.pf-face-add svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.pf-more{color:var(--accent);font:600 15px/1 var(--font);cursor:pointer;background:0 0;border:0;padding:0}.pf-meta{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:10px;display:flex}.pf-meta>.pf-socials,.pf-meta>.pf-facts{margin:0}.pf-socials{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.pf-social{height:28px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font:600 13px/1 var(--font);transition:color .15s var(--ease), background-color .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 9px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.pf-social:hover{color:var(--fg);background:var(--pill)}}.pf-social.is-ghost{box-shadow:none;outline:1.5px dashed color-mix(in srgb, var(--fg) 28%, transparent);outline-offset:-1.5px;color:var(--fg);transition:color .15s var(--ease), background-color .15s var(--ease), outline-color .15s var(--ease)}@media (hover:hover) and (pointer:fine){.pf-social.is-ghost:hover{background:var(--pill);outline-color:color-mix(in srgb, var(--fg) 45%, transparent)}}.pf-social.icon{justify-content:center;width:28px;padding:0}.pf-social.icon .pf-social-mark .pf-ic{width:14px;height:14px}.pf-social-mark{color:var(--fg);place-items:center;display:grid}.pf-social-mark .pf-ic{width:13px;height:13px}.pf-facts{font:500 15px/20px var(--font);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin:14px 0 0;display:flex}.pf-facts b{color:var(--fg);font-weight:650}@media (prefers-reduced-motion:reduce){.pf-face{animation:none}}.pf-seen .pf-face,:root[data-calm] .pf-face{animation:none}@media (width<=640px){.pf-head{grid-template-rows:none;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face acts""who who""counts counts""bio bio""meta meta""extra extra";column-gap:16px}.pf-head.has-counts:not(.has-acts){grid-template-areas:"face who""counts counts""bio bio""meta meta""extra extra"}.pf-head:not(.has-counts):not(.has-acts){grid-template-areas:"face who""bio bio""meta meta""acts acts""extra extra"}.pf-head.has-acts>.pf-who{margin-top:10px}.pf-head>.pf-counts{gap:4px 16px;margin-top:6px}.pf-head>.pf-acts{--ctl:40px;place-self:center end;max-width:100%;margin:0}.pf-head>.pf-acts>.btn{min-height:0;padding-inline:16px;font-size:15px}.pf-head>.pf-acts .btn:not(.icon){min-width:88px}.pf-head>.pf-acts>.btn.icon{padding:0}.pf-head>.pf-acts[data-k]{grid-template-columns:repeat(var(--k), minmax(0, 1fr))}.pf-face{width:64px;height:64px;font-size:28px}.pf-face.square{border-radius:18px}.pf-name{font-size:22px}.pf-cover-chip.glass{max-width:min(300px,100% - 20px);top:10px;bottom:auto;right:10px;transform:translateY(-4px)}}.pf-column{container:pf-column/inline-size}@container pf-column (width<=720px){.pf-head{grid-template-rows:none;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face acts""who who""counts counts""bio bio""meta meta""extra extra";column-gap:16px}.pf-head.has-acts>.pf-who{margin-top:10px}.pf-head>.pf-acts{place-self:center end;max-width:100%}}
