.score-room{margin:auto;width:min(650px,92vw);max-height:88svh;padding:30px;border:1px solid #8db6cd70;border-radius:8px;background:linear-gradient(145deg,#102c40,#06131f);color:#eef5f9;box-shadow:0 30px 100px #000b;font:14px/1.5 Arial,sans-serif;overflow:auto}.score-room::backdrop{background:#020b15de;backdrop-filter:blur(10px)}.score-room>header{display:flex!important;position:static!important;align-items:start;justify-content:space-between;gap:18px;height:auto!important;width:auto!important;padding:0!important;background:none!important;border:0!important}.score-room h2{font:italic 900 clamp(27px,6vw,42px)/1 Impact,'Arial Black',sans-serif;letter-spacing:1px;margin:5px 0 0}.score-eyebrow{font:9px/1.6 monospace;letter-spacing:1.8px;color:#ffe036;margin:0}.score-room button,.score-room select{cursor:pointer;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.7px;color:#e9f5ff;background:#14374b;border:1px solid #7aa5bd70;border-radius:3px;padding:10px 13px}.score-room button:hover,.score-room button:focus-visible{border-color:#ffe036;background:#21485e;outline:2px solid #ffe036;outline-offset:2px}.score-room .score-close{background:transparent;white-space:nowrap;padding:8px;color:#a7c3d3}.score-intro{color:#b4cbd9;font-size:13px;max-width:470px;margin:18px 0 22px}.score-filter{display:flex;align-items:end;gap:12px;justify-content:space-between}.score-filter label{display:flex;flex:1;flex-direction:column;gap:7px;font:9px monospace;letter-spacing:1px;color:#8cabbf}.score-filter select{width:100%;min-width:0;height:36px}.score-filter>button{white-space:nowrap;height:36px}.score-now{margin:18px 0;padding:22px;background:linear-gradient(110deg,#1a435c99,#0a2030);border:1px solid #537a8f70;border-left:3px solid #ffe036;border-radius:4px}.score-now h3{font:700 26px/1.2 Arial;margin:8px 0}.score-status{font:9px/1.5 monospace;letter-spacing:.5px;color:#a9c6d8;min-height:14px}.score-transport{display:flex;gap:8px;margin:18px 0 12px}.score-transport button{flex:1}.score-transport button:nth-child(2){color:#081b29;background:#ffe036;border-color:#ffe036}.score-progress{display:flex;gap:10px;align-items:center;font:10px monospace;color:#b8d0de}.score-room input[type=range]{accent-color:#ffe036;min-width:0;height:18px;cursor:pointer}.score-progress input{flex:1;width:auto}.score-volume{display:flex;align-items:center;gap:14px;font:9px monospace;letter-spacing:1px;color:#91afc2;margin-top:14px}.score-volume input{flex:1;width:auto}.score-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:6px;counter-reset:none}.score-list li[hidden]{display:none}.score-list button{position:relative;text-align:left;display:grid;width:100%;grid-template-columns:25px 1fr auto;column-gap:10px;row-gap:2px;padding:12px;background:#071b2a99;border-color:#43617670;letter-spacing:0}.score-list button[aria-current=true]{background:#244054;border-color:#ffe036}.score-list .score-number{grid-row:1/3;font:11px monospace;color:#6d91aa;align-self:center}.score-list b{font:700 13px Arial;color:#e9f3fa}.score-list small{grid-column:2;grid-row:2;font:10px/1.5 Arial;color:#9fbacb}.score-list em{grid-column:3;grid-row:1/3;align-self:center;font:700 8px monospace;font-style:normal;letter-spacing:1px;color:#ffe036}.score-footnote{font:10px/1.7 Arial;color:#7f9eaf;margin:20px 0 0}.soundtrack>div{flex-wrap:wrap}.portal-soundtrack>div{flex-wrap:wrap;justify-content:flex-end}.score-room [hidden]{display:none!important}@media(max-width:480px){.score-room{padding:20px}.score-filter{gap:7px}.score-filter>button{padding:8px;font-size:9px}.score-room h2{font-size:29px}.score-now{padding:16px}.score-room .score-close{font-size:8px}.score-list small{font-size:9px}}

.score-library-summary{font:11px/1.5 Arial;color:#b7d2e1;margin:12px 0}.score-library{border:1px solid #42627980;border-radius:4px;padding:12px 15px;background:#071c2a80;color:#abc4d5}.score-library summary{cursor:pointer;font:700 10px/1.5 Arial;letter-spacing:1px;color:#ffe036}.score-library p{font:12px/1.6 Arial}.score-library small{display:block;font:10px/1.6 Arial;color:#809fb3}.score-library-actions{display:flex;gap:8px;flex-wrap:wrap}.score-library-actions button{font-size:9px}.score-library-status{color:#d4e6ee}.score-empty{padding:16px;border:1px dashed #48697d;color:#a8c5d7;font:12px/1.6 Arial}.score-room button:disabled{opacity:.45;cursor:default}.score-room button:disabled:hover{outline:0;background:#14374b;border-color:#7aa5bd70}
