.hp-profile-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;margin:8px 0 70px}.hp-sidebar{position:sticky;top:22px}.hp-identity-card,.hp-panel{background:linear-gradient(180deg,rgba(19,18,28,.96),rgba(11,11,17,.97));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 60px rgba(0,0,0,.22);border-radius:14px}.hp-identity-card{padding:22px}.hp-avatar-wrap{position:relative;width:112px;height:112px;margin-bottom:14px}.hp-avatar{width:112px;height:112px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.25)}.hp-presence{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:#555d6b;border:3px solid #11111a}.hp-presence.is-online{background:#4fe0a3;box-shadow:0 0 18px rgba(79,224,163,.7)}.hp-username{font-size:1.32rem;font-weight:800;margin:0;color:#fff;overflow-wrap:anywhere}.hp-created{display:flex;align-items:center;gap:8px;color:#777888;font-size:.85rem;margin:8px 0 20px}.hp-id-list{display:grid;gap:9px}.hp-id-row{min-height:48px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);border-radius:9px;padding:10px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.hp-id-row span{display:flex;align-items:center;gap:8px;color:#747686;font-size:.8rem}.hp-id-row strong{font-size:.82rem;color:#f5f5fb;max-width:165px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-edit-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;width:100%;min-height:44px;border-radius:9px;border:1px solid rgba(189,53,255,.34);background:rgba(189,53,255,.09);color:#e8c8ff;text-decoration:none;font-weight:750;font-size:.88rem;transition:.2s}.hp-edit-btn:hover{background:rgba(189,53,255,.16);color:#fff;border-color:rgba(189,53,255,.55)}.hp-main{min-width:0;display:grid;gap:18px}.hp-panel{overflow:hidden}.hp-panel-heading{min-height:72px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.075);display:flex;align-items:center;justify-content:space-between;gap:18px}.hp-heading-title{display:flex;align-items:center;gap:13px}.hp-heading-title h3{font-size:1.08rem;margin:0;color:#fff;font-weight:800}.hp-panel-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:rgba(75,89,255,.08);border:1px solid rgba(72,92,255,.13);color:#6277ff;font-size:1.1rem}.hp-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;color:#c75cff;font-size:.67rem;font-weight:850;margin-bottom:2px}.hp-live-state{display:flex;align-items:center;gap:8px;color:#878997;font-size:.8rem;font-weight:700}.hp-live-state>span,.hp-status>span{width:7px;height:7px;border-radius:50%;background:#626774}.hp-live-state.is-online{color:#63e4ad}.hp-live-state.is-online>span{background:#4fe0a3;box-shadow:0 0 13px rgba(79,224,163,.65)}.hp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.06)}.hp-stat{padding:19px 20px;background:#101018}.hp-stat span{display:block;color:#7e7f8f;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;font-weight:750;margin-bottom:5px}.hp-stat strong{font-size:1.32rem;color:#fff;letter-spacing:-.025em}.hp-chart-wrap{padding:20px 20px 15px;position:relative}.hp-chart-topline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.hp-chart-topline strong{display:block;color:#f7f7fb;font-size:.86rem}.hp-chart-topline>div>span{color:#77798a;font-size:.75rem}.hp-chart-legend{display:flex;align-items:center;gap:7px;color:#8d8f9d;font-size:.75rem}.hp-chart-legend span{width:18px;height:3px;border-radius:3px;background:linear-gradient(90deg,#bc35ff,#7d45ff);box-shadow:0 0 12px rgba(189,53,255,.35)}#hpPlaytimeChart{display:block;width:100%;max-width:100%;height:220px}.hp-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hp-small-heading{min-height:64px;padding-top:12px;padding-bottom:12px}.hp-count-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:8px;background:rgba(189,53,255,.09);border:1px solid rgba(189,53,255,.16);color:#d98cff;font-weight:800;font-size:.75rem}.hp-detail-list,.hp-whitelist-list{padding:8px 20px 15px}.hp-detail-row,.hp-whitelist-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;border-bottom:1px solid rgba(255,255,255,.055);font-size:.84rem}.hp-detail-row:last-child,.hp-whitelist-row:last-child{border-bottom:0}.hp-detail-row span,.hp-whitelist-row span{color:#9293a0}.hp-detail-row strong{color:#f1f1f6;font-size:.82rem;text-align:right}.hp-whitelist-row strong{font-size:.72rem;padding:4px 8px;border-radius:6px;border:1px solid rgba(79,224,163,.16);background:rgba(79,224,163,.07);color:#67ddb0}.hp-whitelist-row.is-revoked strong{border-color:rgba(255,92,109,.15);background:rgba(255,92,109,.055);color:#a66870}.hp-whitelist-row.is-revoked span{color:#666875;text-decoration:line-through}.hp-muted-empty{padding:18px 0;color:#777987;font-size:.84rem}.hp-sanctions-heading{align-items:flex-start}.hp-filter-group{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.hp-filter{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#8b8d9a;min-height:32px;padding:0 10px;border-radius:7px;font-size:.72rem;font-weight:700;transition:.18s}.hp-filter:hover,.hp-filter.is-active{color:#fff;border-color:rgba(189,53,255,.36);background:rgba(189,53,255,.11)}.hp-table-wrap{overflow:auto}.hp-sanctions-table{width:100%;border-collapse:collapse;min-width:850px}.hp-sanctions-table th{padding:12px 16px;text-align:left;color:#8c8da0;font-size:.71rem;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid rgba(255,255,255,.06);font-weight:800}.hp-sanctions-table td{padding:14px 16px;color:#cacbd3;font-size:.81rem;border-bottom:1px solid rgba(255,255,255,.045);vertical-align:middle}.hp-sanctions-table tbody tr:last-child td{border-bottom:0}.hp-sanctions-table tbody tr:hover{background:rgba(255,255,255,.018)}.hp-type{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:6px;font-size:.67rem;font-weight:850;letter-spacing:.05em}.hp-type-warn{color:#ffc769;background:rgba(255,182,69,.08);border:1px solid rgba(255,182,69,.15)}.hp-type-ban{color:#ff7a8a;background:rgba(255,80,104,.08);border:1px solid rgba(255,80,104,.16)}.hp-status{display:inline-flex;align-items:center;gap:7px;color:#8b8d99;font-size:.74rem}.hp-status.is-active{color:#ff8290}.hp-status.is-active span{background:#ff5c6d;box-shadow:0 0 12px rgba(255,92,109,.5)}.hp-status.is-history span{background:#626775}.hp-reason{max-width:360px}.hp-filter-empty,.hp-no-sanctions td{text-align:center!important;color:#777987!important;padding:30px!important}.hp-empty-state{padding:26px;display:flex;align-items:center;gap:16px}.hp-empty-state h3{margin:0 0 5px;color:#fff;font-size:1.05rem}.hp-empty-state p{margin:0;color:#8b8d9b;line-height:1.6;font-size:.88rem;max-width:760px}@media(max-width:1050px){.hp-profile-shell{grid-template-columns:240px minmax(0,1fr)}.hp-sidebar{position:static}.hp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.hp-profile-shell{grid-template-columns:1fr}.hp-identity-card{display:grid;grid-template-columns:auto 1fr;column-gap:18px}.hp-avatar-wrap{grid-row:1/4}.hp-id-list,.hp-edit-btn{grid-column:1/-1}.hp-two-columns{grid-template-columns:1fr}.hp-sanctions-heading{flex-direction:column}.hp-filter-group{justify-content:flex-start}}@media(max-width:560px){.hp-identity-card{display:block}.hp-avatar-wrap{width:92px;height:92px}.hp-avatar{width:92px;height:92px}.hp-stats-grid{grid-template-columns:1fr 1fr}.hp-stat{padding:15px}.hp-stat strong{font-size:1.08rem}.hp-panel-heading{padding:13px 15px}.hp-chart-wrap{padding:16px 12px 10px}.hp-detail-list,.hp-whitelist-list{padding-left:15px;padding-right:15px}.hp-live-state{font-size:0}.hp-live-state>span{width:9px;height:9px}.hp-chart-topline{align-items:center}.hp-chart-topline>div>span{display:none}}

/* HonteProfiles v1.3 - annuaire staff */
.hp-staff-directory{max-width:1180px;margin:0 auto;padding:28px 16px 56px}.hp-directory-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.hp-directory-head h1{margin:4px 0 6px;font-size:clamp(2rem,4vw,3.2rem)}.hp-directory-head p{margin:0;color:var(--bs-secondary-color,#8e94a8)}.hp-player-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(12,12,18,.88);margin-bottom:18px}.hp-player-search input{width:100%;border:0;outline:0;background:transparent;color:inherit;min-height:36px}.hp-player-search button,.hp-back-btn{border:1px solid rgba(168,85,247,.38);background:rgba(168,85,247,.12);color:inherit;border-radius:10px;padding:9px 14px;text-decoration:none;font-weight:700}.hp-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hp-player-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:linear-gradient(180deg,rgba(20,19,29,.94),rgba(12,12,18,.94));text-decoration:none;color:inherit;transition:.18s ease}.hp-player-card:hover{transform:translateY(-2px);border-color:rgba(168,85,247,.45);box-shadow:0 14px 40px rgba(0,0,0,.22)}.hp-player-avatar-wrap{position:relative;flex:0 0 58px}.hp-player-avatar{width:58px;height:58px;object-fit:cover;border-radius:12px}.hp-player-avatar-wrap .hp-presence{position:absolute;right:-3px;bottom:-3px;border:3px solid #11111a}.hp-player-card-main{min-width:0;flex:1}.hp-player-card-main>strong{display:block;font-size:1.02rem}.hp-player-card-main>span{display:block;color:#81879b;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-player-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.hp-player-meta span{font-size:.75rem;padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.045);color:#b7bdcb}.hp-player-arrow{opacity:.45}.hp-pagination{margin-top:22px}.hp-staff-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#8f95a8;font-size:.82rem}.hp-staff-btn{margin-bottom:8px}.hp-rank-key{display:block;color:#777f92;font-size:.72rem;margin-top:3px;font-weight:500}
@media(max-width:760px){.hp-player-grid{grid-template-columns:1fr}.hp-directory-head{align-items:flex-start;flex-direction:column}.hp-player-search{grid-template-columns:auto 1fr}.hp-player-search button{grid-column:1/-1}.hp-staff-toolbar{gap:10px;align-items:flex-start;flex-direction:column}}

/* HonteProfiles v1.3 - recherche profil + historique SAM */
.hp-profile-search-wrap{margin:8px 0 16px}.hp-profile-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:6px 7px 6px 15px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(16,16,24,.94);box-shadow:0 12px 38px rgba(0,0,0,.14)}.hp-profile-search>i{color:#8c90a3;font-size:1rem}.hp-profile-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f5f5fa;font-size:.91rem}.hp-profile-search input::placeholder{color:#7b7e90}.hp-profile-search button{width:40px;height:40px;border-radius:8px;border:1px solid rgba(189,53,255,.28);background:rgba(189,53,255,.10);color:#d58aff;display:grid;place-items:center;transition:.18s}.hp-profile-search button:hover{background:rgba(189,53,255,.18);border-color:rgba(189,53,255,.5);color:#fff}.hp-avatar-placeholder,.hp-player-avatar-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,rgba(189,53,255,.12),rgba(82,72,255,.08));color:#8d79b0}.hp-avatar-placeholder i{font-size:2.4rem}.hp-player-avatar-placeholder i{font-size:1.35rem}.hp-site-name{display:flex;align-items:center;gap:7px;color:#9798a8;font-size:.79rem;margin-top:4px}.hp-stat small{display:flex;align-items:center;gap:6px;margin-top:5px;color:#9b7caf;font-size:.68rem;font-weight:650;text-transform:none;letter-spacing:0}.hp-history-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 12px;border:1px solid rgba(189,53,255,.12);border-radius:9px;background:rgba(189,53,255,.04);color:#8c8e9d;font-size:.76rem;line-height:1.55}.hp-history-note i{color:#ba67ea;margin-top:1px}.hp-site-account{color:#a584b8!important}.hp-player-avatar-placeholder{border:1px solid rgba(255,255,255,.08)}
@media(max-width:560px){.hp-profile-search{min-height:50px}.hp-profile-search button{width:36px;height:36px}.hp-profile-search input{font-size:.84rem}}


/* HonteProfiles v1.4 - séparation Staff / Joueurs */
.hp-directory-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px}.hp-directory-category{display:flex;align-items:center;gap:13px;min-height:82px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(18,17,26,.92),rgba(12,12,18,.96));color:inherit;text-decoration:none;transition:.18s ease}.hp-directory-category:hover{transform:translateY(-2px);color:inherit;border-color:rgba(168,85,247,.36);box-shadow:0 14px 38px rgba(0,0,0,.18)}.hp-directory-category.is-active{border-color:rgba(189,53,255,.48);background:linear-gradient(180deg,rgba(189,53,255,.12),rgba(70,47,115,.08));box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 40px rgba(0,0,0,.18)}.hp-directory-category-staff.is-active{border-color:rgba(83,136,255,.46);background:linear-gradient(180deg,rgba(83,136,255,.11),rgba(68,74,151,.07))}.hp-directory-category-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(189,53,255,.20);background:rgba(189,53,255,.08);color:#d98cff;font-size:1.08rem}.hp-directory-category-staff .hp-directory-category-icon{border-color:rgba(83,136,255,.20);background:rgba(83,136,255,.08);color:#80a2ff}.hp-directory-category>span:nth-child(2){min-width:0;flex:1}.hp-directory-category strong{display:block;color:#f7f7fb;font-size:.96rem}.hp-directory-category small{display:block;margin-top:3px;color:#777d8f;font-size:.73rem}.hp-directory-category b{min-width:32px;height:32px;padding:0 9px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.045);color:#c9cbd5;font-size:.76rem}.hp-directory-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px}.hp-directory-section-head h2{margin:3px 0 0;font-size:1.45rem}.hp-directory-result-count{color:#7e8395;font-size:.78rem}.hp-player-card.is-staff{border-color:rgba(83,136,255,.14);background:radial-gradient(circle at top right,rgba(83,136,255,.08),transparent 13rem),linear-gradient(180deg,rgba(20,19,29,.96),rgba(12,12,18,.96))}.hp-player-card.is-staff:hover{border-color:rgba(83,136,255,.38)}.hp-player-name-row{display:flex;align-items:center;gap:9px;min-width:0}.hp-player-name-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem}.hp-staff-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;min-height:23px;padding:0 8px;border:1px solid rgba(83,136,255,.25);border-radius:999px;background:rgba(83,136,255,.09);color:#91adff;font-size:.66rem;font-weight:850;letter-spacing:.025em;text-transform:uppercase}.hp-identity-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:2px}.hp-identity-title-row .hp-username{margin:0}.hp-player-search code,.hp-directory-head code{color:#d698ff;background:rgba(189,53,255,.08);padding:2px 6px;border-radius:6px}
@media(max-width:680px){.hp-directory-categories{grid-template-columns:1fr}.hp-directory-section-head{align-items:flex-start;flex-direction:column;gap:5px}.hp-directory-category{min-height:72px}}

/* HonteProfiles v1.5 - badges et personnalisation */
.hp-profile-cover{position:relative;min-height:210px;margin:0 0 22px;border:1px solid rgba(189,53,255,.16);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 15% 0%,rgba(189,53,255,.16),transparent 30rem),linear-gradient(135deg,#15111f,#0c0b12 70%);background-size:cover;background-position:center;box-shadow:0 22px 60px rgba(0,0,0,.22)}
.hp-profile-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;opacity:.28}
.hp-profile-cover.has-image::after{background:linear-gradient(180deg,transparent 20%,rgba(6,6,10,.22) 100%)}
.hp-profile-cover-inner{position:relative;z-index:2;min-height:210px;padding:34px 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.hp-profile-cover h1{margin:5px 0 13px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em}
.hp-cover-edit{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(10,9,15,.62);backdrop-filter:blur(12px);color:#fff;text-decoration:none;font-weight:800;font-size:.78rem}
.hp-cover-edit:hover{border-color:rgba(206,99,255,.42);background:rgba(189,53,255,.12);color:#fff}
.hp-badge-row{display:flex;flex-wrap:wrap;gap:8px}
.hp-badge-row-sidebar{margin:10px 0 2px}
.hp-community-badge{--hp-badge-color:#a855f7;display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 10px;border:1px solid color-mix(in srgb,var(--hp-badge-color) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--hp-badge-color) 11%,transparent);color:color-mix(in srgb,var(--hp-badge-color) 76%,white 24%);font-size:.68rem;font-weight:850;letter-spacing:.02em;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.hp-community-badge-large{min-height:34px;padding:0 13px;font-size:.76rem}
.hp-directory-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.hp-edit-page{max-width:1180px;margin:0 auto;padding:28px 16px 58px}
.hp-customization-form{padding:22px}
.hp-custom-preview{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.015);margin-bottom:22px}
.hp-custom-banner{min-height:230px;padding:24px;display:flex;align-items:flex-end;background:radial-gradient(circle at 20% 10%,rgba(189,53,255,.18),transparent 20rem),linear-gradient(135deg,#171221,#0b0a10);background-size:cover;background-position:center}
.hp-custom-avatar{width:118px;height:118px;border-radius:24px;object-fit:cover;border:4px solid rgba(12,11,18,.9);box-shadow:0 15px 36px rgba(0,0,0,.3)}
.hp-custom-preview-info{padding:18px 20px}.hp-custom-preview-info>strong{display:block;margin-bottom:10px;font-size:1.2rem}
.hp-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hp-upload-card{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.015)}.hp-upload-card h3{margin:12px 0 6px;font-size:1rem}.hp-upload-card p{min-height:42px;margin:0 0 16px;color:#888b99;font-size:.78rem;line-height:1.55}.hp-remove-check{display:flex;align-items:center;gap:8px;margin-top:12px;color:#a4a5b2;font-size:.76rem}.hp-form-actions{display:flex;justify-content:flex-end;margin-top:20px}
.hp-badge-catalog{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.hp-badge-users{display:grid;gap:12px}.hp-badge-user-card{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr) auto;align-items:center;gap:18px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(180deg,rgba(19,18,27,.94),rgba(12,12,18,.96))}.hp-badge-user-head{display:flex;align-items:center;gap:12px;min-width:0}.hp-badge-user-head img{width:52px;height:52px;border-radius:13px;object-fit:cover}.hp-badge-user-head strong,.hp-badge-user-head small{display:block}.hp-badge-user-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-badge-user-head small{margin-top:3px;color:#777d8e;font-size:.72rem}.hp-badge-checks{display:flex;flex-wrap:wrap;gap:7px}.hp-badge-checks label{cursor:pointer}.hp-badge-checks input{position:absolute;opacity:0;pointer-events:none}.hp-badge-checks span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#8d91a0;background:rgba(255,255,255,.02);font-size:.71rem;font-weight:750;transition:.16s}.hp-badge-checks input:checked+span{border-color:color-mix(in srgb,var(--hp-badge-color) 45%,transparent);background:color-mix(in srgb,var(--hp-badge-color) 12%,transparent);color:color-mix(in srgb,var(--hp-badge-color) 76%,white 24%)}.hp-badge-save{white-space:nowrap}.hp-auto-badge-note{grid-column:2/-1;color:#7e8394;font-size:.7rem}.hp-auto-badge-note code{color:#d790ff}.hp-muted-empty{color:#797c8c;font-size:.78rem}
@media(max-width:900px){.hp-badge-user-card{grid-template-columns:1fr}.hp-auto-badge-note{grid-column:auto}.hp-badge-save{justify-self:start}.hp-upload-grid{grid-template-columns:1fr}.hp-profile-cover-inner{padding:28px;align-items:flex-start;flex-direction:column;justify-content:flex-end}}
@media(max-width:560px){.hp-profile-cover{border-radius:16px;min-height:190px}.hp-profile-cover-inner{min-height:190px;padding:22px}.hp-custom-banner{min-height:180px}.hp-custom-avatar{width:96px;height:96px;border-radius:20px}.hp-customization-form{padding:14px}.hp-directory-actions{width:100%;justify-content:flex-start}}

.hp-vertical-preview-wrap{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:24px;margin:0 0 22px;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(185,66,246,.10),transparent 14rem),rgba(255,255,255,.012)}
.hp-vertical-preview-wrap h3{margin:6px 0 8px;font-size:1.05rem}.hp-vertical-preview-wrap p{margin:0;max-width:680px;color:#8e909e;font-size:.8rem;line-height:1.6}
.hp-vertical-preview{width:142px;aspect-ratio:9/16;margin-left:auto;overflow:hidden;border:1px solid rgba(196,83,245,.24);border-radius:18px;background:#0b0910;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.hp-vertical-preview img{width:100%;height:100%;display:block;object-fit:cover}.hp-vertical-preview-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#716c7d;background:linear-gradient(145deg,rgba(183,71,238,.08),rgba(255,255,255,.015))}.hp-vertical-preview-empty i{font-size:1.8rem;color:#ad65d5}.hp-vertical-preview-empty span{font-size:.68rem;font-weight:900;letter-spacing:.12em}
@media(max-width:1100px){.hp-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-upload-card-vertical{grid-column:1/-1}}
@media(max-width:700px){.hp-vertical-preview-wrap{grid-template-columns:1fr}.hp-vertical-preview{margin:0 auto}.hp-upload-grid{grid-template-columns:1fr}.hp-upload-card-vertical{grid-column:auto}}