/* MIKA · eventos aleatorios. Se carga después de fx.css. */

/* barra de duración, abajo a la izquierda */
.evbars{position:fixed;left:14px;bottom:14px;z-index:80;display:flex;flex-direction:column;gap:8px;pointer-events:none;
  width:min(280px,calc(100vw - 28px));padding-bottom:env(safe-area-inset-bottom,0px)}
.evbar{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;
  border:1px solid rgba(236,72,153,.55);background:linear-gradient(135deg,rgba(60,10,45,.93),rgba(30,8,40,.93));
  backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(236,72,153,.3);animation:evIn .35s cubic-bezier(.2,1.3,.4,1)}
@keyframes evIn{from{transform:translateX(-120%);opacity:0}}
.evbar.out{opacity:0;transform:translateX(-30px);transition:.3s}
.evbar-ico{flex:none;width:42px;height:42px;display:grid;place-items:center;font-size:24px;border-radius:12px;background:rgba(255,255,255,.08)}
.evbar-body{flex:1;min-width:0}
.evbar-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.evbar-top b{font-family:'Fredoka','Nunito',sans-serif;font-size:14px}
.evbar-t{font-size:12px;font-weight:800;color:#ffe29a;font-variant-numeric:tabular-nums}
.evbar small{display:block;margin:1px 0 6px;font-size:11px;line-height:1.3;opacity:.75}
.evbar-track{height:8px;border-radius:9px;background:rgba(0,0,0,.45);overflow:hidden}
.evbar-track i{display:block;width:100%;height:100%;border-radius:9px;background:linear-gradient(90deg,#ec4899,#fbbf24);transition:width .1s linear}
.evbar.low .evbar-track i{background:#fff3c4}
.evbar.low .evbar-t{color:#fff}

/* mano gigante */
.evhand{position:fixed;z-index:84;pointer-events:none;line-height:1;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(236,72,153,.6))}
.evhand i{display:block;font-style:normal}

/* lluvia de corazones */
.evheart{position:fixed;z-index:85;top:-60px;padding:6px;border:0;background:none;font-size:40px;line-height:1;cursor:pointer;
  touch-action:manipulation;filter:drop-shadow(0 0 10px rgba(236,72,153,.8))}
.evpop{position:fixed;z-index:86;pointer-events:none;font-family:'Fredoka','Nunito',sans-serif;font-weight:700;font-size:18px;
  color:#fff;text-shadow:0 0 10px #ec4899,0 2px 6px rgba(0,0,0,.6)}