.profile-shell{width:min(980px,calc(100% - 24px));margin:0 auto;padding:28px 0 50px}
.profile-page-head,.directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}
.profile-page-head h1,.directory-head h1{margin:2px 0 4px;color:#fff;font-size:24px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.profile-panel{background:#080808;border:1px solid #222;padding:18px}
.profile-panel h2{font-size:16px;color:#fff;margin:0 0 14px}
.profile-panel h3{font-size:13px;color:#bbb;margin:14px 0 8px}
.settings-form,.profile-panel label{display:grid;gap:5px}
.settings-form{gap:12px}
.settings-form input,.settings-form textarea,.profile-panel>label input,#twoFactorStart input,#twoFactorDisable input,.twofa-setup input{width:100%;background:#030303;border:1px solid #2b2b2b;color:#eee;padding:9px;outline:0}
.settings-form input:focus,.settings-form textarea:focus,.profile-panel input:focus{border-color:#555}
.settings-form .check{display:flex;grid-template-columns:auto 1fr;align-items:center}
.settings-form .check input{width:auto}
.avatar-editor{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.profile-avatar{border-radius:50%;background:#121212;border:2px solid var(--profile-accent,#444);display:grid;place-items:center;overflow:hidden;color:#777;font-weight:bold;flex:none}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-avatar.large{width:112px;height:112px;font-size:32px}
.profile-avatar.xlarge{width:150px;height:150px;font-size:42px}
.button-row{display:flex;gap:8px;margin-top:8px}
.security-status{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
.twofa-setup{display:grid;gap:10px;margin:12px 0}
.twofa-setup img{width:180px;height:180px;background:#fff;padding:5px}
.twofa-setup code{overflow-wrap:anywhere;color:#55ff55}
.profile-panel hr{border:0;border-top:1px solid #222;margin:18px 0}
.danger-text{color:#ff6666!important}
.danger-zone{border-color:#4a1818}
.rank-directory{display:grid;gap:22px}
.rank-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #242424;padding-bottom:8px}
.user-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.user-card{display:flex;gap:11px;align-items:center;background:#080808;border:1px solid #222;padding:12px;color:#bbb}
.user-card:hover{border-color:var(--card-accent,#555);text-decoration:none;background:#0c0c0c}
.user-card .profile-avatar{width:52px;height:52px}
.user-card strong{display:block;color:#fff}
.user-card small{display:block;color:#666}
.rank-badge{font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.08em;padding:3px 7px;border:1px solid currentColor}
.rank-admin{color:#ff3b3b}
.rank-manager{color:#5599ff}
.rank-elite{color:#ffaa00}
.rank-rich{color:#00dd00}
.rank-user{color:#888}
.profile-hero{display:flex;gap:24px;align-items:center;padding:26px;border:1px solid #222;background:#080808;margin-bottom:16px;border-top:3px solid var(--profile-accent,#44aaff)}
.identity-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.identity-line h1{margin:0;color:#fff;font-size:27px}
.profile-status{color:var(--profile-accent,#44aaff);margin:5px 0}
.profile-meta{display:flex;gap:14px;color:#666;font-size:11px}
.profile-website{display:inline-block;margin-top:7px}
.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#bbb}
.profile-posts{display:grid;gap:7px}
.profile-post{display:flex;justify-content:space-between;gap:12px;border:1px solid #202020;padding:10px;color:#aaa}
.profile-post:hover{border-color:#444;text-decoration:none}
.profile-post strong{color:#ddd}
.profile-post small{color:#666}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}
.user-card-grid{grid-template-columns:1fr 1fr}
.profile-hero{align-items:flex-start}
.profile-avatar.xlarge{width:105px;height:105px}
.profile-page-head,.directory-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){.user-card-grid{grid-template-columns:1fr}
.profile-hero{flex-direction:column}
.avatar-editor{grid-template-columns:1fr}
.profile-meta{flex-direction:column;gap:2px}
}
.directory-shell{width:min(680px,calc(100% - 24px))}
.directory-title{text-align:center;padding:0 0 24px;border-bottom:1px solid #222}
.directory-title h1{font-size:24px;color:#fff;margin:0 0 12px}
.directory-search{display:grid;justify-content:center;gap:8px}
.directory-search label{font-weight:bold;color:#888;font-size:12px}
.directory-search div{display:flex;justify-content:center}
.directory-search input{width:min(300px,65vw);background:#1b1b1b;border:1px solid #292929;color:#ddd;padding:8px}
.directory-search button{border:1px solid #444;background:#2b2b2b;color:#fff;font-weight:bold;padding:8px 13px;cursor:pointer}
.directory-total{font-size:11px;color:#777;margin:10px 0 0}
.directory-shell .rank-directory{gap:28px;padding-top:24px}
.directory-shell .rank-section h2{font-size:14px;text-transform:none;letter-spacing:0;color:#ddd;border:0;margin:0 0 8px;padding:0}
.directory-table-wrap{overflow-x:auto}
.directory-table{width:100%;min-width:560px;border-collapse:collapse;border:1px solid #333;font-size:12px}
.directory-table th{background:#1b1b1b;color:#eee;text-align:left;border-bottom:1px solid #3a3a3a;padding:8px}
.directory-table td{background:#101010;color:#ddd;border-bottom:1px solid #292929;padding:8px}
.directory-table th:nth-child(n+3),.directory-table td:nth-child(n+3){text-align:right}
.directory-table th:nth-child(2){width:58%}
.directory-table a{font-weight:bold}
.directory-table tbody tr:hover td{background:#151515}