/* Fin de ronda común a todos los juegos (v1.6): «¡Muy bien!» grande, «+N chispas» y la chispa que vuela a la bolsa.
   Una sola tipografía de festejo para toda la plataforma: Baloo 2 (OFL, en fonts/). */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/baloo2.woff2') format('woff2')}
:root{--fiesta:'Baloo 2','Nunito',system-ui,sans-serif}

.ff-muy.ff-muy{font-family:var(--fiesta);font-weight:800;font-size:clamp(2.2rem,8vw,3.6rem);line-height:1;letter-spacing:0;text-transform:none;margin:.1em 0 .05em;color:#ffd24a;text-shadow:0 3px 0 #b8740f,0 8px 22px rgba(0,0,0,.35);animation:ff-entra .55s cubic-bezier(.34,1.56,.64,1) backwards}
.ff-claro .ff-muy.ff-muy{color:#f2a812;text-shadow:0 3px 0 #c97e0c,0 6px 16px rgba(120,80,0,.18)}
.ff-sub{font-family:var(--fiesta);font-weight:600;font-size:clamp(1rem,3.6vw,1.25rem);line-height:1.25;margin:0;opacity:.9}

.ff-chispas{display:grid;justify-items:center;gap:6px;margin:10px 0 4px}
.ff-mas{display:inline-flex;align-items:center;gap:8px;font-family:var(--fiesta);font-weight:800;font-size:clamp(1.5rem,6vw,2.1rem);line-height:1;color:#5a3b00;background:linear-gradient(180deg,#fff6d6,#ffe39a);border-radius:999px;padding:6px 20px 6px 8px;box-shadow:0 4px 0 #d9a92f,0 10px 24px rgba(0,0,0,.22);animation:ff-entra .55s cubic-bezier(.34,1.56,.64,1) .35s backwards}
.ff-mas img{width:1.5em;height:1.5em;filter:drop-shadow(0 0 8px rgba(255,211,77,.85))}
.ff-mas span{font-size:max(.6em,1.125rem);font-weight:700;margin-left:2px}   /* v2.33 · nunca menos de 18 px */
.ff-perfecta{font-family:var(--fiesta);font-weight:700;font-size:1.125rem;color:#8a5a00;background:#fff3c4;border-radius:999px;padding:3px 12px}
.ff-oscuro .ff-perfecta{color:#ffe7a0;background:rgba(255,215,90,.16)}

/* La bolsa: el contador al que vuela la chispa (si la página no tiene uno propio con data-bolsa-chispas) */
.ff-bolsa{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:9500;display:inline-flex;align-items:center;gap:6px;font-family:var(--fiesta);font-weight:800;font-size:1.25rem;color:#4a3200;background:linear-gradient(180deg,#fff6d6,#ffe39a);border-radius:999px;padding:4px 14px 4px 6px;box-shadow:0 3px 0 #d9a92f,0 8px 20px rgba(0,0,0,.3);animation:ff-entra .4s ease backwards;pointer-events:none}
.ff-bolsa img{width:30px;height:30px}
.ff-bolsa.ff-late{animation:ff-late .35s ease}
.ff-bolsa.ff-fuera{transition:opacity .5s ease,transform .5s ease;opacity:0;transform:translateY(-10px)}
.ff-vuela{position:fixed;z-index:9600;width:34px;height:34px;pointer-events:none;filter:drop-shadow(0 0 10px rgba(255,211,77,.95));will-change:transform}

@keyframes ff-entra{0%{transform:scale(.5);opacity:0}100%{transform:none;opacity:1}}
@keyframes ff-late{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.ff-muy,.ff-mas,.ff-bolsa{animation:none}}
.ff-fiesta{font-family:var(--fiesta)!important;text-transform:none!important;letter-spacing:0!important}