/* Transparent code-native spell layer. It does not change actor dimensions. */
.battle-viewport > .aot-time-belt-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  pointer-events: none;
  background: transparent;
}

.battle-viewport > .aot-time-belt-art-notice {
  position: absolute;
  top: 48px;
  left: 14px;
  max-width: calc(100% - 28px);
  z-index: 10;
  padding: 5px 8px;
  border: 1px solid #e0c67a55;
  border-radius: 3px;
  background: #17211ee8;
  color: #eee2bc;
  font-size: 0.65rem;
  line-height: 1.4;
  pointer-events: none;
}