/* QUARTERLY - qclean.css (Phase 1: no gore, sick leave). */

/* ---- the death screen is an HR memo (index.html paints it blood red: #300000cc) ----
   qclean.js adds .qMemo, a letterhead (.qMemoHead), its own button row (.qMemoAct) and a footer (.qMemoFoot).
   The page is built from the screen's own children: each visible child is a strip of the same paper, stacked into one
   sheet (no wrapper: hardcore.js / spectate.js address the children directly). */
html body #deathScr.qMemo{ background:rgba(22,30,44,.74); color:#1e2a3a; font-family:'Segoe UI', Arial, sans-serif; gap:0; }
html body #deathScr.qMemo > *{ box-sizing:border-box; width:min(580px, 92vw); margin:0 !important; padding:4px 34px; background:#f7f6f1;
  border-left:1px solid #d6d8dc; border-right:1px solid #d6d8dc; text-align:center; }
html body #deathScr.qMemo > button.mBtn:not(#hcRoster){ display:none; }
html body #deathScr.qMemo .qMemoHead{ text-align:left; padding-top:18px; padding-bottom:10px; border-top:10px solid #2f5d8a; color:#2f5d8a; }
html body #deathScr.qMemo .qMemoHead b{ display:inline-block; letter-spacing:6px; font-size:20px; margin-right:12px; }
html body #deathScr.qMemo .qMemoHead span{ font-size:12px; color:#5a6a7e; letter-spacing:1px; }
html body #deathScr.qMemo .qMemoHead i{ display:block; font-style:normal; font-size:12px; color:#5a6a7e; margin-top:5px; padding-bottom:6px; border-bottom:2px solid #c8d0da; }
html body #deathScr.qMemo h1{ color:#1e2a3a !important; font-family:'Segoe UI', Arial, sans-serif; font-size:30px; letter-spacing:5px !important; padding-top:14px; padding-bottom:8px; text-shadow:none; }
html body #deathScr.qMemo #deathInfo{ color:#4a5868 !important; padding-bottom:6px; }
html body #deathScr.qMemo #deathInfo + div{ color:#2f5d8a !important; font-weight:600; padding-bottom:12px; }
html body #deathScr.qMemo #recap, html body #deathScr.qMemo #recap *{ color:#6a7686 !important; border-color:#d6dae0 !important; }
html body #deathScr.qMemo #recap .rcT{ color:#2f5d8a !important; }
html body #deathScr.qMemo .qMemoAct{ padding-top:14px; padding-bottom:6px; }
html body #deathScr.qMemo .qBackBtn{ background:#2f5d8a; color:#fff; border:0; border-radius:3px; padding:11px 30px; letter-spacing:2px; cursor:pointer;
  font:600 14px 'Segoe UI', Arial, sans-serif; box-shadow:0 2px 0 #1d3f63; }
html body #deathScr.qMemo .qBackBtn:hover{ background:#3a70a6; }
html body #deathScr.qMemo .qMemoFoot{ padding-top:8px; padding-bottom:16px; font-size:10px; color:#8a96a4; letter-spacing:0.5px; border-bottom:1px solid #d6d8dc; box-shadow:0 22px 40px rgba(0,0,0,.35); }

/* ---- crit numbers drip red-pen ink, not blood: a thin, hard ballpoint red ---- */
.dmgF.dmgC i.dr{ background:linear-gradient(180deg, #e0303c, #b0141e) !important; width:0.08em !important; margin-left:-0.04em !important; border-radius:0 0 60% 60% / 0 0 40% 40% !important; }
/* other buttons the engine puts on the death screen (SAVE BUILD CARD): a quiet link-style row on the memo */
html body #deathScr.qMemo > button:not(.mBtn):not(#hcRoster){ border-top:0; border-bottom:0; border-radius:0; box-shadow:none; color:#2f5d8a; background:#f7f6f1;
  font:600 11px 'Segoe UI', Arial, sans-serif; letter-spacing:2px; text-decoration:underline; cursor:pointer; padding-top:8px; }
