/* Family Bingo - engagement features (matched to app theme variables) */
.fb-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--card,#1c1f3c);color:var(--ink,#fff);border:1px solid var(--line,rgba(255,255,255,.09));padding:10px 16px;border-radius:999px;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.4);opacity:0;transition:opacity .25s,transform .25s;z-index:9999;pointer-events:none;max-width:90vw;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.fb-toast.show{opacity:1;transform:translate(-50%,0)}
.fb-invite-btn{width:100%;padding:12px 16px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--acc,#8b7cff),var(--acc-2,#6d5cff));color:#fff;font-weight:650;font-size:15px;cursor:pointer}
.fb-invite-btn:active{transform:scale(.98)}
.fb-credit{font-size:12px;color:var(--mut,#a6a8c6);margin-top:4px}
.fb-showcase .fb-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;-webkit-overflow-scrolling:touch}
.fb-chip{flex:0 0 auto;padding:6px 14px;border-radius:999px;border:1px solid var(--line,rgba(255,255,255,.09));background:var(--card2,rgba(38,42,78,.7));color:var(--ink,#fff);font-size:13px;text-transform:capitalize;cursor:pointer}
.fb-chip.active{background:linear-gradient(135deg,var(--acc,#8b7cff),var(--acc-2,#6d5cff));color:#fff;border-color:transparent}
.fb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.fb-card{background:var(--card2,rgba(38,42,78,.7));border:1px solid var(--line,rgba(255,255,255,.09));border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px}
.fb-card-title{font-weight:700;color:var(--ink,#fff);font-size:15px}
.fb-card-meta{font-size:12px;color:var(--mut,#a6a8c6)}
.fb-card-actions{display:flex;gap:8px;margin-top:10px}
.fb-use{flex:1;padding:8px 10px;border-radius:10px;border:0;background:linear-gradient(135deg,var(--acc,#8b7cff),var(--acc-2,#6d5cff));color:#fff;font-weight:650;font-size:13px;cursor:pointer}
.fb-save{padding:8px 10px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.09));background:transparent;color:var(--ink,#fff);font-size:13px;cursor:pointer}
.fb-muted{color:var(--mut,#a6a8c6);font-size:14px;padding:12px 0}
.fb-streak{font-weight:650;color:var(--gold,#ffcf5a);margin-bottom:10px}
.fb-sched-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.fb-input{flex:1 1 140px;padding:10px 12px;border-radius:10px;border:1px solid var(--line,rgba(255,255,255,.09));background:rgba(0,0,0,.22);color:var(--ink,#fff);font-size:14px}
.fb-sched-form .fb-use{flex:0 0 auto}