#modal.cellar-song-panel{width:min(740px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;background:#17100e;color:#e6d3b2;border:1px solid #755439;padding:28px;box-sizing:border-box;}
.song-eyebrow{font:11px system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ad8060;margin:0 0 10px;}
.song-copy{line-height:1.55;color:#c2ac92;margin:12px 0;}
.song-sequence,.song-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0;}
.song-symbol{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;}
.song-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.song-drawing{display:flex;align-items:center;flex-direction:column;gap:4px;border-bottom:1px solid #6c4936;padding:10px 0;}
.song-drawing small{font:12px system-ui,sans-serif;text-align:center;}
.song-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;}
#modal .song-key{min-height:132px;min-width:0;padding:12px 6px;border:1px solid #9d7954;border-radius:7px;background:linear-gradient(#dbcaa6,#a9926d);color:#251810;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;touch-action:manipulation;}
#modal .song-key b{font:700 22px Georgia,serif;}
#modal .song-key small{font:11px system-ui,sans-serif;}
#modal .song-key:disabled{opacity:.4;cursor:default;}
#modal .song-key.is-playing{background:#f0d6a4;box-shadow:0 0 0 3px #a35e36;transform:translateY(2px);}
.song-slot{min-height:54px;border:1px solid #634631;display:grid;place-items:center;font:20px Georgia,serif;background:#100b09;}
.song-slot.is-playing{border-color:#d6a16c;background:#422b1c;}
.song-status{min-height:3em;line-height:1.5;color:#ddbd91;}
.song-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;}
#modal .song-actions button{min-height:48px;padding:10px 16px;touch-action:manipulation;}
#modal .song-actions .song-primary{background:#63402b;color:#f5e0bc;}
.song-progress{font:12px system-ui,sans-serif;color:#ad9375;}
.song-toy{display:flex;gap:24px;align-items:center;margin:18px 0;}
.song-toy>.song-symbol{width:100px;height:100px;flex-shrink:0;}
@media(max-width:520px){#modal.cellar-song-panel{padding:24px 16px 18px;}.song-keys{gap:6px;}.song-sequence{gap:5px;}#modal .song-key{min-height:120px;}.song-key .song-symbol{width:36px;height:36px;}.song-actions button{flex:1 1 40%;}.song-drawing small{font-size:11px;}}
@media(prefers-reduced-motion:reduce){#modal .song-key.is-playing{transform:none;}}

/* The ledger is a photographed paper prop, sized without cropping in either orientation. */
#modal.cellar-song-ledger{width:min(600px,calc(100vw - 16px));padding:40px 12px 18px;background:#120b09e6;border:0;box-shadow:0 16px 70px #0009;}
#modal.cellar-song-ledger #modalBody>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
#modal.cellar-song-ledger .close{z-index:2;color:#e6d3b2;min-width:44px;min-height:40px;top:0;right:4px;}
.song-paper{margin:0 auto;width:100%;max-width:550px;}
.song-paper img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 7px #0008);}
.song-paper [hidden]{display:none!important;}
.song-paper figcaption{padding:24px;color:#302115;background:#d8c19a;line-height:1.65;}
#modal.cellar-song-ledger .song-actions{justify-content:center;margin-top:12px;}
@media(max-width:520px){#modal.cellar-song-ledger{padding:40px 4px 14px;}.cellar-song-ledger .song-actions{padding:0 12px;}}