Posizionamento e z-index

position cambia il modello di posizionamento; top/right/bottom/left offset rispetto al contenitore di riferimento (blocco contenente per absolute, viewport per fixed).

z-index ordina gli strati solo negli stacking context; overflow e transform del genitore creano nuovi contesti.

Esempio

.modal {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 1000;
}