/* Shared by server-rendered and refreshed Hall cards. */
#hall-of-fame {
  margin: 48px 0; padding: clamp(18px, 4vw, 42px); scroll-margin-top: 24px;
  color: #f2e9da; border: 1px solid #80613c; border-radius: 18px;
  background: radial-gradient(ellipse at 10% 0%, #41301988, transparent 62%), #100f0d;
  box-shadow: 0 16px 55px #0006; overflow-wrap: anywhere;
}
.hall-heading { max-width: 760px; margin-bottom: 26px; }
.hall-kicker { color: #e4bc72; font: 700 12px/1.5 system-ui,sans-serif; letter-spacing: .23em; }
.hall-heading h2 { font-size: clamp(27px,4vw,44px); line-height: 1.12; margin: 10px 0 15px; color: #fff0cf; }
.hall-heading p { line-height: 1.6; }
.hall-summary { color: #e2bb79; font-size: 14px; }
.hall-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.hall-card { min-width: 0; background: #1a1712; border: 1px solid #5b482e; border-radius: 12px; overflow: hidden; scroll-margin-top: 24px; }
.hall-portrait { position: relative; height: clamp(240px,30vw,380px); background: #090909; overflow: hidden; }
.hall-portrait img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 26%; }
.hall-portrait::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,#17120c); pointer-events: none; }
.hall-outcome { position: absolute; bottom: 18px; left: 22px; right: 18px; z-index: 1; font: 700 12px/1.6 system-ui,sans-serif; letter-spacing: .12em; color: #ffe1a0; }
.hall-sheet { padding: 22px; }
.hall-category { display: inline-block; margin: 0 0 12px; color: #ddbe88; font: 600 11px/1.5 system-ui,sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.hall-sheet h3 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; color: #fff1d6; }
.hall-identity,.hall-date { color: #bfb5a5; font: 12px/1.6 system-ui,sans-serif; }
.hall-seals { display: flex; gap: 12px; margin: 24px 0; }
.hall-seals i { display: block; width: 12px; height: 12px; transform: rotate(45deg); border: 1px solid #948568; }
.hall-seals i.lit { background: #edbf63; border-color: #ffe6ae; box-shadow: 0 0 13px #db9d3250; }
.hall-stats { color: #f8d69a; font: 600 16px/1.5 system-ui,sans-serif; }
.hall-context { color: #d0c6b6; font-size: 13px; line-height: 1.65; min-height: 4.8em; }
.hall-proof { color: #bfb5a5; font: 12px/1.5 system-ui,sans-serif; }
.hall-verify { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: 10px; padding: 9px 16px; border: 1px solid #c39a54; border-radius: 5px; color: #ffe2a8; font: 700 13px/1.5 system-ui,sans-serif; text-decoration: none; }
.hall-verify:hover { background: #312514; border-color: #ffe2a8; }
.hall-footer { margin-top: 28px; border-top: 1px solid #453927; padding-top: 18px; }
.hall-policy,.hall-limit,.hall-status { font: 12px/1.7 system-ui,sans-serif; color: #c6bdad; }
.hall-footer > a { color: #e4bc72; font: 13px/1.5 system-ui,sans-serif; }
.hall-refresh { margin: 10px 0 0 12px; min-height: 44px; padding: 8px 14px; background: transparent; border: 1px solid #776343; color: #edcc93; border-radius: 5px; cursor: pointer; }
#hall-of-fame a:focus-visible,#hall-of-fame button:focus-visible { outline: 3px solid #ffe3a3; outline-offset: 4px; }
.hall-status:empty,.hall-limit:empty { display: none; }
@media (max-width: 640px) {
  .hall-grid { grid-template-columns: 1fr; }
  .hall-portrait { height: 310px; }
  .hall-sheet { padding: 18px; }
  .hall-context { min-height: 0; }
}