.hint[data-v-315bef59]{color:var(--text-color-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin:0;font-size:.8rem;display:flex}.hint.reject[data-v-315bef59]{color:var(--text-color-error)}.keys[data-v-315bef59]{flex-wrap:wrap;justify-content:center;gap:.2rem;display:inline-flex}kbd[data-v-315bef59]{border:2px solid var(--border-color-default);background:var(--background-color-elevated);min-width:1.6rem;height:1.6rem;color:var(--text-color-dimmed);place-items:center;margin:0 .15rem;font-family:inherit;font-size:.72rem;display:inline-grid}@media (width<=620px){.hint[data-v-315bef59]{flex-direction:column;font-size:.72rem}kbd[data-v-315bef59]{min-width:1.3rem;height:1.3rem;margin:0;font-size:.65rem}}.pad[data-v-2aefff06]{gap:calc(8px * var(--sprite-scale));cursor:pointer;touch-action:none;grid-template-columns:repeat(5,1fr);display:grid}.lane[data-v-2aefff06]{appearance:none;cursor:pointer;background:0 0;border:0;justify-items:center;padding:0;display:grid}.lane[data-v-2aefff06]:focus-visible{outline:2px solid var(--ring-color-accented);outline-offset:2px}.button[data-v-2aefff06]{--button-size:14;--button-sheet-y:77;width:calc(var(--button-size) * var(--sprite-scale) * 1px);height:calc(var(--button-size) * var(--sprite-scale) * 1px);background-size:calc(var(--sheet-width) * var(--sprite-scale) * 1px) calc(var(--sheet-height) * var(--sprite-scale) * 1px);background-position:calc(var(--sprite-x) * var(--sprite-scale) * -1px) calc(var(--button-sheet-y) * var(--sprite-scale) * -1px);transition:transform .12s steps(2,end)}.lane.lit .button[data-v-2aefff06]{transform:translateY(calc(-2px * var(--sprite-scale)))}@media (width<=620px){.lane[data-v-2aefff06]{padding:6px 0}}@media (prefers-reduced-motion:reduce){.button[data-v-2aefff06]{transition:none}}.staff[data-v-3c77d777]{--staff-width:256;--staff-height:64;--staff-sheet-x:5;--staff-sheet-y:5;width:calc((var(--staff-width) - var(--staff-crop) * 2) * var(--sprite-scale) * 1px);max-width:100%;height:calc(var(--staff-height) * var(--sprite-scale) * 1px);border:2px solid var(--border-color-default);background-size:calc(var(--sheet-width) * var(--sprite-scale) * 1px) calc(var(--sheet-height) * var(--sprite-scale) * 1px);background-position:calc((var(--staff-sheet-x) + var(--staff-crop)) * var(--sprite-scale) * -1px) calc(var(--staff-sheet-y) * var(--sprite-scale) * -1px);position:relative;overflow:hidden}.staff.reject[data-v-3c77d777]{animation:.45s cubic-bezier(.36,.07,.19,.97) shake-3c77d777}.note[data-v-3c77d777]{--note-size:14;--note-sheet-y:77;--note-center-x:55;--note-spacing-x:29;--note-rendered-size:calc(var(--note-size) * var(--note-scale) * 1px);left:calc((var(--note-center-x) - var(--staff-crop) + var(--note-index) * var(--note-spacing-x)) * var(--sprite-scale) * 1px - var(--note-rendered-size) / 2);top:calc(var(--staff-line) * var(--sprite-scale) * 1px - var(--note-rendered-size) / 2);width:var(--note-rendered-size);height:var(--note-rendered-size);background-size:calc(var(--sheet-width) * var(--note-scale) * 1px) calc(var(--sheet-height) * var(--note-scale) * 1px);background-position:calc(var(--sprite-x) * var(--note-scale) * -1px) calc(var(--note-sheet-y) * var(--note-scale) * -1px);position:absolute}@keyframes shake-3c77d777{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@media (prefers-reduced-motion:reduce){.staff.reject[data-v-3c77d777]{animation:none}}.prompt[data-v-1d6f0963]{border:2px solid var(--border-color-default);background:var(--background-color-muted);width:min(20rem,100vw - 2rem);box-shadow:var(--shadow-panel);color:var(--text-color-default);padding:1rem;font-family:inherit}.prompt[data-v-1d6f0963]::backdrop{background:#080b12b3}.prompt form[data-v-1d6f0963]{gap:.75rem;display:grid}.prompt-label[data-v-1d6f0963]{color:var(--text-color-muted);font-size:.8rem}.prompt-error[data-v-1d6f0963]{color:var(--text-color-error);margin:0;font-size:.75rem}.prompt input[data-v-1d6f0963]{-webkit-user-select:text;user-select:text;border:2px solid var(--border-color-default);background:var(--background-color-accented);width:100%;min-width:0;color:var(--text-color-default);padding:.4rem .5rem;font-family:inherit;font-size:.9rem}.prompt input[data-v-1d6f0963]:focus-visible{outline:2px solid var(--ring-color-accented);outline-offset:2px}.prompt-actions[data-v-1d6f0963]{justify-content:center;gap:.5rem;display:flex}.prompt-actions button[data-v-1d6f0963]{border:2px solid var(--border-color-default);background:var(--background-color-elevated);color:var(--text-color-default);cursor:pointer;padding:.35rem .9rem;font-family:inherit;font-size:.8rem}.prompt-actions button[data-v-1d6f0963]:hover{background:var(--background-color-default)}.prompt-actions button[data-v-1d6f0963]:focus-visible{outline:2px solid var(--ring-color-accented);outline-offset:2px}.console[data-v-0228a220]{--sprite-scale:3;--note-scale:3;--staff-crop:0;align-items:center;gap:calc(10px * var(--sprite-scale));max-width:100%;padding:calc(8px * var(--sprite-scale));border:2px solid var(--border-color-default);background:var(--background-color-muted);box-shadow:var(--shadow-panel);text-align:center;flex-direction:column;display:flex}@media (width<=900px){.console[data-v-0228a220]{--sprite-scale:2;--note-scale:2}}@media (width<=620px){.console[data-v-0228a220]{--staff-crop:40;gap:12px;padding:8px}}:root{--background-color-muted:#1e2b44;--background-color-elevated:#25334e;--background-color-default:#204378;--background-color-accented:#132241;--text-color-default:#fff;--text-color-muted:#b0b4bf;--text-color-dimmed:#9ca3af;--text-color-error:#ff8f8f;--border-color-default:#000;--ring-color-accented:#4c83ff;--shadow-panel:8px 8px 0 #0006}*{box-sizing:border-box}.sprite{--sheet-width:285;--sheet-height:99;image-rendering:pixelated;background-image:url(/gate/ocarina-ui.png);background-repeat:no-repeat}body{background:var(--background-color-accented);min-height:100dvh;color:var(--text-color-default);-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,1fr);place-items:center;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}#app{grid-template-columns:minmax(0,1fr);max-width:100%;display:grid}