/* ═══ Famovo Pictionary ═════════════════════════════════════════════════ */
.pict-page, .pict-draw {
  max-width: 620px; margin: 0 auto;
  padding: 16px 12px;
  display: flex; flex-direction: column; gap: 16px;
}
.pict-header {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.pict-title { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.pict-kicker { font-weight: 700; font-size: 16px; }
.pict-sub, .pict-date { font-size: 12px; }
.pict-prompt {
  font-size: 22px; font-weight: 800; letter-spacing: 0.5px;
  color: var(--accent);
}
.pict-note { font-size: 14px; text-align: center; margin: 0; }
.pict-section { display: flex; flex-direction: column; gap: 12px; }
.pict-section > h2 {
  font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--muted); margin: 8px 0 0; font-weight: 700;
}
.pict-start-form {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 20px 12px; text-align: center;
  border: 1.5px dashed var(--line); border-radius: 14px; background: var(--surface);
}
.pict-start-btn {
  font-size: 16px; padding: 14px 20px;
  display: inline-flex; align-items: center; gap: 8px;
}