@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#eee8dd;background:#151512;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-width:320px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7ec9ed;outline-offset:3px}a{color:inherit}button{touch-action:none}.shell{height:100svh;display:grid;grid-template-rows:94px minmax(0,1fr) 205px 24px;grid-template-columns:minmax(0,1fr);overflow:hidden}header{display:grid;grid-template-columns:minmax(280px,1fr) auto 1fr;align-items:center;gap:20px;padding:9px 26px;background:#191917}h1{font:500 clamp(28px,3vw,43px)/1.08 "Playfair Display",Georgia,serif;letter-spacing:-.045em;margin:2px 0 4px}h1 em{color:#d7b58a;font-weight:400}header p{font:13px Georgia;color:#c6bdad;margin:0}.back-home{display:block;color:#9b9385;font-size:9px;text-decoration:none;margin-bottom:4px}.eyebrow{display:none}header nav{display:flex;gap:3px;border:1px solid #625c50;background:#22211e;border-radius:30px;padding:3px}header nav button{padding:10px 22px;border:0;border-radius:24px;background:transparent;font:14px Georgia}header nav button.selected{background:#eae4d7;color:#25251e}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.other-lab{font-size:11px;text-decoration:none;color:#cabca5}.sound{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:22px;border:1px solid #8a6658;background:#362923;font-size:10px;color:#f3c1ad;white-space:nowrap}.sound.on{background:#1e3d30;border-color:#649574;color:#c3eed0}.stage{position:relative;min-height:0;overflow:hidden;margin:0 17px;border:1px solid #464035;background:radial-gradient(ellipse at 46% 48%,#70614c,#443b30 40%,#211f1b 78%);isolation:isolate}.stage canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;touch-action:none}.stage:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px #0c0c0b66;pointer-events:none}.stage-top,.stage-bottom{position:absolute;left:23px;right:23px;z-index:2;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#c3b8a5;font-size:9px;letter-spacing:.08em}.stage-top{top:17px;right:auto;gap:20px}.stage-top button{pointer-events:auto;border:0;background:transparent;color:#c3b8a5;font-size:10px}.stage-bottom{bottom:16px;font-size:9px;color:#b6aa98}.live.active{color:#87d2dd}.instrument-caption{position:absolute;left:25px;top:50px;z-index:2;pointer-events:none}.instrument-caption h2{font:23px Georgia;margin:0 0 7px}.instrument-caption h2 span{color:#bd9e74;font-style:italic}.instrument-caption p{font-size:10px;color:#b8aa93;margin:0}.stage-controls{position:absolute;z-index:4;right:17px;top:17px;width:242px;max-height:calc(100% - 64px);overflow:auto;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:#7b6a51 #26231d}.setting{background:#191918ed;border:1px solid #675b49;border-radius:5px;box-shadow:0 6px 20px #0005;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}summary{cursor:pointer;display:flex;align-items:center;gap:9px;list-style:none;padding:11px 12px;font:14px Georgia}summary::-webkit-details-marker{display:none}summary:before{content:"＋";color:#86b9d1;font:13px sans-serif}.setting[open]>summary:before{content:"−"}summary>span{margin-left:auto;font:9px DM Sans,sans-serif;color:#9ac5d9;letter-spacing:.05em}.setting-body{padding:0 13px 14px}.control-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:14px 0 9px}.control-label span{color:#a6bba9;font-size:10px}select{width:100%;padding:10px;background:#292a24;border:1px solid #646557;border-radius:4px;color:#e7e4d7;font-size:11px}.hint,.length p{font-size:10px;line-height:1.6;color:#b1aa99;margin:9px 0 14px}input[type=range]{width:100%;accent-color:#78b1cd}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#a39e8c}.blow{width:100%;margin-top:13px;padding:12px 8px;border:1px solid #728f83;background:#2b4e40;color:#e1f0de;border-radius:4px;font-size:11px}.blow.on{background:#4c7456}.blow kbd{font-size:8px;margin-left:8px;opacity:.7}.register{display:flex;gap:3px;border:1px solid #666657;padding:3px;border-radius:4px}.register button{flex:1;background:transparent;border:0;padding:8px;font-size:11px;border-radius:3px}.register button.selected{background:#e0dbc9;color:#262a22}.length>span{font-size:10px;color:#b2b4a2}.length strong{display:block;font:28px Georgia;margin-top:10px}.length small{font-size:12px}.experiments{display:flex;flex-direction:column;gap:5px}.experiments button{border:1px solid #5d594b;background:#292821;border-radius:3px;padding:10px;text-align:left;font-size:10px}.experiments button.selected{background:#374c40;border-color:#889b7a}.experiments button span{margin-right:9px;color:#c4b485}.experiment-readout{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.experiment-readout strong{font:24px Georgia}.experiment-readout small{font-size:11px}.experiment-readout>span{width:100%;font-size:9px;color:#b7b4a2}.discovery{margin-top:12px}.step{display:none}.discovery h3{font:16px/1.3 Georgia;margin:0 0 7px}.discovery p{font-size:10px;line-height:1.6;color:#b6ae9c;margin:0}.notes{padding:13px 2% 7px;background:#191917;border-top:1px solid #3e3b31;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h2{font:18px Georgia;margin:0}.section-title>span{font-size:9px;letter-spacing:.1em;color:#a39c8c}.note-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.note{height:133px;position:relative;border:1px solid #9d8f77;border-bottom:4px solid #8e7c61;border-radius:4px;background:linear-gradient(#f1e7d4,#cec0a7);color:#403c30;padding:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.note .key{position:absolute;left:12px;top:9px;font:700 13px DM Sans,sans-serif;color:#416c81}.note strong{font:28px Georgia}.pitch{font-size:10px;color:#72644f}.hole-stack{display:flex;gap:6px;margin:3px 0}.hole-stack i,.legend i{display:inline-block;width:8px;height:8px;border:1px solid #626957;border-radius:50%;background:#f5eddf}.hole-stack .covered,.legend .covered{background:#37594c}.note small{font-size:9px;color:#6b6252}.note.chosen{border-color:#92bccc;box-shadow:inset 0 0 0 1px #507b8b}.note.sounding{background:linear-gradient(#daeff5,#a3c7d0);border-bottom-width:1px;transform:translateY(2px)}.legend{display:flex;justify-content:space-between;gap:10px;color:#9a9587;font-size:8px;margin-top:8px}.legend i{width:6px;height:6px;margin:0 4px}.hole-label{display:block;width:18px;height:18px;border-radius:50%;background:#302a20dd;border:1px solid #c3a571;color:#efe1c4;font:10px/18px sans-serif;text-align:center}.hole-label.closed{background:#30584f;color:#d9f2e7;border-color:#94c2af}footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:8px;color:#8b8578}footer a{font-size:10px;text-decoration:none;color:#c6b393}.scene-fallback{height:100%;display:grid;place-content:center;text-align:center;font-size:13px;padding:35px}@media(max-width:900px){.shell{grid-template-rows:108px minmax(0,1fr) 195px 24px}header{grid-template-columns:1fr auto;gap:6px 15px;padding:9px 17px}header nav{grid-row:2;grid-column:1/3;justify-self:center}header nav button{padding:6px 28px;font-size:12px}h1{font-size:29px}.back-home{display:none}header p{font-size:11px}.header-actions{gap:8px}.other-lab{display:none}.stage-controls{width:205px;right:12px}.stage-top{left:15px;gap:12px}.instrument-caption{left:16px}.note{height:126px}.notes{padding-top:10px}.note strong{font-size:24px}}@media(max-width:600px){.shell{grid-template-rows:106px minmax(0,1fr) 175px 26px}.stage{margin:0 7px}.stage-controls{top:15px;right:8px;width:calc(100% - 16px);max-height:calc(100% - 65px)}.setting{width:148px;align-self:flex-end}.setting[open]{width:min(255px,100%)}summary{font-size:11px;padding:9px 8px;gap:4px}summary>span{font-size:7px}.stage-top{top:17px;left:12px;display:block;font-size:7px;max-width:140px}.stage-top button{display:block;padding:8px 0;font-size:9px}.instrument-caption{top:auto;bottom:47px;left:13px}.instrument-caption h2{font-size:18px}.instrument-caption p{font-size:8px}.stage-bottom{left:12px;right:12px;bottom:13px;font-size:7px}.stage-bottom .live{display:none}.notes{padding:9px 8px 4px}.section-title{margin-bottom:8px}.section-title h2{font-size:15px}.section-title>span{font-size:7px}.note-grid{gap:4px}.note{height:115px;padding:5px 1px;gap:5px}.note strong{font-size:20px;margin-top:12px}.note .key{left:7px;top:7px;font-size:10px}.hole-stack{gap:3px}.hole-stack i{width:4px;height:4px}.note small{font-size:7px}.pitch{font-size:8px}.legend{font-size:7px;gap:4px}.legend>span:last-child{max-width:165px;text-align:right}footer{padding:0 9px}footer>span{display:none}.sound{padding:8px;font-size:9px}.setting-body{padding:0 10px 11px}.instrument-caption{pointer-events:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}