/* ============================================================================
 * memorial.css - tc-memorial
 * ----------------------------------------------------------------------------
 * SCHICHT 1. Gefallene als Grabstein-Karten (Raster). Oxblood-Toenung,
 * Totenkopf-Emblem, gemeisselter Name, Todesursache in Oxblood-Kursiv, XP-Pille.
 *
 * THEME-GETRIEBEN.
 *
 * Struktur:
 *   .tc-memorial                  Raster (2 Spalten, 1 auf Mobile)
 *     .tc-memorial__card
 *       __emblem . __body ( __name . __meta . __cause . __xp )
 * ============================================================================ */

.tc-memorial { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tc-memorial__card { position: relative; display: flex; gap: 12px; padding: 13px 15px 13px 13px; border-radius: 11px 11px var(--tc-radius-md, 8px) var(--tc-radius-md, 8px); background: linear-gradient(180deg, rgba(122,59,44,0.07), rgba(255,255,255,0.012) 42%, rgba(0,0,0,0.14)); border: 1px solid var(--tc-border-subtle); border-top: 1px solid rgba(var(--tc-secondary-rgb),0.38); transition: all var(--tc-motion-normal, 200ms ease); }
.tc-memorial__card:hover { transform: translateY(-2px); border-color: rgba(var(--tc-secondary-rgb),0.32); box-shadow: 0 8px 20px rgba(0,0,0,0.42), 0 0 16px rgba(var(--tc-secondary-rgb),0.16); }
.tc-memorial__emblem { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-size: 1rem; flex-shrink: 0; align-self: flex-start; background: radial-gradient(circle at 30% 25%, rgba(var(--tc-secondary-rgb),0.42), rgba(0,0,0,0.45)); border: 1px solid rgba(var(--tc-secondary-rgb),0.42); box-shadow: inset 0 1px 3px rgba(0,0,0,0.55); }
.tc-memorial__body { flex: 1; min-width: 0; }
.tc-memorial__name { font-family: var(--tc-font-display, 'Cinzel', serif); font-weight: 600; font-size: 0.98rem; color: var(--tc-text-strong); text-shadow: 0 1px 1px rgba(0,0,0,0.6); line-height: 1.2; }
.tc-memorial__meta { font-size: 0.7rem; color: var(--tc-text-muted); margin-top: 3px; }
.tc-memorial__cause { display: flex; align-items: baseline; gap: 5px; font-size: 0.74rem; font-style: italic; color: var(--tc-secondary-light); margin-top: 6px; }
.tc-memorial__xp { display: inline-block; margin-top: 8px; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.05em; color: var(--tc-highlight); background: rgba(var(--tc-highlight-rgb),0.1); border: 1px solid rgba(var(--tc-highlight-rgb),0.25); padding: 2px 7px; border-radius: var(--tc-radius-sm, 4px); }

@media (max-width: 600px) { .tc-memorial { grid-template-columns: 1fr; } }