.gotcha.not-ready[data-v-2362bca6],.not-ready .gotcha[data-v-2362bca6],.ready .intro[data-v-2362bca6]{display:none}.gotcha[data-v-2362bca6],.ready[data-v-2362bca6]{height:100%}.fg[data-v-2362bca6]{position:relative;z-index:1;top:40px;left:0;width:100%;height:100%}.fg .content[data-v-2362bca6]{margin:0;padding:0;display:block;font-weight:700;color:#fff;text-align:center;position:absolute;letter-spacing:.1em;width:100%}.ready .fg .content.gift[data-v-2362bca6]{font-size:96px;top:64px;opacity:0;animation:fromright-2362bca6 1s ease-in-out 2s forwards}.ready .fg .content.rarity[data-v-2362bca6]{font-family:condiment;font-size:64px;top:0;opacity:0;animation:fromleft-2362bca6 1s ease-in-out 1s forwards}.SS .fg .content.gift[data-v-2362bca6]{text-shadow:0 0 20px orange,1px 1px 20px orange,2px 2px 20px orange,-1px -1px 20px orange,-2px -2px 20px orange}.SS .fg .content.rarity[data-v-2362bca6]{text-shadow:0 0 2px orange,1px 1px 2px orange,2px 2px 2px orange,-1px -1px 2px orange,-2px -2px 2px orange}.S .fg .content.gift[data-v-2362bca6]{text-shadow:0 0 20px silver,1px 1px 20px silver,2px 2px 20px silver,-1px -1px 20px silver,-2px -2px 20px silver}.S .fg .content.rarity[data-v-2362bca6]{text-shadow:0 0 2px silver,1px 1px 2px silver,2px 2px 2px silver,-1px -1px 2px silver,-2px -2px 2px silver}.A .fg .content.gift[data-v-2362bca6]{text-shadow:0 0 20px maroon,1px 1px 20px maroon,2px 2px 20px maroon,-1px -1px 20px maroon,-2px -2px 20px maroon}.A .fg .content.rarity[data-v-2362bca6]{text-shadow:0 0 2px maroon,1px 1px 2px maroon,2px 2px 2px maroon,-1px -1px 2px maroon,-2px -2px 2px maroon}@keyframes fromleft-2362bca6{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes fromright-2362bca6{0%{left:100%;opacity:0}to{left:0;opacity:1}}.three-container[data-v-54098e5b]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.bottom-controls[data-v-54098e5b]{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:50}.v-navigation-drawer[data-v-54098e5b]{background-color:hsla(0,0%,100%,.9)!important}.editor-container[data-v-0d8e5968]{overflow-x:auto;border:1px solid #ccc;background:#f9f9f9}.piano-roll-wrapper[data-v-0d8e5968]{min-width:-moz-fit-content;min-width:fit-content}.piano-roll[data-v-0d8e5968]{display:flex;flex-direction:column}.time-axis[data-v-0d8e5968]{display:flex;border-bottom:2px solid #666;background:#eee;position:sticky;top:0;z-index:2}.pitch-label-spacer[data-v-0d8e5968]{width:80px;flex-shrink:0;border-right:2px solid #666}.time-marker[data-v-0d8e5968]{width:30px;text-align:center;font-size:10px;border-right:1px solid #ccc;flex-shrink:0}.time-marker.measure-start[data-v-0d8e5968]{border-left:2px solid #333}.pitch-row[data-v-0d8e5968]{display:flex;height:24px;border-bottom:1px solid #eee}.pitch-label[data-v-0d8e5968]{width:80px;font-size:12px;display:flex;align-items:center;padding-left:8px;background:#fff;border-right:2px solid #666;position:sticky;left:0;z-index:1;flex-shrink:0}.pitch-label.is-sharp[data-v-0d8e5968]{background:#f0f0f0;color:#666}.clear-row-btn[data-v-0d8e5968]{position:absolute;right:2px;opacity:0;transition:opacity .2s}.pitch-row:hover .clear-row-btn[data-v-0d8e5968]{opacity:1}.grid-cell[data-v-0d8e5968]{width:30px;flex-shrink:0;border-right:1px solid #eee;cursor:pointer}.grid-cell.is-sharp[data-v-0d8e5968]{background:#ececec}.grid-cell[data-v-0d8e5968]:hover{background:rgba(0,0,255,.05)}.grid-cell.is-active[data-v-0d8e5968]{background:#4caf50;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.grid-cell.is-playing[data-v-0d8e5968]{background:rgba(255,235,59,.3)}.grid-cell.is-active.is-playing[data-v-0d8e5968]{background:#8bc34a}.grid-cell.measure-start[data-v-0d8e5968]{border-left:1px solid #999}