/* festa.css — retorno visual das ações do apostador (ver festa.js). v2 14/10/2026: sóbrio, sem efeitos. */
.bf-pilha{position:fixed;top:calc(env(safe-area-inset-top,0px) + 64px);left:50%;transform:translateX(-50%);z-index:2147483600;display:grid;gap:6px;width:min(calc(100vw - 32px),360px);pointer-events:none}
.bf-toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:#1a1b26;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.45);color:#fff;font-family:inherit;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;cursor:pointer}
.bf-toast.on{opacity:1;transform:none}
.bf-ti{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:var(--bfc)}
.bf-ti svg{width:13px;height:13px}
.bf-tt{display:grid;gap:1px;min-width:0}.bf-tt b{font-size:13.5px;font-weight:700;line-height:1.3}.bf-tt small{font-size:12px;color:#9a9cad;line-height:1.35}
.bf-ok,.bf-aposta,.bf-saque,.bf-bonus{--bfc:#22c55e}.bf-erro{--bfc:#ef4444}.bf-info{--bfc:#64748b}
.bf-erro .bf-ti svg{width:15px;height:15px}.bf-erro .bf-ti{background:none;color:#ef4444}
.bf-sobe{animation:bfSobe .9s ease}
@keyframes bfSobe{0%,100%{color:inherit}20%,60%{color:#22c55e}}
.bf-float{position:fixed;transform:translateX(-50%);z-index:2147483601;font-weight:700;font-size:12.5px;color:#22c55e;pointer-events:none;animation:bfFloat 1.5s ease forwards;font-family:inherit;white-space:nowrap}
@keyframes bfFloat{0%{opacity:0;transform:translate(-50%,-2px)}15%{opacity:1;transform:translate(-50%,0)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,8px)}}
.bf-ov{position:fixed;inset:0;z-index:2147483400;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,0);transition:background .2s ease;font-family:inherit}
.bf-ov.on{background:rgba(0,0,0,.6)}
.bf-card{width:min(100%,340px);text-align:center;padding:26px 20px 20px;border-radius:14px;background:#15161f;border:1px solid rgba(255,255,255,.07);color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
.bf-ov.on .bf-card{opacity:1;transform:none}
.bf-ic{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--bf)}
.bf-card h3{font-size:18px;font-weight:800;margin:0 0 4px}
.bf-val{font-size:28px;font-weight:800;margin:4px 0 2px;font-variant-numeric:tabular-nums}
.bf-card p{font-size:13.5px;color:#9a9cad;line-height:1.5;margin:4px 0 18px}
.bf-btn{width:100%;border:0;border-radius:10px;padding:13px;font-size:14.5px;font-weight:700;color:#fff;background:rgb(var(--primary-color,224 20 20));cursor:pointer;font-family:inherit;transition:filter .15s}
.bf-btn:hover{filter:brightness(1.08)}
@media(prefers-reduced-motion:reduce){.bf-toast,.bf-card,.bf-ov{transition:none}.bf-sobe,.bf-float{animation:none}}