:root{--paper:#f2efe4;--ink:#283b2e;--muted:#71806b;--line:#d8ddce;--gold:#a98245;--green:#2f513b;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;font-size:13px}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ac884d;outline-offset:3px}a{color:inherit;text-decoration:none}.masthead{height:86px;display:flex;align-items:center;gap:35px;padding:0 42px;border-bottom:1px solid var(--line);background:#f7f5ed}.brand{font-family:var(--serif);font-size:35px;letter-spacing:-2px}.brand span{font-style:italic}.brand i{color:var(--gold);font-size:20px;margin-left:9px}.masthead-note,.eyebrow{font-size:9px;font-weight:650;letter-spacing:2.2px}.masthead-note{color:var(--muted)}main{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1680px;margin:auto}.composer{padding:37px 28px;border-right:1px solid var(--line);background:#f6f4eb}h1,h2,h3{font-family:var(--serif);font-weight:normal}h1{font-size:35px;line-height:1.08;margin:16px 0}h2{font-size:43px;line-height:1.08;max-width:430px;margin:18px 0}h3{font-size:23px;margin:5px 0 0}.intro{font-size:12px;line-height:1.75;color:#73806c;margin:20px 0 30px}fieldset{border:0;padding:0;margin:0 0 24px}legend,.field,.slider{font-size:11px;font-weight:600}legend{margin-bottom:11px}.characters{display:grid;gap:6px}.characters label{display:flex;position:relative;align-items:center;gap:13px;border:1px solid transparent;border-radius:5px;padding:12px;cursor:pointer}.characters label:has(input:checked){background:#e4e9d9;border-color:#c0cbae}.characters input{position:absolute;opacity:0}.characters label:has(input:focus-visible){outline:2px solid var(--gold)}.world-symbol{font-family:var(--serif);font-size:26px;width:23px;text-align:center;color:#748664}.characters b{display:block;font-family:var(--serif);font-weight:normal;font-size:17px}.characters small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.field{display:block}.field select,.seed-row input{width:100%;margin-top:7px;background:#fbfaf5;border:1px solid #cfd6c4;border-radius:4px;color:var(--ink);padding:10px}.paired{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.form-note{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 15px}.slider{display:block;margin:24px 0}.slider output{float:right;font-weight:normal;color:var(--muted)}input[type=range]{display:block;width:100%;height:4px;accent-color:var(--green);margin:14px 0 0;cursor:pointer}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:25px 0}summary{font-size:11px;cursor:pointer}.seed-row{display:flex;gap:6px}.seed-row input{min-width:0}.seed-row button{margin-top:7px;background:none;border:1px solid var(--line);border-radius:4px;font-size:20px;padding:0 10px}.primary{display:flex;justify-content:space-between;width:100%;margin-top:22px;background:var(--green);color:#f6f0de;border:0;border-radius:4px;padding:15px 17px;font-size:12px}.variation{border:0;background:none;width:100%;font-size:10px;color:#697b60;padding:15px 0}.recorded-note{font-size:11px;line-height:1.8;color:#708166;border-top:1px solid var(--line);padding-top:25px;margin-top:15px}.recorded-note span{color:var(--gold);margin-right:4px}.recorded-note small{margin-left:17px;font-size:10px}.room{min-width:0;padding:28px 34px}.landscape{position:relative;height:345px;border-radius:7px;overflow:hidden;background:#d7dac3}.scenery{position:absolute;inset:0;width:100%;height:100%;opacity:.96}.hero-copy{position:relative;padding:32px 34px;max-width:70%}.hero-copy p:not(.eyebrow){font-family:var(--serif);font-size:15px;line-height:1.5;max-width:340px}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:9px;color:#4c654d}.plate{position:absolute;bottom:17px;right:22px;color:#e3e6d0;font-size:8px;letter-spacing:2px}.transport{padding:24px 8px 14px;border-bottom:1px solid var(--line)}.transport-row{display:flex;align-items:center;gap:15px}.play{width:49px;height:49px;background:var(--green);color:#f6f0de;border:0;border-radius:50%;font-size:17px}.stop{border:0;background:none;font-size:12px;color:#859274}.now{display:grid;gap:5px}.now small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.now strong{font-family:var(--serif);font-size:17px;font-weight:normal}.time{margin-left:auto;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}#seek{margin:22px 0}.transport-options{display:flex;align-items:center;gap:24px;font-size:10px;color:var(--muted)}.transport-options label{display:flex;gap:9px;align-items:center}.unfold{margin-right:auto;color:var(--ink)}.unfold input{accent-color:var(--green)}.unfold span{font-size:20px;color:var(--gold)}.transport-options select{border:0;background:none;color:var(--ink)}.volume input{width:75px;margin:0}.status{font-size:10px;color:var(--muted);margin:12px 0 0;min-height:12px}#queue-status{font-style:italic;font-size:9px;margin-top:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading .eyebrow{color:var(--muted);margin:0}.section-heading>span{font-size:9px;color:var(--muted);text-align:right}.journey-panel{padding:28px 0 18px}.journey{display:flex;overflow:auto;gap:4px;padding:4px 0}.journey button{min-width:78px;text-align:left;padding:12px 9px;border:0;border-top:3px solid #bdc7ac;background:#e6e9dc;border-radius:2px;flex:1}.journey button.active{border-top-color:var(--gold);background:#dbe2cc}.journey button small{font-size:9px;color:var(--gold)}.journey button span{display:block;font-family:var(--serif);font-size:13px;line-height:1.25;margin-top:7px}.scene-description{font-size:11px;line-height:1.6;color:var(--muted);min-height:18px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;border-top:1px solid var(--line);padding:28px 0}.score-panel{min-width:0}canvas{display:block;width:100%;height:230px;border:1px solid var(--line);border-radius:4px;background:#f8f7f0}.roll-key{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);gap:16px;margin-top:9px}.ensemble-panel{border-left:1px solid var(--line);padding-left:25px}.ensemble-panel>.eyebrow{margin:0;color:var(--muted)}.ensemble-panel h3{margin-bottom:15px}.player-row{display:flex;align-items:center;gap:7px;height:30px}.player-row>i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.player-row>span{font-size:9px;flex:1}.player-row button{font-size:8px;background:none;border:1px solid var(--line);border-radius:3px;padding:3px 5px}.player-row button[aria-pressed=true]{background:var(--green);color:white}.player-row.muted>span{opacity:.4}.themes-panel,.collection-panel{padding:26px 0;border-top:1px solid var(--line)}.theme-list{display:flex;gap:12px;flex-wrap:wrap}.theme-card{flex:1;border:1px solid var(--line);padding:17px;border-radius:4px;min-width:180px}.theme-card small{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.theme-card h4{font-family:var(--serif);font-size:19px;font-weight:normal;margin:8px 0}.theme-card p{font-size:10px;line-height:1.6;color:var(--muted)}.theme-card button{background:none;border:0;padding:6px 0;font-size:10px;color:var(--green)}.downloads{display:flex;gap:8px;align-items:center}.downloads select,.downloads button{border:1px solid var(--line);border-radius:4px;background:transparent;padding:9px;font-size:10px;color:var(--ink)}.library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library button{display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid var(--line);background:transparent;border-radius:4px;padding:12px}.library button.current{background:#e5eadb}.library b{font-family:var(--serif);font-size:15px;font-weight:normal}.library small{font-size:9px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:9px;padding:24px 0;border-top:1px solid var(--line)}#error{background:#f1e2d6;border:1px solid #c8a892;border-radius:4px;padding:12px;margin-bottom:14px;font-size:12px;line-height:1.6}#error button{float:right;border:0;background:none}[hidden]{display:none!important}@media(min-width:1500px){.landscape{height:380px}.hero-copy{padding:45px}h2{font-size:50px}}@media(max-width:1100px){main{grid-template-columns:280px minmax(0,1fr)}.composer{padding:30px 22px}.room{padding:24px}.detail-grid{grid-template-columns:1fr}.ensemble-panel{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}#mixer{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.hero-copy{max-width:85%}h2{font-size:37px}}@media(max-width:760px){.masthead{padding:0 20px;height:72px;gap:18px}.masthead-note{display:none}main{display:flex;flex-direction:column}.composer{order:1;border-right:0;border-top:1px solid var(--line)}.room{padding:18px}.landscape{height:320px}.hero-copy{padding:24px}.hero-copy .eyebrow{font-size:8px}h2{font-size:32px}.characters{grid-template-columns:1fr 1fr}.composer h1 br{display:none}.intro{max-width:550px}.transport-options{flex-wrap:wrap;gap:12px}.section-heading{align-items:start}.section-heading>span{max-width:120px}.library{grid-template-columns:1fr}.collection-panel .section-heading{flex-wrap:wrap}.time{font-size:9px}.now strong{font-size:15px}.volume input{width:60px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.revision-notice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;margin-bottom:16px;border:1px solid var(--line);border-radius:5px;background:#e5eadb}.revision-notice p{flex:1;min-width:180px;margin:0;font-size:12px;line-height:1.6}.revision-notice button{border:1px solid #9aaa8e;border-radius:4px;padding:9px 12px;background:transparent;font-size:11px}
.share-piece{margin-top:16px;border:1px solid #4c654d55;border-radius:4px;background:#f7f5edd9;padding:8px 12px;font-size:11px;color:var(--ink)}
.share-piece:hover:not(:disabled){background:#fbfaf5;border-color:var(--green)}