.pf-page .hidden,.pf-confirm .hidden{display:none!important}.pf-wrap{padding-block:clamp(32px,5vw,64px) clamp(56px,7vw,96px);min-height:60vh}.pf-pulse{animation:pf-pulse 1.4s ease-in-out infinite}@keyframes pf-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.pf-pulse{animation:none}}.pf-state{display:grid;place-items:center;min-height:50vh}.pf-gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(920px,100%);overflow:hidden}.pf-gate__pic{border-radius:0;min-height:100%;aspect-ratio:auto}.pf-gate__pic>img{position:absolute;inset:0}.pf-gate__tx{display:grid;gap:14px;align-content:center;padding:clamp(24px,4vw,48px)}.pf-gate__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pf-miss{display:grid;gap:14px;justify-items:center;text-align:center;max-width:30em}.pf-miss__acts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.pf-hero{display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px 18px;border-radius:var(--vx-radius-panel);background:var(--vx-raised);box-shadow:inset 0 0 0 1px var(--vx-hair)}.pf-hero.hidden{display:none}.pf-hero__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--vx-raised-2);color:var(--vx-ash)}.pf-hero--saved .pf-hero__ic{background:var(--vx-signal-soft);color:var(--vx-signal)}.pf-hero__tx{display:grid;gap:3px;flex:1;min-width:0}.pf-hero__name{font:600 var(--vx-size-16)/1.3 var(--vx-font-ui);color:var(--vx-bone)}.pf-hero__next{color:var(--vx-faint)}.pf-hero .vx-btn{flex:none}@media(max-width:640px){.pf-hero{flex-wrap:wrap}.pf-hero .vx-btn{width:100%}}.pf-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 28px;align-items:center;padding-bottom:clamp(24px,3vw,36px);box-shadow:inset 0 -1px 0 var(--vx-hair)}.pf-avatar{position:relative;width:96px;height:96px}.pf-avatar__fb{--s:96px;font:800 2.5rem/1 var(--vx-font-head);background:var(--vx-signal-soft);color:var(--vx-signal);box-shadow:inset 0 0 0 1px #ffc40059}.pf-avatar__img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:inset 0 0 0 1px var(--vx-hair-strong)}.pf-id{display:grid;gap:8px;min-width:0}.pf-id__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}.pf-name{overflow-wrap:anywhere}.pf-id__meta{display:flex;flex-wrap:wrap;gap:4px 14px}.pf-id__meta span:empty{display:none}.pf-rename{margin-top:6px}.pf-rename__form{display:flex;align-items:center;gap:8px;max-width:520px}.pf-rename__k{flex:none;margin-right:6px}.pf-rename__in{flex:1;min-width:0;height:40px}.pf-rename__form .vx-btn{--h:40px}.pf-status{margin-top:6px}.pf-status.is-ok{color:var(--vx-good)}.pf-status.is-err{color:var(--vx-danger)}.pf-stats{display:flex;gap:10px;margin:0}.pf-stats>div{display:grid;gap:8px;min-width:104px;padding:14px 18px;border-radius:var(--vx-radius-panel);background:var(--vx-raised);box-shadow:inset 0 0 0 1px var(--vx-hair)}.pf-stats dt{white-space:nowrap}.pf-stats dd{margin:0;font:800 var(--vx-size-38)/1 var(--vx-font-head);color:var(--vx-bone)}.pf-stats__lv dd{color:var(--vx-signal)}.pf-stats__k{font-size:var(--vx-size-18);margin-right:3px;opacity:.8}.pf-games{padding-top:clamp(28px,3.5vw,44px)}.pf-games__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pf-toggle{align-items:center;font-size:var(--vx-size-15);color:var(--vx-ash)}.pf-empty{display:grid;gap:6px;padding:8px 0 20px}.pf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.pf-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--vx-radius-panel);background:var(--vx-raised);box-shadow:inset 0 0 0 1px var(--vx-hair);transition:box-shadow var(--vx-motion-hover) var(--vx-motion-ease)}.pf-card:hover{box-shadow:inset 0 0 0 1px var(--vx-hair-strong)}.pf-card .vd{height:auto!important;aspect-ratio:16/9;border-bottom:0;background-color:var(--vx-raised-2)}.pf-card .vd:focus-visible{outline:3px solid var(--vx-signal);outline-offset:-3px}.pf-still:after{content:"";position:absolute;inset:0;z-index:1;background:var(--vx-scrim-card);pointer-events:none}.pf-poster{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:800 clamp(1.15rem,1.7vw,1.6rem)/.95 var(--vx-font-head);text-transform:uppercase;color:var(--vx-bone);text-shadow:var(--vx-shadow-text);overflow-wrap:anywhere}.pf-badge{position:absolute;z-index:3;top:10px;left:10px;gap:5px}.pf-card__body{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px}.pf-card__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pf-card__plays{display:inline-flex;align-items:center;gap:6px}.pf-card__stats{display:flex;flex-wrap:wrap;gap:4px 14px}.pf-inspired{margin:-8px 0 18px;color:var(--vx-bone);font-weight:600}.pf-played{margin:0 0 18px;padding:12px 16px;border-radius:var(--vx-radius-panel);background:var(--vx-signal-soft);box-shadow:inset 0 0 0 1px #ffc40059;color:var(--vx-bone);font:600 var(--vx-size-15)/1.4 var(--vx-font-ui)}.pf-card__acts{display:flex;gap:8px;margin-top:auto;padding-top:10px}.pf-card__acts .vx-btn{flex:1 1 0;padding-inline:10px}.pf-card__more{display:flex;justify-content:space-between;gap:8px;margin-top:4px}.pf-quiet{display:inline-flex;align-items:center;min-height:32px;padding:0 2px;border:0;background:none;cursor:pointer;text-align:left;font:500 var(--vx-size-13)/1 var(--vx-font-ui);color:var(--vx-ash);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.pf-quiet:hover{color:var(--vx-bone);text-decoration-color:var(--vx-hair-strong)}.pf-quiet--danger:hover{color:var(--vx-danger);text-decoration-color:currentColor}.pf-quiet:disabled{opacity:.45;cursor:default}.pf-quiet:only-child{margin-left:auto}.pf-create{display:grid;place-items:center;align-content:center;gap:8px;min-height:240px;padding:20px;text-align:center;text-decoration:none;color:inherit;border-radius:var(--vx-radius-panel);background:transparent;border:1px dashed var(--vx-hair-strong);transition:background-color var(--vx-motion-hover) var(--vx-motion-ease),border-color var(--vx-motion-hover) var(--vx-motion-ease)}.pf-create:hover{background-color:var(--vx-raised);border-color:var(--vx-bone)}.pf-create__plus{display:grid;place-items:center;width:52px;height:52px;margin-bottom:4px;border-radius:50%;background:var(--vx-signal);color:var(--vx-on-signal)}.pf-create:hover .pf-create__plus{background:var(--vx-signal-hover)}.pf-confirm__acts{grid-template-columns:1fr 1fr}@media(max-width:1100px){.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-head{grid-template-columns:auto minmax(0,1fr)}.pf-stats{grid-column:1 / -1}}@media(max-width:820px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.pf-gate{grid-template-columns:1fr}.pf-gate__pic{aspect-ratio:2/1}.pf-gate__pic>img{position:static}}@media(max-width:520px){.pf-wrap{padding-top:20px}.pf-state{place-items:start center}.pf-head{gap:16px;align-items:start}.pf-rename__form .vx-btn{padding-inline:16px}.pf-quiet{line-height:1.25}.pf-avatar,.pf-avatar__img{width:72px;height:72px}.pf-avatar__fb{--s:72px;font-size:2rem}.pf-stats>div{flex:1 1 0;min-width:0;padding:12px}.pf-stats dd{font-size:var(--vx-size-28)}.pf-card__body{padding:10px 12px 12px;gap:4px}.pf-card__t{font-size:var(--vx-size-15)}.pf-card__acts{gap:6px}.pf-card__acts .vx-btn{min-width:0;padding-inline:8px}.pf-create{min-height:200px}.pf-gate__acts .vx-btn{flex:1 1 100%}.pf-rename__form{flex-wrap:wrap}.pf-rename__k{flex-basis:100%}}