.hof-page{padding:36px 0 60px;max-width:560px;margin:0 auto}.hof-page h1{font-size:36px;line-height:1.15;margin:4px 0 6px}.back-link{display:inline-block;margin-bottom:18px;font-size:14px;font-weight:600}.hof{margin-top:18px}.hof-progress{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:700;color:#9aa3ad;font-variant-numeric:tabular-nums}.hof-bar{flex:1;height:6px;border-radius:6px;background:#1f2328;overflow:hidden}.hof-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#b8913f,#edc677);transition:width .35s ease}.hof-stack{position:relative;height:470px}.hof-card{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;border:1px solid #3a4048;background:#1f2328;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;transform-origin:50% 110%;transition:transform .35s cubic-bezier(.2,.8,.25,1),opacity .35s;will-change:transform}.hof-card[data-pos="1"]{transform:translateY(12px) scale(.96)}.hof-card[data-pos="2"]{transform:translateY(24px) scale(.92);opacity:.7}.hof-card[data-pos=hidden]{transform:translateY(24px) scale(.92);opacity:0;pointer-events:none}.hof-card[data-pos=gone]{opacity:0;pointer-events:none}.hof-card.is-dragging{transition:none;cursor:grabbing}.hof-art{position:relative;flex:0 0 auto;aspect-ratio:16 / 9;background:linear-gradient(135deg,#2a2f36,#1f2328)}.hof-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;pointer-events:none}.hof-art.no-img img{display:none}.hof-date{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:6px;background:#121417d1;color:#e9e4d8;font-size:12px;font-weight:700;backdrop-filter:blur(6px)}.hof-stamp{position:absolute;top:18px;padding:4px 12px;border:4px solid;border-radius:10px;font-size:30px;font-weight:900;letter-spacing:.06em;opacity:0;background:#12141773}.hof-stamp-hype{left:16px;color:#7fdca2;border-color:#7fdca2;transform:rotate(-12deg)}.hof-stamp-flop{right:16px;color:#f08a76;border-color:#f08a76;transform:rotate(12deg)}.hof-info{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.hof-info h2{font-size:22px;line-height:1.2;margin:0 0 4px;color:#e9e4d8}.hof-platforms{font-size:13px;font-weight:600;color:#e3b55b;margin:0 0 10px}.hof-blurb{font-size:15px;color:#d9d4c8;line-height:1.5;margin:0}.hof-credit{margin-top:auto;padding-top:10px;font-size:11px;color:#78808a}.hof-buttons{display:flex;justify-content:center;gap:18px;margin-top:44px}.hof-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:6px;border:2px solid;background:#1f2328;font:800 16px var(--font);cursor:pointer;transition:transform .12s,background .12s;touch-action:manipulation}.hof-btn svg{width:20px;height:20px}.hof-btn:hover{transform:translateY(-2px)}.hof-btn:active{transform:scale(.96)}.hof-btn-flop{color:#f08a76;border-color:#f08a76}.hof-btn-flop:hover{background:#3a2a29}.hof-btn-hype{color:#7fdca2;border-color:#7fdca2}.hof-btn-hype:hover{background:#24382d}.hof-btn:focus-visible{outline:2px solid #e3b55b;outline-offset:3px}.hof-verdict{min-height:3em;margin-top:14px;text-align:center;font-size:14px;color:#b9b4a9;line-height:1.5}.hof-verdict b{color:#e9e4d8}.hof-verdict .agree{color:#7fdca2;font-weight:700}.hof-verdict .disagree{color:#e3b55b;font-weight:700}.hof-hint{text-align:center;font-size:12px;color:#78808a}.hof-done{position:absolute;inset:0;overflow-y:auto;padding:22px;border-radius:8px;border:1px solid #3a4048;background:var(--dusk);text-align:center}.hof-done h2{font-size:26px;margin:4px 0 6px}.hof-done>p{color:#9aa3ad;font-size:15px}.hof-summary{list-style:none;margin:16px 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;text-align:left}.hof-summary li{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border-radius:12px;background:#1f2328;font-size:14px;font-weight:600}.hof-summary img{width:64px;height:36px;object-fit:cover;border-radius:7px;flex:0 0 auto;background:#2a2f36}.hof-summary li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hof-summary em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:6px}.hof-summary em.hype{background:#24382d;color:#7fdca2}.hof-summary em.flop{background:#3a2a29;color:#f08a76}.hof-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hof-actions button{border:0;cursor:pointer;font:600 15px var(--font)}.hof-actions .cta-secondary{border:2px solid #b8913f}.hof-share-note{min-height:1.3em;font-size:13px;margin-top:8px}.hof.is-finished .hof-buttons,.hof.is-finished .hof-hint,.hof.is-finished .hof-verdict{display:none}.hof.is-finished .hof-stack{height:auto}.hof.is-finished .hof-done{position:relative;inset:auto}.hof.is-finished .hof-card{display:none}.fog-next{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-top:26px;padding:16px 18px;border-radius:14px;border:1px dashed #3a4048}.fog-next span{font-size:12px;font-weight:700;color:#78808a}.fog-next a{font-weight:600}@media (max-width: 600px){.hof-page{padding-top:22px}.hof-page h1{font-size:28px}.hof-stack{height:395px}.hof-info h2{font-size:20px}.hof-stamp{font-size:24px}.hof-btn{padding:12px 22px}}