.tkd {
  cursor: help;
}

.tkd-left {
  background: #fff;
  color: #000;
}
.tkd-right {
  background: #000;
  color: #fff;
}
.tkd-left.tkd-block {
  color: #4040c0;
}
.tkd-right.tkd-block {
  background: #4040c0;
}
.tkd-left.tkd-kick {
  color: #008000;
}
.tkd-right.tkd-kick {
  background: #008000;
}
.tkd-left.tkd-strike {
  color: #c00000;
}
.tkd-right.tkd-strike {
  background: #c00000;
}

.tkd-hint {
  background: #133929;
  border: 3px solid #200f24;
  display: none;
  left: 5px;
  max-width: calc(100% - 10px);
  padding: 5px;
  position: fixed;
  top: 5px;
  user-select: none;
}
.tkd-hint img {
  display: none;
  max-height: 300px;
  max-width: 80vh;
}

.tkd-video {
  margin: 0.6em 0;
  padding-top: 56.25%;
  position: relative;
}

.tkd-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}