:root {
  --piano-key-w: 16px;
  --piano-key-num: 14;
  --piano-h: 85px;
}
  

#piano {
  position: fixed; 
  top: 334px;
/*   top: 190px; */
  left: 320px;
  margin: 0;
  padding: 0;
  width: calc((var(--piano-key-w) * var(--piano-key-num)) + (2px * var(--piano-key-num)));
  height: var(--piano-h);
  z-index: 4;
}

.piano-body {
  position: absolute;
  width: calc((var(--piano-key-w) * var(--piano-key-num)) + (2px * var(--piano-key-num)));
  height: var(--piano-h);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.piano-score {
  position: absolute;
  width: calc((var(--piano-key-w) * var(--piano-key-num)) + (2px * var(--piano-key-num)));
  height: 24px;
  top: calc(50% + 54px);
  left: 50%;
  padding-top: 10px;
  transform: translate(-50%, -50%);
/*   background: red; */
}

.piano-white-score {
  margin: 0;
  padding: 0;
  width: var(--piano-key-w);
  height: 24px;
  text-align: center;
  z-index: 3;
  resize: none;
  overflow: hidden;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  pointer-events: none;
}

.piano-white {
  display: flex;
  flex-wrap: nowrap;
  gap: 0px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.piano-white-key {
  margin: 0;
  padding: 0;
  width: var(--piano-key-w);
  height: 80px;
  text-align: center;
  z-index: 3;
  resize: none;
  overflow:hidden;
  cursor: pointer;
  line-height: 1.3;
}

.piano-white-key-hover {
  background: #e5e5e5;
  line-height: 1.33;
}

/* .piano-white-key:hover, 
.piano-white-key:active, 
.piano-white-key:focus {
  background-color: #e5e5e5;
} */

.piano-black {
  display: flex;
  flex-wrap: nowrap;
  gap: 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.piano-black-key {
  margin: 0;
  padding: 0;
  width: 17px;
  height: 55px;
  text-align: center;
  z-index: 4;
}

.piano-black-key-m {
  margin: 0;
  padding: 0;
  width: 14.8px;
  height: 53px;
  text-align: center;
  z-index: 4;
  background: #efefef;
  border: 1px solid lightgray;
  border-radius: 2px;
}

.piano-black-key-m:hover {
  background: #c7c7c7;
}