/* ============================================================================
   Account dropdown — shared styles for pages that DON'T carry a portal.css /
   per-sport / bap.css stylesheet of their own.

   The Guess the Player games, GM Mode, /guess/ and the homepage previews all
   ship the #accountMenu markup and auth-ui.js, but none of their stylesheets
   defined .account-menu — so the menu rendered as raw unstyled divs stacked at
   the LEFT edge of the page ("the menu appears broken and the text populates on
   the left side of the page", Anthony 2026-08-26). This is that missing block.

   Deliberately NOT added to hx-header.css: pages that already define
   .account-menu load hx-header.css too, and a blanket rule there would have
   overridden Build a Player's z-index (2147483001, chosen to sit above the ad
   units) with a lower one.
   ============================================================================ */
.account-menu {
  position: absolute; top: 56px; right: 14px; z-index: 2147483001;
  /* SOLID background — var(--surface) is 5%-alpha white and the menu read as
     transparent over page content. */
  background: var(--bg-2, #0b1622); border: 1px solid var(--line); border-radius: 14px;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.4); padding: 8px; min-width: 190px; text-align: left;
}
.account-menu[hidden] { display: none; }
.account-menu .am-name {
  padding: 8px 12px 10px; font-weight: 700; border-bottom: 1px solid var(--line); margin-bottom: 6px;
}
.account-menu button {
  display: block; width: 100%; text-align: left; background: none; border: 0; color: inherit;
  font: inherit; padding: 9px 12px; border-radius: 9px; cursor: pointer;
}
.account-menu button:hover { background: var(--line); }