/* ============================================================
   LoveElysia Theme — Danmaku (Barrage) Component
   ============================================================ */

#danmakuLayer {
  position: fixed;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}

.danmaku-item {
  position: absolute;
  left: 100%;
  white-space: nowrap;
  font-size: var(--b-font-danmaku);
  line-height: 1;
  font-weight: 500;
  text-shadow: 0 0 0.8dvh rgba(0, 0, 0, 0.5);
  /* animation-name / fill-mode 由 JS 在 append 并测量宽度后设置（含正确 duration） */
  user-select: none;
  pointer-events: none;
}

@keyframes danmakuScroll {
  0% {
    transform: translateX(0);
    opacity: 0.8;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    transform: translateX(calc(-100vw - 200%));
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .danmaku-item {
    animation: none !important;
  }
}