/* The playtest Feedback overlay (feedback.js, docs/feedback.md). PLACEHOLDER look. */
#aeldari-feedback-button {
  position: fixed; right: 16px; bottom: 16px; z-index: 1000;
  padding: 8px 14px; border: 1px solid #6d5ad6; border-radius: 6px;
  background: #221d3a; color: #efeaff; font: 600 14px/1.2 system-ui, sans-serif; cursor: pointer;
  opacity: 0.85;
}
#aeldari-feedback-button:hover, #aeldari-feedback-button:focus-visible { opacity: 1; background: #2e2750; }

#aeldari-feedback {
  position: fixed; inset: 0; z-index: 1001;
  display: flex; align-items: center; justify-content: center;
  background: rgba(8, 7, 14, 0.6); padding: 16px; box-sizing: border-box;
  font: 14px/1.4 system-ui, sans-serif; color: #e9e6f2;
}
#aeldari-feedback .af-card {
  width: 100%; max-width: 460px; max-height: 100%; overflow: auto; box-sizing: border-box;
  background: #1a1726; border: 1px solid #3b3456; border-radius: 10px; padding: 18px 20px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
#aeldari-feedback h2 { margin: 0 0 4px; font-size: 18px; }
#aeldari-feedback p { margin: 0 0 12px; }
#aeldari-feedback .af-dim { color: #a9a3bd; }
#aeldari-feedback .af-small { font-size: 12px; margin-top: 10px; }
#aeldari-feedback .af-row { display: flex; align-items: center; gap: 12px; margin: 8px 0; }
#aeldari-feedback .af-actions { justify-content: flex-end; margin-top: 12px; }
#aeldari-feedback button {
  padding: 7px 14px; border-radius: 6px; border: 1px solid #4a4266; background: #2a2540;
  color: inherit; font: inherit; cursor: pointer;
}
#aeldari-feedback button:disabled { opacity: 0.5; cursor: default; }
#aeldari-feedback .af-primary { background: #5b47c9; border-color: #5b47c9; font-weight: 600; }
#aeldari-feedback .af-record.af-live { background: #b8323d; border-color: #b8323d; }
#aeldari-feedback .af-link { border: none; background: none; padding: 0; color: #a9a3bd; text-decoration: underline; }
#aeldari-feedback .af-time { font-variant-numeric: tabular-nums; color: #a9a3bd; }
#aeldari-feedback .af-player { width: 100%; margin: 4px 0; }
#aeldari-feedback textarea {
  width: 100%; box-sizing: border-box; margin-top: 10px; resize: vertical;
  background: #110f1a; color: inherit; border: 1px solid #3b3456; border-radius: 6px; padding: 8px; font: inherit;
}
#aeldari-feedback .af-shot-preview { display: block; max-width: 100%; max-height: 140px; border-radius: 4px; border: 1px solid #3b3456; }
#aeldari-feedback .af-status { min-height: 1.4em; margin-top: 8px; color: #b9e6b9; }
#aeldari-feedback .af-status.af-bad { color: #ffb4a8; }