.hof-page{--c-navy:#142557;--c-muted:#5e6981;--c-purple:#6c3fff;--c-accent-text:#cf5d0a;background:var(--bg);min-height:100vh;padding:108px 0 92px;position:relative;overflow:hidden}.hof-blob{filter:blur(60px);opacity:.5;pointer-events:none;border-radius:999px;position:absolute}.hof-blob--orange{background:#ff7b3952;width:340px;height:340px;top:-60px;right:6%}.hof-blob--blue{background:#38c5f54d;width:300px;height:300px;top:34%;left:-80px}.hof-blob--purple{background:#6c3fff3d;width:360px;height:360px;bottom:4%;right:-90px}.hof-inner{z-index:1;width:min(1200px,92vw);margin:0 auto;position:relative}.hof-head{text-align:center;max-width:820px;margin:0 auto;padding:40px 0 82px}.hof-kicker{min-height:38px;color:var(--c-muted);letter-spacing:.16em;text-transform:uppercase;background:#ffffffc7;border:1px solid #1425571a;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:.76rem;font-weight:800;display:inline-flex}.hof-kicker:before{content:"🏆";font-size:.9rem}.hof-head h1{color:var(--c-navy);letter-spacing:-.045em;text-wrap:balance;margin:26px 0 0;font-size:clamp(2.7rem,6.6vw,5.1rem);font-weight:800;line-height:.94}.hof-head h1 em{color:var(--c-accent-text);font-style:normal}.hof-sub{max-width:46ch;color:var(--c-muted);margin:26px auto 0;font-size:1.08rem;line-height:1.7}.hof-wall{-moz-columns:4 260px;columns:4 260px;-moz-column-gap:20px;column-gap:20px}.hof-tile{-moz-column-break-inside:avoid;break-inside:avoid;margin:0 0 20px;text-decoration:none;display:block}.hof-tile-frame{isolation:isolate;background:linear-gradient(160deg,#ede9fe,#a78bfa);border:1.5px solid #ffffffb3;border-radius:22px;width:100%;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px #14255721}.hof-tile--tall .hof-tile-frame{aspect-ratio:3/4}.hof-tile--square .hof-tile-frame{aspect-ratio:1}.hof-tile--portrait .hof-tile-frame{aspect-ratio:4/5}.hof-tile--wide .hof-tile-frame{aspect-ratio:5/4}.hof-tile:hover .hof-tile-frame{transform:translateY(-8px)scale(1.02);box-shadow:0 30px 62px #6c3fff3d}.hof-tile-img{-o-object-fit:cover;object-fit:cover;transition:transform .45s}.hof-tile:hover .hof-tile-img{transform:scale(1.06)}.hof-tile-fallback{color:#fff;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.hof-tile-shade{z-index:1;background:linear-gradient(#0000 0%,#0d10260d 34%,#0d10264d 60%,#0d1026d9 100%);position:absolute;inset:0}.hof-tile-shine{z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff3d 48%,#0000 62%);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.hof-tile:hover .hof-tile-shine{transform:translate(130%)}.hof-tile-edition{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#0d102680;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 12px;font-size:.64rem;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.hof-tile-medal{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d102680;border:1.5px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 6px 14px #0d10264d}.hof-tile--p1 .hof-tile-frame{border-color:#f5b50a80;box-shadow:0 18px 42px #f5b50a29,0 16px 36px #1425571a}.hof-tile--p2 .hof-tile-frame{border-color:#b0bbccbf;box-shadow:0 16px 38px #78849c29,0 16px 36px #14255714}.hof-tile--p2 .hof-tile-medal{border-color:#d2dae6b3}.hof-tile--p3 .hof-tile-frame{border-color:#cd8a4e99;box-shadow:0 16px 38px #cd8a4e29,0 16px 36px #14255714}.hof-tile--p3 .hof-tile-medal{border-color:#e0a874a6}.hof-tile--latest .hof-tile-frame{border-width:2px;border-color:#f5b50abf;box-shadow:0 24px 54px #f5b50a47,0 18px 40px #1425571f}.hof-tile--latest .hof-tile-medal{background:linear-gradient(#ffdf6b,#f5b50a);border-color:#ffffffb3;width:42px;height:42px;font-size:1.3rem}.hof-tile-caption{z-index:3;color:#fff;flex-direction:column;gap:3px;padding:16px;display:flex;position:absolute;inset:auto 0 0}.hof-tile-caption strong{letter-spacing:-.02em;text-shadow:0 2px 10px #0d102680;font-size:.98rem;font-weight:800;line-height:1.22}.hof-tile-by{color:#ffffffd1;font-size:.76rem;font-weight:700}.hof-tile-place{text-transform:uppercase;letter-spacing:.09em;border-radius:999px;align-self:flex-start;align-items:center;margin-bottom:5px;padding:3px 10px;font-size:.58rem;font-weight:900;display:inline-flex}.hof-tile-place--1{color:#5a3d00;background:linear-gradient(#ffdf6b,#f5b50a)}.hof-tile-place--2{color:#39404e;background:linear-gradient(#eef1f6,#c4ccd8)}.hof-tile-place--3{color:#5a3210;background:linear-gradient(#f0cfae,#d69a63)}.hof-tile--latest .hof-tile-place--1{box-shadow:0 4px 12px #f5b50a73}.hof-empty{text-align:center;background:#ffffffc7;border:1px dashed #14255729;border-radius:24px;max-width:520px;margin:0 auto;padding:48px 32px}.hof-empty h2{color:var(--c-navy);margin-bottom:8px;font-size:1.4rem}.hof-empty p{color:var(--c-muted);line-height:1.6}.hof-cta{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:56px;display:flex}.hof-cta p{color:var(--c-muted);font-size:.98rem;font-weight:700}.hof-cta-btn{color:#fff;background:linear-gradient(#7c54ff 0%,#6c3fff 100%);border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 30px;font-size:.92rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 16px 28px #6c3fff42}.hof-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px #6c3fff52}@keyframes hofBlob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.08)}}@media (prefers-reduced-motion:no-preference){.hof-blob--orange{animation:9s ease-in-out infinite hofBlob}.hof-blob--blue{animation:9s ease-in-out 3s infinite hofBlob}.hof-blob--purple{animation:9s ease-in-out 6s infinite hofBlob}}@media (max-width:1024px){.hof-wall{-moz-columns:3 240px;columns:3 240px}}@media (max-width:760px){.hof-wall{-moz-columns:2 170px;columns:2 170px;-moz-column-gap:14px;column-gap:14px}.hof-tile{margin-bottom:14px}}@media (max-width:620px){.hof-page{padding:92px 0 64px}.hof-tile-caption strong{font-size:.88rem}}