/* The character portrait is the single top-right doorway to social and settings. */
#menu{grid-template-rows:auto minmax(0,1fr)}
#menu .topbar>.wordmark,#menu>.menu-footer{display:none}
#menu .top-actions{margin-left:auto;margin-right:clamp(18px,2vw,40px)}
/* Center the PLAY / RETAIL / MY PLAYER / REPLAYS group across the screen,
   independent of the Modes button and account controls on either side. */
@media(min-width:1024px){
 #menu .topbar>.lobby-nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;z-index:2}
}
#menu .top-actions>:not(#friendsButton):not(#lobbyCurrency){display:none!important}
#menu #friendsButton.lobby-avatar-button{position:relative;display:grid;place-items:center;flex:none;width:62px;height:62px;min-width:62px;min-height:62px;padding:3px;overflow:visible;border:2px solid #78e4ff;border-radius:50%;background:#0752b9;box-shadow:0 3px 12px #051b4499,0 0 0 3px #efffff24;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#menu #friendsButton.lobby-avatar-button:hover{transform:translateY(-2px) scale(1.035);border-color:#dbffff;box-shadow:0 5px 18px #051b44b3,0 0 0 3px #7beaff66}
#menu #friendsButton.lobby-avatar-button:focus-visible{outline:3px solid #faff7b;outline-offset:5px}
#menu .lobby-social-avatar{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;isolation:isolate;border-radius:50%;background:linear-gradient(135deg,#10cafa,#0755bb);color:#fff;font:950 24px/1 system-ui,Arial,sans-serif}
#menu .lobby-social-avatar .social-portrait-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}
#menu .lobby-social-presence{position:absolute;right:-4px;bottom:0;width:17px;height:17px;border:3px solid #043977;border-radius:50%;background:#91a5ba;box-shadow:0 1px 4px #061a3ca6;pointer-events:none}
#menu .lobby-social-presence.active{background:#46eb76}
#menu #friendsButton #friendAlertCount:not([hidden]){top:-6px;right:-9px;z-index:3}
#menu .lobby-player-tag{max-width:min(75vw,450px);padding:8px 13px}
#menu .lobby-player-copy{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;max-width:100%}
#menu .lobby-player-copy #lobbyOwnUsername{display:block;max-width:min(36vw,270px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-family:'Arial Black',Arial,system-ui,sans-serif;font-size:clamp(20px,1.45vw,28px);font-weight:1000;letter-spacing:.1px;line-height:1.15;text-transform:none;text-shadow:0 2px 4px #071b33,0 0 12px #061b33cc}
#menu #lobbyOwnerTag{flex:none;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #fff1ab;border-radius:5px;background:linear-gradient(180deg,#ffe88a,#ffca3b);color:#3c2900;font:1000 10px/1 system-ui,Arial,sans-serif;letter-spacing:.6px;box-shadow:0 2px 9px #08162970}
#menu #lobbyOwnerTag[hidden]{display:none!important}
#menu #lobbyBetaTag{display:inline-flex;flex:none;align-items:center;padding:5px 8px;border-radius:5px;font:1000 10px/1 system-ui,Arial,sans-serif;letter-spacing:.6px;box-shadow:inset 0 1px 0 #ffffff42,0 2px 9px #08162970,0 0 11px #16e2fa55}
#menu #lobbyBetaTag[hidden]{display:none!important}
#friendsModal .friends-own-name-line{display:flex;align-items:center;gap:8px;min-width:0;margin-top:4px}
#friendsModal .friends-own-name-line #friendsOwnName{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:#fff;font:1000 clamp(16px,1.5vw,20px)/1.1 'Arial Black',Arial,system-ui,sans-serif;letter-spacing:-.5px}
#friendsModal #friendsOwnOwnerTag{display:inline-flex;flex:none;align-items:center;padding:5px 7px;font-size:9px}
#friendsModal #friendsOwnOwnerTag[hidden]{display:none!important}
#friendsModal #friendsOwnBetaTag{display:inline-flex;flex:none;align-items:center;padding:5px 7px;font-size:9px}
#friendsModal #friendsOwnBetaTag[hidden]{display:none!important}
#friendsModal .friend-row-copy strong{font-size:14px;font-weight:1000}
@media(max-width:760px){#menu .top-actions{margin-right:0}#menu #friendsButton.lobby-avatar-button{width:47px;height:47px;min-width:47px;min-height:47px;padding:2px}#menu .lobby-social-presence{width:14px;height:14px;border-width:2px}}
@media(max-height:590px) and (orientation:landscape){#menu #friendsButton.lobby-avatar-button{width:42px;height:42px;min-width:42px;min-height:42px;padding:2px}}
@media(max-width:760px){#menu .lobby-player-copy #lobbyOwnUsername{max-width:42vw;font-size:clamp(15px,4vw,20px)}#menu #lobbyOwnerTag{padding:4px 6px;font-size:8px}#friendsModal .friends-own-name-line #friendsOwnName{font-size:17px}}
@media(max-width:760px){#menu #lobbyBetaTag{padding:4px 6px;font-size:8px}}
@media(max-height:590px) and (orientation:landscape){#menu .lobby-player-copy #lobbyOwnUsername{font-size:17px}#menu #lobbyOwnerTag{font-size:8px;padding:4px 6px}}
@media(max-height:590px) and (orientation:landscape){#menu #lobbyBetaTag{font-size:8px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){#menu #friendsButton.lobby-avatar-button{transition:none}}