.b1-dialogue-entry {
  position: absolute;
  width: 104px;
  height: 76px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.b1-dialogue-entry:hover { background: transparent; }
.b1-dialogue-entry img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 108px;
  height: 78px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.b1-dialogue-entry[data-tail="left"] img { transform: translate(-50%, -50%) scaleX(-1); }
.b1-dialogue-entry:focus:not(:focus-visible) { outline: none; }
.b1-dialogue-entry:focus-visible { outline: 4px solid #f9db85; outline-offset: 2px; }
@media (max-width: 600px) {
  /* The open space between the speakers allows a larger touch target for E10. */
  .b1-dialogue-entry[data-dialogue="E10"] { width: 240px; height: 240px; }
}
.development .b1-dialogue-entry::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 3px dashed #a4ebdc;
  pointer-events: none;
}
.development .b1-dialogue-entry::before {
  content: attr(data-dialogue);
  position: absolute;
  bottom: calc(100% + 5px);
  left: 0;
  color: #a4ebdc;
  font: 700 26px system-ui, sans-serif;
  text-shadow: 1px 1px 2px #241509;
  pointer-events: none;
}