/* =========================
   BASE PAGE
   ========================= */
body {
  margin: 0;
  background: transparent;
  overflow: hidden;
}


/* =========================
   PLAYER CONTAINER
   ========================= */
.kh-player {
  position: fixed;
  bottom: 16px;
  left: 16px;      /* ⬅ bottom-left */
  width: 220px;    /* smaller size */
  z-index: 9999;
}



.kh-menu {
  width: 100%;
  display: block;
  pointer-events: none;
}

/* =========================
   INVISIBLE HITBOXES
   ========================= */
.hitbox {
  position: absolute;
  left: 16%;
  width: 68%;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;

  /* 🔍 DEBUG OVERLAY — REMOVE LATER */
  background: transparent;
}

/* ===== Tuned starting alignment for khmenu_music.png ===== */

.hitbox.play {
  top: 24%;
  height: 12%;
}

.hitbox.pause {
  top: 43%;
  height: 12%;
}

.hitbox.prev {
  top: 62%;
  height: 12%;
}

.hitbox.next {
  top: 81%;
  height: 12%;
}

/* =========================
   HIDE AUDIO UI COMPLETELY
   ========================= */
#audio {
  display: none;
}