.profile-menu{color:#17394f;z-index:80;flex:none;max-width:210px;position:relative}.profile-menu>summary{cursor:pointer;background:#fff8e8;border:1px solid #d8cbb2;border-radius:28px;align-items:center;gap:9px;min-height:48px;padding:4px 10px 4px 5px;font-size:14px;font-weight:800;list-style:none;display:flex;box-shadow:0 2px #17394f12}.profile-menu>summary::-webkit-details-marker{display:none}.profile-menu>summary:focus-visible{outline-offset:3px;outline:3px solid #e87950}.profile-menu[open]>summary{background:#f5e7cc;border-color:#17394f}.profile-trigger-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-chevron{flex:none;font-size:16px;transition:transform .15s}.profile-menu[open] .profile-chevron{transform:rotate(180deg)}.profile-dropdown{overscroll-behavior:contain;white-space:normal;background:#fffcf4;border:1px solid #d6c6a8;border-radius:18px;width:min(292px,100vw - 28px);max-height:calc(100dvh - 100px);padding:12px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 14px 36px #17394f30}.profile-identity{border-bottom:1px solid #e3dac8;align-items:center;gap:12px;margin-bottom:5px;padding:5px 4px 15px;display:flex}.profile-identity>div{min-width:0}.profile-identity strong{overflow-wrap:anywhere;font-size:16px;line-height:1.35;display:block}.profile-identity small{color:#526673;overflow-wrap:anywhere;font-size:12px;display:block}.profile-dropdown nav{flex-direction:column;display:flex}.profile-dropdown nav a,.profile-dropdown .profile-signout{color:#17394f;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.profile-dropdown nav a:hover,.profile-dropdown .profile-signout:hover{background:#f5e9d9}.profile-dropdown .profile-signout{color:#9c422b;border-top:1px solid #e3dac8;border-radius:0 0 9px 9px;margin-top:6px}.profile-dropdown p{overflow-wrap:anywhere;margin:8px 4px;font-size:13px}.topbar.portal-topbar{gap:18px}.topbar.portal-topbar>.site-switcher{min-width:0;margin-left:auto}.portal-topbar>.brand{flex-shrink:0}@media (max-width:1100px){.topbar.portal-topbar{grid-template-columns:auto minmax(0,1fr);gap:8px 14px;padding:12px 18px;display:grid}.portal-topbar>.brand{grid-area:1/1;min-height:0}.portal-topbar>.profile-controls{grid-area:1/2;justify-self:end;max-width:100%}.topbar.portal-topbar>.site-switcher{border-top:1px solid #d7ded6;flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:space-between;width:100%;margin:0;padding-top:5px}.topbar.portal-topbar>.site-switcher>a{min-height:44px;padding:8px 6px;font-size:12px;display:inline-flex!important}.portal-topbar .brand-unified{width:130px;height:auto}.profile-dropdown{max-height:calc(100dvh - 94px)}}@media (max-width:380px){.topbar.portal-topbar{gap:6px 10px;padding-inline:12px}.portal-topbar .brand-unified{width:110px}.profile-menu>summary{gap:6px;font-size:13px}.topbar.portal-topbar>.site-switcher>a{font-size:11px}}.profile-controls{flex-shrink:0;align-items:center;gap:7px;min-width:0;display:flex}.profile-controls .profile-menu{flex:0 auto;min-width:0}.profile-controls>.friends-trigger{background:#fff8e8;border-radius:50%;width:44px;height:44px}.profile-controls .profile-menu>summary{min-width:0}.profile-controls .character-avatar{flex-shrink:0}