/**
 * @file waiting-note.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description A dashed note that says the next move is in another window, with a pulsing dot. Drawn by
 *   components/WaitingNote.js. Reads only the tokens in theme.css and the shapes in poster.css; a
 *   page never styles it from outside.
 * @usage Linked from public/spa.html in the component block, whose order keeps the order these
 *   rules had when they were one sheet.
 * @version-history
 *   v1.0.0 — 2026-09-23 — Moved unchanged from css/parts*.css (UI consolidation phase 1, a move).
 */

/* The waiting state. Its whole job is to say the ball is in the other window. */
/* The look is the aside's waiting tone (poster.css .poster-aside--waiting); this keeps its layout. */
.poster-waiting {
  display: flex; align-items: flex-start; gap: 0.8rem;
  margin-top: 1.25rem;
}
.poster-waiting-dot {
  flex: none;
  width: 0.6rem; height: 0.6rem;
  margin-top: 0.4rem;
  background: var(--accent);
  animation: poster-pulse 1.4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .poster-waiting-dot { animation: none; opacity: 1; } }
.poster-waiting-title { margin: 0 0 0.25rem; font-weight: var(--weight-heavy); }
.poster-waiting-body { margin: 0; font-size: var(--text-base); color: var(--text-dim); line-height: 1.5; }