.instructions{background:#eef1f7;border-left:4px solid var(--gold);padding:12px 14px;border-radius:10px;margin:16px 0;font-size:13px;line-height:1.5}.musicgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0}.musiccard{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:#fffaf2;border:1px solid var(--line);color:var(--ink);padding:12px}.musiccard strong{font:700 22px 'Cormorant Garamond'}.musiccard span{font-size:11px}.musiccard small{font-size:9px;color:var(--muted)}.musiccard.open{border-color:var(--gold);background:#fff4d8}.musiccard.done{background:#e7f2e8;color:var(--green)}.musiccard.closed{background:#eee;color:#888}.modalback{position:fixed;inset:0;background:#0b1425cc;display:grid;place-items:center;padding:16px;z-index:10}.answerpanel{position:relative;background:var(--cream);border-radius:20px;padding:24px;width:min(100%,420px)}.answerpanel .x{position:absolute;right:12px;top:8px;background:transparent;font-size:25px;color:var(--muted)}@media(max-width:520px){.musicgrid{grid-template-columns:repeat(3,1fr)}}