:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Cinzel", Georgia, serif;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .35s cubic-bezier(.175, .885, .32, 1.275);--cls-warrior: #C79C6E;--cls-paladin: #F58CBA;--cls-hunter: #ABD473;--cls-rogue: #FFF569;--cls-priest: #FFFFFF;--cls-deathknight: #C41F3B;--cls-shaman: #0070DE;--cls-mage: #69CCF0;--cls-warlock: #9482C9;--cls-monk: #00FF96;--cls-druid: #FF7D0A;--cls-demonhunter: #A330C9;--cls-evoker: #33937F;--cls-text-warrior: #8c633a;--cls-text-paladin: #c2407c;--cls-text-hunter: #5b8720;--cls-text-rogue: #998c00;--cls-text-priest: #475569;--cls-text-deathknight: #a3122b;--cls-text-shaman: #0056b3;--cls-text-mage: #1a88b8;--cls-text-warlock: #6a53a8;--cls-text-monk: #00995a;--cls-text-druid: #c45b00;--cls-text-demonhunter: #7c1a9c;--cls-text-evoker: #1f6b5b;--faction-horde: #c41e3a;--faction-alliance: #0078ff;--faction-neutral: #eab308;--podium-gold: #fbbf24;--podium-gold-bg: rgba(251, 191, 36, .12);--podium-gold-border: rgba(251, 191, 36, .4);--podium-silver: #cbd5e1;--podium-silver-bg: rgba(203, 213, 225, .12);--podium-silver-border: rgba(203, 213, 225, .4);--podium-bronze: #d97706;--podium-bronze-bg: rgba(217, 119, 6, .12);--podium-bronze-border: rgba(217, 119, 6, .4);--feature-achievements: #facc15;--feature-achievements-glow: rgba(250, 204, 21, .25);--feature-titles: #a855f7;--feature-titles-glow: rgba(168, 85, 247, .25);--feature-toys: #06b6d4;--feature-toys-glow: rgba(6, 182, 212, .25);--feature-mounts: #f43f5e;--feature-mounts-glow: rgba(244, 63, 94, .25);--bnet-blue: #148eff;--bnet-blue-hover: #0078f0;--bnet-primary-bg: #111827;--bnet-primary-hover-bg: #1F2C46;--bnet-primary-text: #FFFFFF;--bnet-primary-border: rgba(255, 255, 255, .14);--bnet-primary-hover-border: rgba(255, 255, 255, .28);--bnet-primary-shadow: 0 1px 3px rgba(0, 0, 0, .35);--bnet-primary-hover-shadow: 0 2px 8px rgba(0, 0, 0, .45);--bnet-utility-bg: #111827;--bnet-utility-hover-bg: #1F2C46;--bnet-utility-text: #94A3B8;--bnet-utility-hover-text: #F8FAFC;--bnet-utility-border: rgba(255, 255, 255, .1);--bnet-utility-hover-border: rgba(255, 255, 255, .22);--bnet-badge-bg: #111827;--bnet-badge-border: rgba(255, 255, 255, .14);--bnet-badge-shadow: 0 2px 8px rgba(0, 0, 0, .35)}[data-appearance=light]{--feature-achievements: #ca8a04;--feature-achievements-glow: rgba(202, 138, 4, .18);--feature-titles: #7c3aed;--feature-titles-glow: rgba(124, 58, 237, .18);--feature-toys: #0891b2;--feature-toys-glow: rgba(8, 145, 178, .18);--feature-mounts: #e11d48;--feature-mounts-glow: rgba(225, 29, 72, .18);--bnet-primary-bg: #111827;--bnet-primary-hover-bg: #1F2C46;--bnet-primary-text: #FFFFFF;--bnet-primary-border: rgba(17, 24, 39, .2);--bnet-primary-hover-border: rgba(17, 24, 39, .35);--bnet-primary-shadow: 0 2px 6px rgba(17, 24, 39, .2);--bnet-primary-hover-shadow: 0 4px 12px rgba(17, 24, 39, .3);--bnet-utility-bg: #EEF4FA;--bnet-utility-hover-bg: #E1EAF4;--bnet-utility-text: #475569;--bnet-utility-hover-text: #0F172A;--bnet-utility-border: rgba(20, 142, 255, .22);--bnet-utility-hover-border: rgba(20, 142, 255, .4);--bnet-badge-bg: #EEF4FA;--bnet-badge-border: rgba(20, 142, 255, .22);--bnet-badge-shadow: 0 2px 8px rgba(20, 142, 255, .1)}[data-theme=neutral][data-appearance=dark],:root:not([data-theme])[data-appearance=dark],:root:not([data-theme]):not([data-appearance]){--bg-page: #0B0F19;--bg-page-gradient: radial-gradient(circle at 50% 0%, #151D30 0%, #0B0F19 75%);--bg-surface: #111827;--bg-surface-elevated: #182236;--bg-surface-hover: #1F2C46;--bg-glass: rgba(17, 24, 39, .85);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--border-accent: rgba(245, 158, 11, .35);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--accent-primary: #F59E0B;--accent-primary-hover: #D97706;--accent-primary-glow: rgba(245, 158, 11, .25);--accent-secondary: #38BDF8;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #38BDF8;--table-row-even: rgba(255, 255, 255, .015);--table-row-hover: rgba(245, 158, 11, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px rgba(245, 158, 11, .18)}[data-theme=neutral][data-appearance=light],:root:not([data-theme])[data-appearance=light]{--bg-page: #F8FAFC;--bg-page-gradient: radial-gradient(circle at 50% 0%, #EEF2F6 0%, #F8FAFC 80%);--bg-surface: #FFFFFF;--bg-surface-elevated: #F1F5F9;--bg-surface-hover: #E2E8F0;--bg-glass: rgba(255, 255, 255, .9);--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--border-accent: rgba(217, 119, 6, .4);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--accent-primary: #D97706;--accent-primary-hover: #B45309;--accent-primary-glow: rgba(217, 119, 6, .18);--accent-secondary: #0284C7;--success: #059669;--warning: #D97706;--error: #DC2626;--info: #0284C7;--table-row-even: rgba(0, 0, 0, .02);--table-row-hover: rgba(217, 119, 6, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(217, 119, 6, .12)}[data-theme=horde][data-appearance=dark]{--bg-page: #0E0709;--bg-page-gradient: radial-gradient(circle at 50% 0%, #200D12 0%, #0E0709 75%);--bg-surface: #180D11;--bg-surface-elevated: #241419;--bg-surface-hover: #311A22;--bg-glass: rgba(24, 13, 17, .88);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(225, 29, 72, .25);--border-accent: rgba(225, 29, 72, .5);--text-primary: #FFF1F2;--text-secondary: #FDA4AF;--text-muted: #9F7178;--text-inverse: #0E0709;--accent-primary: #E11D48;--accent-primary-hover: #BE123C;--accent-primary-glow: rgba(225, 29, 72, .3);--accent-secondary: #FB923C;--success: #10B981;--warning: #F59E0B;--error: #E11D48;--info: #FB923C;--table-row-even: rgba(255, 255, 255, .015);--table-row-hover: rgba(225, 29, 72, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--shadow-glow: 0 0 24px rgba(225, 29, 72, .25)}[data-theme=horde][data-appearance=light]{--bg-page: #FFF5F5;--bg-page-gradient: radial-gradient(circle at 50% 0%, #FFE4E6 0%, #FFF5F5 80%);--bg-surface: #FFFFFF;--bg-surface-elevated: #FFF1F2;--bg-surface-hover: #FFE4E6;--bg-glass: rgba(255, 255, 255, .92);--border-subtle: rgba(190, 18, 60, .08);--border-medium: rgba(190, 18, 60, .18);--border-accent: rgba(190, 18, 60, .4);--text-primary: #1C0A0E;--text-secondary: #602532;--text-muted: #884553;--text-inverse: #FFFFFF;--accent-primary: #BE123C;--accent-primary-hover: #9F1239;--accent-primary-glow: rgba(190, 18, 60, .18);--accent-secondary: #EA580C;--success: #059669;--warning: #D97706;--error: #BE123C;--info: #EA580C;--table-row-even: rgba(190, 18, 60, .02);--table-row-hover: rgba(190, 18, 60, .06);--shadow-sm: 0 1px 3px rgba(190, 18, 60, .08);--shadow-md: 0 4px 12px rgba(190, 18, 60, .08);--shadow-lg: 0 10px 24px rgba(190, 18, 60, .1);--shadow-glow: 0 0 20px rgba(190, 18, 60, .15)}[data-theme=alliance][data-appearance=dark]{--bg-page: #060B17;--bg-page-gradient: radial-gradient(circle at 50% 0%, #0F1D38 0%, #060B17 75%);--bg-surface: #0B1426;--bg-surface-elevated: #12203D;--bg-surface-hover: #192D54;--bg-glass: rgba(11, 20, 38, .88);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(56, 189, 248, .22);--border-accent: rgba(234, 179, 8, .45);--text-primary: #F0F9FF;--text-secondary: #BAE6FD;--text-muted: #648BA8;--text-inverse: #060B17;--accent-primary: #0284C7;--accent-primary-hover: #0369A1;--accent-primary-glow: rgba(2, 132, 199, .3);--accent-secondary: #EAB308;--success: #10B981;--warning: #EAB308;--error: #EF4444;--info: #38BDF8;--table-row-even: rgba(255, 255, 255, .015);--table-row-hover: rgba(2, 132, 199, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .7);--shadow-glow: 0 0 24px rgba(2, 132, 199, .22)}[data-theme=alliance][data-appearance=light]{--bg-page: #F0F7FF;--bg-page-gradient: radial-gradient(circle at 50% 0%, #E0EFFF 0%, #F0F7FF 80%);--bg-surface: #FFFFFF;--bg-surface-elevated: #E8F2FF;--bg-surface-hover: #D8E9FE;--bg-glass: rgba(255, 255, 255, .92);--border-subtle: rgba(2, 132, 199, .08);--border-medium: rgba(2, 132, 199, .18);--border-accent: rgba(202, 138, 4, .45);--text-primary: #081B33;--text-secondary: #1E446E;--text-muted: #4B6E96;--text-inverse: #FFFFFF;--accent-primary: #0284C7;--accent-primary-hover: #0369A1;--accent-primary-glow: rgba(2, 132, 199, .18);--accent-secondary: #CA8A04;--success: #059669;--warning: #CA8A04;--error: #DC2626;--info: #0284C7;--table-row-even: rgba(2, 132, 199, .02);--table-row-hover: rgba(2, 132, 199, .06);--shadow-sm: 0 1px 3px rgba(2, 132, 199, .08);--shadow-md: 0 4px 12px rgba(2, 132, 199, .08);--shadow-lg: 0 10px 24px rgba(2, 132, 199, .1);--shadow-glow: 0 0 20px rgba(2, 132, 199, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;background-color:var(--bg-page);background-image:var(--bg-page-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.25rem}@media(max-width:640px){.container{padding:0 .875rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.hof-navbar{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-glass);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-normal)}.hof-nav-container{display:flex;align-items:center;justify-content:space-between;height:60px;gap:1.5rem}.hof-guild-subnav{border-top:1px solid var(--border-subtle);background:var(--bg-surface-elevated)}.hof-guild-subnav-container{display:flex;align-items:center;gap:.375rem;height:42px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hof-guild-subnav-container::-webkit-scrollbar{display:none}.hof-subnav-link{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .8rem;font-family:var(--font-heading);font-size:.9375rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-md);white-space:nowrap;text-decoration:none;transition:all var(--transition-fast)}.hof-subnav-link:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.hof-subnav-link.active{color:var(--accent-primary);background:var(--accent-primary-glow);font-weight:700}.hof-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.hof-card:hover{border-color:var(--border-medium)}.hof-card-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hof-hero{padding:2.5rem 0 2rem;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem}.hof-guild{padding:2rem 0 0;margin-bottom:1.5rem}.hof-hero-content{display:flex;flex-direction:column;gap:1.25rem}@media(min-width:768px){.hof-hero-content{flex-direction:row;align-items:center;justify-content:space-between}}.hof-hero-title{font-size:2.5rem;font-weight:700;line-height:1.15}.hof-hero-subtitle{color:var(--text-secondary);font-size:1.0625rem;margin-top:.375rem}.hof-podium-section{margin-bottom:1.5rem}.hof-podium-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:stretch;margin-top:1.25rem}@media(min-width:768px){.hof-podium-grid{grid-template-columns:repeat(3,1fr)}.hof-podium-grid>:nth-child(1){order:2;transform:translateY(-6px)}.hof-podium-grid>:nth-child(2){order:1}.hof-podium-grid>:nth-child(3){order:3}}.hof-podium-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:150px;box-sizing:border-box;padding:.75rem .75rem .75rem 1.25rem;border-radius:var(--radius-xl);position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hof-podium-card:hover{transform:translateY(-3px)}@media(min-width:768px){.hof-podium-card.rank-1:hover{transform:translateY(-9px)}}.hof-podium-card.rank-1{background:linear-gradient(135deg,var(--podium-gold-bg) 0%,var(--bg-surface) 100%);border:1px solid var(--podium-gold-border);box-shadow:0 8px 30px #f59e0b26}.hof-podium-card.rank-2{background:linear-gradient(135deg,var(--podium-silver-bg) 0%,var(--bg-surface) 100%);border:1px solid var(--podium-silver-border);box-shadow:0 6px 20px #cbd5e11a}.hof-podium-card.rank-3{background:linear-gradient(135deg,var(--podium-bronze-bg) 0%,var(--bg-surface) 100%);border:1px solid var(--podium-bronze-border);box-shadow:0 6px 20px #d977061a}.hof-podium-content{flex:0 0 44%;max-width:46%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;text-align:center;z-index:2;height:100%;min-width:0}.hof-podium-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;white-space:nowrap}.hof-podium-identity{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;min-width:0;text-align:center}.hof-podium-name{font-size:clamp(1.125rem,1.4vw,1.3125rem);font-family:var(--font-heading);font-weight:700;letter-spacing:.02em;line-height:1.2;margin:0;word-break:break-word}.hof-podium-realm{font-size:.75rem;color:var(--text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em}.hof-podium-metric{display:inline-flex;align-items:baseline;gap:.35rem;background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-full);padding:.3rem .65rem;box-shadow:var(--shadow-sm);max-width:100%;white-space:nowrap}.hof-podium-metric-val{font-family:var(--font-heading);font-weight:700;font-size:clamp(.9375rem,1.2vw,1.0625rem);color:var(--accent-primary);line-height:1}.hof-podium-metric-lbl{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--text-muted);line-height:1}.hof-podium-artwork-slot{flex:1;width:56%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:0;pointer-events:none}.hof-podium-render-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hof-podium-render-img{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));transition:transform var(--transition-normal)}.hof-podium-card:hover .hof-podium-render-img{transform:scale(1.05)}.hof-podium-silhouette{width:56px;height:56px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px dashed var(--border-medium);display:flex;align-items:center;justify-content:center;margin:auto;transition:all var(--transition-normal)}.hof-podium-card.rank-1 .hof-podium-silhouette{border-color:var(--podium-gold);background:#fbbf2414}.hof-podium-card.rank-2 .hof-podium-silhouette{border-color:var(--podium-silver);background:#cbd5e114}.hof-podium-card.rank-3 .hof-podium-silhouette{border-color:var(--podium-bronze);background:#d9770614}@media(max-width:767px){.hof-podium-grid{grid-template-columns:1fr;gap:.875rem}.hof-podium-card{flex-direction:column;align-items:center;text-align:center;height:auto;min-height:210px;padding:1rem}.hof-podium-content{display:contents}.hof-podium-badge{order:1;margin-bottom:.25rem}.hof-podium-artwork-slot{order:2;width:100%;height:110px;margin:.25rem 0;align-items:center;justify-content:center}.hof-podium-identity{order:3;align-items:center;text-align:center;margin:0 0 .35rem}.hof-podium-metric{order:4}}.hof-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface)}.hof-table{width:100%;border-collapse:collapse;text-align:left}.hof-table th{padding:.625rem .875rem;background:var(--bg-surface-elevated);font-family:var(--font-heading);font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.hof-table td{padding:.625rem .875rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle;font-size:.875rem}@media(max-width:640px){.col-hide-mobile,.hide-on-mobile{display:none!important}}.hof-table tr:last-child td{border-bottom:none}.hof-table tr:nth-child(2n){background:var(--table-row-even)}.hof-table tr:hover{background:var(--table-row-hover)}.hof-metric-cell{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.625rem}.hof-metric-value{font-family:var(--font-heading);font-weight:700;font-size:.9375rem;color:var(--text-primary);line-height:1.2;white-space:nowrap}.hof-metric-bar-track{width:90px;min-width:50px;height:6px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}@media(max-width:640px){.hof-metric-bar-track{width:60px;min-width:40px}}.hof-metric-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--accent-primary);transition:width var(--transition-normal)}.hof-progress-track{width:100%;height:6px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;margin-top:.25rem}.hof-progress-bar{height:100%;border-radius:var(--radius-full);background:var(--accent-primary);transition:width var(--transition-normal)}.hof-mobile-cards{display:flex;flex-direction:column;gap:.75rem}.hof-mobile-card{padding:1rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle)}.hof-filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.hof-segmented-control{display:inline-flex;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px;gap:2px}.hof-segmented-btn{padding:.375rem .875rem;font-family:var(--font-heading);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.hof-segmented-btn:hover{color:var(--text-primary)}.hof-segmented-btn.active{background:var(--bg-surface);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.hof-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.5rem}.hof-2x2-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media(min-width:860px){.hof-2x2-grid{grid-template-columns:repeat(2,1fr)}}.hof-stat-card{padding:1.25rem;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.375rem}.hof-stat-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.hof-stat-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.1}.hof-stat-desc{font-size:.8125rem;color:var(--text-secondary)}.hof-stat-list{display:flex;flex-direction:column;gap:.75rem}.hof-stat-list-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.hof-stat-list-item:last-child,.hof-stat-list>*:last-child,.hof-card .hof-stat-list>*:last-child,.hof-card>div>div:last-child{border-bottom:none!important}.hof-banner{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9375rem}.hof-banner-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--warning)}.hof-banner-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.hof-banner-info{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:var(--info)}.hof-skeleton{background:linear-gradient(90deg,var(--bg-surface-elevated) 25%,var(--bg-surface-hover) 50%,var(--bg-surface-elevated) 75%);background-size:200% 100%;animation:hof-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes hof-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hof-roster-container{margin-top:2rem;margin-bottom:3.5rem}.hof-roster-table th{-webkit-user-select:none;user-select:none;white-space:nowrap}.hof-roster-table td{white-space:nowrap}.hof-rank-badge{display:inline-block;vertical-align:middle;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.02em;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary)}.hof-rank-badge.guild-master{background:var(--podium-gold-bg);border-color:var(--podium-gold-border);color:var(--podium-gold)}.hof-alt-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-heading);line-height:1.2;white-space:nowrap;border:1px solid transparent;transition:all .15s ease}button.hof-alt-badge-active{background:#38bdf81f;border-color:#38bdf84d;color:var(--accent-secondary);cursor:pointer}button.hof-alt-badge-active:hover,button.hof-alt-badge-active.open{background:#38bdf838;border-color:var(--accent-secondary);box-shadow:0 0 10px #38bdf833}.hof-alt-badge-singleton{background:var(--bg-surface-elevated);border-color:var(--border-subtle);color:var(--text-muted)}.hof-alt-badge-unknown{background:transparent;color:var(--text-muted);font-weight:400}.hof-alt-popover-container{position:relative;display:inline-flex;justify-content:center;vertical-align:middle}.hof-alt-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100;min-width:220px;max-width:320px;background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.75rem;text-align:left;animation:hof-popover-in .15s cubic-bezier(.16,1,.3,1)}@keyframes hof-popover-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hof-alt-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.hof-alt-popover-title{font-family:var(--font-heading);font-size:.8125rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.hof-alt-popover-subtitle{font-size:.6875rem;color:var(--text-muted)}.hof-alt-popover-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.125rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.hof-alt-popover-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.hof-alt-popover-list{display:flex;flex-direction:column;gap:.375rem;max-height:min(420px,65vh);overflow-y:auto}.hof-alt-popover-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .375rem;border-radius:var(--radius-sm)}.hof-alt-popover-item:hover{background:var(--bg-surface-hover)}.hof-alt-popover-name{font-weight:600;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-alt-popover-realm{font-size:.6875rem;font-weight:400;color:var(--text-muted);margin-left:.25rem}.hof-alt-popover-level{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.hof-alt-popover-class{font-size:.6875rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.hof-alt-popover-backdrop{display:none}@media(max-width:640px){.hof-alt-popover-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hof-alt-popover{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;min-width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;border-left:none;border-right:none;z-index:1001;padding:1.25rem 1rem env(safe-area-inset-bottom,1rem);box-shadow:var(--shadow-xl);animation:hof-bottomsheet-in .2s cubic-bezier(.16,1,.3,1)}}@keyframes hof-bottomsheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hof-status-indicator{display:inline-flex;align-items:center;justify-content:center}.hof-status-indicator.status-available{color:var(--success)}.hof-status-indicator.status-not-found{color:var(--warning)}.hof-status-indicator.status-pending{color:var(--text-muted)}.hof-select-filter{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);padding:.4rem .625rem;font-size:.8125rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .15s ease}.hof-select-filter:focus{border-color:var(--accent-primary)}.hof-button-reset{display:inline-flex;align-items:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);padding:.4rem .625rem;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.hof-button-reset:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-surface-hover)}.hof-pagination-button{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);padding:.35rem .75rem;font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.hof-pagination-button:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--accent-primary)}.hof-pagination-button:disabled{opacity:.4;cursor:not-allowed}.hof-roster-media-label{display:inline-flex;align-items:center;vertical-align:middle;gap:.375rem;line-height:1.2}.hof-roster-icon{width:20px;height:20px;border-radius:var(--radius-xs, 2px);object-fit:cover;flex-shrink:0;display:block}.hof-account-button{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);line-height:1.25;flex-shrink:0}.hof-account-button:hover{border-color:var(--border-medium);color:var(--text-primary);background:var(--bg-surface-hover)}.hof-account-button-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.hof-account-button-primary:hover{filter:brightness(1.1);color:#fff;background:var(--accent-primary)}.hof-account-button-danger{color:var(--error);border-color:#ef44444d;background:#ef44440f}.hof-account-button-danger:hover{background:#ef444426;border-color:var(--error);color:var(--error)}.hof-account-battletag{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:640px){.hof-account-battletag{max-width:none}}.hof-spin{animation:hof-spin-kf 1s linear infinite}@keyframes hof-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hof-link-hover:hover{color:var(--accent-primary)!important}.hof-bnet-icon{display:inline-block;vertical-align:middle;flex-shrink:0;object-fit:contain}.hof-bnet-button-primary,.hof-account-button-primary:has(.hof-bnet-icon){background:var(--bnet-primary-bg)!important;color:var(--bnet-primary-text)!important;border:1px solid var(--bnet-primary-border)!important;box-shadow:var(--bnet-primary-shadow);transition:all var(--transition-fast);filter:none!important}.hof-bnet-button-primary:hover,.hof-account-button-primary:has(.hof-bnet-icon):hover{background:var(--bnet-primary-hover-bg)!important;color:var(--bnet-primary-text)!important;border-color:var(--bnet-primary-hover-border)!important;box-shadow:var(--bnet-primary-hover-shadow);filter:none!important}.hof-bnet-button-primary:disabled,.hof-account-button-primary:has(.hof-bnet-icon):disabled{opacity:.65;cursor:not-allowed;background:var(--bnet-primary-bg)!important;color:var(--bnet-primary-text)!important;border-color:var(--bnet-primary-border)!important}.hof-bnet-button-primary span,.hof-account-button-primary:has(.hof-bnet-icon) span{color:inherit!important}.hof-bnet-button,.hof-bnet-button-utility,.hof-account-button:has(.hof-bnet-icon):not(.hof-bnet-button-primary):not(.hof-account-button-primary){background:var(--bnet-utility-bg)!important;color:var(--bnet-utility-text)!important;border:1px solid var(--bnet-utility-border)!important;box-shadow:none;transition:all var(--transition-fast)}.hof-bnet-button:hover,.hof-bnet-button-utility:hover,.hof-account-button:has(.hof-bnet-icon):not(.hof-bnet-button-primary):not(.hof-account-button-primary):hover{background:var(--bnet-utility-hover-bg)!important;color:var(--bnet-utility-hover-text)!important;border-color:var(--bnet-utility-hover-border)!important;filter:none!important}.hof-bnet-button:disabled,.hof-bnet-button-utility:disabled,.hof-account-button:has(.hof-bnet-icon):not(.hof-bnet-button-primary):not(.hof-account-button-primary):disabled{opacity:.6;cursor:not-allowed;background:var(--bnet-utility-bg)!important;color:var(--bnet-utility-text)!important;border-color:var(--bnet-utility-border)!important}.hof-bnet-button span,.hof-bnet-button-utility span,.hof-account-button:has(.hof-bnet-icon) span{color:inherit!important}.hof-bnet-avatar-badge{width:56px;height:56px;border-radius:50%;background:var(--bnet-badge-bg);border:1px solid var(--bnet-badge-border);box-shadow:var(--bnet-badge-shadow);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.hof-footer-discord-link{display:inline-flex;align-items:center;transition:opacity var(--transition-fast),transform var(--transition-fast)}.hof-footer-discord-link:hover{opacity:.85;transform:translateY(-1px)}.hof-guild-header-identity{display:flex;align-items:center;gap:.75rem;min-width:0;flex-wrap:wrap}.hof-guild-header-titles{display:flex;flex-direction:column;min-width:0}.hof-manage-guild-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0}.hof-manage-guild-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-glow, rgba(245, 158, 11, .15))}.hof-rank-editor-table th{font-family:var(--font-heading);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.hof-input-error{border-color:var(--danger, #ef4444)!important}.hof-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow, rgba(245, 158, 11, .2))}@media(max-width:640px){.hof-guild-header-identity{gap:.5rem}}