/* ═══ RMET overrides ════════════════════════════════════════════════════════ */
.screen--rmet { justify-content: center; }
.screen--rmet .trial__stimulus { flex: none; }
.screen--rmet .trial__img { max-height: 260px; width: auto; }
.screen--rmet .trial__question,
.screen--rmet .options-grid,
.screen--rmet .keys-hint { width: min(100%, 520px); }

.rmet-feedback-overlay {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(13, 23, 34, .55);
  display: flex; align-items: center; justify-content: center; padding: 24px;
  animation: rmet-overlay-in 150ms ease;
}
@keyframes rmet-overlay-in { from { opacity: 0; } to { opacity: 1; } }
.rmet-feedback-panel {
  background: var(--surface); border-radius: var(--radius); padding: 24px 24px 20px;
  max-width: 400px; width: 100%; box-shadow: 0 20px 60px rgba(13, 23, 34, .32);
  display: flex; flex-direction: column; gap: 10px;
  animation: rmet-panel-in 180ms cubic-bezier(.22,.9,.46,1);
}
@keyframes rmet-panel-in { from { opacity: 0; transform: scale(.92) translateY(8px); } to { opacity: 1; transform: none; } }
.rmet-feedback-panel__heading {
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--navy-muted); margin: 0 0 4px;
}
.rmet-fb-row {
  display: flex; align-items: flex-start; gap: 11px;
  padding: 12px 14px; border-radius: var(--radius-sm);
}
.rmet-fb-row--ok { background: #f0f8f3; }
.rmet-fb-row--err { background: #fdf3f2; }
.rmet-fb-row__icon {
  flex: none; width: 24px; height: 24px; border-radius: 50%;
  display: grid; place-items: center; font-size: 0.8rem; font-weight: 900; line-height: 1;
}
.rmet-fb-row--ok .rmet-fb-row__icon { background: #d8efdf; color: #1d7441; }
.rmet-fb-row--err .rmet-fb-row__icon { background: #f6dcda; color: var(--danger); }
.rmet-fb-row__body { display: flex; flex-direction: column; gap: 2px; }
.rmet-fb-row__label { font-size: 0.88rem; font-weight: 700; color: var(--ink); }
.rmet-fb-row__msg { font-size: 0.82rem; color: var(--ink-soft); line-height: 1.4; }
.rmet-feedback-panel__btn { margin-top: 6px; align-self: center; min-width: 140px; }

.feedback { margin-top: 18px; padding: 14px 16px; border-radius: var(--radius-sm); text-align: center; }
.feedback--ok { background: #e8f5ec; color: #1c7a43; }
.feedback--no { background: #fbeceb; color: var(--danger); }
.feedback .btn { margin-left: 10px; }