*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{min-height:100vh;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none}ul[class],ol[class]{list-style:none;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{color-scheme:dark;--c-void-950: #0f0c23;--c-void-900: #120f30;--c-void-850: #160d33;--c-void-800: #151136;--c-void-700: #221846;--c-void-600: #212048;--c-void-550: #241f4e;--c-void-500: #2b244f;--c-void-450: #2c184e;--c-void-400: #39368d;--c-void-350: #41296a;--c-void-300: #565c87;--c-indigo-400: #3a3c72;--c-white: #ffffff;--c-black: #000000;--c-mist-50: #ffffff;--c-mist-200: #a2a3c5;--c-mist-300: #aa9cc0;--c-mist-400: #8890b5;--c-mist-500: #6a5fa4;--c-gold-300: #ffe095;--c-gold-400: #ffd700;--c-gold-500: #f2bf43;--c-gold-600: #cc9f2d;--c-violet-300: #c4a5ff;--c-violet-400: #a073ff;--c-green-500: #1fb25a;--c-amber-500: #f2b746;--c-red-500: #e65a5a;--color-bg: var(--c-void-800);--color-bg-alt: var(--c-void-900);--color-surface: var(--c-void-700);--color-surface-alt: var(--c-void-500);--color-surface-hover: var(--c-void-450);--color-surface-sunken: var(--c-void-600);--color-text: var(--c-mist-50);--color-text-muted: var(--c-mist-200);--color-text-faint: var(--c-mist-400);--color-text-inverse: var(--c-void-800);--color-text-accent: var(--c-gold-400);--color-border: var(--c-indigo-400);--color-border-strong: var(--c-void-300);--color-border-accent: var(--c-mist-300);--color-accent: var(--c-gold-500);--color-accent-hover: var(--c-gold-600);--color-accent-contrast: var(--c-void-800);--color-accent-2: var(--c-violet-400);--color-accent-2-hover: var(--c-violet-300);--color-highlight: var(--c-gold-400);--color-focus-ring: var(--c-gold-400);--color-success: var(--c-green-500);--color-warning: var(--c-amber-500);--color-danger: var(--c-red-500);--cost-1: #b8c0d8;--cost-2: #11b288;--cost-3: #2a7fd4;--cost-4: #b14ad4;--cost-5: #e0a32e;--cost-6: #e05a4a;--clip-hex: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);--shadow-glow-cost: 0 0 20px -4px var(--tag-color);--star-1: #dfe7f2;--star-2: #f5b524;--star-3: #ffd91c;--star-4: #3fe3f0;--tier-bronze: #b06a3b;--tier-silver: #9aa4b0;--tier-gold: #e0a32e;--tier-prismatic: #7fd8e0;--tier-unique: #d4a5f0;--tier-inactive: var(--c-mist-500);--item-component: #b8c0d8;--item-completed: #4a90ff;--item-artifact: #e0a32e;--item-emblem: #11b288;--item-radiant: #f0d98a;--item-support: #7fd8e0;--rank-iron: #6b6b6b;--rank-bronze: #a0673c;--rank-silver: #93a1ad;--rank-gold: #e0a32e;--rank-platinum: #2fbfa8;--rank-emerald: #23a55a;--rank-diamond: #4a90ff;--rank-master: #a855c7;--rank-grandmaster: #dc2626;--rank-challenger: #7fd8e0;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-hero: clamp(2rem, 1.1rem + 4vw, 4rem);--leading-tight: 1.2;--leading-normal: 1.5;--leading-loose: 1.7;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-widest: .16em;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 10px;--radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--bevel: 10px;--bevel-sm: 6px;--scrim-rgb: 15 12 35;--shadow-glow-accent: 0 0 18px rgb(242 191 67 / .24);--shadow-glow-accent-lg: 0 0 26px rgb(242 191 67 / .16);--text-shadow-hero: 0 2px 18px rgb(0 0 0 / .7);--text-shadow-hero-sm: 0 1px 12px rgb(0 0 0 / .7);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 14px rgb(0 0 0 / .45);--shadow-lg: 0 16px 40px rgb(0 0 0 / .5);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--container-narrow: 720px;--container-base: 1120px;--container-wide: 1120px;--gutter: var(--space-4);--header-bar-height: 64px;--header-nav-height: 44px;--header-height: calc(var(--header-bar-height) + var(--header-nav-height))}@media(min-width:768px){:root{--gutter: var(--space-5)}}@media(min-width:1024px){:root{--gutter: var(--space-6)}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);font-weight:var(--weight-bold)}h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:2px}::selection{color:var(--color-accent-contrast);background-color:var(--color-accent)}::placeholder{color:var(--color-text-faint)}@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:min(var(--container-base),100% - var(--gutter) * 2);margin-inline:auto}.container--narrow{width:min(var(--container-narrow),100% - var(--gutter) * 2)}.container--wide{width:min(var(--container-wide),100% - var(--gutter) * 2)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4))}.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-2));align-items:center}.grid-auto{display:grid;gap:var(--grid-gap, var(--space-4));grid-template-columns:repeat(auto-fill,minmax(var(--grid-min, 160px),1fr))}.section{padding-block:var(--space-7)}@media(min-width:768px){.section{padding-block:var(--space-9)}}.section--tight{padding-block-start:var(--space-5)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding-inline:var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);background-color:var(--color-surface-alt);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.button:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-accent)}.button--primary{color:var(--color-accent-contrast);background-color:var(--color-accent);border-color:var(--color-accent)}.button--primary:hover{color:var(--color-accent-contrast);background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button--ghost{background-color:transparent;border-color:var(--color-border)}.button[data-size=sm]{min-height:36px;padding-inline:var(--space-3);font-size:var(--text-xs)}.button[data-size=lg]{min-height:52px;padding-inline:var(--space-6);font-size:var(--text-base)}.breadcrumb{margin-block-end:var(--space-5);font-size:var(--text-xs)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);list-style:none;padding-left:0}.breadcrumb li{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-border)}.breadcrumb a{color:var(--color-text-faint);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out)}.breadcrumb a:hover{color:var(--color-text-accent);text-decoration:underline}.breadcrumb li[aria-current=page]{font-weight:var(--weight-semibold);color:var(--color-text)}.page-head{display:flex;flex-direction:column;gap:var(--space-2);margin-block-end:var(--space-6)}.page-head h1{font-size:var(--text-3xl)}.page-head__lead{max-width:var(--container-narrow);color:var(--color-text-muted)}.page-head__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-2)}.link{color:var(--color-text-accent);text-underline-offset:3px}.link:hover{text-decoration:underline}.link--muted{color:var(--color-text-muted)}.card,.panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.panel{padding:var(--space-5)}.card--interactive{transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.card--interactive:hover{background-color:var(--color-surface-alt);border-color:var(--color-border-accent);transform:translateY(-2px)}[data-tier=bronze]{--tier-color: var(--tier-bronze)}[data-tier=silver]{--tier-color: var(--tier-silver)}[data-tier=gold]{--tier-color: var(--tier-gold)}[data-tier=unique]{--tier-color: var(--tier-unique)}[data-tier=prismatic]{--tier-color: var(--tier-prismatic)}[data-tier=inactive]{--tier-color: var(--tier-inactive)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--tag-color, var(--color-text-muted));background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--tag-color, var(--color-border));border-radius:var(--radius-sm)}.tag[data-cost="1"]{--tag-color: var(--cost-1)}.tag[data-cost="2"]{--tag-color: var(--cost-2)}.tag[data-cost="3"]{--tag-color: var(--cost-3)}.tag[data-cost="4"]{--tag-color: var(--cost-4)}.tag[data-cost="5"]{--tag-color: var(--cost-5)}.tag[data-tier]{--tag-color: var(--tier-color)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text);background-color:var(--tier-color, var(--tier-inactive));border:var(--border-width) solid var(--tier-color, var(--tier-inactive));border-radius:var(--radius-sm)}.tier-badge[data-tier=prismatic]{background:conic-gradient(from 0deg,#fff,#caa8f3,#a6ebff,#fff,#ffd5ea,#ffc7bd,#fff 90%,#caa8f3);border-color:#fff;color:#1d1616b3}.skeleton{background-color:var(--color-surface-alt);border-radius:var(--radius-sm)}.empty-state,.error-state{padding:var(--space-6);text-align:center;color:var(--color-text-muted);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md)}.empty-state__title,.error-state__title{font-weight:var(--weight-semibold);color:var(--color-text)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-5);border-top:var(--border-width) solid var(--color-border)}.pagination__status{font-size:var(--text-sm)}.pagination [aria-disabled=true]{opacity:.4;pointer-events:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.bevel{--_bevel: var(--bevel);clip-path:polygon(var(--_bevel) 0,calc(100% - var(--_bevel)) 0,100% var(--_bevel),100% calc(100% - var(--_bevel)),calc(100% - var(--_bevel)) 100%,var(--_bevel) 100%,0 calc(100% - var(--_bevel)),0 var(--_bevel))}.bevel--sm{--_bevel: var(--bevel-sm)}.tp{position:absolute;top:0;left:0;z-index:var(--z-tooltip);width:max-content;max-width:min(360px,calc(100vw - var(--space-6)));visibility:hidden;pointer-events:none;filter:drop-shadow(var(--shadow-lg))}.tp-loading,.tp-error{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.tp-error{color:var(--color-danger)}.tp-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4);background-color:rgb(var(--scrim-rgb) / .72)}.tp-mobile{position:relative;width:min(420px,100%);max-height:85vh;overflow-y:auto;padding:var(--space-3);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.tp-mobile-close{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);display:grid;place-items:center;width:32px;height:32px;padding:0;font-size:var(--text-base);line-height:1;color:var(--color-text-muted);cursor:pointer;background:none;border:0;border-radius:var(--radius-full)}.tp-mobile-close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.tp-mobile-content{margin-block-start:0}.tp-mobile-content>*{width:100%;max-width:none}.tp-mobile-link{display:block;margin-block-start:var(--space-4);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent-contrast);text-align:center;text-decoration:none;background-color:var(--color-accent);border-radius:var(--radius-md)}.tp-mobile-link:hover{background-color:var(--color-accent-hover)}.site-header{position:static;background-color:var(--color-bg-alt);border-bottom:var(--border-width) solid var(--color-border)}.skip-link{position:absolute;z-index:100;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-bg);background:var(--color-text);transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.site-header__bar{border-bottom:var(--border-width) solid var(--color-border)}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding-block:var(--space-3);min-height:var(--header-bar-height)}.site-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);flex-shrink:0;min-width:44px;min-height:44px}.site-brand__logo{flex-shrink:0;width:32px;height:auto}.site-header .site-brand__name{display:none}.site-header__search{flex:1 1 0;min-width:0;max-width:440px}.site-header .site-header__cta{display:none;flex-shrink:0;margin-left:auto;min-height:40px;padding-inline:var(--space-4)}.site-header__navbar{background-color:var(--color-bg)}.site-nav{overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav__list{display:flex;align-items:stretch;gap:var(--space-1)}.site-nav__link{display:inline-flex;align-items:center;height:var(--header-nav-height);padding-inline:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;color:var(--color-text-muted);border-bottom:var(--border-width-thick) solid transparent;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.site-nav__link:hover{color:var(--color-text);border-bottom-color:var(--color-border-strong)}.site-nav__link[data-active=true]{color:var(--color-text-accent);border-bottom-color:var(--color-accent)}@media(min-width:768px){.site-header .site-brand__name{display:inline}.site-header .site-header__cta{display:inline-flex}}.site-footer{margin-top:var(--space-9);padding-top:var(--space-7);background-color:var(--color-bg-alt);border-top:var(--border-width) solid var(--color-border)}.site-footer__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6) var(--space-4)}.site-footer__brand{grid-column:1 / -1;max-width:44ch}.site-footer__blurb{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.site-footer__title{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-accent)}.site-footer__list{display:flex;flex-direction:column;gap:var(--space-2)}.site-footer__link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-base) var(--ease-out)}.site-footer__link:hover{color:var(--color-text)}.site-footer__bottom{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);align-items:baseline;margin-top:var(--space-7);padding-block:var(--space-4);font-size:var(--text-xs);border-top:var(--border-width) solid var(--color-border)}@media(min-width:768px){.site-footer__grid{grid-template-columns:2fr repeat(3,1fr)}.site-footer__brand{grid-column:auto}}