.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.profile-search { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.9fr); align-items:center; gap:18px; }
.profile-search h2 { margin:7px 0 0; }.profile-search p { margin:5px 0 0; }
.profile-search-form { display:flex; gap:8px; }.profile-search-form input { min-width:0; width:100%; border:1px solid var(--line); border-radius:10px; background:var(--soft); color:var(--text); padding:12px 14px; }.profile-search-form .button { width:auto; flex:0 0 auto; }
.profile-search-message,.profile-results { grid-column:1/-1; }.profile-results { display:grid; gap:6px; border-top:1px solid var(--line); padding-top:12px; }.profile-result { display:flex; gap:11px; align-items:center; width:100%; padding:9px; border:0; border-radius:10px; background:transparent; color:var(--text); text-align:left; }.profile-result:hover,.profile-result:focus-visible { background:var(--soft); }.profile-result-name { flex:1; min-width:0; }.profile-result-name strong,.profile-result-name small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.profile-result-name small { color:var(--muted); margin-top:3px; }
.profile-card { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:var(--shadow); }.profile-banner { min-height:160px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px; background:#191d25; color:#fff; }.profile-identity { display:flex; align-items:center; gap:20px; min-width:0; }.profile-identity > div { min-width:0; }.profile-identity h2 { margin:7px 0; font-size:28px; line-height:1.15; overflow-wrap:anywhere; }.profile-kicker { font-size:10px; font-weight:800; letter-spacing:.14em; color:#a9afbb; }.profile-subtitle,.profile-since { color:#a9afbb; font-size:12px; line-height:1.6; }.profile-subtitle span { padding:0 4px; }.profile-vip { display:inline-block; padding:5px 8px; border-radius:7px; background:#bf2335; color:#fff; font-size:10px; vertical-align:middle; white-space:nowrap; }.profile-back { align-self:flex-start; flex:none; border:1px solid #ffffff2b; border-radius:9px; background:#ffffff0c; color:#fff; padding:9px 12px; font-weight:700; font-size:12px; }
.profile-avatar { position:relative; display:grid; place-items:center; flex:none; width:42px; height:42px; overflow:hidden; border-radius:13px; background:var(--soft); color:var(--text); font-weight:800; font-size:16px; }.profile-avatar.large { width:78px; height:78px; border:3px solid #ffffff22; border-radius:24px; background:#bf2335; color:#fff; font-size:30px; }.profile-avatar.small { width:38px; height:38px; border-radius:11px; }.profile-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.profile-avatar img[hidden] { display:none; }
.profile-stats { display:grid; grid-template-columns:repeat(4,1fr); }.profile-stats > div { padding:20px 24px; border-right:1px solid var(--line); min-width:0; }.profile-stats > div:last-child { border-right:0; }.profile-stats span { display:block; color:var(--muted); font-size:11px; }.profile-stats strong { display:block; margin-top:7px; font-size:18px; overflow-wrap:anywhere; }
.profile-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.profile-detail { padding:22px; }.profile-detail-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }.profile-detail-head h3 { margin-top:7px; overflow-wrap:anywhere; }.profile-detail-icon { display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:13px; background:var(--soft); font-size:21px; }.profile-stat-rows > div { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--line); }.profile-stat-rows > div:last-child { border:0; padding-bottom:0; }.profile-stat-rows span { color:var(--muted); font-size:12px; }.profile-stat-rows strong { text-align:right; font-size:12px; overflow-wrap:anywhere; }.profile-stat-rows small { font-size:10px; }.profile-link { display:block; border:0; padding:0; background:transparent; color:var(--text); font-weight:800; text-align:left; }.profile-link:hover,.profile-link:focus-visible { text-decoration:underline; }
.profile-garage-link { padding:0 24px 18px; }
@media(max-width:650px) { .profile-search { grid-template-columns:1fr; gap:13px; }.profile-search-form input { padding:11px; }.profile-banner { min-height:0; padding:22px 17px; align-items:flex-start; flex-direction:column; gap:16px; }.profile-identity { gap:14px; }.profile-identity h2 { font-size:23px; }.profile-avatar.large { width:64px; height:64px; border-radius:19px; font-size:25px; }.profile-back { align-self:auto; }.profile-stats { grid-template-columns:repeat(2,1fr); }.profile-stats > div { padding:15px; }.profile-stats > div:nth-child(2) { border-right:0; }.profile-stats > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.profile-stats strong { font-size:16px; }.profile-columns { grid-template-columns:1fr; }.profile-detail { padding:18px; } }