.profile-page-shell{width:min(100%,calc(100% - 28px));max-width:none;padding-top:26px}.profile-page{display:flex;flex-direction:column;gap:18px;width:100%}.profile-header{overflow:hidden}.profile-banner{position:relative;height:250px;background:linear-gradient(135deg,#26193b,var(--surface))}.profile-banner img{width:100%;height:100%;object-fit:cover}.profile-banner-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,7,10,.76))}.profile-header-main{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;padding:0 42px 32px}.profile-avatar-wrap{display:flex;align-items:flex-start;justify-content:center;margin-top:-82px;position:relative;z-index:2}.profile-avatar{width:164px;height:164px;border:6px solid var(--input-bg-alt);font-size:3.2rem;background:linear-gradient(145deg,#31243f,var(--surface-2))}.profile-identity{min-width:0;padding-top:20px}.profile-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.profile-title-row h1{margin:7px 0 1px;font-size:2rem;line-height:1.1}.profile-title-row p{margin:0;color:var(--muted)}.profile-type-label{display:inline-flex;align-items:center;gap:7px;color:#c4b5fd;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.profile-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-stats{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:22px 0 18px}.profile-stats span{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:.86rem}.profile-stats strong{color:var(--text);font-size:1.05rem}.profile-description>p{max-width:980px;margin:0 0 13px;color:var(--text-soft);line-height:1.6;white-space:pre-line}.profile-meta-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-meta-chips>span:not(.game-badge){display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:.74rem}.profile-meta-chips i{color:#a78bfa}.mutual-connections{display:flex;align-items:center;gap:10px;margin-top:15px;color:var(--muted);font-size:.78rem}.mutual-connections strong{color:var(--text-soft)}.mutual-avatars{display:flex}.mutual-avatars .avatar{margin-left:-8px;border:2px solid var(--input-bg-alt)}.mutual-avatars .avatar:first-child{margin-left:0}.relationship-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,.7fr);gap:18px;align-items:center;padding:18px 20px}.relationship-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:#c4b5fd;font-size:1.15rem}.relationship-copy{display:flex;flex-direction:column}.relationship-copy>span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.relationship-copy strong{margin:2px 0;font-size:1.12rem}.relationship-copy p{margin:0;color:var(--text-soft);font-size:.82rem}.relationship-progress-wrap{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center}.relationship-score{display:flex;flex-direction:column}.relationship-score strong{font-size:1.2rem}.relationship-score span,.relationship-progress-wrap small{color:var(--muted);font-size:.66rem}.relationship-progress{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.relationship-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.relationship-progress-wrap small{grid-column:1/-1;text-align:right}.relationship-best{border-color:rgba(245,158,11,.25)}.relationship-best .relationship-icon{background:rgba(245,158,11,.11);color:#fbbf24}.relationship-close .relationship-icon{background:rgba(236,72,153,.1);color:#f9a8d4}.profile-tabs{display:flex;justify-content:center;gap:6px;padding:7px}.profile-tabs a{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:10px;color:var(--muted);font-weight:750}.profile-tabs a small{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--surface-3);font-size:.66rem}.profile-tabs a:hover,.profile-tabs a.active{background:var(--surface-3);color:#fff}.profile-tabs a.active i{color:#c4b5fd}.profile-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;border-radius:16px;overflow:hidden}.profile-media-grid>.empty-state{grid-column:1/-1;border-radius:16px}.profile-media-tile{min-width:0;background:var(--input-bg)}.profile-media-visual{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--input-bg)}.profile-media-visual img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.profile-media-visual:hover img{transform:scale(1.035)}.profile-media-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;background:rgba(0,0,0,.55);opacity:0;transition:.2s ease;color:#fff;font-weight:800}.profile-media-visual:hover .profile-media-overlay{opacity:1}.profile-media-overlay span{display:flex;align-items:center;gap:7px}.profile-text-tile{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1;padding:24px;background:radial-gradient(circle at 80% 0%,rgba(139,92,246,.16),transparent 35%),linear-gradient(145deg,#17121f,#0e0e13)}.profile-text-tile>i{color:#a78bfa;font-size:1.2rem}.profile-text-tile p{margin:auto 0;color:var(--text-soft);font-size:1rem;line-height:1.55}.profile-text-tile span{color:var(--muted);font-size:.72rem}.profile-clips-grid{gap:14px;overflow:visible}.profile-clip-tile{background:transparent}.profile-clip-tile .profile-media-visual{aspect-ratio:9/14;border:1px solid var(--border-soft);border-radius:16px}.profile-clip-tile>strong{display:block;padding:9px 2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-clip-placeholder{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 50% 25%,rgba(139,92,246,.2),transparent 40%),var(--input-bg);color:#c4b5fd;font-size:1.8rem}.profile-clip-badge{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.1rem}.profile-clip-badge i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.58)}.profile-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-about-card{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:20px}.profile-about-card>i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--primary-soft);color:#c4b5fd}.profile-about-card>div{display:flex;flex-direction:column}.profile-about-card span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.profile-about-card strong{margin:3px 0;font-size:1rem}.profile-about-card p{margin:0;color:var(--text-soft);font-size:.8rem}@media(max-width:900px){.profile-header-main{grid-template-columns:130px minmax(0,1fr);padding-inline:22px}.profile-avatar{width:112px;height:112px}.profile-avatar-wrap{margin-top:-56px}.relationship-card{grid-template-columns:auto 1fr}.relationship-progress-wrap{grid-column:1/-1}.profile-title-row{flex-direction:column}.profile-actions{width:100%}}@media(max-width:650px){.profile-page-shell{width:min(100%,calc(100% - 18px))}.profile-banner{height:150px}.profile-header-main{grid-template-columns:1fr;padding:0 18px 22px;text-align:center}.profile-avatar-wrap{justify-content:center;margin-top:-48px}.profile-identity{padding-top:5px}.profile-title-row{align-items:center}.profile-actions{justify-content:center}.profile-stats{justify-content:center;gap:16px}.profile-description>p{margin-inline:auto}.profile-meta-chips,.mutual-connections{justify-content:center}.relationship-card{grid-template-columns:1fr;text-align:center}.relationship-icon{margin:auto}.relationship-progress-wrap{grid-template-columns:1fr}.relationship-progress-wrap small{text-align:center}.profile-tabs{justify-content:flex-start;overflow-x:auto}.profile-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-about-grid{grid-template-columns:1fr}}@media(max-width:420px){.profile-media-grid{grid-template-columns:1fr}.profile-clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats span{flex-direction:column;gap:0}.profile-actions .button{flex:1}}
.profile-actions-menu{position:relative}.profile-actions-menu summary{list-style:none}.profile-actions-menu summary::-webkit-details-marker{display:none}.profile-actions-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:170px;padding:7px;border:1px solid var(--border);border-radius:13px;background:var(--surface-elevated);box-shadow:var(--shadow)}.profile-actions-popover button{width:100%;display:flex;gap:9px;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.profile-actions-popover button:hover{background:var(--surface-3)}.profile-private-state{min-height:340px}.profile-private-state .empty-state-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--surface-3)}
.profile-presence{display:inline-flex;align-items:center;gap:5px;margin-left:8px;color:var(--muted);font-size:.68rem}.profile-presence i{font-size:.48rem}.profile-presence.online{color:#4ade80}