/* danmaku.css — flying danmaku comets. The .dm-toggle-wrap / -btn /
   .dm-menu / .dm-opt shell is styled jointly with the theme-toggle in
   theme.css (same visual shape), so only the comet-specific rules live
   here. */
.dm-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 9000;
}
.dm {
  position: absolute;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  opacity: 0.55;
  pointer-events: none;
  background: var(--surface);
  padding: 4px 12px;
  border-radius: 20px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: dm-fly var(--dur, 8s) linear forwards;
  will-change: transform;
}
.dm-username { color: var(--blue2); font-weight: 500; margin-right: 6px; }
@keyframes dm-fly {
  from { transform: translateX(100vw); }
  to   { transform: translateX(-100%); }
}
@media (max-width: 375px) {
  .dm { font-size: 12px; padding: 3px 10px; }
}