/* =========================================================
   Mi Piano — midi
   ---------------------------------------------------------
   Piano por cable: estado, marcador y ayuda «¿cuál es?».
   ========================================================= */
body.sin-midi .midionly{display:none!important}
/* si js/examen.js no llegó, su botón no promete nada */
body.sin-examen #examenbtn,body.sin-examen #examenbtn + .dim{display:none}
.midilab{font-size:.8rem;color:var(--soft);align-self:center}
.midiest{font-size:.78rem;color:var(--soft);padding:6px 0}
body.midi-on .midiest{color:var(--ok);font-weight:600}
.wk.tocada{background:#cdeed6;border-color:var(--ok)}
.wk.espera{background:#dbe9fb;border-color:var(--rh);box-shadow:inset 0 0 0 2px var(--rh)}
.wk.error{background:#fbd9d7;border-color:var(--red)}
.bk.tocada{background:#3f8a55}
#sheet .mp-espera{fill:var(--rh)!important}
#sheet .mp-ok{fill:var(--ok)!important}
body.mp-fallo .juego-card,body.mp-fallo #sheetwrap{animation:tembleque .26s}
@keyframes tembleque{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}
  75%{transform:translateX(5px)}}

/* tocar una nota para oír su nombre */
#sheet .mp-hit{fill:transparent;cursor:pointer;pointer-events:all}
#sheet .mp-pulsada{fill:var(--gold)!important}
#sheet .mp-cantando{fill:var(--rh)!important}

.cantabar{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.cantando .cantabar{display:flex}

.tocabar{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,.9);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.toca-on .tocabar{display:flex}
.tocaprog{width:120px;height:7px;background:#e6e0d2;border-radius:4px;overflow:hidden}
.tocaprog > i{display:block;height:100%;width:0;background:var(--ok);transition:width .18s}
#tocamarcador .mal{color:var(--red);font-weight:600}

/* El USB de muchos pianos lleva audio además de MIDI: el sonido de la app
   se va al piano y parece que la tablet se ha estropeado. Ver
   docs/Piano por cable (MIDI).md */
.avisoaudio{background:#fdf3dd;border:1px solid #ecd9ae;border-radius:12px;
  padding:9px 12px;margin:8px 0 10px;line-height:1.5}