/* Foot-bar with gilt top rail */
.bz-mob-bar::before {
  content: ''; position: absolute; top: 0; inset-inline: 20%; height: 2px;
  background: linear-gradient(90deg, transparent, var(--bz-gold), transparent); opacity: .8; pointer-events: none;
}
/* Coffer sheet — gilt top rail + ◆ pips. No `position: relative` here: the
   element already carries Tailwind's `fixed` utility class, which is itself
   a positioned ancestor for this ::before. Redeclaring `position: relative`
   in this scoped <style> block risks losing the cascade tie against
   Tailwind CDN's dynamically-injected `.fixed` rule (same 0-1-0 specificity,
   source order decides) and silently drops the sheet out of fixed
   positioning — it was rendering in normal flow, pushed off-screen below
   the viewport instead of pinned to the bottom. */
.bz-mob-sheet::before {
  content: ''; position: absolute; top: 0; inset-inline: 16px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--bz-gold-strong), transparent); opacity: .8; pointer-events: none;
}
.bz-mob-handle {                     /* brass drag-handle */
  width: 2.75rem; height: 4px; border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--bz-gold), transparent);
}
/* Bid-fact coin tiles */
.bz-mob-coin {
  border-radius: 14px;
  background: radial-gradient(130% 130% at 50% 0%, rgba(var(--bz-gold-rgb), .12), rgba(var(--bz-gold-rgb), .03) 72%);
  border: 1px solid rgba(var(--bz-gold-rgb), .38);
  box-shadow: inset 0 1px 0 rgba(var(--bz-gold-strong-rgb), .32);
}
/* Sealed result modal */
.bz-mob-modal { position: relative; }
.bz-mob-modal::before {
  content: ''; position: absolute; top: -1px; inset-inline: 14%; height: 3px; border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, transparent, var(--bz-gold), transparent);
}