/*
 * The signature moments (13 October 2026, docs/proposals/next-round-spec-20261013.md 1.2 and 6.1; PUBLIKA_POSTER, src/web/poster.ts).
 * Linked only while the switch is on. Five moments carry the poster (the welcome, Today's opening line, a Same Time reveal, a Door,
 * a Whisper reveal); a photo in a moment takes the polaroid; the painted reactions on a bubble's corner sit as stickers.
 * Never on a post, never on a Frame (test/web/moments.test.mjs).
 *
 * The poster is the mntm page's word: Commissioner at weight 850, carved within the limits (Flare 100, Volume 50, letter-spacing
 * no tighter than -.02em), cream over gold or lavender over violet. Paint, never gradient: each pair is a flat ink, its extrusion
 * stacked text shadows of one hue going darker, then one soft cast shadow.
 */
.pk-poster {
  --pk-poster-ink: #fff4e2;
  --pk-poster-x1: #f2c35a;
  --pk-poster-x2: #e0a63a;
  --pk-poster-x3: #c9861f;
  --pk-poster-x4: #a86a14;
  margin: 0;
  font-family: var(--fs-font);
  text-wrap: balance;
}
/* A moment's heading already has its place in its own sheet, under stronger selectors (today.css, doors.css, the Kit): the
   poster's face wins over them here, and only here, so the heading keeps its place and changes its face. */
.pk-poster, .pk-poster .pk-poster-line {
  color: var(--pk-poster-ink) !important;
  font-size: 40px !important;
  font-weight: 850 !important;
  font-variation-settings: "FLAR" 100, "VOLM" 50 !important;
  letter-spacing: -.02em !important;
  line-height: .98 !important;
  /* The extrusion: the pair's own hue stepping darker, one pixel at a time, then one soft cast shadow. */
  text-shadow: 0 1px 0 var(--pk-poster-x1), 0 2px 0 var(--pk-poster-x2), 0 3px 0 var(--pk-poster-x3), 0 4px 0 var(--pk-poster-x4), 0 5px 0 rgba(90, 20, 70, .55), 0 12px 22px rgba(0, 0, 0, .42) !important;
}
.pk-poster.pk-poster--28, .pk-poster--28 .pk-poster-line { font-size: 28px !important; text-shadow: 0 1px 0 var(--pk-poster-x2), 0 2px 0 var(--pk-poster-x3), 0 3px 0 var(--pk-poster-x4), 0 8px 16px rgba(0, 0, 0, .42) !important; }
.pk-poster--lavender, .pk-poster-line--lavender {
  --pk-poster-ink: #efe4ff;
  --pk-poster-x1: #c7a6ff;
  --pk-poster-x2: #a07cf0;
  --pk-poster-x3: #8458e2;
  --pk-poster-x4: #6b3fd1;
}
.pk-poster-line--gold { --pk-poster-ink: #fff4e2; --pk-poster-x1: #f2c35a; --pk-poster-x2: #e0a63a; --pk-poster-x3: #c9861f; --pk-poster-x4: #a86a14; }
.pk-poster-lines { display: grid; gap: 2px; }
.pk-poster-line { display: block; color: var(--pk-poster-ink); }
.pk-stl-arrived.pk-poster { background: transparent; }
.pk-home-welcome { margin: 8px 0 18px; padding: 0 4px; }
.pk-welcome .pk-poster { text-align: center; }
.pk-welcome .pk-welcome-sub { margin: 10px 0 0; color: var(--pk-muted); font-size: 15px; text-align: center; }

/* The polaroid: a photo in a moment, cream-edged and tilted; the next one leans the other way. */
.pk-polaroid { padding: 6px 6px 18px; border-radius: 12px; background: #f7f1e9; box-shadow: 0 10px 22px rgba(0, 0, 0, .45); transform: rotate(-3deg); }
.pk-polaroid img { border-radius: 0; }
li:nth-child(even) > .pk-polaroid { transform: rotate(2.5deg); }
.pk-polaroid :is(.pk-today-photo-name, span, time) { color: #1a0a10; }

/* Stickers: the painted reactions on a bubble's lower corner sit a little askew, like something pressed on. */
.pk-message-scroll .pk-message-reactions > li:nth-child(odd) .pk-message-reaction { rotate: -8deg; }
.pk-message-scroll .pk-message-reactions > li:nth-child(even) .pk-message-reaction { rotate: 6deg; }
.pk-message-scroll .pk-message-reaction { filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .45)); }

@media (forced-colors: active) {
  .pk-poster, .pk-poster-line { color: CanvasText; text-shadow: none; }
  .pk-polaroid { transform: none; }
}