/* trophies.css — the Trophy Shelf. The wooden shelf and the trophy cards are .shelf/.trophy in screens.css. */
.tr-shelf { position: relative; margin-bottom: 22px; }
.tr-shelf::after { content: ""; position: absolute; left: -6px; right: -6px; bottom: -12px; height: 14px; border-radius: 6px;
  background: var(--wood); box-shadow: 0 6px 0 var(--wood-deep), 0 12px 18px rgba(0,0,0,0.35); }
.trophy.tr-run, .trophy.tr-duel, .trophy.tr-streak, .trophy.tr-rooms, .trophy.tr-vault, .trophy.tr-iq { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.trophy svg { width: 66px; height: 66px; }
html[data-grade="1"] .trophy svg { width: 72px; height: 72px; }
.trophy.empty small { font-weight: 900; color: var(--ink); }
.trophy.tr-new { animation: tr-shine 1.6s ease-in-out 3; box-shadow: 0 0 0 3px var(--yellow); }
@keyframes tr-shine { 50% { box-shadow: 0 0 0 3px var(--yellow), 0 0 24px var(--yellow); transform: translateY(-4px); } }