:root{--bg: #121212;--panel: #1e1e1e;--panel2: #262626;--bar: #2b2b2b;--line: #3a3a3a;--ink: #e8e8e8;--ink2: #bdbdbd;--muted: #8a8a8a;--gold: #ffd100;--gold2: #c89b1a;--green: #1eff00;--green2: #4fbf3a;--blue: #58a6ff;--red: #ff4d4d;--tip-bg: #0e0e10;--tip-line: #5a4a1e;--font-body: "Friz Quadrata TT", Alegreya, Georgia, "Times New Roman", serif;--font-display: "Friz Quadrata TT", Alegreya, Georgia, serif;--font-title: Morpheus, Almendra, "Friz Quadrata TT", Georgia, serif;--font-narrow: "WoW Narrow", "Arial Narrow", Alegreya, sans-serif;--grad-gold: linear-gradient(90deg, var(--gold2), var(--gold));--grad-panel: linear-gradient(#303030, #2b2b2b);--grad-dark: linear-gradient(135deg, #3a3a3a, #1a1a1a);--radius: 6px;--radius-sm: 4px;--c-warrior: #c69b6d;--c-paladin: #f48cba;--c-hunter: #aad372;--c-rogue: #fff468;--c-priest: #ffffff;--c-shaman: #0070dd;--c-mage: #3fc7eb;--c-warlock: #8788ee;--c-druid: #ff7c0a;--st-same: #6a6a6a;--st-changed: #58a6ff;--st-new: #4fbf3a;--st-moved: #c89b1a;--st-removed: #ff4d4d;--st-unverified: #a06cd5}@font-face{font-family:Friz Quadrata TT;src:local("Friz Quadrata TT"),local("FrizQuadrataTT"),local("Friz Quadrata"),url(../assets/fonts/FRIZQT__.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Friz Quadrata TT;src:local("Friz Quadrata TT Bold"),local("FrizQuadrataTT-Bold"),url(../assets/fonts/FRIZQT__.TTF) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Morpheus;src:local("Morpheus"),local("MORPHEUS"),url(../assets/fonts/MORPHEUS.TTF) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:WoW Narrow;src:local("Arial Narrow"),local("ArialNarrow"),url(/assets/fonts/ARIALN.TTF) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-text-size-adjust:100%}body{overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}[hidden]{display:none!important}.wrap{max-width:1180px;margin:0 auto;padding:0 12px}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);margin-bottom:10px;background:#121212eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px}.site-header__home{display:inline-flex;align-items:center;gap:12px;justify-self:start;min-width:0;text-decoration:none;color:inherit;border-radius:var(--radius-sm);padding:4px 8px;margin:-4px 0 -4px -8px}.site-header__home:hover{text-decoration:none;background:#ffffff0a}.site-header__home:hover .site-header__title{color:#fff}.site-header__mark{width:46px;height:46px;flex:0 0 46px;border-radius:50%;border:2px solid var(--gold2);background:radial-gradient(circle at 35% 30%,#6e5a2e,#2e2410 62%,#1a1408);display:grid;place-items:center;overflow:hidden;position:relative}.site-header__mark img{width:100%;height:100%;object-fit:cover}.site-header__home:hover .site-header__mark{border-color:var(--gold)}.site-header__titles{min-width:0}.site-header__title{font-family:var(--font-title);font-size:21px;font-weight:700;letter-spacing:.5px;margin:0;color:var(--gold);text-transform:uppercase}.site-header__sub{margin:0;color:var(--muted);font-size:12px}.site-header__nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.btn{background:var(--grad-panel);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-sm);padding:6px 12px;line-height:1.3;white-space:nowrap}.btn:hover{border-color:var(--gold2);color:var(--gold)}.btn--gold{background:var(--grad-gold);border-color:var(--gold2);color:#201700;font-weight:700}.btn--gold:hover{color:#201700;filter:brightness(1.08)}.btn--on{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold2)}.btn--sm{padding:3px 8px;font-size:12px}.btn--icon{padding:4px 7px}select.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;background-image:var(--grad-panel),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ddd' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center,right 8px center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px}.panel__head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bar);border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;font-weight:700}.panel__body{padding:12px}.section-label{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:16px 0 6px}.pill{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:1px 6px;border-radius:999px;border:1px solid currentColor}.pill--same{color:var(--st-same)}.pill--changed{color:var(--st-changed)}.pill--new{color:var(--st-new)}.pill--moved{color:var(--st-moved)}.pill--removed{color:var(--st-removed)}.pill--unverified{color:var(--st-unverified)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:var(--tip-bg);border:1px solid var(--tip-line);color:var(--ink);padding:8px 16px;border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:300;font-size:13px}.toast--show{opacity:1;transform:translate(-50%) translateY(0)}.site-footer{margin:28px 0 40px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-footer p{margin:4px 0}.c-warrior{color:var(--c-warrior)}.c-paladin{color:var(--c-paladin)}.c-hunter{color:var(--c-hunter)}.c-rogue{color:var(--c-rogue)}.c-priest{color:var(--c-priest)}.c-shaman{color:var(--c-shaman)}.c-mage{color:var(--c-mage)}.c-warlock{color:var(--c-warlock)}.c-druid{color:var(--c-druid)}@media (max-width: 640px){.site-header__inner{grid-template-columns:1fr;justify-items:center;text-align:center}.site-header__nav{width:100%}}.tree__count,.points__split,.points__left,.points__level,.group__count,.cat__count,.meter__count,.strip__cell,.book__rank,.slot__spec,.banner__bar-count,.banner__spec-points,.rtoolbar__cap{font-family:var(--font-narrow);letter-spacing:.2px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000ad;display:grid;place-items:center;padding:16px}.modal__box{background:var(--panel);border:1px solid var(--tip-line);border-radius:var(--radius);max-width:680px;width:100%;max-height:80vh;overflow-y:auto}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bar)}.modal__title{font-family:var(--font-display);color:var(--gold);font-size:17px;margin:0}.modal__body{padding:12px 14px}@view-transition{navigation: auto;}@keyframes wf-fade-out{to{opacity:0}}@keyframes wf-fade-in{0%{opacity:0}}@keyframes wf-from-right{0%{transform:translate(100%)}}@keyframes wf-from-left{0%{transform:translate(-100%)}}::view-transition{overflow:clip}::view-transition-image-pair(root){background:var(--bg)}::view-transition-old(root){animation:wf-fade-out .22s ease both}::view-transition-new(root){animation:wf-fade-in .22s ease both}:root[data-nav=fwd]::view-transition-new(root){animation:wf-from-right .34s ease both}:root[data-nav=back]::view-transition-new(root){animation:wf-from-left .34s ease both}:root[data-nav=same]::view-transition-old(root),:root[data-nav=same]::view-transition-new(root){animation:none}.site-header{view-transition-name:wf-head}::view-transition-old(wf-head),::view-transition-new(wf-head){animation:none;background:var(--bg)}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.panel__count{margin-left:auto;color:var(--muted);font-weight:400;font-size:11.5px;font-family:var(--font-narrow)}.drawer__hint{color:var(--muted);font-size:11.5px;margin:3px 0 0}.drawer__input{width:100%;margin-bottom:4px}.spec-picker{display:flex;gap:4px;flex-wrap:wrap}