: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}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)}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;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 span{color:var(--color-gold);margin-left:.35em}.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)}.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,.hero h1{margin:0 0 var(--space-3);font-size:clamp(1.7rem,3.5vw,2.4rem)}.hero{padding:var(--space-8) 0 var(--space-4);text-align:center}.hero .lede{margin-left:auto;margin-right:auto}.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}.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}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin:var(--space-4) 0;padding:0;list-style:none}.class-card{display:block;min-height:var(--touch-target);padding:var(--space-4);background:var(--color-panel);border:1px solid var(--color-border);border-top:3px solid var(--card-class-color, var(--color-accent));border-radius:var(--radius);color:var(--color-text)}.class-card:hover{background:var(--color-panel-raised);text-decoration:none}.class-card .class-name{display:block;color:var(--card-class-color, var(--color-accent));font-size:1.1rem;font-weight:700}.class-card .class-trees{display:block;margin-top:var(--space-1);color:var(--color-text-dim);font-size:.9rem}.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)}.talent-meta{color:var(--color-text-dim);font-size:.82rem}.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)}.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}.class-card{display:flex;align-items:center;gap:var(--space-3);transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.class-card:hover{transform:translateY(-2px);border-color:var(--card-class-color, var(--color-accent))}.class-card .class-name,.class-card .class-trees{display:block}.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}@media(max-width:480px){.def-list{grid-template-columns:1fr}.def-list dd{margin-bottom:var(--space-2)}}