.hof-card,.hof-fight{--hof-gold:#d4a017;--hof-gold-hot:#e6b432cc;border:1px solid color-mix(in oklch, var(--hof-gold) 30%, var(--border));border-radius:var(--radius-lg,.5rem);background:linear-gradient(180deg, color-mix(in oklch, var(--hof-gold) 8%, var(--card)), var(--card) 60%);text-align:center;width:100%;height:100%;color:var(--card-foreground,var(--foreground));flex-direction:column;padding-bottom:14px;transition:border-color .25s;display:flex;position:relative;overflow:hidden}.hof-card:after,.hof-fight:after{content:"";transform-origin:0;background:linear-gradient(90deg,#b8860b,#f5c542,#b8860b);height:3px;transition:transform .3s;position:absolute;inset:auto 0 0;transform:scaleX(0)}:is(a,button).hof-card:hover,:is(a,button).hof-card:focus-visible,.hof-fight:hover,.hof-fight:focus-visible{border-color:var(--hof-gold-hot)}:is(a,button).hof-card:hover:after,:is(a,button).hof-card:focus-visible:after,.hof-fight:hover:after,.hof-fight:focus-visible:after{transform:scaleX(1)}.hof-card__stage{flex:none;justify-content:center;align-items:center;height:150px;display:flex;position:relative}.hof-card[data-photo=cut] .hof-card__stage{clip-path:inset(-40px -40px 0);background:radial-gradient(55% 80% at 50% 100%,#d4a01747,#0000 72%);border-bottom:1px solid #d4a01773;align-items:flex-end}.hof-card--feature .hof-card__stage{height:170px}@media (min-width:640px){.hof-card--feature .hof-card__stage{height:200px}}@media (min-width:1024px){.hof-card__stage{height:170px}.hof-card--feature .hof-card__stage{height:230px}}.hof-card__info{padding:12px 12px 0}.hof-photo{flex:none;position:relative}.hof-photo img{transition:transform .25s,filter .25s}.hof-photo--cut{width:100%;height:100%}.hof-photo--cut img{object-fit:contain;object-position:bottom;transform-origin:bottom;filter:drop-shadow(0 0 1px #ffd7788c)drop-shadow(0 10px 12px #00000080)}.hof-photo--framed{background:var(--muted);border:2px solid #d4a017d9;border-radius:6px;width:128px;height:128px;transition:box-shadow .25s;overflow:hidden;box-shadow:0 0 22px #d4a01740}.hof-photo--framed img{object-fit:cover;object-position:top center;transform:scale(var(--hof-zoom,1))}.hof-photo--feature.hof-photo--framed{aspect-ratio:1;width:min(160px,100% - 16px);height:auto}.hof-photo--modal.hof-photo--framed{width:224px;height:224px}.hof-photo--modal.hof-photo--wide{aspect-ratio:16/9;width:100%;height:auto}:is(a,button).hof-card:is(:hover,:focus-visible) .hof-photo--framed{box-shadow:0 0 26px #f5be3c8c}:is(a,button).hof-card:is(:hover,:focus-visible) .hof-photo--cut img{filter:drop-shadow(0 0 14px #f5be3cb3)drop-shadow(0 10px 12px #00000080)}@media (prefers-reduced-motion:no-preference){:is(a,button).hof-card:is(:hover,:focus-visible) .hof-photo--cut img{transform:scale(1.07)}:is(a,button).hof-card:is(:hover,:focus-visible) .hof-photo--framed img{transform:scale(calc(var(--hof-zoom,1) * 1.07))}}.hof-fight{text-align:left}.hof-fight__stage{background:radial-gradient(40% 70% at 25% 100%, color-mix(in oklch, var(--corner-red) 30%, transparent), transparent 70%), radial-gradient(40% 70% at 75% 100%, color-mix(in oklch, var(--corner-blue) 30%, transparent), transparent 70%);clip-path:inset(-40px -40px 0);border-bottom:1px solid #d4a01773;flex:none;justify-content:center;align-items:flex-end;height:190px;display:flex;position:relative}.hof-fight--feature .hof-fight__stage{height:220px}.hof-fight__corner{aspect-ratio:185/150;justify-content:center;align-items:flex-end;width:46%;max-width:185px;transition:transform .3s;display:flex;position:relative}.hof-fight--feature .hof-fight__corner{max-width:220px}.hof-photo--corner.hof-photo--cut img{filter:drop-shadow(0 10px 12px #0000008c)}.hof-photo--corner.hof-photo--framed{aspect-ratio:1;border-color:#d4a017b3;width:min(110px,72%);height:auto;margin-bottom:30px}.hof-fight__name{z-index:2;text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:100%;font-family:var(--font-saira), sans-serif;text-transform:uppercase;letter-spacing:-.01em;background:#000000a6;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;bottom:6px;left:50%;overflow:hidden;transform:translate(-50%)}.hof-fight__vs{z-index:3;font-family:var(--font-saira), sans-serif;color:#b8860b;text-shadow:0 0 18px #f5be3c73,0 1px #00000059;font-size:30px;font-weight:800;line-height:1;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.dark .hof-fight__vs{color:#f5c542;text-shadow:0 0 18px #f5be3c99,0 2px #0009}.hof-fight__info{text-align:center;padding:12px 16px 0}@media (prefers-reduced-motion:no-preference){.hof-fight:is(:hover,:focus-visible) .hof-fight__corner--a{transform:translate(10px)}.hof-fight:is(:hover,:focus-visible) .hof-fight__corner--b{transform:translate(-10px)}}@media (prefers-reduced-motion:reduce){.hof-card,.hof-fight,.hof-card:after,.hof-fight:after,.hof-photo,.hof-photo img,.hof-fight__corner{transition:none}}