/* Snap Caption styles. */

.game-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); margin-bottom: var(--space-3); }
.head-btns { display: flex; gap: 6px; }

.sc-caption-preview {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-elev));
  margin: var(--space-4) 0;
  text-align: center;
}
.sc-kicker {
  letter-spacing: 0.16em; font-size: 0.72rem; font-weight: 800;
  color: var(--accent-text); text-transform: uppercase; margin-bottom: 8px;
}
.sc-preview-top { font-weight: 750; font-size: 1.05rem; line-height: 1.35; }
.sc-preview-bottom { color: var(--text-dim); margin-top: 2px; line-height: 1.35; }

.privacy-card {
  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
  background: color-mix(in srgb, var(--accent) 8%, var(--bg-elev));
  margin: var(--space-4) 0;
}

.start-actions { display: grid; gap: var(--space-2); margin-top: var(--space-4); }

.sc-result-card { margin-bottom: var(--space-3); padding: var(--space-2); }
.sc-canvas {
  display: block; width: 100%; max-height: 62svh;
  object-fit: contain; border-radius: var(--radius-sm); margin: 0 auto;
}

.sc-emoji-lg { font-size: 3.4rem; margin: var(--space-6) auto var(--space-2); width: fit-content; }
