.hof-page{--gold:#f3d58a;--gold-deep:#c9962e;--ink:#eef3ff;--ink-2:#a9b8d6;--ink-3:#6f7f9e;--glass:#101a309e;--glass-line:#ffffff17;isolation:isolate;max-width:760px;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px calc(env(safe-area-inset-bottom,0px) + 96px);color:var(--ink);background:#050a18;margin:auto;position:relative;overflow:hidden}.hof-page:before{content:"";z-index:-2;background:var(--arena) center top / cover no-repeat;opacity:.55;position:fixed;inset:0}.hof-page:after{content:"";z-index:-1;background:radial-gradient(60% 30% at 50% 14%,#f3d58a29,#0000 70%),linear-gradient(#050a1840 0%,#050a18b3 34%,#050a18 64%);position:fixed;inset:0}.hof-nav{justify-content:space-between;align-items:center;display:flex}.hof-nav a{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:38px;height:38px;color:var(--ink);border-radius:12px;place-items:center;display:grid}.hof-nav a svg{width:20px;height:20px}.hof-nav span{letter-spacing:.02em;font-size:14px;font-weight:900}.hof-nav span b{color:#3d7bff}.hof-hero{text-align:center;margin:22px 0 18px}.hof-kicker{color:var(--gold);letter-spacing:.34em;margin:0;font-size:10px;font-weight:800}.hof-hero h1{background:linear-gradient(100deg, #fff6d9 18%, var(--gold) 38%, #fffaf0 50%, var(--gold-deep) 64%, #fff6d9 82%);color:#0000;letter-spacing:.03em;filter:drop-shadow(0 4px 18px #f3d58a40);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;margin:8px 0 0;font-size:40px;font-style:italic;font-weight:900;line-height:1;animation:5s linear infinite hof-shine}.hof-hero h1 em{vertical-align:.35em;font-size:.55em;font-style:italic}.hof-sub{color:var(--ink-2);margin:10px 0 0;font-size:13px;font-weight:700}.hof-sub span{color:var(--ink-3);margin-left:6px;font-weight:600}.hof-tabs{top:calc(env(safe-area-inset-top,0px) + 8px);z-index:5;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;width:min(280px,100%);margin:0 auto 22px;padding:4px;display:grid;position:sticky}.hof-tabs button{min-height:36px;color:var(--ink-3);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.hof-tabs button small{background:#ffffff1a;border-radius:999px;padding:0 6px;font-size:11px}.hof-tabs button[aria-selected=true]{color:#1b1405;background:linear-gradient(#f6dd98,#d9aa45);box-shadow:0 4px 14px #d9aa4559}.hof-tabs button[aria-selected=true] small{background:#1b140529}.hof-empty{color:var(--ink-2);text-align:center;margin:32px 0;font-size:13px;line-height:1.6}.hof-retry{border:1px solid var(--gold);color:#19170f;background:var(--gold);cursor:pointer;border-radius:10px;min-height:44px;margin-top:12px;padding:10px 24px;font-weight:700}.hof-podium{grid-template-columns:1fr 1.18fr 1fr;align-items:end;gap:8px;margin:0;padding:0;list-style:none;display:grid}.hof-podium li{min-width:0}.hof-podium li[data-empty]{visibility:hidden}.hof-podium li[data-place="1"]{transform:translateY(-14px)}.hof-pcard{isolation:isolate;border:1px solid color-mix(in srgb, var(--team) 45%, transparent);background:radial-gradient(85% 55% at 50% 28%, color-mix(in srgb, var(--team) 45%, transparent), transparent 72%), linear-gradient(170deg, #142342, #0a1226 70%);width:100%;color:var(--ink);text-align:center;border-radius:18px;justify-items:center;padding:26px 6px 0;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000073,inset 0 1px #ffffff14}li[data-place="1"] .hof-pcard{background:radial-gradient(85% 55% at 50% 28%, color-mix(in srgb, var(--team) 50%, transparent), transparent 72%) padding-box, linear-gradient(170deg, #1c2440, #0d1328 70%) padding-box, linear-gradient(160deg, #fff1b8, #d9aa45 35%, #7a5a14 60%, #f6dd98) border-box;border:1.5px solid #0000;box-shadow:0 18px 40px #00000080,0 0 30px #f3d58a38}.hof-pcard-sheen{z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff29 48%,#0000 60%) 0 0/260% 100%;animation:4.5s ease-in-out infinite hof-sweep;position:absolute;inset:0}.hof-medal{z-index:3;color:#1a2233;background:linear-gradient(160deg,#e8edf6,#8f9bab);border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-13px;font-size:13px;font-weight:900;display:grid;position:absolute;top:8px;left:50%;box-shadow:0 2px 8px #0006}li[data-place="1"] .hof-medal{color:#3a2a06;background:linear-gradient(160deg,#fff1b8,#d9aa45);width:32px;height:32px;margin-left:-16px}li[data-place="1"] .hof-medal svg{width:18px;height:18px}li[data-place="3"] .hof-medal{color:#2b1405;background:linear-gradient(160deg,#f0b98a,#a8642f)}.hof-pcard-mark{z-index:3;opacity:.9;width:20px;height:20px;position:absolute;top:8px;right:8px}.hof-pcard-avatar{filter:drop-shadow(0 10px 14px #00000080);margin-top:6px;width:88px!important;height:104px!important}li[data-place="1"] .hof-pcard-avatar{width:108px!important;height:126px!important}.hof-pcard-plate{background:linear-gradient(#0000,#050a18d9 30%);justify-items:center;gap:1px;width:calc(100% + 12px);margin-top:-8px;padding:10px 6px 12px;display:grid}.hof-pcard-plate strong{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:900;overflow:hidden}li[data-place="1"] .hof-pcard-plate strong{font-size:16px}.hof-pcard-plate small{color:var(--ink-2);font-size:10px;font-weight:600}.hof-pcard-score{color:#fff;font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;font-weight:900;line-height:1}li[data-place="1"] .hof-pcard-score{background:linear-gradient(180deg, #fff6d9, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px}.hof-pcard-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:3px;margin-top:3px;font-size:10px;font-weight:700;display:inline-flex}.hof-pcard-meta svg{width:10px;height:10px;color:var(--gold)}li[data-mine] .hof-pcard-plate strong:after{content:" ★";color:var(--gold)}.hof-mine{background:#f3d58a14;border:1px solid #f3d58a59;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:22px auto 0;padding:9px 16px;font-size:12px;display:flex}.hof-mine span{color:var(--ink-3);font-weight:700}.hof-mine b{color:var(--gold);font-weight:900}.hof-mine em{color:var(--ink);font-style:normal;font-weight:700}.hof-board{gap:6px;margin:22px 0 0;padding:0;list-style:none;display:grid}.hof-board li{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;grid-template-columns:28px 42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:grid}.hof-board li[data-mine]{background:linear-gradient(90deg, #f3d58a24, var(--glass) 60%);border-color:#f3d58a73}.hof-rank{color:var(--ink-3);text-align:center;font-variant-numeric:tabular-nums;font-size:15px;font-style:italic;font-weight:900}.hof-row-avatar{border:1.5px solid color-mix(in srgb, var(--team) 70%, transparent);background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--team) 40%, #0a1226), #0a1226);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.hof-row-face{width:40px!important;height:40px!important}.hof-row-name{min-width:0;display:grid}.hof-row-name b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.hof-row-name em{background:var(--gold);color:#2a1e04;vertical-align:2px;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:900}.hof-row-name small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.hof-row-score{justify-items:end;display:grid}.hof-row-score b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}.hof-row-score small{color:var(--ink-3);font-size:10px;font-weight:700}.hof-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.hof-pcard.is-mine .hof-pcard-avatar{width:100px!important;height:118px!important}.hof-pcard-tier{z-index:3;background:#ffffff1f;border-radius:999px;align-items:center;gap:3px;padding:2px 8px 2px 3px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.hof-pcard-tier img{object-fit:contain;width:18px;height:18px}.hof-pcard[data-tier=레전드]{background:radial-gradient(85% 55% at 50% 28%,#f5c54259,#0000 72%) padding-box padding-box,linear-gradient(170deg,#1e1a0c,#0d0b05 70%) padding-box padding-box,linear-gradient(160deg,#fff1b8,#d9aa45 35%,#7a5a14 60%,#f6dd98) border-box;border:1.5px solid #0000}.hof-pcard[data-tier=레전드] .hof-pcard-tier{color:#f8dd8c;background:#f5c54240}@keyframes hof-shine{to{background-position:-260% 0}}@keyframes hof-sweep{0%,55%{background-position:130% 0}to{background-position:-130% 0}}@media (prefers-reduced-motion:reduce){.hof-hero h1,.hof-pcard-sheen{animation:none}}