/* Blackjack bank v4 (2026-10-23): the account pill (assets/account/account-kit.js) left of the language globe.
   Loaded after layout-v3.css. The pill reads these --st-* tokens; they match the bank pill's dark glass. */
.bj-corner {
  position: fixed; top: calc(12px + env(safe-area-inset-top, 0px)); right: 12px; z-index: 20;
  display: flex; align-items: center; gap: 8px;
  --st-size: 34px; --st-bg: rgba(0, 0, 0, .28); --st-fg: #f5f5f7; --st-hover: rgba(0, 0, 0, .45); --st-ring: #f5f5f7;
}
.bj-corner .ma-pill { font-size: 13px; font-weight: 600; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
/* Phones: the bank sits in the middle of the row, so the pill shrinks to its round icon. */
@media (max-width: 560px) {
  .bj-corner .ma-name { display: none; }
  .bj-corner .ma-pill, .bj-corner .ma-pill.is-out { width: 34px; padding: 0; gap: 0; justify-content: center; }
}