:root{--color-bg: #121212;--color-panel: #1e1e1e;--color-panel-raised: #262626;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-text-dim: #bdbdbd;--color-accent: #d2ad70;--color-accent-dim: #c89b1a;--color-gold: #ffd100;--color-gold-light: #ebce9a;--color-danger: #ff4d4d;--color-ok: #7fbf6a;--color-unknown: #8a8a8a;--class-warrior: #c79c6e;--class-paladin: #f58cba;--class-hunter: #abd473;--class-rogue: #fff569;--class-priest: #ffffff;--class-shaman: #0070de;--class-mage: #69ccf0;--class-warlock: #9482c9;--class-druid: #ff7d0a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius: 8px;--font-ui: "Open Sans", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;--touch-target: 44px}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 50% 120px,rgb(210 173 112 / .08),transparent 600px),var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:16px;line-height:1.55}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-gold-light);text-decoration:underline}.data-credit{color:var(--color-text-dim);font-size:.9rem;margin:.35rem 0 0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.25}h1,h2{color:var(--color-gold);letter-spacing:.02em}h3{color:var(--color-gold-light)}h4{margin:var(--space-4) 0 var(--space-2);color:var(--color-gold-light);font-family:var(--font-display);font-size:1rem}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.site-shell{min-height:100vh;display:flex;flex-direction:column}main#main{flex:1;width:100%;padding-bottom:var(--space-8)}.skip-link{position:absolute;left:var(--space-4);top:-64px;z-index:100;background:var(--color-accent);color:#121212;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius);transition:top .15s ease}.skip-link:focus{top:var(--space-2)}.site-header{background:var(--color-panel);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-height:60px}.site-brand{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.02em;color:var(--color-text)}.site-brand-name{color:var(--color-text)}.site-brand-accent{color:var(--color-gold)}.site-brand-logo{display:block;flex:0 0 auto;width:30px;height:30px;border-radius:5px;box-shadow:0 0 0 1px #d2ad7047}.site-brand:hover{text-decoration:none}.nav-toggle-label{display:none;margin-left:auto;min-width:var(--touch-target);min-height:var(--touch-target);align-items:center;justify-content:center;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.nav-toggle:focus-visible+.nav-toggle-label{outline:2px solid var(--color-accent);outline-offset:2px}.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin-left:auto}.site-nav a,.site-nav summary{display:flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius);color:var(--color-text);font-size:.95rem;list-style:none;cursor:pointer}.site-nav a:hover,.site-nav summary:hover,.nav-group[open]>summary{background:var(--color-panel-raised);color:var(--color-accent);text-decoration:none}.nav-group{position:relative}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:"";margin-left:var(--space-2);border:5px solid transparent;border-top-color:currentColor;transform:translateY(2px)}.nav-group-menu{position:absolute;top:100%;right:0;z-index:50;display:grid;gap:2px;min-width:210px;padding:var(--space-2);background:var(--color-panel-raised);border:1px solid var(--color-border);border-radius:var(--radius)}.nav-group-menu a{min-height:var(--touch-target)}@media(max-width:900px){.nav-toggle-label{display:flex}.site-nav{display:none;width:100%;margin-left:0;flex-direction:column;align-items:stretch;padding-bottom:var(--space-4)}.nav-toggle:checked~.site-nav{display:flex}.nav-group-menu{position:static;border:none;background:transparent;padding:0 0 0 var(--space-4)}}.site-footer{margin-top:auto;padding:var(--space-6) 0;background:var(--color-panel);border-top:1px solid var(--color-border);color:var(--color-text-dim);font-size:.9rem}.site-footer p{margin:0 0 var(--space-2)}.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-4);margin-top:var(--space-3)}.footer-label{color:var(--color-text-dim);font-size:.85rem}.footer-nav a{display:inline-flex;align-items:center;min-height:var(--touch-target)}.footer-ai{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.footer-ai-title{margin:0 0 var(--space-1);font-size:1.05rem;letter-spacing:.02em}.footer-ai-lead{margin:0 0 var(--space-1);color:var(--color-text);font-weight:600}.footer-ai-copy{max-width:68ch;margin:0 0 var(--space-3)}.ai-platform-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2);max-width:780px;margin:0 0 var(--space-3);padding:0;list-style:none}.ai-platform-link{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:999px;background:var(--color-panel-raised);color:var(--color-text);font-size:.87rem;font-weight:600;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.ai-platform-link:hover{border-color:var(--color-accent);background:#d2ad701a;color:var(--color-gold-light);text-decoration:none}.ai-platform-icon{flex:0 0 auto}.ai-platform-icon--chatgpt,.ai-platform-icon--grok{color:var(--color-text)}.ai-platform-icon--claude{color:#d97757}.ai-platform-icon--perplexity{color:#2bb8c8}.footer-ai-note{max-width:68ch;margin:0;font-size:.82rem}.footer-legal{margin-top:var(--space-6)!important}.breadcrumbs{padding:var(--space-4) 0 0;font-size:.9rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;color:var(--color-text-dim)}.breadcrumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--color-border)}.breadcrumbs [aria-current=page]{color:var(--color-text)}.page-head{padding:var(--space-6) 0 var(--space-4)}.page-head h1{margin:0 0 var(--space-3);font-size:clamp(1.7rem,3.5vw,2.4rem)}.hero{position:relative;padding:clamp(2.25rem,6vw,4rem) 0 clamp(1.5rem,3vw,2.25rem);text-align:center}.hero:before,.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.hero:before{background:radial-gradient(ellipse 62% 58% at 50% 4%,rgb(255 209 0 / .075),transparent 72%),radial-gradient(ellipse 76% 46% at 50% 100%,rgb(210 173 112 / .05),transparent 76%)}.hero:after{opacity:.28;background-image:linear-gradient(rgb(210 173 112 / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(210 173 112 / .07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 54% 62% at 50% 36%,#000 4%,transparent 74%);mask-image:radial-gradient(ellipse 54% 62% at 50% 36%,#000 4%,transparent 74%)}.hero>*{position:relative;z-index:1}.hero-eyebrow{margin:0 0 var(--space-3);color:#d8b46a;font-size:.72rem;font-weight:700;letter-spacing:.2em;line-height:1.4}.hero h1{max-width:100%;margin:0 auto var(--space-4);color:var(--color-text);font-size:clamp(2rem,5.2vw,4.25rem);letter-spacing:-.015em;line-height:1.04;text-wrap:balance}.hero-title-accent{color:var(--color-gold);text-shadow:0 0 38px rgb(255 209 0 / .1)}.hero .lede{max-width:64ch;margin:0 auto var(--space-6);color:var(--color-text-dim);font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.6;text-wrap:balance}.hero-benefits{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) 18px;margin:0;padding:0;color:var(--color-text);font-size:.9rem;font-weight:600;letter-spacing:.01em;list-style:none}.hero-benefits li{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.hero-benefits li:before{content:"";flex:0 0 auto;width:5px;height:5px;background:var(--color-accent);box-shadow:0 0 8px #d2ad7073;transform:rotate(45deg)}.hero-tool{position:relative;z-index:1;padding:0 0 var(--space-6)}.lede{max-width:68ch;margin:0 0 var(--space-4);color:var(--color-text-dim);font-size:1.05rem}.page-section{padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.page-section h2{margin:0 0 var(--space-4);font-size:1.4rem}.page-section h3{font-size:1.1rem}.prose{max-width:78ch}.prose p{margin:0 0 var(--space-4)}.stage-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--color-accent-dim);border-radius:999px;background:#d7b46a14;color:var(--color-accent);font-size:.85rem}.stage-badge--sm{gap:var(--space-1);padding:1px var(--space-2);font-size:.72rem}.badge{display:inline-block;padding:1px var(--space-2);border:1px solid var(--color-unknown);border-radius:999px;color:var(--color-unknown);font-size:.75rem;line-height:1.5;white-space:nowrap}.badge-official,.badge-client_verified,.badge-footage_verified{border-color:var(--color-ok);color:var(--color-ok)}.badge-community_recorded{border-color:var(--class-mage);color:var(--class-mage)}.badge-source_estimate{border-color:var(--color-accent-dim);color:var(--color-accent)}.chip{display:inline-block;padding:1px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-raised);color:var(--color-text-dim);font-size:.78rem;white-space:nowrap}.chip-new,.chip-changed{border-color:var(--color-accent-dim);color:var(--color-accent)}.chip-moved{color:var(--class-mage)}.chip-removed{color:var(--color-danger)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin:var(--space-4) 0}.stat-card{padding:var(--space-3) var(--space-4);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius)}.stat-card .stat-num{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.stat-card .stat-label{color:var(--color-text-dim);font-size:.85rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.panel{padding:var(--space-4) var(--space-6);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius)}.panel h2,.panel h3{margin-top:0}.class-accent{color:var(--page-class-color, var(--color-accent))}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:step}.steps li{padding:var(--space-4);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius)}.steps li:before{content:counter(step);counter-increment:step;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:var(--space-2);border-radius:50%;background:var(--color-accent);color:#121212;font-weight:700}.steps h3{margin:0 0 var(--space-2);font-size:1rem}.steps p{margin:0;color:var(--color-text-dim);font-size:.92rem}.faq-item{margin-bottom:var(--space-3);background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius)}.faq-item summary{display:flex;align-items:center;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);font-weight:600;cursor:pointer}.faq-item p{margin:0;padding:0 var(--space-4) var(--space-4);color:var(--color-text-dim)}.table-scroll{overflow-x:auto;margin:var(--space-4) 0;border:1px solid var(--color-border);border-radius:var(--radius)}table.data-table{width:100%;border-collapse:collapse;background:var(--color-panel);font-size:.92rem}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.data-table th{background:var(--color-panel-raised);color:var(--color-text-dim);font-weight:600;white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.rank-list{margin:0;padding-left:var(--space-4)}.rank-list li{margin-bottom:var(--space-2)}.rank-unknown-note{margin:var(--space-2) 0 0;color:var(--color-text-dim);font-size:.82rem}.talent-meta{color:var(--color-text-dim);font-size:.82rem}.code-block{max-width:100%;overflow-x:auto;margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);background:var(--color-panel);border:1px solid var(--color-accent-dim);border-radius:var(--radius);color:var(--color-gold-light);font-size:.9rem;line-height:1.5}.code-block code{white-space:nowrap}.class-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.class-directory-list{margin:0;padding-left:var(--space-4)}.class-directory-list li{margin-bottom:var(--space-2)}.class-directory-list a{border-left:3px solid var(--card-class-color, var(--color-border));padding-left:var(--space-2)}.tree-jump{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);margin-top:var(--space-4)}.tree-jump__label{color:var(--color-text-dim);font-size:.88rem}.tree-jump ul{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none}.tree-jump a{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-2);border-left:2px solid var(--page-class-color, var(--color-accent))}.calculator-mount{min-height:320px;margin:var(--space-6) 0}.noscript-note{padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent-dim);border-radius:var(--radius);background:#d7b46a14}.class-icon{width:56px;height:56px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--card-class-color, var(--color-accent)) 50%,transparent);border-radius:var(--radius)}.class-icon-lg{border-color:color-mix(in srgb,var(--page-class-color, var(--color-accent)) 50%,transparent)}.class-hero{display:flex;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-2)}.class-hero h1{margin-bottom:var(--space-2)}.class-hero__summary{max-width:62ch;margin:0 0 var(--space-2);color:var(--color-text-dim);font-size:.95rem}.class-hero__meta{margin:0}.class-hero+.calculator-mount{margin-top:var(--space-2)}.tree-icon{width:40px;height:40px;margin-right:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);vertical-align:middle}.talent-icon{width:32px;height:32px;margin-right:var(--space-2);border:1px solid var(--color-border);border-radius:6px;vertical-align:middle}.def-list{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0}.def-list dt{color:var(--color-text-dim);font-weight:600}.def-list dd{margin:0;min-width:0;overflow-wrap:anywhere}.def-list code{overflow-wrap:anywhere}.class-switch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none}.class-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-left:3px solid var(--card-class-color, var(--color-accent));border-radius:var(--radius);background:var(--color-panel);color:var(--color-text);font-weight:600;text-decoration:none}a.class-switch:hover,a.class-switch:focus-visible{border-color:var(--card-class-color, var(--color-accent));background:var(--color-panel-raised)}.class-switch.is-current{border-color:color-mix(in srgb,var(--card-class-color, var(--color-accent)) 55%,var(--color-border));background:color-mix(in srgb,var(--card-class-color, var(--color-accent)) 10%,var(--color-panel))}.class-switch__current{color:var(--color-text-dim);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}@media(max-width:480px){.site-brand{gap:6px;font-size:1rem}.site-brand-logo{width:28px;height:28px}.hero-benefits{gap:6px 12px;font-size:.78rem}.def-list{grid-template-columns:minmax(0,1fr)}.def-list dd{margin-bottom:var(--space-2)}}
