/* Approved radio collection. Live controls sit above independent, text-free artwork. */
body.heritage{background:var(--back) var(--scene) center/cover fixed;--text:#fff1d9;--muted:#e0d4c3;--surface:#111820;--edge:#c59558;--display-ink:#f6eadb;--display-muted:#d4c5b4;--radius:15px}
body[data-motif="0"]{--scene:url('themes/bg-blues.webp');--skin:url('themes/radio-blues.webp');--edge:#c99b61;--display-ink:#292617;--display-muted:#55462d}
body[data-motif="1"]{--scene:url('themes/bg-metal.webp');--skin:url('themes/radio-metal.webp');--edge:#b4b9be;--surface:#171b20;--radius:5px}
body[data-motif="2"]{--scene:url('themes/bg-motown.webp');--skin:url('themes/radio-motown.webp');--surface:#f2e3c6;--text:#392310;--muted:#604a32;--display-ink:#392310;--display-muted:#604a32;--edge:#c79952}
body[data-motif="3"]{--scene:url('themes/bg-reggae.webp');--skin:url('themes/radio-reggae.webp');--surface:#f5ebd1;--text:#123622;--muted:#3d503c;--display-ink:#123622;--display-muted:#3d503c;--edge:#52733d;--radius:22px}
body[data-motif="4"]{--scene:url('themes/bg-rockabilly.webp');--skin:url('themes/radio-rockabilly.webp');--surface:#fff2d5;--text:#272c29;--muted:#46504c;--display-ink:#17352b;--display-muted:#3f5149;--edge:#be262e;--radius:16px}
body[data-motif="5"]{--scene:url('themes/bg-jazz.webp');--skin:url('themes/radio-jazz.webp');--surface:#091622;--edge:#c38d62;--radius:10px}
body[data-motif="6"]{--scene:url('themes/bg-classicrock.webp');--skin:url('themes/radio-classicrock.webp');--surface:#171611;--edge:#d5ac61;--radius:10px}
body[data-motif="7"]{--scene:url('themes/bg-funk.webp');--skin:url('themes/radio-funk.webp');--surface:#321334;--edge:#ffa43f;--radius:25px}
body[data-motif="8"]{--scene:url('themes/bg-punk.webp');--skin:url('themes/radio-punk.webp');--surface:#141416;--edge:#f2e8d8;--radius:3px}
body[data-motif="9"]{--scene:url('themes/bg-psychedelic.webp');--skin:url('themes/radio-psychedelic.webp');--surface:#271638;--edge:#d9a275;--radius:25px}
body.heritage .shell{max-width:950px;padding:14px 14px 0}
body.heritage .shell>header{padding:8px 10px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);margin:0;min-height:62px}
body.heritage h1{font-size:32px;color:var(--text);letter-spacing:-1px}
body.heritage:is([data-motif="0"],[data-motif="2"],[data-motif="3"],[data-motif="5"]) h1{font-family:Georgia,serif}
body.heritage:is([data-motif="4"],[data-motif="7"],[data-motif="9"]) h1{font-family:Georgia,serif;font-style:italic;font-weight:900}
body.heritage:is([data-motif="1"],[data-motif="8"]) h1{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:1px}
body.heritage .radio{background:transparent;border:0;box-shadow:none;padding:0!important;border-radius:0}
body.heritage .radioContent{gap:12px;padding:0 0 4px}
body.heritage .setupCard{background:transparent;border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:0}
body.heritage .radioBrand{display:none}
body.heritage #instrument,body.heritage #presets{margin:0;min-height:48px;font-size:15px;text-align:start;border:2px solid var(--edge)!important;border-radius:var(--radius);background:var(--surface)!important;color:var(--text)!important;padding:10px;grid-row:1;grid-column:auto;width:100%}
body.heritage :is(.instrumentHint,#counts,.strings){grid-column:1/-1}
body.heritage .instrumentHint:empty{display:none}
body.heritage .instrumentHint{background:var(--surface);color:var(--muted);margin:0;padding:5px 8px;border-radius:8px}
body.heritage .strings{margin:0;gap:6px;padding:0 0 4px}
body.heritage .strings button{flex:1 0 42px;background:var(--surface);border:1.5px solid var(--edge);border-radius:var(--radius);color:var(--text);min-height:58px;font-size:21px}
body.heritage .strings button[aria-pressed=true]{background:var(--accent);color:#171b1f;border:2px solid var(--edge);box-shadow:0 0 9px #0005}
body.heritage .displayCard{background:var(--skin) center/100% 100% no-repeat;border:0;border-radius:var(--radius);padding:12% 11% 22%;min-height:340px;justify-content:center;box-shadow:0 9px 20px #0004}
body.heritage .readout{padding:0;background:none;color:var(--display-ink)}
body.heritage #note{font-size:64px;line-height:1.1;margin:8px 0;font-family:inherit}
body.heritage :is(.readout small,#hz,.railLabels,#destinations){color:var(--display-muted)}
body.heritage #destinations b{color:var(--display-ink)}
body.heritage .rail{background:none;padding:8px 0 0;margin:0;box-shadow:none}
body.heritage #status{font-size:12px;min-height:16px}
body.heritage .signalCard{background:var(--surface);border:1px solid var(--edge);border-radius:var(--radius);padding:10px 12px}
body.heritage :is(.activity,#message,.sim label,.rangeLabels,footer,.instrumentHint){color:var(--muted)}
body.heritage .sim{background:transparent;padding:0;margin-top:8px}
body.heritage :is(dialog,select option,button.quiet){background:var(--surface)!important;color:var(--text)!important;border-color:var(--edge)!important}
body.heritage dialog :is(select,input:not([type=range]):not([type=checkbox])){background:var(--surface);color:var(--text);border-color:var(--edge)}
body.heritage .banner{background:var(--surface);color:var(--text);border-color:var(--edge)}
body.heritage .banner small,body.heritage footer{color:var(--muted)}
body.heritage footer{background:var(--surface);border-radius:8px;padding:5px}
body.heritage:is([data-motif="0"],[data-motif="2"],[data-motif="3"],[data-motif="4"]) :is(#note,#status,#dot,.railLabels b){filter:brightness(.48) saturate(1.3)}
body.heritage:is([data-motif="2"],[data-motif="3"],[data-motif="4"]){color-scheme:light}
body.heritage[data-motif="8"] .strings button[aria-pressed=true]{color:white;background:#c90e62}
@media(min-width:760px){body.heritage .displayCard{padding:55px 12% 95px;min-height:425px}body.heritage .setupCard{align-content:start}body.heritage .strings{flex-wrap:wrap}body.heritage .strings button{flex:1 0 60px}}
@media(max-width:759px){body.heritage .displayCard{padding:42px 11% 78px;min-height:350px}body.heritage .shell{padding:8px 10px 0}body.heritage .shell>header{min-height:57px}body.heritage h1{font-size:29px}}
@media(max-height:740px) and (max-width:759px){body.heritage .displayCard{padding-top:30px;padding-bottom:62px;min-height:310px}body.heritage #note{font-size:49px}body.heritage .radioContent{gap:8px}}
body.heritage .displayCard{padding-top:30px;padding-bottom:100px}
body.heritage #note{font-size:54px;margin:4px 0}
body.heritage .signalCard #message{font-size:9px;margin-top:4px}
body.heritage .sim .rangeLabels{display:none}
body.heritage .sim input{min-height:24px}
body.heritage .instrumentHint{display:none}
body.heritage #status{margin:6px 0 0;padding-bottom:0}
body.heritage .rail{padding-top:6px}
body.heritage #destinations{font-size:10px}
@media(min-width:760px){body.heritage .displayCard{padding-top:55px;padding-bottom:105px}}
body.heritage:is([data-motif="2"],[data-motif="3"],[data-motif="4"]) :is(header small,output){color:var(--muted)}
body.heritage:is([data-motif="0"],[data-motif="2"],[data-motif="5"]) #note{font-family:Georgia,serif}
body.heritage[data-motif="3"] .strings button:nth-child(2){background:#e5c17e}
body.heritage[data-motif="3"] .strings button:nth-child(3){background:#dbb795}
body.heritage[data-motif="3"] .strings button:nth-child(4){background:#d88e78}
body.heritage[data-motif="3"] .strings button:nth-child(5){background:#afbf9d}
body.heritage[data-motif="3"] .strings button:nth-child(6){background:#aebeca}
body.heritage[data-motif="3"] .strings button[aria-pressed=true]{border:2px solid #23552b;box-shadow:0 0 0 1px #23552b}
body.heritage[data-motif="7"] .displayCard{padding-top:25px;padding-bottom:125px}
@media(min-width:760px){body.heritage .setupCard .strings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}