.interrogation-person {
  height: 55%;
  max-width: 36%;
}

.interrogation-conversation {
  bottom: 15%;
  min-height: 15%;
  padding-bottom: 25px;
}

.interrogation-conversation > p {
  margin-bottom: 0;
}

.interrogation-question-panel {
  position: absolute;
  z-index: 6;
  right: 5%;
  bottom: 3.8%;
  left: 5%;
  padding: 9px 12px 12px;
  border: 1px solid rgba(143,116,68,.78);
  background: linear-gradient(180deg,rgba(9,14,16,.97),rgba(13,20,22,.96));
  box-shadow: 0 13px 36px rgba(0,0,0,.55),inset 0 0 0 2px rgba(185,154,91,.05);
}

.question-panel-label {
  display: block;
  margin: 0 0 7px 2px;
  color: #aa9061;
  font: 700 8px/1 monospace;
  letter-spacing: .16em;
}

.interrogation-question-panel .interrogation-form input {
  border-color: #4f5654;
  background: rgba(3,8,10,.72);
  color: #e6e0d3;
}

.interrogation-question-panel .interrogation-form input::placeholder {
  color: #778180;
}

.interrogation-question-panel .interrogation-form button {
  border: 1px solid #876f45;
  background: #172426;
  color: #d8c28f;
}

.interrogation-question-panel .interrogation-form button:hover {
  border-color: #d3aa58;
  background: #203234;
  color: #f0d28e;
}

.interrogation-selection.entering .selection-assistant {
  animation: assistant-arrive .6s cubic-bezier(.2,.8,.2,1) both;
}

.interrogation-selection.entering .selection-dialogue {
  animation: dialogue-rise .38s .16s ease-out both;
}

.interrogation-selection.entering .suspect-picker {
  animation: interrogation-picker-arrive .42s .12s ease-out both;
}

@keyframes interrogation-picker-arrive {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .interrogation-selection.entering .selection-assistant,
  .interrogation-selection.entering .selection-dialogue,
  .interrogation-selection.entering .suspect-picker {
    animation: none;
  }
}