.audio-panel{padding:16px 20px;border:2px solid #b5c9bb;background:#fffaf0;border-radius:20px;margin:14px 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.audio-panel p{flex-basis:100%;margin:0}.studio-scene,.band-stage{height:200px;position:relative;overflow:hidden;background:linear-gradient(#d9e9df 72%,#c8a883 72%);border-radius:30px;margin:18px 0}.studio-window{position:absolute;left:12%;top:24px;width:90px;height:100px;background:#a9d2df;border:9px solid #fff4d9;border-radius:40px 40px 0 0;text-align:center;font-size:50px;color:#f6d779}.studio-dancer,#conductor{position:absolute;width:130px;height:145px;left:calc(50% - 65px);bottom:15px;transform-origin:50% 100%}.studio-dancer img,#conductor img{width:100%;height:100%;object-fit:contain}.studio-dancer.dancing{transform:translateY(calc(-8px - var(--note-height,0px))) rotate(-7deg);transition:transform .15s}.studio-plants{position:absolute;right:12%;bottom:10px;width:90px}.studio-score{position:absolute;right:22%;top:25px;font-size:46px;color:#6b9477}.studio-keys{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.studio-keys .key{min-width:0;width:100%;height:160px;background:var(--key-color);border-radius:10px 10px 20px 20px;touch-action:none;user-select:none;box-shadow:inset 0 -9px #0002}.studio-keys .key.lit{transform:translateY(5px);background:#fff3b9;box-shadow:inset 0 -3px #0002}.score-dot{padding:10px;border:2px solid #c2d3c1;border-radius:50%;min-width:42px;text-align:center}.score-dot.done{background:#b9d9a1}.band-stage{background:linear-gradient(#d5e9de 65%,#b7c997 65%)}.band-tree{position:absolute;width:130px;height:130px;border-radius:50%;background:#89af87;left:-20px;top:10px;box-shadow:0 70px 0 -50px #9b7d58}.band-tree.right{left:auto;right:-20px}.drum-play{display:flex;justify-content:center;align-items:center;gap:24px;padding:25px}.drum-play #holdDrum{width:180px;height:150px;border-radius:50%;border:12px solid #b97656;background:radial-gradient(#fff7dc,#e9cf9c);box-shadow:0 25px #8da8a0,0 31px #b97656;touch-action:none;user-select:none}.drum-play #holdDrum span{font-size:50px}.drum-play #holdDrum.beating{transform:translateY(9px);background:#f8dd89;box-shadow:0 16px #8da8a0,0 22px #b97656}.beat-options small{display:block}.audio-panel button{margin-left:auto}.studio-modes button{flex:1}.studio-keys .key strong{font-size:25px}#conductor.resting{opacity:.5}@media(max-width:500px){.studio-keys{gap:3px}.studio-keys .key{height:125px;padding:8px 1px;font-size:13px}.studio-keys .key strong{font-size:20px}.studio-scene,.band-stage{height:170px}.studio-plants{right:2%;width:65px}.studio-window{left:3%;width:65px;height:85px}.audio-panel{padding:12px}.drum-play{gap:15px;padding:20px 5px}.drum-play #holdDrum{width:145px;height:125px}.studio-modes{flex-wrap:wrap}.studio-modes button{flex-basis:40%}}
