/* ---------- Lied-Info: Knopf in der Topbar ---------- */
  .liedinfo-knopf{
    font-family:'Nunito',system-ui,sans-serif;
    font-weight:800;font-size:14px;color:#fff;
    padding:8px 14px;border-radius:6px;cursor:pointer;
    border:3px solid var(--ink);
    background:var(--akzent);
    box-shadow:0 4px 0 var(--akzent-dark);
    display:inline-flex;align-items:center;gap:8px;
  }
  .liedinfo-knopf:hover{filter:brightness(1.08)}
  .liedinfo-knopf:active{transform:translateY(2px);box-shadow:0 2px 0 var(--akzent-dark)}
  .liedinfo-knopf:focus-visible{outline:4px solid #fff;outline-offset:3px}

  /* ---------- Lied-Info: Fenster ---------- */
  .liedinfo-schleier{
    position:fixed;inset:0;z-index:60;
    background:rgba(29,94,122,.45);
    display:none;align-items:center;justify-content:center;
    padding:20px;
  }
  .liedinfo-schleier.offen{display:flex}
  .liedinfo-fenster{
    background:var(--paper);
    border:4px solid var(--ink);
    border-radius:10px;
    box-shadow:0 10px 0 rgba(0,0,0,.25);
    max-width:640px;width:100%;
    max-height:min(78vh,640px);
    display:flex;flex-direction:column;
    overflow:hidden;
  }
  .liedinfo-kopf{
    background:var(--akzent);color:#fff;
    font-family:'Press Start 2P',monospace;
    font-size:12px;letter-spacing:1px;
    padding:12px 14px;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    border-bottom:4px solid var(--ink);
  }
  .liedinfo-zu{
    font-family:'Nunito',system-ui,sans-serif;
    font-weight:800;font-size:16px;line-height:1;color:#fff;
    background:var(--akzent-dark);border:3px solid var(--ink);
    border-radius:6px;padding:5px 10px;cursor:pointer;
  }
  .liedinfo-zu:hover{filter:brightness(1.15)}
  .liedinfo-zu:focus-visible{outline:3px solid #fff;outline-offset:2px}
  .liedinfo-text{
    padding:16px 18px;overflow:auto;
    font-size:17px;line-height:1.55;color:var(--ink);
  }
  .liedinfo-text p{margin:0 0 12px}
  .liedinfo-text p:last-child{margin-bottom:0}
  .liedinfo-fuss{
    padding:10px 18px 14px;border-top:3px dashed rgba(43,38,32,.25);
    display:flex;justify-content:flex-end;
  }
  .liedinfo-vorleser{
    font-family:'Nunito',system-ui,sans-serif;
    font-weight:800;font-size:14px;color:#fff;
    padding:7px 12px;border-radius:6px;cursor:pointer;
    border:3px solid var(--ink);
    background:var(--grass);
    box-shadow:0 4px 0 var(--grass-dark);
    display:inline-flex;align-items:center;gap:7px;
  }
  .liedinfo-vorleser:active{transform:translateY(2px);box-shadow:0 2px 0 var(--grass-dark)}
  .liedinfo-vorleser:focus-visible{outline:4px solid #fff;outline-offset:3px}