.modal-scrim.death-scrim, .is-hud .modal-scrim.death-scrim { background: radial-gradient(ellipse at center, rgba(70, 6, 6, .55), rgba(6, 2, 2, .82)); }
.modal.death-card, .is-hud .modal.panel.death-card { position: relative; display: flex; flex-direction: column; align-items: center; width: min(28rem, 100%); padding: 2rem 1.6rem 1.4rem; text-align: center;
  background: linear-gradient(180deg, rgba(44, 12, 12, .985), rgba(16, 6, 6, .99)); border-color: rgba(214, 84, 70, .55); box-shadow: 0 0 0 1px #000, 0 1.2rem 3rem rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 170, 150, .12); animation: none; }
.death-card:focus, .death-card:focus-visible { outline: none; }
.death-mark { display: grid; place-items: center; width: 4.4rem; height: 4.4rem; margin-bottom: .8rem; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #3a1414, #120606 75%); box-shadow: 0 0 0 2px #7a2a22, 0 0 1.4rem rgba(220, 60, 50, .45); }
.death-mark .ia-emblem { width: 2.6rem; height: 2.6rem; filter: grayscale(1) brightness(.75); }
.death-title { margin: 0 0 .7rem; font: 700 2.2rem/1.1 var(--font-display); letter-spacing: .02em; color: #ff8f80; text-shadow: 0 2px 0 #000, 0 0 1rem rgba(220, 60, 50, .35); }
.death-text { margin: 0 0 .6rem; font-size: 1.05rem; line-height: 1.5; color: #f3e2dc; text-wrap: balance; }
.death-text b { color: #ffd2c8; }
.death-keep { margin: 0 0 1.3rem; font-size: .88rem; line-height: 1.45; color: #c7aaa3; text-wrap: balance; }
.death-go { min-height: 3rem; }

@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .modal.death-card { padding: 1.7rem 1.1rem 1.1rem; }
  .death-title { font-size: 1.9rem; }
  .death-text { font-size: 1rem; }
}