/* =========================================================
   Mi Piano — examen
   ---------------------------------------------------------
   Modo examen con el piano por cable: la tarjeta (inicio, fallo y
   felicitación), la barra de abajo mientras toca, la nota fallada en
   la partitura y la 🏆 del calendario. La tarjeta reutiliza
   .fiesta-card/.fiesta-dog/.fiesta-conf de celebracion.css; el fondo
   NO es .fiesta, porque body.fiesta-on lo encendería también.
   ========================================================= */
.examen{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(34,29,20,.44);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body.examen-on .examen{display:flex}
.examen .fiesta-dog{animation:none}
.examen [data-fase="bien"] .fiesta-dog{animation:saltar 1.05s ease-in-out infinite}
.examen [data-fase="mal"] h3{color:var(--red)}
.examen .fiesta-card p{margin-bottom:16px}
.examen .exmano{display:inline-block;margin-top:8px;font-size:.85rem}
.examen .exya{display:inline-block;margin-top:8px;color:var(--ok);font-weight:600}

/* la barra mientras toca: como la del «toca tú», pero sin «¿cuál es?» */
.examenbar{position:fixed;left:50%;transform:translateX(-50%);z-index:71;display:none;
  bottom:calc(74px + env(safe-area-inset-bottom));align-items:center;gap:12px;
  background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:16px;
  padding:9px 14px;box-shadow:0 6px 24px rgba(0,0,0,.14);font-size:.85rem;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.examen-tocando .examenbar{display:flex}
.examenbar .extit{font-weight:700;color:var(--gold-dk)}
#sheet .mp-mal{fill:var(--red)!important}

/* calendario del progreso: los días con un examen perfecto */
.calendario .dia.examen{position:relative}
.calendario .dia .calex{position:absolute;top:3px;right:4px;font-size:.72rem;font-style:normal;line-height:1}