@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/cinzel-latin-ext-600-normal.BEFdM_VE.woff2) format("woff2"),url(/_astro/cinzel-latin-ext-600-normal.BY9Mq9iK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/cinzel-latin-600-normal.Dd5YO2UX.woff2) format("woff2"),url(/_astro/cinzel-latin-600-normal.CH_LB4su.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/cinzel-latin-ext-700-normal.C24KFjuG.woff2) format("woff2"),url(/_astro/cinzel-latin-ext-700-normal.CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/cinzel-latin-700-normal.Dkw14w9r.woff2) format("woff2"),url(/_astro/cinzel-latin-700-normal.C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/cinzel-latin-ext-800-normal.BVA5zD9y.woff2) format("woff2"),url(/_astro/cinzel-latin-ext-800-normal.gMcvnDsD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/cinzel-latin-800-normal.CwkMVn6z.woff2) format("woff2"),url(/_astro/cinzel-latin-800-normal.69OYDlL6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #0a0d13;--color-bg-deep: #06080c;--color-panel: #141822;--color-panel-raised: #1b202d;--color-panel-sunken: #0e1118;--color-border: #2c3242;--color-accent: #d8b56a;--color-accent-dim: #a8863d;--color-gold: #f4d163;--color-gold-deep: #c8a24a;--color-gold-light: #f7e3ac;--color-trim-line: rgb(200 162 74 / .55);--color-text: #e6e1d3;--color-text-dim: #a9a698;--color-danger: #ff5050;--color-ok: #7fbf6a;--color-unknown: #8a8a8a;--color-enchant: #1eff00;--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: 6px;--font-ui: "Open Sans", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Cinzel", "Friz Quadrata", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--touch-target: 44px;--frame-gold: 0 0 0 1px #000, 0 0 0 2px var(--color-trim-line), 0 6px 18px rgb(0 0 0 / .55);--frame-plain: 0 0 0 1px #000, 0 0 0 2px rgb(84 92 112 / .35), 0 6px 18px rgb(0 0 0 / .45);--panel-face: linear-gradient(180deg, #171c27 0%, #10141d 100%);--panel-face-raised: linear-gradient(180deg, #20263466 0%, #14182266 100%), #1b202d;--noise-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse 900px 460px at 50% -80px,rgb(200 162 74 / .09),transparent),radial-gradient(ellipse 1400px 900px at 50% 115%,rgb(20 34 58 / .35),transparent),var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:16px;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:0;background-image:var(--noise-url);background-size:160px 160px;pointer-events:none}body>*{position:relative;z-index:1}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:.035em;text-shadow:0 1px 0 #000,0 2px 6px rgb(0 0 0 / .8)}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)}.frame-gold{background:linear-gradient(180deg,#c8a24a24,#c8a24a08 34%),var(--panel-face);border-radius:var(--radius);box-shadow:var(--frame-gold),inset 0 1px #ffe0821f}.frame-gold--inner{position:relative}.frame-gold--inner:after{content:"";position:absolute;inset:3px;border:1px solid rgb(200 162 74 / .18);border-radius:calc(var(--radius) - 3px);pointer-events:none}.divider-ornate{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0;color:var(--color-accent-dim)}.divider-ornate:before,.divider-ornate:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-trim-line))}.divider-ornate:after{background:linear-gradient(90deg,var(--color-trim-line),transparent)}.divider-ornate svg{flex-shrink:0;filter:drop-shadow(0 0 3px rgb(244 209 99 / .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-gold-deep);color:#0a0d13;font-weight:700;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:linear-gradient(180deg,#1a1f2b,#0d1017);border-bottom:1px solid #000;box-shadow:0 1px 0 var(--color-trim-line),0 4px 14px #00000080}.header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-height:62px}.site-brand{display:flex;align-items:center;min-height:var(--touch-target);font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:.03em;color:var(--color-text);text-shadow:0 1px 2px #000}.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-gold);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:1px solid transparent;border-radius:var(--radius);color:var(--color-text);font-size:.92rem;font-weight:600;letter-spacing:.02em;list-style:none;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.site-nav a:hover,.site-nav summary:hover,.nav-group[open]>summary{background:linear-gradient(180deg,#c8a24a29,#c8a24a0d);border-color:var(--color-trim-line);color:var(--color-gold);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:var(--color-accent-dim);transform:translateY(2px)}.nav-group-menu{position:absolute;top:calc(100% + 2px);right:0;z-index:50;display:grid;gap:2px;min-width:220px;padding:var(--space-2);background:var(--color-panel-raised);border:1px solid #000;border-radius:var(--radius);box-shadow:var(--frame-gold)}.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;box-shadow:none;padding:0 0 0 var(--space-4)}}.site-footer{margin-top:auto;padding:var(--space-6) 0;background:linear-gradient(180deg,#0d1017,#070910);border-top:1px solid #000;box-shadow:inset 0 1px 0 var(--color-trim-line);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-accent-dim)}.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-keyart{padding:calc(var(--space-8) + var(--space-4)) 0 var(--space-8);background:linear-gradient(180deg,#0a0d13e0,#0a0d1385 42%,#0a0d13cc 76%,#0a0d13),url(/images/hero-forever.jpg) center 30% / cover no-repeat}.hero-keyart .lede{color:var(--color-text);text-shadow:0 1px 3px rgb(0 0 0 / .9)}.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 #000;border-radius:999px;background:linear-gradient(180deg,#c8a24a33,#c8a24a14);box-shadow:0 0 0 1px var(--color-trim-line);color:var(--color-gold-light);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-sunken);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(--panel-face);border:1px solid #000;border-radius:var(--radius);box-shadow:var(--frame-plain)}.stat-card .stat-num{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-gold)}.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:linear-gradient(180deg,color-mix(in srgb,var(--card-class-color, var(--color-accent)) 9%,transparent),transparent 55%),var(--panel-face);border:1px solid #000;border-radius:var(--radius);box-shadow:var(--frame-plain);color:var(--color-text)}.class-card:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--card-class-color, var(--color-accent)) 16%,transparent),transparent 55%),var(--panel-face-raised);box-shadow:0 0 0 1px #000,0 0 0 2px color-mix(in srgb,var(--card-class-color, var(--color-accent)) 75%,transparent),0 0 14px color-mix(in srgb,var(--card-class-color, var(--color-accent)) 30%,transparent),0 6px 18px #00000080;text-decoration:none}.class-card .class-name{display:block;color:var(--card-class-color, var(--color-accent));font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px #000}.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(--panel-face);border:1px solid #000;border-radius:var(--radius);box-shadow:var(--frame-gold)}.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(--panel-face);border:1px solid #000;border-radius:var(--radius);box-shadow:var(--frame-plain)}.steps li:before{content:counter(step);counter-increment:step;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:var(--space-2);border-radius:50%;background:linear-gradient(180deg,#f4d163,#a8863d);box-shadow:0 0 0 1px #000,0 0 0 2px var(--color-trim-line),inset 0 1px #fff6;color:#171204;font-family:var(--font-display);font-weight:800}.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(--panel-face);border:1px solid #000;border-radius:var(--radius);box-shadow:var(--frame-plain)}.faq-item summary{display:flex;align-items:center;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);color:var(--color-gold-light);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 #000;border-radius:var(--radius);box-shadow:var(--frame-plain)}table.data-table{width:100%;border-collapse:collapse;background:var(--panel-face);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:linear-gradient(180deg,#232a3a,#161b26);color:var(--color-gold-light);font-family:var(--font-display);font-weight:700;letter-spacing:.03em;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)}.legacy-tree-title{display:flex;align-items:center;margin:0 0 var(--space-2)}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-4) 0;padding:0;list-style:none}.timeline li{position:relative;padding:var(--space-4);background:var(--panel-face);border:1px solid #000;border-radius:var(--radius);box-shadow:var(--frame-plain)}.timeline li:before{content:"";position:absolute;top:0;left:var(--space-4);right:var(--space-4);height:2px;background:linear-gradient(90deg,transparent,var(--color-gold-deep),transparent)}.timeline.is-live li:before{background:linear-gradient(90deg,transparent,var(--color-ok),transparent)}.timeline .tl-date{display:block;font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--color-gold);letter-spacing:.03em;text-shadow:0 1px 2px #000}.timeline .tl-body{display:block;margin-top:var(--space-1);color:var(--color-text-dim);font-size:.92rem}.timeline .tl-status{display:inline-block;margin-top:var(--space-2);padding:0 var(--space-2);border:1px solid var(--color-accent-dim);border-radius:999px;color:var(--color-accent);font-size:.75rem;white-space:nowrap}.timeline.is-live .tl-status{border-color:var(--color-ok);color:var(--color-ok)}.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 #000;border-radius:var(--radius);box-shadow:0 0 0 1px var(--color-trim-line);background:linear-gradient(180deg,#c8a24a24,#c8a24a0d)}.class-icon{width:56px;height:56px;flex-shrink:0;border:1px solid #000;border-radius:var(--radius);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-class-color, var(--color-accent)) 55%,transparent),0 0 8px color-mix(in srgb,var(--card-class-color, var(--color-accent)) 25%,transparent)}.class-icon-lg{border-color:#000;box-shadow:0 0 0 1px color-mix(in srgb,var(--page-class-color, var(--color-accent)) 60%,transparent),0 0 12px color-mix(in srgb,var(--page-class-color, var(--color-accent)) 30%,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 #000;border-radius:var(--radius);box-shadow:0 0 0 1px var(--color-trim-line);vertical-align:middle}.talent-icon{width:32px;height:32px;margin-right:var(--space-2);border:1px solid #000;border-radius:6px;box-shadow:0 0 0 1px var(--color-trim-line);vertical-align:middle}.class-card{display:flex;align-items:center;gap:var(--space-3);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.class-card:hover{transform:translateY(-2px)}.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-gold-light);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)}}
