/* #3682 (LiveGames Economy v2) — LiveRoll buy-in rail: tier picker, OUT state,
   upsell. Lives in the bottom wallet rail, replacing the FREE-only block. Uses
   the shared --lg-* / fp2 tokens already loaded by play-multi.html. */

.fp2-buyin-rail {
  display: flex; flex-direction: column; gap: 8px;
  padding: 10px 12px; border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18));
  border: 1px solid rgba(255,255,255,.08);
}
.fp2-buyin-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.fp2-buyin-title { font-weight: 800; font-size: 14px; letter-spacing: .2px; color: var(--lg-text, #f4f6ff); }
.fp2-buyin-sub { font-size: 11px; opacity: .6; }

.fp2-buyin-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.fp2-buyin-opt {
  appearance: none; cursor: pointer;
  padding: 12px 0; border-radius: 12px;
  font-weight: 800; font-size: 18px; letter-spacing: .3px;
  color: #0b1020;
  background: linear-gradient(180deg, #ffd76a, #f3b53f);
  border: 1px solid rgba(0,0,0,.25);
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 2px 8px rgba(0,0,0,.25);
  transition: transform .06s ease, filter .12s ease;
}
.fp2-buyin-opt:active { transform: translateY(1px) scale(.98); }
.fp2-buyin-opt.disabled, .fp2-buyin-opt:disabled {
  cursor: not-allowed; filter: grayscale(.7) brightness(.7); opacity: .55;
  box-shadow: none;
}
.fp2-buyin-opt.busy { filter: brightness(.85); opacity: .8; cursor: progress; }

.fp2-buyin-upsell {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font-size: 12px; color: #ffd76a;
  background: rgba(255,160,60,.10); border: 1px solid rgba(255,160,60,.25);
  border-radius: 10px; padding: 7px 10px;
}
.fp2-buyin-upsell-cta, .fp2-buyin-cta {
  appearance: none; cursor: pointer; white-space: nowrap;
  font-weight: 700; font-size: 12px;
  color: #0b1020; background: #ffd76a;
  border: none; border-radius: 8px; padding: 6px 12px;
}
.fp2-buyin-cta.ghost { background: transparent; color: #ffd76a; border: 1px solid rgba(255,215,106,.5); }

/* OUT (busted) state — eliminated this contest. */
.fp2-buyin-rail.out { background: linear-gradient(180deg, rgba(255,70,70,.10), rgba(0,0,0,.22)); border-color: rgba(255,90,90,.28); }
.fp2-buyin-out { display: flex; align-items: center; gap: 10px; }
.fp2-buyin-out-tag {
  font-weight: 900; font-size: 13px; letter-spacing: 1px; color: #ff6a6a;
  border: 1.5px solid #ff6a6a; border-radius: 7px; padding: 3px 8px;
}
.fp2-buyin-out-msg { font-size: 12px; opacity: .78; line-height: 1.25; }