/* Compact final-moment notice; the complete record remains in endingScreen. */
#deathScreen{width:min(100%,780px);min-height:0;padding:20px 0 28px;gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
#deathScreen .death-art{width:min(100%,300px,45svh);max-width:300px;max-height:none;justify-self:center}
#deathScreen .death-copy{min-width:0;width:100%}
#deathScreen h1{margin:0 0 14px;font-size:clamp(24px,3vw,36px);line-height:1.3;overflow-wrap:anywhere}
#deathScreen #deathTitle:focus{outline:none}
#deathScreen .death-story{margin:0;font-size:16px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
#deathScreen .death-actions{margin-top:22px;gap:0}
#deathScreen #unfoldLife{width:100%;min-height:52px;padding:12px 16px;font-size:16px}
@media(max-width:759px){
  #deathScreen{gap:14px;padding:12px 0 20px}
  #deathScreen .death-art{width:min(192px,28svh);max-height:none;border-radius:12px;flex:none}
  #deathScreen h1{font-size:25px;margin-bottom:10px}
  #deathScreen .death-story{font-size:15px;line-height:1.5}
  #deathScreen .death-actions{margin-top:18px}
}
@media(min-width:560px) and (max-width:759px) and (max-height:500px){
  #deathScreen{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:20px}
  #deathScreen .death-art{width:min(100%,38svh)}
}