.piano[data-v-99084b67]{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--panel);border-radius:10px;padding:10px 6px 6px;position:relative}.whites[data-v-99084b67]{height:100%;display:flex}.s-sm[data-v-99084b67]{height:110px}.s-md[data-v-99084b67]{height:170px}.s-lg[data-v-99084b67]{height:230px}@media (width<=600px){.s-lg[data-v-99084b67]{height:190px}.s-md[data-v-99084b67]{height:150px}}.k[data-v-99084b67]{cursor:pointer;font:700 11px var(--body);-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0;display:flex}.w[data-v-99084b67]{color:oklch(45% .01 262);background:oklch(98% .003 262);border-radius:0 0 6px 6px;flex:1;min-width:0;margin:0 1px;padding-bottom:8px;transition:background 60ms;box-shadow:inset 0 -5px oklch(88% .006 262)}.w.on[data-v-99084b67]{background:var(--gold);color:var(--gold-ink);box-shadow:inset 0 -2px 0 var(--gold-deep)}.w.root[data-v-99084b67]{background:oklch(72% .17 60)}.b[data-v-99084b67]{color:oklch(80% .01 262);z-index:2;background:oklch(17% .01 262);border-radius:0 0 5px 5px;height:60%;padding-bottom:6px;position:absolute;top:10px;box-shadow:inset 0 -4px oklch(30% .01 262)}.b.on[data-v-99084b67]{background:var(--gold-deep);color:#fff;box-shadow:none}.b.root[data-v-99084b67]{background:oklch(55% .16 50)}.k.hint[data-v-99084b67]{position:relative}.k.hint[data-v-99084b67]:before{content:"";background:var(--led);width:12px;height:12px;box-shadow:0 0 10px var(--led);border-radius:50%;margin-left:-6px;animation:1s ease-in-out infinite alternate hintpulse-99084b67;position:absolute;top:22%;left:50%}.w.hint[data-v-99084b67]:not(.on){background:oklch(93% .04 30)}.w.hint[data-v-99084b67]:before{top:auto;bottom:34px}@keyframes hintpulse-99084b67{0%{opacity:.55}to{opacity:1}}.lb[data-v-99084b67]{pointer-events:none;line-height:1}.lb.kb[data-v-99084b67]{opacity:.8;text-transform:uppercase}.lb.kb[data-v-99084b67],.nm[data-v-99084b67]{font-size:12px}