.hof{border:3px solid var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 92%,#000) 0 14px,color-mix(in srgb,var(--surface) 90%,#000) 14px);width:100%;box-shadow:0 6px 0 var(--ink),0 0 26px color-mix(in srgb,var(--violet) 30%,transparent);border-radius:18px;padding:18px 20px 20px;position:relative;overflow:hidden}.hof-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:8px;display:flex}.hof-title{font:800 20px var(--f-mono);color:var(--violet);text-shadow:3px 3px 0 var(--ink);letter-spacing:.5px;margin:0}.hof-sub{color:var(--muted);margin:4px 0 0;font-size:13px}.hof-cta{border:3px solid var(--ink);background:linear-gradient(180deg,#c28bff,var(--violet));color:#fff;font:800 13px var(--f-mono);box-shadow:0 4px 0 var(--ink);border-radius:12px;padding:9px 14px;text-decoration:none;transition:transform .15s}.hof-cta:hover{transform:translateY(-2px)}.hof-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.hof-row{border:2px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);animation:hofIn .5s var(--spring) both;animation-delay:calc(var(--i,0)*80ms);border-radius:14px;grid-template-columns:auto minmax(110px,170px) minmax(0,1fr);align-items:center;gap:14px;padding:10px 14px;display:grid}@keyframes hofIn{0%{opacity:0;transform:translateY(10px)}}.hof-trophy{background:radial-gradient(circle at 35% 30%,#fff2a8,var(--gold));color:#4a3000;border:2px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.hof-who{gap:2px;min-width:0;display:grid}.hof-who b{font:700 15px var(--f-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hof-who span{font:600 11px var(--f-mono);color:var(--muted)}.hof-team{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.hof-empty{text-align:center;color:var(--muted);border:2px dashed var(--line);border-radius:14px;margin:14px 0 0;padding:20px}.hof-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%) 0 0/400% 100%;border-radius:14px;height:80px;margin-top:14px;animation:1.4s infinite hofShimmer}@keyframes hofShimmer{to{background-position:-100% 0}}@media (max-width:700px){.hof-row{grid-template-columns:auto 1fr}.hof-team{grid-column:1/-1;justify-content:flex-start}}
.rb-box{border:3px solid var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 92%,#000) 0 14px,color-mix(in srgb,var(--surface) 90%,#000) 14px);width:100%;box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:16px 18px 18px;position:relative}.rb-head{gap:4px;margin-bottom:12px;display:grid}.rb-title{font:800 19px var(--f-mono);color:var(--gold);text-shadow:3px 3px 0 var(--ink);margin:0}.rb-sub{font:600 12px var(--f-mono);color:var(--muted);margin:0}.rb-empty{font:700 13px var(--f-mono);color:var(--muted);margin:6px 0}.rb-skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 12%,transparent) 25%,color-mix(in srgb,var(--ink) 22%,transparent) 37%,color-mix(in srgb,var(--ink) 12%,transparent) 63%);background-size:400% 100%;border-radius:12px;height:120px;animation:1.4s infinite rbShimmer}.rb-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rb-row{border:2px solid color-mix(in srgb,var(--ink) 35%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,var(--water) 22%,transparent) var(--pct),color-mix(in srgb,var(--surface) 82%,transparent) var(--pct));animation:twrIn .5s var(--spring) both;animation-delay:calc(var(--i,0)*60ms);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.rb-row.me{border-color:var(--violet)}.rb-badge{border:2px solid var(--ink);width:30px;height:30px;font:800 13px var(--f-mono);background:color-mix(in srgb,var(--surface2) 80%,transparent);border-radius:50%;flex:none;place-items:center;display:grid}.rb-medal-1{background:radial-gradient(circle at 35% 30%,#fff2b0,var(--gold) 60%,#b8860b);color:#fff}.rb-medal-2{color:#fff;background:radial-gradient(circle at 35% 30%,#f4f6ff,#c3c9d6 60%,#8b93a3)}.rb-medal-3{color:#fff;background:radial-gradient(circle at 35% 30%,#f0c9a8,#c98a4b 60%,#8a5a2b)}.rb-sprite{width:36px;height:36px;image-rendering:pixelated;flex:none}.rb-name{min-width:0;font:800 14px var(--f-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.rb-you{border:2px solid var(--ink);background:var(--violet);color:#fff;font:800 10px var(--f-mono);border-radius:999px;padding:2px 8px}.rb-count{font:800 12px var(--f-mono);color:var(--water);flex:none}.rb-count em{color:var(--gold);font-style:normal}@keyframes rbShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}