/* An uncluttered, unscored instrument room with large playable surfaces. */
.studio-tab .adventure-progress,.studio-tab #restart-game,.studio-tab .game-bottom-actions,.studio-tab #game-feedback,.studio-tab #game-hint-copy,.studio-tab #game-toggle-sound,.studio-tab #game-player-audio-status,.studio-tab #games-records{display:none!important}
.studio-tab #game-board{padding:clamp(.8rem,2.5vw,2rem);background:#f6f3e9;border:1px solid #c7d4c8;border-radius:24px;color:#23443e}
.studio-tab #game-launch-art .studio-icon{width:140px;height:116px}
.studio-icon{display:inline-flex;width:64px;height:54px;flex:none}.studio-icon svg{display:block;width:100%;height:100%}
.studio-instruments{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;margin-bottom:1.2rem}
.studio-instrument{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:104px;padding:.55rem .2rem;border:2px solid #bfcfc4;border-radius:16px;background:#fffcf4;color:#22483e;font:inherit;font-weight:700;cursor:pointer}
.studio-instrument[aria-pressed=true]{border-color:#376e63;background:#dceee3;box-shadow:0 0 0 3px #376e6320}.studio-instrument:hover{background:#e7f1e8}
.studio-console{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(120deg,#244e46,#366660);border-radius:18px;padding:1.1rem 1.4rem;color:#fffcef}
.studio-selected{display:flex;gap:.8rem;align-items:center}.studio-selected .studio-icon{background:#faf5e4;border-radius:12px;width:84px;height:72px}
.studio-console h4{font:500 clamp(1.8rem,3vw,2.5rem) Georgia,serif;color:inherit;margin:0 0 .15rem}.studio-console p{margin:0;color:#e2eee5;line-height:1.45;max-width:390px}
.studio-now{min-width:90px;text-align:center}.studio-now small{display:block;color:#d9e8dd}.studio-now strong{display:block;font-size:clamp(1.2rem,3vw,2.1rem);line-height:1.4;white-space:normal}
.studio-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.1rem 0 .5rem}.studio-controls button{min-height:48px}
.studio-volume{display:flex;align-items:center;gap:.7rem;font-weight:600;flex:1;min-width:180px}.studio-volume input{width:100%;min-width:60px;max-width:185px;accent-color:#32695e;cursor:pointer}.studio-volume output{min-width:3.2em}
.studio-status{font-size:1rem;min-height:1.6em;margin:.5rem 0;color:#3b6056}.studio-key-help{font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:600;line-height:1.5;margin:.8rem 0 1rem}
.studio-keys{display:flex;gap:5px;min-height:180px;padding:12px;background:#284c46;border-radius:16px;border-bottom:8px solid #183b34;user-select:none;-webkit-user-select:none}
.studio-key{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem;flex:1;min-width:0;min-height:176px;padding:.8rem .25rem;border:1px solid #c1c5b7;border-bottom:9px solid var(--key-color);border-radius:5px 5px 10px 10px;background:linear-gradient(#fffef9,#f1eddf);color:#23443e;box-shadow:0 4px 0 #172f29;font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}
.studio-key strong{font-size:clamp(1.05rem,2.5vw,1.75rem);line-height:1.15}.studio-solfege{font-size:.95rem}.studio-key kbd{display:none;background:#eceddf;border-radius:3px;padding:1px 5px;font-size:.8rem;color:#38554b}
.studio-show-shortcuts .studio-key kbd{display:block}.studio-key.is-playing{background:var(--key-color);box-shadow:0 1px 0 #172f29;transform:translateY(3px);color:#173f35}
.studio-key:focus-visible,.studio-instrument:focus-visible{outline:4px solid #bb690a;outline-offset:3px;position:relative;z-index:3}
.studio-key:disabled{cursor:wait;opacity:.55}
.studio-chromatic{position:relative;display:block;height:242px;padding:0;border:12px solid #284c46;box-sizing:border-box}
.studio-chromatic .studio-key{position:absolute;left:calc(var(--position)*12.5%);top:0;width:12%;height:210px;min-height:0}
.studio-chromatic .studio-sharp{left:calc(var(--position)*12.5% - 3.75%);width:7.5%;height:116px;z-index:2;background:linear-gradient(#4c5559,#1c2c2b);color:#fff;border:1px solid #172f29;border-bottom:5px solid #172f29;box-shadow:0 4px 0 #132921;padding:.5rem 0}
.studio-sharp strong{font-size:1rem}.studio-sharp .studio-solfege{display:none}.studio-sharp.is-playing{background:#527c71;color:white;transform:translateY(2px)}
.studio-drums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;padding:1.2rem;background:#eadfc8;border-radius:20px}.studio-drums .studio-key{border-radius:50%;min-height:150px;aspect-ratio:1;justify-content:center;background:radial-gradient(#fff9e9,#e7ddd0);border:5px solid #6d8b80;border-bottom:9px solid #376354;box-shadow:0 5px 0 #bdc7bc;padding:.6rem .2rem}.studio-drums .studio-key strong{font-size:1.15rem}.studio-drums .studio-key.is-playing{background:var(--key-color)}.studio-drums .studio-icon{width:50px;height:42px}
.studio-options,.studio-recorder{border-top:1px solid #bdcbbf;padding-top:1rem;margin-top:1.1rem}.studio-options summary,.studio-recorder summary{font-size:1.1rem;font-weight:700;cursor:pointer;min-height:34px;color:#28594d}.studio-options-row{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.studio-options-row label{display:flex;align-items:center;gap:.5rem;line-height:1.5}.studio-options-row input{width:20px;height:20px;flex:none;accent-color:#376e63}
.studio-chords{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.studio-chords p{flex-basis:100%;margin:.4rem 0}.studio-chords button{min-height:50px}.studio-chords button.is-playing{background:#d0e8da;color:#25483d}
.studio-record-actions{display:flex;gap:.7rem;flex-wrap:wrap}.studio-record-status{font-size:1rem;color:#3b6056}.studio-foot{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;margin-top:1rem;font-size:.9rem}.studio-foot a{align-self:center}.studio-foot button{padding:0}
.studio-tab[data-play-theme=ocean] #game-board{background:#eefaf8;border-color:#65b9c1}.studio-tab[data-play-theme=ocean] .studio-console{background:linear-gradient(120deg,#065d6b,#127d96)}
.studio-tab[data-play-theme=space] #game-board{background:#f1eff8;border-color:#a6a0e1}.studio-tab[data-play-theme=space] .studio-console{background:linear-gradient(120deg,#252344,#423b76)}
.studio-tab.games-contrast #game-board{background:white!important;color:#142d27}.studio-tab.games-contrast .studio-key{border:2px solid #16362c;border-bottom:8px solid #16362c}.studio-tab.games-contrast .studio-instrument[aria-pressed=true]{outline:3px solid #16362c}
@media(max-width:760px){.studio-instruments{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-drums{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-drums .studio-key{min-height:120px}.studio-console{padding:1rem}.studio-console p{font-size:.95rem}.studio-selected .studio-icon{width:60px;height:54px}.studio-volume{flex-basis:100%}.studio-keys{gap:3px;padding:8px}.studio-key{min-height:164px}.studio-chromatic{padding:0}.studio-now{min-width:65px}.studio-keys:not(.studio-chromatic) .studio-solfege{font-size:.8rem}}
@media(max-width:440px){.studio-instruments{gap:.4rem}.studio-instrument{min-height:86px;font-size:.9rem}.studio-instrument .studio-icon{width:48px;height:40px}.studio-selected .studio-icon{display:none}.studio-console{gap:.5rem}.studio-keys:not(.studio-chromatic){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-keys:not(.studio-chromatic) .studio-key{min-height:120px}.studio-drums{grid-template-columns:repeat(2,minmax(0,1fr));padding:.7rem;gap:.7rem}.studio-key strong{font-size:1.2rem}.studio-chromatic{height:220px;border-width:6px}.studio-chromatic .studio-key{height:205px}.studio-chromatic .studio-sharp{height:105px;min-width:0}.studio-sharp strong{font-size:.75rem}.studio-sharp kbd{font-size:.7rem}.studio-controls{gap:.7rem}.studio-now strong{font-size:1.1rem}.studio-volume input{max-width:none}}
@media(prefers-reduced-motion:reduce){.studio-key.is-playing{transform:none}}
/* On narrow screens, keep chromatic notes as large targets instead of tiny overlapping keys. */
@media(max-width:440px){.studio-chromatic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;gap:8px;padding:6px}.studio-chromatic .studio-key,.studio-chromatic .studio-sharp{position:static;width:auto;height:auto;min-height:110px;left:auto;top:auto;padding:.5rem .1rem}.studio-sharp strong{font-size:1.15rem}}
@media(max-width:440px){.studio-instruments{grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr))}.studio-instrument{overflow-wrap:anywhere}.studio-console{flex-wrap:wrap}.studio-selected{flex:1 1 10rem;min-width:0}.studio-selected h4,.studio-selected p{overflow-wrap:anywhere}.studio-now{min-width:0;flex:1 1 3rem}.studio-drums{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}.studio-keyboard .studio-keys{grid-template-columns:repeat(auto-fit,minmax(min(100%,3rem),1fr))}}
@media(max-width:440px){.studio-console{padding:14px}.studio-selected{gap:0}.studio-selected>#studio-selected-art{display:none}.studio-selected>div{min-width:0;flex:1}}