/* A morte já foi processada. Esta classe preserva dois segundos do cenário. */
body.ombria-dying .death-overlay {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.replay-rail {
  zoom: 1;
  top: max(12px, env(safe-area-inset-top));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  width: min(660px, calc(100vw - 24px));
  max-width: none;
  padding: 8px 12px;
  box-sizing: border-box;
}
.replay-rail-label { min-width: 0; font-size: 14px; line-height: 1.4; white-space: normal; }
.replay-rail-track { grid-column: 1; min-width: 0; width: 100%; }
.replay-rail-stop {
  grid-column: 2;
  grid-row: 1 / 3;
  min-width: 44px;
  min-height: 44px;
  max-width: 210px;
  font-size: 14px;
  line-height: 1.35;
  white-space: normal;
}
@media (max-width: 480px) {
  .replay-rail { gap: 6px 8px; padding: 8px; }
  .replay-rail-label, .replay-rail-stop { font-size: 12px; }
  .replay-rail-stop { max-width: 140px; }
}
.om-death-moment {
  position: fixed;
  inset: 0;
  z-index: 2999;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
  padding: 24px 16px max(28vh, calc(130px + env(safe-area-inset-bottom)));
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 35%, rgb(47 12 22 / 32%) 100%);
  animation: om-death-vignette 240ms ease-out both;
}
.om-death-moment[data-mode="live"] { pointer-events: auto; }
.om-death-moment p {
  margin: 0;
  padding: 9px 20px;
  color: #f2c7b5;
  background: rgb(19 13 20 / 88%);
  border: 1px solid rgb(209 152 89 / 65%);
  border-radius: 4px;
  font: 600 clamp(18px, 2vw, 24px)/1.4 Georgia, serif;
  letter-spacing: .04em;
  text-align: center;
  text-shadow: 0 2px 4px #000;
  animation: om-death-caption 320ms ease-out both;
}
@keyframes om-death-vignette { from { opacity: 0; } to { opacity: 1; } }
@keyframes om-death-caption {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-height: 480px) {
  .om-death-moment { padding-bottom: max(100px, 24vh); }
}
@media (prefers-reduced-motion: reduce) {
  .om-death-moment, .om-death-moment p { animation: none; }
}
