/* Match chat, friend challenges and incoming friend requests in the top navigation. */
#menuToggle, #friendsOpen, #onlineFriendsOpen { position: relative; }
.message-count-badge {
  position: absolute;
  z-index: 4;
  top: -8px;
  right: -8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 21px;
  height: 21px;
  padding: 0 5px;
  border-radius: 999px;
  border: 2px solid #fff1e9;
  background: #d92639;
  color: #fff;
  font: 700 11px/1 system-ui, sans-serif;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: 0 2px 7px #0008;
  pointer-events: none;
}
.message-count-badge[hidden] { display: none !important; }
.friend-request-toast {
  position: fixed;
  z-index: 70;
  left: 12px;
  right: 12px;
  bottom: max(18px, env(safe-area-inset-bottom));
  width: min(calc(100vw - 24px), 420px);
  margin-inline: auto;
  padding: 12px 16px;
  border: 1px solid #f2c66e;
  border-radius: 12px;
  background: #18395f;
  color: #fff3cd;
  box-shadow: 0 8px 26px #0009;
  font: 700 14px/1.4 system-ui, sans-serif;
  text-align: center;
  cursor: pointer;
}
.friend-request-toast[hidden] { display: none !important; }