:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f4ed;color:#17211d;--surface: #fffdf8;--surface-strong: #ffffff;--ink: #17211d;--muted: #5a645f;--line: #d7d1c5;--focus: #1667d9;--clay: #b74f38;--clay-dark: #7e2d21;--moss: #2f6b4f;--gold: #c99b2e;--teal: #1f7a78;--shadow: 0 18px 48px rgba(29, 31, 28, .13)}*{box-sizing:border-box}html{min-width:320px;background:#f7f4ed}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,select,a{font:inherit}button,select{min-height:44px}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}#root{min-height:100dvh}.app-shell{display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(circle at 18% 15%,rgba(199,155,46,.14),transparent 28rem),linear-gradient(135deg,#f7f4ed,#eef4ef 46%,#f8efe8)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.75rem clamp(1rem,3vw,2rem);border-bottom:1px solid rgba(23,33,29,.12);background:#fffdf8f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand-lockup{display:flex;align-items:center;gap:1.15rem;min-width:0}.brand-mark{display:inline-flex;align-items:center;gap:.62rem;min-height:44px;font-size:1rem}.brand-mark strong,.brand-mark small{display:block;letter-spacing:0}.brand-mark small{color:var(--muted);font-size:.76rem}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;color:#fffdf8;background:linear-gradient(135deg,var(--moss),var(--clay));font-weight:800}.main-nav{display:flex;flex-wrap:wrap;gap:.2rem}.main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.2rem .65rem;border-radius:8px;color:#2b3732;font-size:.92rem}.main-nav a.active{background:#e5eee7;color:#153923;font-weight:700}.top-controls{display:flex;align-items:end;justify-content:flex-end;gap:.55rem;min-width:0}.control-field{display:grid;gap:.18rem;min-width:9.5rem}.control-field span,.eyebrow{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.control-field select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink);padding:0 2rem 0 .75rem}.icon-button,.utility-controls button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border:1px solid rgba(23,33,29,.15);border-radius:8px;background:#fff;color:var(--ink);padding:0 .78rem;font-weight:700}.icon-button:hover,.utility-controls button:hover,.text-button:hover{border-color:#17211d52;transform:translateY(-1px)}.audio-button{background:#173c2b;color:#fff;border-color:#173c2b}.audio-status{display:inline-flex;align-items:center;min-height:44px;border:1px solid rgba(23,33,29,.14);border-radius:8px;background:#eef5f1;color:#173c2b;padding:0 .68rem;font-size:.86rem;font-weight:800;white-space:nowrap}.record-button{color:#7e2d21}.app-main{display:flex;flex:1;min-height:0;width:100%;padding:clamp(.85rem,2vw,1.25rem)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);grid-template-rows:minmax(0,1fr) auto;gap:1rem;width:100%;min-width:0}.desktop-sound-panel{min-width:0}.mobile-control-drawer{display:none;grid-column:1 / -1;border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fffdf8f5;box-shadow:var(--shadow)}.mobile-control-drawer summary{min-height:44px;padding:.8rem 1rem;cursor:pointer;font-weight:800}.mobile-control-drawer-content{padding:0 1rem 1rem}.play-main{display:flex;flex-direction:column;min-width:0;min-height:0}.performance-surface{display:flex;flex-direction:column;gap:1rem;min-width:0;min-height:clamp(28rem,66vh,46rem);padding:clamp(1rem,2.4vw,1.4rem);border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fffdf8eb;box-shadow:var(--shadow)}.surface-header,.panel-heading,.content-page-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.surface-header h1,.panel-heading h2,.content-page-heading h1{margin:.12rem 0 0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05;letter-spacing:0}.surface-state{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;border-radius:8px;background:#eaf1ed;color:#173c2b;padding:0 .75rem;font-weight:700}.surface-variant{margin:.35rem 0 0;color:var(--muted);line-height:1.35}.instrument-stage{position:relative;display:grid;align-items:end;gap:.5rem;min-height:23rem;flex:1;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,rgba(47,107,79,.12),transparent 40%),linear-gradient(180deg,#fbfaf4,#eadfce);border:1px solid rgba(23,33,29,.1)}.instrument-ui{position:relative;z-index:1;display:grid;gap:1rem;width:100%;min-width:0;min-height:22rem;padding:clamp(.85rem,2vw,1.2rem)}.instrument-ui button,.instrument-ui select,.instrument-ui input{touch-action:manipulation}.instrument-note{margin:0;color:#33423d;line-height:1.45;font-size:.92rem}.caution-inline{border:1px solid #d6c6ae;border-radius:8px;background:#f1eadf;padding:.7rem}.gesture-hint-overlay{position:absolute;top:.75rem;right:.75rem;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;max-width:min(92%,34rem);pointer-events:none}.gesture-hint-overlay span{border:1px solid rgba(23,33,29,.14);border-radius:8px;background:#fffdf8d1;color:#33423d;padding:.28rem .45rem;font-size:.72rem;font-weight:800}.resonator-visual{position:absolute;top:8%;right:8%;bottom:14%;left:8%;display:grid;place-items:center;pointer-events:none}.gayageum-ui{grid-template-rows:auto minmax(12rem,1fr) auto}.gayageum-zones{display:grid;grid-template-columns:minmax(10rem,.8fr) minmax(12rem,1.2fr);gap:.75rem}.gesture-zone{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;border:1px dashed rgba(23,33,29,.18);border-radius:8px;background:#ffffffb8;padding:.65rem}.gesture-zone span{color:var(--muted);font-size:.78rem;font-weight:800}.gesture-zone button,.gayageum-string,.oud-course,.sitar-fret,.jigong-hole,.ney-hole,.janggu-head,.tabla-zone,.mbira-tine,.kora-string,.saron-bar,.drone-mouth{border:1px solid rgba(23,33,29,.16);border-radius:8px;background:#ffffffe6;color:var(--ink);font-weight:800}.gayageum-strings{display:grid;grid-template-rows:repeat(12,minmax(1.15rem,1fr));gap:.22rem;min-height:16rem;border-radius:8px;background:linear-gradient(90deg,#7e2d2129,#c79b2e1f);padding:.75rem}.gayageum-strings.is-compact{grid-template-rows:repeat(25,minmax(.42rem,1fr));gap:.12rem}.gayageum-string{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:12px;border-radius:999px;background:linear-gradient(90deg,#9d7b56 0,#9d7b56 55%,#f9efe0 55%,#f9efe0);padding:0 .4rem}.gayageum-string .anjok-marker{position:absolute;left:54%;width:.5rem;height:1.2rem;border-radius:.2rem;background:#5f3d27;transform:translate(-50%)}.gayageum-string.is-active{background:linear-gradient(90deg,#b74f38 0,#b74f38 55%,#fff4db 55%,#fff4db)}.erhu-ui{grid-template-columns:minmax(8rem,.7fr) minmax(12rem,1fr);align-items:center}.erhu-neck{position:relative;justify-self:center;width:5rem;height:18rem;border-radius:999px;background:#5c392a}.erhu-string{position:absolute;top:.4rem;bottom:-2rem;width:2px;background:#d8c9a9}.erhu-string-left{left:1.8rem}.erhu-string-right{right:1.8rem}.erhu-resonator{justify-self:center;width:min(14rem,100%);aspect-ratio:1;background:#b99060;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.erhu-resonator[data-shape=octagonal]{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.erhu-resonator[data-shape=rare_circular]{clip-path:circle(48%)}.oud-ui,.sitar-ui,.daegeum-ui,.ney-ui,.janggu-ui,.tabla-ui,.mbira-ui,.kora-ui,.didgeridoo-ui,.saron-ui{align-content:center}.oud-ui{grid-template-columns:6rem minmax(7rem,.4fr) minmax(16rem,1fr);align-items:center}.oud-pegbox,.oud-neck{display:grid;place-items:center;min-height:5rem;border-radius:8px;background:#72503b;color:#fff7e9;font-weight:800}.oud-neck{height:6rem;border-radius:999px}.oud-body{display:grid;gap:.35rem;min-height:18rem;border-radius:50% 50% 42% 42%;background:radial-gradient(circle,#d9b77d,#8b5b36);padding:2rem}.oud-course{display:grid;grid-template-columns:1fr 1fr;gap:.18rem;min-height:1.2rem;background:transparent}.oud-course span{height:2px;align-self:center;background:#f9efe0}.sitar-neck{display:grid;gap:.35rem;min-height:15rem;border-radius:999px;background:linear-gradient(90deg,#6d442e,#a97948);padding:1rem}.sitar-fret{min-height:1.4rem;background:transparent;border-radius:50%;border-color:#fff7dcd9}.sympathetic-strings{display:grid;grid-template-columns:repeat(12,1fr);gap:.2rem;min-height:3rem}.sympathetic-strings span{border-radius:999px;background:#c79b2e8f}.bamboo-tube,.ney-tube{display:flex;align-items:center;justify-content:space-around;gap:.5rem;min-height:8rem;border-radius:999px;background:linear-gradient(90deg,#c49b54,#e2bd74);padding:1rem}.jigong-hole,.ney-hole{width:3.25rem;height:3.25rem;border-radius:50%;background:#2a2118;color:#fff9ea}.chwigu,.cheongong,.chilsunggong,.ney-end{display:grid;place-items:center;min-width:4rem;min-height:44px;border-radius:8px;background:#fffdf8b8;font-weight:800}.ney-ui{grid-template-columns:minmax(10rem,14rem) minmax(0,1fr)}.ney-tube{flex-direction:column;justify-self:center;min-height:24rem;width:6rem}.janggu-body,.tabla-pair{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(4rem,.35fr) minmax(10rem,1fr);align-items:center;gap:.6rem}.janggu-head,.tabla-drum{display:grid;place-items:center;min-height:12rem;border-radius:50%;background:radial-gradient(circle,#f8ecd4 0,#f8ecd4 34%,#9f6d43 35%,#9f6d43)}.janggu-head small{color:#4c3829;max-width:8rem}.janggu-waist{height:8rem;border-radius:45%;background:#7a4f34}.tabla-pair{grid-template-columns:minmax(12rem,1fr) minmax(12rem,1.15fr)}.tabla-drum{position:relative;border:1px solid rgba(23,33,29,.18)}.syahi{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:#20201d}.syahi.offset{left:36%;top:42%}.tabla-zone{position:relative;z-index:1;margin:.15rem}.pressure-zone{align-self:end;margin-bottom:1rem}.mbira-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;border-radius:8px;background:#795436;padding:1rem}.mbira-manual{display:grid;gap:.35rem;align-content:end;color:#fff7e9}.mbira-manual div{display:grid;gap:.22rem}.mbira-tine{min-height:2.2rem;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#e7dfcf,#9d9a8d)}.right_thumb_lower_three_note_anchor .mbira-tine{background:linear-gradient(180deg,#f4d674,#b9822f)}.kora-frame{display:grid;grid-template-columns:minmax(7rem,1fr) 4rem minmax(7rem,1fr);gap:.55rem;min-height:20rem;border-radius:50% 50% 42% 42%;background:radial-gradient(circle,#d9b77d,#9b6841);padding:1.2rem}.kora-row{display:grid;gap:.18rem}.kora-string{min-height:.8rem;border-radius:999px;background:#fff4d8}.kora-bridge{display:grid;place-items:center;border-radius:8px;background:#4e3325;color:#fff7e9;font-weight:800}.didgeridoo-tube{display:grid;grid-template-columns:7rem minmax(14rem,1fr);align-items:center;gap:1rem}.drone-mouth{aspect-ratio:1;border-radius:50%;background:#7a4f34;color:#fff7e9}.tube-body{display:block;height:5rem;border-radius:999px;background:linear-gradient(90deg,#684630,#b6884d)}.saron-bars{display:grid;grid-template-columns:repeat(7,minmax(3rem,1fr));gap:.45rem;align-items:end;min-height:16rem;border-radius:8px;background:#5f3d27;padding:1rem}.saron-bar{height:calc(8rem + var(--bar-index, 0) * .35rem);border-radius:8px;background:linear-gradient(180deg,#e0b749,#a77222)}.resonator-visual span{position:absolute;width:min(58vw,34rem);aspect-ratio:1 / .38;border:2px solid rgba(126,45,33,.35);border-radius:50%;transform:rotate(-8deg)}.resonator-visual span:nth-child(2){width:min(46vw,27rem);border-color:#1f7a784d;transform:rotate(7deg)}.resonator-visual span:nth-child(3){width:min(34vw,20rem);border-color:#c79b2e6b;transform:rotate(0)}.note-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(4rem,1fr));gap:clamp(.55rem,1.2vw,.85rem);width:100%;padding:clamp(.85rem,2vw,1.25rem);z-index:1}.instrument-control-strip{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;width:100%;padding:0 clamp(.85rem,2vw,1.25rem) clamp(.85rem,2vw,1.25rem)}.instrument-control-strip button,.instrument-control-strip select,.surface-slider{min-height:44px;border:1px solid rgba(23,33,29,.16);border-radius:8px;background:#ffffffe6;color:var(--ink);font-weight:800}.instrument-control-strip button,.instrument-control-strip select{padding:0 .75rem}.surface-slider{display:inline-grid;grid-template-columns:auto minmax(7rem,10rem);align-items:center;gap:.55rem;padding:0 .75rem}.surface-slider span{color:var(--muted);font-size:.78rem}.surface-slider input{width:100%}.xy-pad{display:grid;place-items:center;width:8rem;height:5rem;min-height:44px;border:1px solid rgba(23,33,29,.2);border-radius:8px;background:linear-gradient(90deg,#2f6b4f2e,#b74f3829),linear-gradient(180deg,#ffffffdb,#fff7dce6);color:#173c2b;font-weight:800;touch-action:none}.control-state-pill{display:inline-flex;align-items:center;min-height:44px;border-radius:8px;background:#e5eee7;color:#173c2b;padding:0 .75rem;font-weight:800}.note-pad{display:grid;place-items:center;min-width:0;min-height:clamp(5.5rem,12vw,9rem);border:1px solid rgba(23,33,29,.18);border-radius:8px;background:#ffffffd1;color:var(--ink);box-shadow:0 8px 20px #17211d1a;transition:transform .14s ease,border-color .14s ease,background .14s ease}.note-pad strong{display:block;font-size:clamp(1.1rem,2vw,1.55rem);line-height:1;letter-spacing:0}.note-pad span{color:var(--muted);font-size:.78rem}.note-pad.is-active,.note-pad:active{border-color:var(--clay);background:#fff0e9;transform:translateY(3px) scale(.98)}.sound-dna-panel{min-width:0;border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fffdf8f2;padding:1rem;box-shadow:var(--shadow)}.dna-list{display:grid;gap:.8rem;margin:1rem 0}.dna-list div{border-top:1px solid rgba(23,33,29,.1);padding-top:.75rem}.dna-list dt{color:var(--muted);font-size:.78rem;font-weight:800}.dna-list dd{margin:.2rem 0 0;color:#26342f;line-height:1.45}.variant-summary,.tuning-summary{display:grid;gap:.45rem;margin-top:.85rem;border-top:1px solid rgba(23,33,29,.1);padding-top:.85rem}.variant-summary h3,.tuning-summary h3{margin:0;font-size:1rem;letter-spacing:0}.variant-summary p,.tuning-summary p{margin:0;color:#33423d;line-height:1.45}.variant-summary dl{display:grid;gap:.45rem;margin:0}.variant-summary dt{color:var(--muted);font-size:.74rem;font-weight:800}.variant-summary dd{margin:.18rem 0 0;color:#26342f;line-height:1.4}.warning-badge{display:flex;align-items:flex-start;gap:.45rem;max-width:100%;border:1px solid #d8ad4e;border-radius:8px;background:#fff7dc;color:#4d3710;padding:.65rem;font-size:.86rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.warning-badge svg{flex:0 0 auto;margin-top:.08rem}.cultural-note{position:relative;margin-top:.85rem;border-radius:8px;background:#f1eadf;border:1px solid #d6c6ae;padding:.9rem 2.5rem .9rem .9rem}.cultural-note h3{margin:0 0 .35rem;font-size:1rem}.cultural-note p{margin:0;color:#45372a;line-height:1.45}.dismiss-button{position:absolute;top:.45rem;right:.45rem;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#45372a}.bottom-control-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fffdf8f5;padding:.75rem;box-shadow:var(--shadow)}.keyboard-map{display:grid;gap:.5rem;min-height:44px;color:#26342f;font-weight:700;white-space:normal}.keyboard-map-heading{display:inline-flex;align-items:center;gap:.45rem}.keyboard-key-grid{display:grid;grid-template-columns:repeat(8,minmax(3.6rem,1fr));gap:.35rem}.keyboard-key{display:grid;align-content:center;gap:.12rem;min-height:44px;border:1px solid rgba(23,33,29,.14);border-radius:8px;background:#fff;color:#25362f;padding:.35rem .45rem}.keyboard-key kbd{font:inherit;font-weight:900}.keyboard-key small{font-size:.68rem;font-weight:700;color:#54635c}.keyboard-key.is-active{border-color:#1667d9;background:#eaf2ff;box-shadow:0 0 0 3px #1667d929}.keyboard-modifier-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;color:#53645d;font-size:.78rem}.keyboard-modifier-row span{border-radius:999px;background:#17211d0f;padding:.16rem .45rem}.keyboard-map.is-compact .keyboard-key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.utility-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.utility-controls button{background:#fff}.status-message{color:#7e2d21;font-weight:700}.desktop-instrument-layout{align-items:stretch}.mobile-instrument-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:.75rem}.mobile-play-main .performance-surface{min-height:min(72vh,40rem)}.mobile-instrument-layout.is-landscape .mobile-play-main .performance-surface{min-height:18rem}.mobile-orientation-row{grid-column:1 / -1;display:flex;justify-content:center}.orientation-badge{display:inline-flex;min-height:32px;align-items:center;border-radius:999px;border:1px solid rgba(23,33,29,.14);padding:.25rem .7rem;font-size:.78rem;font-weight:800;color:#243830;background:#fffdf8f5}.orientation-badge.is-suggestion{border-color:#d69b20;background:#fff7dc}.mobile-gesture-pad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fffdf8f5;padding:.65rem}.mobile-gesture-cell{display:grid;place-items:center;gap:.18rem;min-height:54px;border:1px solid rgba(23,33,29,.16);border-radius:8px;background:linear-gradient(180deg,#fff,#f1eadc);color:#1f302a;touch-action:none}.mobile-gesture-cell kbd{font:inherit;font-weight:900}.mobile-gesture-cell span{font-size:.7rem;font-weight:800;color:#5a675f}.mobile-performance-toolbar{display:grid;gap:.55rem;border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fffdf8f5;padding:.65rem}.motion-status-row,.motion-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.mobile-performance-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;border:1px solid rgba(23,33,29,.16);border-radius:8px;background:#fff;padding:.45rem .65rem;font-weight:800}.motion-status{min-height:32px;border-radius:999px;background:#e7f2ec;color:#173c2b;padding:.35rem .65rem;font-size:.78rem;font-weight:900}.motion-sensitivity{min-width:min(100%,14rem)}.motion-sensitivity span{display:inline-flex;align-items:center;gap:.25rem}.mobile-fallback-note{margin:0;color:#5d6d65;font-size:.82rem}.error-badge{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;border:1px solid rgba(126,45,33,.3);border-radius:8px;background:#fff0e9;padding:0 .75rem}.content-page{width:min(100%,72rem);margin:0 auto;border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fffdf8f0;box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.8rem)}.content-page.narrow{width:min(100%,48rem)}.instrument-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.instrument-card{display:flex;flex-direction:column;gap:.65rem;min-width:0;border:1px solid rgba(23,33,29,.12);border-radius:8px;background:#fff;padding:1rem}.instrument-card h2,.instrument-card p{margin:0}.instrument-card p,.prose-panel p{color:#33423d;line-height:1.6}.instrument-card dl{display:grid;gap:.4rem;margin:0}.instrument-card dt{color:var(--muted);font-size:.74rem;font-weight:800}.instrument-card dd{margin:0}.card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#e8f0ec;color:#173c2b}.text-button{align-self:flex-start;margin-top:auto;background:#173c2b;color:#fff}.prose-panel,.qa-list{margin-top:1rem}.qa-list{display:grid;gap:.7rem;padding-left:1.25rem;line-height:1.55}@media (max-width: 1180px){.top-bar{align-items:stretch;flex-direction:column}.top-controls{justify-content:stretch;flex-wrap:wrap}.control-field{flex:1 1 12rem}}@media (max-width: 920px){.app-main{padding:.8rem}.play-layout{grid-template-columns:1fr}.performance-surface{min-height:34rem}.desktop-sound-panel{display:none}.mobile-control-drawer{display:block}.bottom-control-bar{order:3;flex-direction:column;align-items:stretch}.utility-controls{justify-content:flex-start}.instrument-list{grid-template-columns:1fr 1fr}.gayageum-zones,.erhu-ui,.oud-ui,.ney-ui,.janggu-body,.tabla-pair,.didgeridoo-tube{grid-template-columns:1fr}.mbira-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.brand-lockup{align-items:stretch;flex-direction:column;gap:.5rem}.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.main-nav a{justify-content:center;padding-inline:.2rem;font-size:.82rem}.top-controls{display:grid;grid-template-columns:1fr}.control-field{min-width:0}.surface-header{align-items:stretch;flex-direction:column}.performance-surface{min-height:32rem}.instrument-stage{min-height:22rem}.gesture-hint-overlay{position:static;justify-content:flex-start;padding-inline:.85rem}.gayageum-zones,.kora-frame,.tabla-pair,.janggu-body{grid-template-columns:1fr}.utility-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.keyboard-key-grid,.keyboard-map.is-compact .keyboard-key-grid,.mobile-gesture-pad{grid-template-columns:repeat(2,minmax(0,1fr))}.instrument-control-strip{display:grid;grid-template-columns:1fr}.surface-slider{grid-template-columns:1fr;align-items:stretch;padding-block:.45rem}.bamboo-tube{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:8px}.ney-tube{width:100%;min-height:18rem}.mbira-board{grid-template-columns:1fr}.saron-bars{grid-template-columns:repeat(4,minmax(0,1fr))}.xy-pad,.utility-controls button{width:100%}.motion-status-row,.motion-controls{display:grid;grid-template-columns:1fr}.instrument-list{grid-template-columns:1fr}}@media (max-height: 480px) and (orientation: landscape){.mobile-instrument-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);grid-template-rows:auto minmax(0,1fr) auto}.mobile-orientation-row,.mobile-gesture-pad{grid-column:1 / -1}.mobile-play-main{min-height:0}.mobile-performance-toolbar,.mobile-instrument-drawer{grid-column:2}.mobile-control-drawer-content{max-height:13rem;overflow:auto}}@media (orientation: landscape) and (max-height: 520px){.top-bar{position:static}.performance-surface{min-height:23rem}.instrument-stage{min-height:15rem}.note-grid{grid-template-columns:repeat(6,minmax(3.2rem,1fr))}.note-pad{min-height:4.6rem}}