/* cartões de perfil (Discord, Roblox, Steam, GitHub): cartão /perfis da vila e seção de contato do /sobre.
   Cores próprias (fundo roxo-escuro da vila) pra funcionar igual nos dois lugares. */
.pfs{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.pf{display:grid;gap:8px;padding:12px;background:#140d1c;border:1px solid #3b1d6b;border-left:4px solid var(--pf);color:#ede6d8;text-decoration:none;font:13px/1.45 'Space Mono',ui-monospace,Consolas,monospace;text-align:left}
.pf:hover,.pf:focus-visible{border-color:var(--pf)}
.pf-discord{--pf:#5865f2}.pf-roblox{--pf:#00a2ff}.pf-steam{--pf:#66c0f4}.pf-github{--pf:#ede6d8}
.pf-cab{display:flex;gap:12px;align-items:center}
.pf-av{position:relative;width:56px;height:56px;flex:none}
.pf-av img{width:56px;height:56px;border-radius:50%;display:block}
.pf-av .pf-deco{position:absolute;inset:-6px;width:68px;height:68px;border-radius:0}
.pf-av i{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border-radius:50%;border:3px solid #140d1c}
.pf-id{display:grid;min-width:0}
.pf-id small,.pf-atv small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#b3a7bc}
.pf-id b{font:italic 700 20px/1.15 'Playfair Display',Georgia,serif;color:#ede6d8}
.pf em{font-style:normal;color:#b3a7bc;font-size:12px}
.pf-custom{margin:0;display:flex;gap:6px;align-items:center}
.pf-custom img{width:22px;height:22px}
.pf-atv{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.05);padding:8px}
.pf-atv img{width:44px;height:44px;border-radius:4px;object-fit:cover;flex:none}
.pf-atv span{display:grid;min-width:0}
.pf-atv b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-jogos,.pf-repos{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pf-jogos li{display:flex;gap:10px;align-items:center}
.pf-jogos img{width:92px;height:35px;object-fit:cover;flex:none}
.pf-jogos span{display:grid;min-width:0}
.pf-repos li{display:grid;padding:6px 8px;background:rgba(255,255,255,.05)}
.pf-repos small{color:#a88a4e;font-size:11px}
.pf-bio{margin:0;color:#d6cbdc}
.pf-vazio{margin:0;color:#b3a7bc}
/* faixa "Agora": o status em cada plataforma numa linha só, em cima dos cartões */
.pf-agora{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:8px 12px;background:#100a16;border:1px solid #3b1d6b;font:12px/1.4 'Space Mono',ui-monospace,Consolas,monospace;color:#d6cbdc}
.pf-agora b{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#a88a4e}
.pf-agora span{display:inline-flex;align-items:center;gap:6px}
.pf-agora i{width:9px;height:9px;border-radius:50%;flex:none}
/* números em blocos */
.pf-num{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pf-num li{display:grid;padding:5px 9px;background:rgba(255,255,255,.05);min-width:72px}
.pf-num b{font:700 16px/1.2 'Space Mono',ui-monospace,monospace;color:#ede6d8}
.pf-num span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#b3a7bc}
.pf-calmo{margin:0;color:#b3a7bc;font-size:12px}
/* Roblox: o avatar de corpo inteiro do lado dos números */
.pf-rbx{display:flex;gap:12px;align-items:center}
.pf-rbx > div{display:grid;gap:8px;min-width:0}
.pf-corpo{width:110px;height:110px;flex:none;object-fit:contain;background:radial-gradient(circle at 50% 60%,rgba(0,162,255,.22),transparent 70%)}
/* /sobre: os cartões ficam embaixo da lista de contato */
.pf-wrap{max-width:900px;margin:28px auto 0}