.hof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 1100px){.hof{grid-template-columns:repeat(2,minmax(0,1fr))}}.hof-card{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:1fr auto;gap:14px 16px;padding:18px;border-radius:18px;transition:border-color .25s,transform .25s var(--ease);background:linear-gradient(145deg,#e8be6e1a,#141a30b8 55%);border:1px solid var(--line-soft);overflow:hidden}.hof-card.has{border-color:var(--line);box-shadow:0 10px 30px #00000059}.hof-card:hover{transform:translateY(-3px);border-color:var(--line)}.hof-pic{position:relative;grid-row:1 / span 2;align-self:start;aspect-ratio:1;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f6dca033,#080b1ae6);border:1px solid rgba(232,190,110,.35)}.hof-ic{font-size:46px}.hof-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hof-b{min-width:0}.hof-k{margin:0;font-weight:800;font-size:.74em;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.hof-n{margin:4px 0 2px;font-size:1.45em;line-height:1.1;color:#fff3d6;overflow-wrap:anywhere}.hof-card:not(.has) .hof-n{color:var(--muted)}.hof-by{margin:0;color:var(--muted);font-size:.86em}.hof-bl{margin:6px 0 0;color:#d4d9e8;font-size:.9em;line-height:1.45}.hof-sc{grid-column:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding-top:10px;border-top:1px solid var(--line-soft)}.hof-sc b{font:800 1.7em/1 var(--display);color:var(--gold-2)}.hof-sc .hof-live{margin-left:auto;color:var(--good);letter-spacing:.04em}.hof-sc small{white-space:nowrap;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.68em}.hof-rise{margin-top:26px;padding:18px 20px;border-radius:18px;background:#141a30b8;border:1px solid var(--line-soft)}.hof-rise h3{color:var(--gold-2);font-size:1.3em;text-align:center}.hof-rise ol{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.hof-rise li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0a}.hof-rise .r-ic{font-size:1.4em;text-align:center}.hof-rise .r-n{display:flex;flex-direction:column;min-width:0;line-height:1.25}.hof-rise .r-n b,.hof-rise .r-n small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-rise .r-n small{color:var(--muted)}.hof-rise .r-g{color:var(--good);font-weight:800}.hof-note{margin:32px 0 0;text-align:center}@media (max-width: 520px){.hof{grid-template-columns:minmax(0,1fr)}.hof-card{grid-template-columns:84px minmax(0,1fr)}.hof-ic{font-size:34px}}.hof.live .hof-card.has{order:-1}.hof.live .hof-card:not(.has){grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:0 12px;padding:12px 14px}.hof.live .hof-card:not(.has) .hof-pic{grid-row:auto;width:44px;height:44px;border-radius:12px}.hof.live .hof-card:not(.has) .hof-ic{font-size:20px}.hof.live .hof-card:not(.has) .hof-bl,.hof.live .hof-card:not(.has) .hof-sc{display:none}.hof.live .hof-card:not(.has) .hof-n{font-size:16px}.hof.live .hof-card:not(.has) .hof-by{font-size:13px}