.navigation-OVpvmE{height:var(--nav-height);z-index:var(--z-index-sticky);background:0 0;position:sticky;top:0}.navShell-COUw4f{width:100%;max-width:var(--max-width-2xl);background-color:#0f0f0f;border-bottom:1px solid #1c1c1c;margin:0 auto;padding:0;box-shadow:0 2px 6px #00000059}.container-Y_D7TM{padding:0 var(--container-padding);height:var(--nav-height);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.logo-cbh_vV{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:var(--transition-fast);display:flex}.logo-cbh_vV:hover{color:var(--accent-primary)}.navList-PjjsMR{gap:var(--spacing-md);align-items:center;display:flex}.navLink-gEgw0W{padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);position:relative}.navLink-gEgw0W:hover{color:var(--text-primary)}.navLink-gEgw0W.active-Y8pQNE{color:var(--accent-primary)}.navLink-gEgw0W.active-Y8pQNE:after{content:"";background:linear-gradient(90deg,#f8a300 0%,#ffce5c 100%);height:2px;position:absolute;bottom:-6px;left:0;right:0}.authSection-dt4MWu,.userArea-rOzRKu{align-items:center;gap:var(--spacing-sm);display:flex}.characterSelect-_ZNLlF{min-width:210px}.characterDropdown-nsthhj{width:100%;color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);background-color:#161616}.characterSelectText-V_cfp2{color:var(--text-secondary);font-size:var(--font-size-sm)}.username-UcZw6E{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.authButton-iC1VV_{padding:var(--spacing-sm)var(--spacing-lg);background-color:var(--accent-primary);color:var(--bg-primary);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.authButton-iC1VV_:hover{background-color:var(--color-legendary);transform:translateY(-1px)}@media (max-width:768px){.navList-PjjsMR{gap:var(--spacing-sm)}.navLink-gEgw0W{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs)}.username-UcZw6E{display:none}}.layout-HRM7F6{flex-direction:column;min-height:100vh;display:flex}.main-ioD5ny{width:100%;max-width:var(--max-width-2xl);padding:var(--spacing-lg)var(--container-padding);flex:1;margin:0 auto}@media (max-width:768px){.main-ioD5ny{padding:var(--spacing-md)var(--container-padding)}}.loading-bT50VU{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:200px;display:flex}.spinner-_UOOjs{border:4px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:var(--radius-full);width:60px;height:60px;animation:1s linear infinite spin-JowWz7}.text-BgS0xM{color:var(--text-secondary);font-size:var(--font-size-md)}@keyframes spin-JowWz7{to{transform:rotate(360deg)}}.home-LUr_TJ{text-align:center;max-width:800px;padding:var(--spacing-3xl)var(--spacing-md);margin:0 auto}.title-JlT2Ck{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--accent-primary);margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px #00000080}.subtitle-cTMPGC{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.features-VeK1DY{gap:var(--spacing-lg);margin-top:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feature-x6iNZs{padding:var(--spacing-lg);background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);transition:var(--transition-medium)}.feature-x6iNZs:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-4px)}.featureIcon-_pcdrd{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.featureTitle-Tsox_o{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.featureDescription-BFBhLl{font-size:var(--font-size-sm);color:var(--text-secondary)}.cta-yvhsZj{margin-top:var(--spacing-3xl)}.loginButton-T0ZEVW{padding:var(--spacing-md)var(--spacing-2xl);background-color:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:var(--transition-medium);box-shadow:var(--shadow-md)}.loginButton-T0ZEVW:hover{background-color:var(--color-legendary);box-shadow:var(--shadow-legendary);transform:translateY(-2px)scale(1.05)}@media (max-width:768px){.title-JlT2Ck{font-size:var(--font-size-3xl)}.subtitle-cTMPGC{font-size:var(--font-size-lg)}}.wrapper-rv7psn{max-width:1160px;padding:var(--container-padding);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.header-QGjH7r{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.infoRow-scLeCQ{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.title-o38hG2{text-align:center}.header-QGjH7r h1{margin-bottom:var(--spacing-xs)}.header-QGjH7r p{color:var(--text-secondary);margin:0}.error-Ijvvdy{color:var(--accent-error);border:1px solid var(--accent-error);padding:var(--spacing-sm)var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-sm);background-color:#ef44441a;display:flex}.retry-D2tdSs{background-color:var(--accent-primary);color:var(--bg-primary);padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-legendary);cursor:pointer;font-weight:var(--font-weight-medium)}.empty-_nr9Rx{color:var(--text-secondary)}.notice-qI0PNx{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px dashed var(--accent-info);background-color:#0070dd14;display:inline-flex}.controlsRow-mhKwo0{margin:var(--spacing-sm)0;justify-content:center;display:flex}.centerControls-yAc9fY{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:inline-flex}.controls-OHNzkU{align-items:center;gap:var(--spacing-sm);display:inline-flex}.label-U8ywr1{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.select-Xlia3V{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm)}.search-KQ5It2{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);min-width:180px}.toggle-xNeBQQ{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);display:inline-flex}.summaryRow-uEALA4{gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);align-items:center;display:inline-flex}.selectedInfo-Hxo7c3{gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-primary);align-items:center;margin:0 auto;display:inline-flex}.selectedName-iGvaSf{color:var(--accent-primary);font-weight:var(--font-weight-bold)}.selectedRealm-XAAXc7,.selectedLevel-_RlGSc{color:var(--text-secondary)}.summaryBox-N7YnY8{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);display:inline-flex}.groups-NpYsZo{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.group-zhYOMd{border:1px solid var(--border-primary)}.groupHeader-l7rOan{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;grid-template-columns:1fr auto auto;align-items:center;display:grid}.groupToggle-nciL6F{text-align:right;font-size:var(--font-size-lg)}.table-bqOLb9{width:100%}.tableHead-x4nSpo{gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);color:var(--text-secondary);background-color:var(--bg-tertiary);top:var(--nav-height);z-index:var(--z-index-sticky);grid-template-columns:2fr 1.2fr 2fr 1.2fr 1fr;display:grid;position:sticky}.headButton-BDe0sA{color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;padding:var(--spacing-xs)0;cursor:pointer;background:0 0;border:none}.headButton-BDe0sA[aria-pressed=true]{color:var(--text-primary);font-weight:var(--font-weight-medium)}.headButton-BDe0sA:hover{color:var(--text-primary)}.repList-NXKohz{list-style:none}.emptyRow-nWnGRl{padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);border-top:1px solid var(--border-primary)}.row-dUFFuS{gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);border-top:1px solid var(--border-primary);grid-template-columns:2fr 1.2fr 2fr 1.2fr 1fr;align-items:center;display:grid}.rowNotStarted-pJBhie{color:var(--text-tertiary)}.colFaction-ZDWIPs{color:var(--text-primary);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xs);display:flex}.repName-y2EyjG{gap:2px;display:inline-flex}.repName-y2EyjG mark,.highlight-k1Lw2y{color:var(--text-primary);background-color:#f8a30033;padding:0 2px}.factionIcon-XwHddi{object-fit:contain;width:18px;height:18px;display:inline-block}.colStanding-atn0am{color:var(--accent-info)}.badgeMuted-ftsyHx{border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-muted);border:1px dashed var(--border-primary);font-size:var(--font-size-xs);text-transform:lowercase;align-items:center;padding:2px 8px;display:inline-flex}.colNumbers-vUahMw{color:var(--text-secondary);font-size:var(--font-size-sm)}.colParagon-KQNbVm{color:var(--color-legendary);font-size:var(--font-size-sm)}.progressTrack-ABb1C3{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);width:100%;height:10px;position:relative}.progressTrackMuted-bjEA4Z{background-color:var(--bg-secondary);border-style:dashed}.progressFill-IDG9fP{background:linear-gradient(90deg,var(--accent-primary)0%,var(--color-legendary)100%);height:100%;transition:width var(--transition-slow)}.progressText-NN9Myw{color:var(--text-primary);font-size:var(--font-size-xs);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.paragon-K8mMiy{color:var(--color-legendary)}@media (max-width:900px){.tableHead-x4nSpo,.row-dUFFuS{grid-template-columns:1.5fr 1fr 1.5fr;grid-auto-rows:auto}.colNumbers-vUahMw,.colParagon-KQNbVm{grid-column:span 3}}.wrapper-I54q29{max-width:1160px;padding:var(--container-padding);gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.header-dh3KS8{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.title-Bda5tC{margin:0}.summary-_Ggb0E{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);margin:0 auto;display:inline-flex}.controls-AvdxgI{justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.search-xiTyLz{min-width:220px;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.toggle-g7WOL3{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);display:inline-flex}.paginationControls-deJHPn{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:inline-flex}.pageSizeLabel-jY_ya6{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);display:inline-flex}.pageSizeSelect-X7g7Po{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--spacing-xs)var(--spacing-sm)}.pageButtons-yXSci3{align-items:center;gap:var(--spacing-xs);display:inline-flex}.pageButtons-yXSci3 button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--spacing-xs)var(--spacing-sm);cursor:pointer}.pageButtons-yXSci3 button:disabled{opacity:.5;cursor:not-allowed}.pageIndicator-jwW8fZ{color:var(--text-secondary);font-size:var(--font-size-xs)}.paginationBar-yMcovA{justify-content:center;display:flex}.grid-Fe9vH_{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;display:grid}.tile-Q4t5EW{align-items:center;gap:var(--spacing-xxs);color:inherit;transition:var(--transition-medium);flex-direction:column;text-decoration:none;display:flex}.tile-Q4t5EW:hover{transform:translateY(-2px)scale(1.02)}.iconWrapper-kXhGKF{width:60px;height:60px;position:relative}.icon-OINqZA{object-fit:contain;border-radius:var(--radius-sm);width:60px;height:60px;position:absolute;top:0;bottom:0;left:0;right:0}.iconDim-zxAksL{filter:grayscale()brightness(.75)}.iconPlaceholder-Cl7vOz{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:var(--font-weight-bold);border:1px dashed var(--border-primary);justify-content:center;align-items:center;display:inline-flex}.iconPlaceholderText-vVIPlg{font-size:var(--font-size-lg)}.iconSkeleton-WjYMf4{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:linear-gradient(135deg,#ffffff14,#ffffff05);animation:1.2s ease-in-out infinite pulse-Qd1iWp;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulse-Qd1iWp{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.badgeRow-CWgS8Z{min-height:18px;margin-top:var(--spacing-xxs);justify-content:center;align-items:center;display:flex}.badgeOwned-DcOEYL{background-color:var(--accent-success);color:var(--bg-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;width:80px;font-size:var(--font-size-xs);padding:2px 4px}.badgeMissing-yXpLXA{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);border:1px dashed var(--border-primary);width:80px;font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;font-size:var(--font-size-xs);padding:2px 4px}.badgeId-DMjbqx{background-color:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-primary);padding:2px 8px}.wowhead-asWM4V{font-size:var(--font-size-xs);color:var(--accent-primary);border:1px solid var(--border-primary);border-radius:var(--radius-full);transition:var(--transition-fast);align-items:center;min-height:24px;padding:2px 6px;text-decoration:none;display:inline-flex}.wowhead-asWM4V:hover{color:var(--color-legendary);border-color:var(--color-legendary)}.empty-gZpWZV{color:var(--text-secondary)}.error-QyvSYe{color:var(--accent-error);padding:var(--spacing-md);border:1px solid var(--accent-error);background-color:#ef44441a}@media (max-width:640px){.card-hSHtNN{flex-direction:row}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none}:root{--color-legendary:#f8a300;--color-epic:#b38cff;--color-rare:#3aa0ff;--color-uncommon:#3dd16c;--color-common:silver;--color-poor:#8c8c8c;--color-alliance:#0078ff;--color-horde:#b30000;--bg-primary:#0b0d11;--bg-secondary:#10131a;--bg-tertiary:#161b24;--bg-quaternary:#1d2430;--bg-card:#11141b;--bg-card-hover:#161c26;--bg-overlay:#000c;--bg-modal:#000000e6;--text-primary:#f0f3ff;--text-secondary:#c7cde5;--text-tertiary:#96a0c2;--text-muted:#6b738f;--text-disabled:#3f4658;--border-primary:#1e2432;--border-secondary:#2b3345;--border-tertiary:#37415a;--border-light:#44516a;--accent-primary:#f8a300;--accent-secondary:#c65bff;--accent-success:#2ee3a1;--accent-warning:#f8c200;--accent-error:#f06161;--accent-info:#4ab3ff;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-family-primary:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-heading:"Cinzel","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"Courier New",Courier,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-none:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-2xl:0;--radius-full:0;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 2px 4px #00000080;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 8px 12px #00000080;--shadow-xl:0 12px 24px #0009;--shadow-2xl:0 20px 40px #000000b3;--shadow-inner:inset 0 2px 4px #0009;--shadow-legendary:0 0 10px #ff800080;--shadow-epic:0 0 10px #a335ee80;--shadow-rare:0 0 10px #0070dd80;--transition-fast:.15s ease;--transition-medium:.25s ease;--transition-slow:.35s ease;--transition-all-fast:all .15s ease;--transition-all-medium:all .25s ease;--transition-all-slow:all .35s ease;--z-index-base:0;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1200px;--max-width-2xl:1160px;--max-width-full:100%;--container-padding:var(--spacing-md);--nav-height:56px;--footer-height:80px;--grid-gap:var(--spacing-md);--grid-gap-sm:var(--spacing-sm);--grid-gap-lg:var(--spacing-lg);--card-min-width:250px;--card-max-width:350px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--opacity-0:0;--opacity-10:.1;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-80:.8;--opacity-90:.9;--opacity-100:1}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.grid{display:grid}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width),1fr));gap:var(--grid-gap);display:grid}.grid-cols-2{gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);display:grid}.grid-cols-3{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr);display:grid}.grid-cols-4{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);display:grid}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-legendary{color:var(--color-legendary)}.text-epic{color:var(--color-epic)}.text-rare{color:var(--color-rare)}.text-uncommon{color:var(--color-uncommon)}.text-common{color:var(--color-common)}.text-alliance{color:var(--color-alliance)}.text-horde{color:var(--color-horde)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border:1px solid var(--border-primary)}.border-secondary{border:1px solid var(--border-secondary)}.border-top{border-top:1px solid var(--border-primary)}.border-bottom{border-bottom:1px solid var(--border-primary)}.border-left{border-left:1px solid var(--border-primary)}.border-right{border-right:1px solid var(--border-primary)}.border-legendary{border:2px solid var(--color-legendary)}.border-epic{border:2px solid var(--color-epic)}.border-rare{border:2px solid var(--color-rare)}.border-uncommon{border:2px solid var(--color-uncommon)}.border-common{border:2px solid var(--color-common)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.opacity-0{opacity:var(--opacity-0)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:var(--opacity-75)}.opacity-100{opacity:var(--opacity-100)}.transition-fast{transition:var(--transition-all-fast)}.transition-medium{transition:var(--transition-all-medium)}.transition-slow{transition:var(--transition-all-slow)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}.hover-opacity:hover{opacity:.8}.container{width:100%;max-width:var(--max-width-2xl);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.container-sm{max-width:var(--max-width-sm)}.container-md{max-width:var(--max-width-md)}.container-lg{max-width:var(--max-width-lg)}.container-xl{max-width:var(--max-width-xl)}.bg-gradient-legendary{background:linear-gradient(135deg,#ff800033 0%,#ff80000d 100%)}.bg-gradient-epic{background:linear-gradient(135deg,#a335ee33 0%,#a335ee0d 100%)}.bg-gradient-rare{background:linear-gradient(135deg,#0070dd33 0%,#0070dd0d 100%)}.bg-gradient-uncommon{background:linear-gradient(135deg,#1eff0033 0%,#1eff000d 100%)}.border-glow-legendary{border:2px solid var(--color-legendary);box-shadow:0 0 10px #ff800066,inset 0 0 10px #ff80001a}.border-glow-epic{border:2px solid var(--color-epic);box-shadow:0 0 10px #a335ee66,inset 0 0 10px #a335ee1a}.border-glow-rare{border:2px solid var(--color-rare);box-shadow:0 0 10px #0070dd66,inset 0 0 10px #0070dd1a}.border-glow-uncommon{border:2px solid var(--color-uncommon);box-shadow:0 0 10px #1eff0066,inset 0 0 10px #1eff001a}.card{background-color:var(--bg-card);padding:var(--spacing-md);border:1px solid var(--border-primary);transition:var(--transition-all-medium)}.card:hover{background-color:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0006}.card-owned{opacity:.7;position:relative}.card-owned:after{content:"✓";top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--accent-success);color:var(--text-primary);border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;position:absolute}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:var(--transition-all-fast);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;display:inline-flex}.btn-primary{color:#1a1205;background:linear-gradient(90deg,#f8a300 0%,#ffce5c 100%);border:1px solid #f8a300}.btn-primary:hover{background:linear-gradient(90deg,#ffb41a 0%,#ffd36f 100%);transform:translateY(-1px);box-shadow:0 8px 20px #f8a30059}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-secondary);background-color:#161b24}.btn-secondary:hover{border-color:var(--border-tertiary);background-color:#1d2430}.btn-alliance{background-color:var(--color-alliance);color:var(--text-primary)}.btn-alliance:hover{background-color:#06d;box-shadow:0 0 10px #0078ff80}.btn-horde{background-color:var(--color-horde);color:var(--text-primary)}.btn-horde:hover{background-color:#9d0000;box-shadow:0 0 10px #b3000080}.progress-bar{background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-primary);width:100%;height:24px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--accent-primary)0%,var(--color-legendary)100%);height:100%;transition:width var(--transition-slow);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;display:flex}.progress-bar-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-shadow:0 1px 2px #000c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;align-items:center;display:inline-flex}.badge-legendary{background-color:var(--color-legendary);color:var(--bg-primary)}.badge-epic{background-color:var(--color-epic);color:var(--text-primary)}.badge-rare{background-color:var(--color-rare);color:var(--text-primary)}.badge-uncommon{background-color:var(--color-uncommon);color:var(--bg-primary)}.badge-common{background-color:var(--color-common);color:var(--text-primary)}.input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:var(--transition-all-fast)}.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ff80001a}.input::placeholder{color:var(--text-muted)}.select{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-all-fast)}.select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ff80001a}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-quaternary);border-radius:var(--radius-md);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:4px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:1s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.spinner-lg{border-width:6px;width:60px;height:60px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--bg-modal);color:var(--text-primary);font-size:var(--font-size-sm);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);margin-bottom:var(--spacing-xs);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}html{scrollbar-gutter:stable;overflow-y:scroll}body{font-family:var(--font-family-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 20%,#f8a3000f,#0000 30%),radial-gradient(circle at 80% 10%,#3aa0ff0f,#0000 28%),radial-gradient(circle at 70% 75%,#b67bff0d,#0000 32%);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--accent-primary);transition:var(--transition-fast)}a:hover{color:var(--color-legendary);text-decoration:underline}code{font-family:var(--font-family-mono);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}pre{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow-x:auto}pre code{background-color:#0000;padding:0}::selection{background-color:var(--accent-primary);color:var(--bg-primary);background-color:var(--accent-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:disabled,.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}img{max-width:100%;height:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){:root{--container-padding:var(--spacing-sm);--grid-gap:var(--spacing-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (max-width:480px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}@media print{body{color:#000;background-color:#fff}.no-print{display:none!important}}