.public-profile-dialog .public-profile-hero{grid-template-columns:120px minmax(0,1fr);gap:18px 22px;padding:24px;border-color:#8db6d747;background:linear-gradient(120deg,#242139,#142330);align-items:start}
.public-profile-dialog .public-profile-cover{height:164px!important;margin:-24px -24px 0;border-radius:19px 19px 0 0;grid-column:1/-1}
.public-profile-dialog .public-profile-hero>.user-avatar{width:120px;height:120px;margin-top:-44px!important}
.public-profile-dialog .public-profile-hero .profile-identity{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 2px;min-width:0;max-width:100%}
.public-profile-dialog .public-profile-hero .profile-identity h3{margin:0;padding:2px 0;font-size:34px;font-weight:750;line-height:1.25;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.public-profile-dialog .public-profile-hero h3 .nickname-style{font-size:inherit!important;line-height:inherit;font-weight:inherit;letter-spacing:inherit;white-space:normal;max-width:100%;margin:0;padding:0 .12em .08em;overflow-wrap:anywhere}
.public-profile-dialog .public-profile-hero .profile-name-long h3{font-size:29px}
.public-profile-dialog .public-profile-hero .profile-name-very-long h3{font-size:25px}
.public-profile-dialog .profile-identity-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:100%}
.public-profile-dialog .public-profile-hero .profile-identity-badges .rank-badge,.public-profile-dialog .public-profile-hero .profile-identity-badges .special-badge{font-size:11px;line-height:1.45;padding:5px 9px;min-height:26px;margin:0;white-space:normal;overflow-wrap:anywhere}
.public-profile-dialog .public-profile-hero .public-copy-id{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;min-height:36px;padding:7px 11px;border:1px solid #94b9d23d;border-radius:10px;background:#111b2b80;color:#cbd1e3;font:500 12px/1.4 system-ui;box-shadow:inset 0 1px #ffffff05;overflow-wrap:anywhere;text-align:start}
.public-profile-dialog .public-copy-id .profile-id-label{font-size:10px;letter-spacing:.07em;color:#9faec9}
.public-profile-dialog .public-copy-id strong{font-size:13px;font-weight:650;letter-spacing:.03em;font-variant-numeric:tabular-nums;color:#e1e9f8;overflow-wrap:anywhere}
.public-profile-dialog .public-copy-id .profile-id-icon{font-size:16px;color:#80d9e6}
.public-profile-dialog .public-profile-hero .public-copy-id:focus-visible{outline:2px solid #80d9e6;outline-offset:3px}
@media(hover:hover){.public-profile-dialog .public-profile-hero .public-copy-id:hover{background:#26435980;border-color:#80d9e68c;color:#fff}}
.public-profile-dialog .public-profile-hero .hall-public-rank{grid-column:1/-1;margin-top:0;justify-self:start;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(min-width:1001px){html body .topbar .profile-shortcut-text{gap:5px;transform:none;min-width:0}html body .topbar .profile-shortcut-text small{font:650 13px/1.3 system-ui;letter-spacing:.025em;text-transform:none;color:#a7d9e6}html body .topbar .profile-shortcut-text b{font-size:18px;line-height:1.4;font-weight:750;max-width:142px;padding:2px 3px;margin:-2px -3px}html body .topbar .profile-shortcut-text .nickname-style{display:inline;max-width:100%;font-size:inherit;line-height:inherit;font-weight:inherit;margin:0;padding:0;white-space:nowrap}html body .topbar .avatar:not(.guest-login):focus-visible{outline:2px solid #8bdcec;outline-offset:3px}}
@media(max-width:600px){.public-profile-dialog .public-profile-hero{grid-template-columns:84px minmax(0,1fr);padding:16px;gap:15px 14px}.public-profile-dialog .public-profile-cover{height:130px!important;margin:-16px -16px 0}.public-profile-dialog .public-profile-hero>.user-avatar{width:84px;height:84px;margin-top:-32px!important}.public-profile-dialog .public-profile-hero .profile-identity{gap:10px}.public-profile-dialog .public-profile-hero .profile-identity h3{font-size:28px}.public-profile-dialog .public-profile-hero .profile-name-long h3{font-size:24px}.public-profile-dialog .public-profile-hero .profile-name-very-long h3{font-size:21px}.public-profile-dialog .public-profile-hero .profile-identity-badges .rank-badge,.public-profile-dialog .public-profile-hero .profile-identity-badges .special-badge{font-size:10px;padding:4px 7px;min-height:23px}.public-profile-dialog .public-profile-hero .public-copy-id{gap:5px 7px;padding:7px 9px;min-height:36px}}
@media(max-width:360px){.public-profile-dialog .public-profile-hero{grid-template-columns:70px minmax(0,1fr);gap:14px 11px;padding:14px}.public-profile-dialog .public-profile-cover{margin:-14px -14px 0}.public-profile-dialog .public-profile-hero>.user-avatar{width:70px;height:70px}.public-profile-dialog .public-profile-hero .profile-identity h3{font-size:25px}.public-profile-dialog .public-profile-hero .profile-name-very-long h3{font-size:20px}}

.public-profile-dialog .public-profile-hero .profile-identity h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.public-profile-dialog .public-profile-hero .profile-identity h3 .nickname-style{display:inline}

.public-profile-dialog .public-profile-hero .profile-identity h3 .nickname-style{vertical-align:baseline;line-height:inherit;padding:0;margin:0}