.calculator-wide{max-width:1700px;padding-top:var(--space-3);padding-bottom:var(--space-6)}.talent-calculator{margin-top:var(--space-4)}.calculator-page .calculator-intro{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.calculator-page__title{margin:0;font-size:var(--text-xl);line-height:1.2;letter-spacing:.02em}.calculator-page__title+.talent-calculator{margin-top:var(--space-3)}.talent-calculator[data-loading=true]{min-height:100vh;min-height:100svh}.talent-calculator .calculator-fallback{color:var(--color-text-muted);font-size:var(--text-sm)}.calc-class-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.calc-class-tabs__list{display:contents}.calc-class-tabs__changelog{margin-left:auto;align-self:stretch;display:inline-flex;align-items:center;gap:var(--space-2);padding:.5em 1.1em .5em .9em;background:rgba(240,199,102,.07);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.calc-class-tabs__changelog:hover,.calc-class-tabs__changelog:focus-visible{border-color:var(--color-gold-bright);background:rgba(240,199,102,.14)}.calc-class-tabs__changelog-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-gold-dim);font-size:.9rem;color:var(--color-gold-bright)}.calc-class-tabs__changelog-text{display:flex;flex-direction:column;gap:.15em;min-width:0}.calc-class-tabs__changelog-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--color-gold-bright)}.calc-class-tabs__changelog-meta{font-size:.72rem;color:var(--color-text-muted);white-space:nowrap}@media(max-width: 719px){.calc-class-tabs__changelog{flex:1 1 100%;margin-left:0;justify-content:center}}.calc-class-tabs__item{--class-color: var(--color-gold-bright);flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;gap:.3em;background:rgba(0,0,0,0);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5em .8em .4em;font-size:var(--text-sm);width:84px}.calc-class-tabs__icon{display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid var(--class-color);flex-shrink:0}.calc-class-tabs__icon img{width:100%;height:100%;object-fit:cover;display:block}.calc-class-tabs__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:var(--text-xs);color:var(--class-color);text-align:center;line-height:1.2}.calc-class-tabs__item.is-active{border-color:var(--class-color);background:rgba(240,199,102,.14);background:color-mix(in srgb, var(--class-color) 16%, transparent)}.calc-class-tabs__item.is-soon{opacity:.6}.calc-class-tabs__badge{font-size:.65rem;background:rgba(255,255,255,.15);padding:.1em .5em;border-radius:999px}.calc-coming-soon{background:var(--color-bg-alt);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;color:var(--color-text-muted)}.calc-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.calc-summary__points{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:var(--text-lg)}.calc-level-select{background:var(--color-bg-alt);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:var(--radius-sm);padding:.4em .6em;font-family:var(--font-body);font-size:var(--text-sm)}.calc-summary__next-level{font-size:var(--text-xs);color:var(--color-text-faint)}.calc-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.calc-legend__item{display:inline-flex;align-items:center;gap:.4em}.calc-legend__swatch{display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--color-bg-alt);border:2px solid var(--color-border-strong)}.calc-legend__swatch.has-points{border-color:var(--color-gold);background:rgba(201,162,39,.14)}.calc-legend__swatch.is-maxed{border-color:var(--color-gold-bright);background:rgba(240,199,102,.2)}.calc-legend__swatch.is-locked{border-color:var(--color-border);opacity:.55}.calc-legend__swatch--estimated{border-radius:50%;border-color:var(--color-blue);background:rgba(0,0,0,0)}.calc-legend__estimated-mark{font-weight:700;color:var(--color-blue);font-size:var(--text-sm)}.calc-legend__hint{color:var(--color-text-faint)}.calc-layout{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media(min-width: 1180px){.calc-layout{grid-template-columns:1fr 300px}.calc-sidebar{position:sticky;top:calc(var(--sticky-top, var(--site-header-height, 92px)) + var(--space-3));max-height:calc(100vh - var(--sticky-top, var(--site-header-height, 92px)) - var(--space-4));overflow-y:auto}}.calc-sidebar__title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint);margin-bottom:var(--space-2)}.calc-trees-wrap{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:var(--space-3)}.calc-tree-panel{--tree-accent: var(--color-gold);background:radial-gradient(ellipse 120% 60% at 50% 0%, rgba(201, 162, 39, 0.09), transparent 60%),linear-gradient(180deg, #12161c, #0c0f13);background:radial-gradient(ellipse 120% 60% at 50% 0%, color-mix(in srgb, var(--tree-accent) 14%, transparent), transparent 60%),linear-gradient(180deg, #12161c, #0c0f13);border:1px solid var(--color-border);border-top:3px solid var(--tree-accent);border-radius:var(--radius-md);padding:var(--space-3)}.calc-tree-panel__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.calc-tree-panel__icon-wrap{display:block;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);border:2px solid var(--tree-accent);overflow:hidden}.calc-tree-panel__icon-wrap img{width:100%;height:100%;object-fit:cover;display:block}.calc-tree-panel__title{flex:1;min-width:0;display:flex;flex-direction:column}.calc-tree-panel__name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.calc-tree-panel__count{font-size:var(--text-xs);color:var(--tree-accent)}.calc-tree-panel__reset{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,0);border:1px solid var(--color-border-strong);color:var(--color-text-faint);font-size:var(--text-sm);line-height:1}.calc-tree-panel__reset:hover{border-color:var(--tree-accent);color:var(--tree-accent)}.calc-tree-grid{position:relative;display:grid;grid-template-columns:repeat(4, minmax(48px, 1fr));grid-template-rows:repeat(7, minmax(20px, auto) auto);column-gap:6px;row-gap:var(--space-2)}.calc-connector{position:relative;z-index:0;justify-self:center;width:2px;background:var(--color-border-strong)}.calc-connector.is-active{background:var(--tree-accent)}.calc-talent{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(0,0,0,0);border:none;padding:0;color:var(--color-text);text-align:center}.calc-talent__icon-wrap{position:relative;width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid var(--color-border-strong);overflow:hidden;background:var(--color-bg-alt)}.calc-talent__icon-img{width:100%;height:100%;object-fit:cover;display:block;color:rgba(0,0,0,0);font-size:0}.calc-talent:hover:not(.is-locked) .calc-talent__icon-wrap{border-color:var(--color-gold-bright)}.calc-talent.has-points .calc-talent__icon-wrap{border-color:var(--color-gold);box-shadow:0 0 0 2px rgba(201,162,39,.25)}.calc-talent.is-maxed .calc-talent__icon-wrap{border-color:var(--color-gold-bright);box-shadow:0 0 0 2px rgba(240,199,102,.35)}.calc-talent.is-locked{cursor:not-allowed}.calc-talent.is-locked .calc-talent__icon-wrap{border-color:var(--color-border)}.calc-talent.is-locked .calc-talent__icon-img{opacity:.35;filter:grayscale(1)}.calc-talent__rank{position:absolute;right:1px;bottom:1px;font-family:var(--font-display);font-size:.6rem;font-weight:700;line-height:1;padding:1px 3px;background:rgba(5,7,10,.85);color:var(--color-green);border-radius:2px}.calc-talent.is-maxed .calc-talent__rank{color:var(--color-gold-bright)}.calc-talent.is-locked .calc-talent__rank{color:var(--color-text-faint)}.calc-talent__name{display:block;width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:600;font-size:.6rem;line-height:1.15;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-talent.has-points .calc-talent__name,.calc-talent.is-maxed .calc-talent__name{color:var(--color-text)}.calc-talent.is-locked .calc-talent__name{color:var(--color-text-faint)}.calc-talent__estimated-mark{color:var(--color-blue)}.calc-saved-builds{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.calc-saved-builds__title{font-size:var(--text-base);margin-bottom:var(--space-2)}.calc-saved-builds__empty{color:var(--color-text-faint);font-size:var(--text-sm)}.calc-saved-builds__list{display:flex;flex-direction:column;gap:var(--space-1)}.calc-saved-builds__item{display:flex;align-items:center;gap:var(--space-2)}.calc-saved-builds__class-icon{flex-shrink:0;display:block;width:26px;height:26px;border-radius:50%;overflow:hidden;border:2px solid var(--color-gold-dim)}.calc-saved-builds__class-icon img{width:100%;height:100%;object-fit:cover;display:block}.calc-saved-builds__class-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:.75em}.calc-saved-builds__load{flex-shrink:0;text-align:left;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:.5em .8em;font-family:var(--font-body);font-size:var(--text-sm)}.calc-saved-builds__load:hover{border-color:var(--color-gold-bright);color:var(--color-gold-bright)}.calc-saved-builds__name{flex:1;min-width:0;display:block;cursor:pointer;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:.5em .8em;font-family:var(--font-body);font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-saved-builds__name:hover,.calc-saved-builds__name:focus-visible{border-color:var(--color-gold-bright);color:var(--color-gold-bright);outline:none}.calc-saved-builds__rename-input{width:100%;background:rgba(0,0,0,0);border:none;color:var(--color-gold-bright);font-family:inherit;font-size:inherit;padding:0}.calc-saved-builds__rename-input:focus{outline:none}.calc-saved-builds__delete{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,0);border:1px solid var(--color-border-strong);color:var(--color-text-faint);line-height:1;font-size:var(--text-lg)}.calc-saved-builds__delete:hover{border-color:var(--color-danger);color:var(--color-danger)}.calc-actions{display:flex;flex-direction:column;gap:var(--space-2)}.calc-actions .button{width:100%}.calc-btn-icon{width:1.1em;font-size:.95em;color:var(--color-gold-bright);flex-shrink:0}.calculator-toast{position:fixed;left:50%;top:60%;transform:translate(-50%, 35vh);background:linear-gradient(180deg, var(--color-gold-bright), var(--color-gold));color:var(--color-on-gold);font-weight:600;border:1px solid var(--color-gold-bright);box-shadow:0 10px 32px -6px rgba(240,199,102,.55);padding:.7em 1.2em;border-radius:var(--radius-md);font-size:var(--text-sm);opacity:0;pointer-events:none;transition:opacity .45s ease,transform .45s ease;z-index:2100;max-width:90vw}.calculator-toast.is-visible{opacity:1;transform:translate(-50%, 0)}.calculator-toast.is-visible.is-leaving{opacity:0;transition:opacity .4s ease}.calc-tooltip{position:fixed;z-index:1000;max-width:280px;background:linear-gradient(180deg, #0d0f12, #050607);border:1px solid var(--color-gold-dim);border-radius:var(--radius-sm);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 16px 36px -12px rgba(0,0,0,.85),inset 0 0 16px rgba(201,162,39,.08);padding:.6em .8em;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease}.calc-tooltip.is-visible{opacity:1;visibility:visible}.calc-tooltip__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:var(--text-sm);color:var(--color-gold-bright)}.calc-tooltip__estimated{font-size:.65rem;color:var(--color-blue);margin-top:2px}.calc-tooltip__rank{font-size:.7rem;color:var(--color-text-muted);margin-top:4px}.calc-tooltip__desc{font-size:var(--text-xs);line-height:1.45;color:var(--color-text);margin-top:4px}.calc-tooltip__next{font-size:var(--text-xs);line-height:1.45;color:var(--color-text-muted);margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border)}.calc-tooltip__next-changed{color:var(--color-text);font-weight:600}.calc-tooltip__next-label{color:var(--color-gold-bright);font-weight:600}.calc-tooltip__cost{font-size:var(--text-xs);color:#ffd35c;margin-top:6px}.calc-tooltip__locked{font-size:var(--text-xs);font-weight:600;color:var(--color-danger);margin-top:6px}.calc-tooltip__talent-tag{display:inline-block;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-gold);background:var(--color-gold-bright);border-radius:3px;padding:.1em .5em;margin-top:2px}.calc-tooltip__source{font-size:.65rem;font-style:italic;color:var(--color-green);margin-top:6px;line-height:1.4}.calc-export-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(5,7,10,.75);opacity:0;visibility:hidden;transition:opacity .15s ease}.calc-export-modal.is-visible{opacity:1;visibility:visible}.calc-export-modal__box{position:relative;width:100%;max-width:480px;background:linear-gradient(180deg, #151a21, #0e1216);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);box-shadow:0 24px 60px -16px rgba(0,0,0,.8);padding:var(--space-4)}@keyframes calc-forge-in{0%{opacity:0;transform:scale(1.6) translateY(6px)}32%{opacity:1;transform:scale(0.91) translateX(-6px)}48%{transform:scale(1.05) translateX(4px)}64%{transform:scale(0.98) translateX(-2px)}80%{transform:scale(1.015) translateX(1px)}100%{opacity:1;transform:scale(1) translateX(0)}}@keyframes calc-forge-flash{0%{opacity:0}18%{opacity:1}100%{opacity:0}}.calc-export-modal.is-visible .calc-export-modal__box{animation:calc-forge-in .38s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.calc-export-modal__box::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle, rgba(255, 244, 214, 0.85), transparent 70%);opacity:0;pointer-events:none;z-index:2}.calc-export-modal.is-visible .calc-export-modal__box::before{animation:calc-forge-flash .42s ease-out both}@keyframes calc-spark-fly{0%{transform:translate(0, 0) scale(1);opacity:1}100%{transform:translate(var(--spark-x, 0), var(--spark-y, 0)) scale(0.3);opacity:0}}.calc-spark{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--color-gold-bright);box-shadow:0 0 6px 1px var(--color-gold-bright);pointer-events:none;z-index:3;animation:calc-spark-fly .55s ease-out both}.calc-export-modal__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.calc-export-modal__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.calc-export-modal__textarea{width:100%;height:220px;resize:vertical;background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-family:"Inter",monospace;font-size:var(--text-xs);line-height:1.5;padding:var(--space-2);margin-bottom:var(--space-3)}.calc-export-modal__input{width:100%;background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:var(--text-sm);padding:.6em .8em;margin-bottom:var(--space-3)}.calc-export-modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.calc-export-modal__actions .button:not(.button--ghost) .calc-btn-icon{color:var(--color-on-gold)}.calc-announce-modal{position:fixed;left:0;right:0;bottom:0;z-index:2000;display:flex;justify-content:center;padding:var(--space-3) var(--space-4);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.calc-announce-modal.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.calc-announce-modal__box{pointer-events:auto;width:100%;max-width:640px;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);background:linear-gradient(180deg, #151a21, #0e1216);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);box-shadow:0 -16px 40px -16px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.4);padding:var(--space-3) var(--space-4)}.calc-announce-modal__body{flex:1;min-width:200px}.calc-announce-modal__eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold-bright);margin-bottom:2px}.calc-announce-modal__text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}@media(min-width: 480px){.calc-talent__icon-wrap{width:48px;height:48px}}@media(min-width: 1000px){.calc-tree-grid{grid-template-columns:repeat(4, minmax(56px, 1fr))}}.calc-spellbook{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.calc-spellbook__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);cursor:pointer;border-radius:var(--radius-sm)}.calc-spellbook__header:hover{background:rgba(238,241,244,.03)}.calc-spellbook__header:focus-visible{outline:2px solid var(--color-gold-bright);outline-offset:2px}.calc-spellbook.is-collapsed .calc-spellbook__header{margin-bottom:0}.calc-spellbook__header-icon{display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--color-gold-dim)}.calc-spellbook__header-icon img{width:100%;height:100%;object-fit:cover;display:block}.calc-spellbook__header-text{flex:1;min-width:0}.calc-spellbook__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:var(--text-base);color:var(--color-text);margin:0}.calc-spellbook__subtitle{font-size:var(--text-xs);color:var(--color-text-faint);margin:2px 0 0}.calc-spellbook__toggle{flex-shrink:0;background:rgba(0,0,0,0);border:1px solid var(--color-gold-dim);color:var(--color-gold-bright);border-radius:999px;padding:.4em 1.1em;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600;transition:border-color .15s ease,background .15s ease}.calc-spellbook__toggle:hover{border-color:var(--color-gold-bright);background:rgba(240,199,102,.08)}.calc-spellbook__columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--space-3)}@media(min-width: 640px){.calc-spellbook__columns:has(>:nth-child(4)):not(:has(>:nth-child(5))){grid-template-columns:repeat(4, 1fr)}.calc-spellbook__columns:has(>:nth-child(5)){grid-template-columns:repeat(3, 1fr)}}.calc-racials{--color-horde-text: #d1453a;--color-alliance: var(--color-blue)}@media(min-width: 900px){.calc-racials__races{grid-template-columns:repeat(3, 1fr)}}.calc-spellbook__column{background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-top:2px solid var(--tree-accent, var(--color-gold-dim));border-radius:var(--radius-md);padding:var(--space-3)}.calc-spellbook__column-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--tree-accent, var(--color-text));margin-bottom:var(--space-2)}.calc-spellbook__column-icon-wrap{display:block;width:22px;height:22px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--tree-accent, var(--color-border-strong))}.calc-spellbook__column-icon-wrap img{width:100%;height:100%;object-fit:cover;display:block}.calc-spellbook__list{display:flex;flex-direction:column;gap:var(--space-2)}.calc-spellbook__spell{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:2px 4px;margin:-2px -4px;cursor:default}.calc-spellbook__spell:hover,.calc-spellbook__spell:focus-visible{background:rgba(238,241,244,.05);outline:none}.calc-spellbook__spell.is-talent .calc-spellbook__spell-name{color:var(--color-gold-bright)}.calc-spellbook__spell-icon-wrap{position:relative;display:block;width:26px;height:26px;border-radius:var(--radius-sm);overflow:visible;flex-shrink:0}.calc-spellbook__spell-icon-wrap img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-strong)}.calc-spellbook__spell-name{flex:1;font-size:var(--text-sm)}.calc-spellbook__spell-rank{font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}.calc-spellbook__talent-badge{position:absolute;bottom:-4px;right:-6px;font-family:var(--font-display);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--color-on-gold);background:var(--color-gold-bright);border-radius:3px;padding:0 3px;line-height:1.3;white-space:nowrap}.calc-spellbook__legend{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint);display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.calc-spellbook__legend .calc-spellbook__talent-badge{position:static}.calc-races{--color-horde: #a3291f;--color-alliance: var(--color-blue);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.calc-races__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-weight:600;font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-3)}.calc-races__columns{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width: 720px){.calc-races__columns{grid-template-columns:1fr 1fr}}.calc-races__column-title{display:flex;align-items:center;gap:.5em;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-2)}.calc-races__column--horde .calc-races__column-title{color:var(--color-horde)}.calc-races__column--alliance .calc-races__column-title{color:var(--color-alliance)}.calc-races__column-icon{font-size:.9em}.calc-races__cards{display:flex;flex-direction:column;gap:var(--space-3)}.calc-races__empty{font-size:var(--text-sm);color:var(--color-text-faint);font-style:italic}.calc-race-card{background:var(--color-bg-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3)}.calc-races__column--horde .calc-race-card{border-left:3px solid var(--color-horde)}.calc-races__column--alliance .calc-race-card{border-left:3px solid var(--color-alliance)}.calc-race-card__header{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;list-style:none}.calc-race-card__classes{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.calc-race-card__class-icon-wrap{display:block;width:18px;height:18px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border-strong)}.calc-race-card__class-icon-wrap img{width:100%;height:100%;object-fit:cover;display:block}.calc-race-card__header::-webkit-details-marker{display:none}.calc-race-card[open] .calc-race-card__header{margin-bottom:var(--space-3)}.calc-race-card__chevron{margin-left:auto;font-size:.75em;color:var(--color-text-faint);transition:transform .15s ease}.calc-race-card[open] .calc-race-card__chevron{transform:rotate(180deg)}.calc-race-card__icon-wrap{display:block;width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border-strong)}.calc-race-card__icon-wrap img{width:100%;height:100%;object-fit:cover;display:block}.calc-race-card__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm)}.calc-race-card__racials{display:flex;flex-direction:column;gap:.5em}.calc-race-card__racial{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs)}.calc-race-card__racial-icon-wrap{display:block;width:26px;height:26px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;border:1px solid var(--color-border-strong);background:var(--color-bg-alt)}.calc-race-card__racial-icon-wrap img{width:100%;height:100%;object-fit:cover;display:block}.calc-race-card__racial-text{display:flex;flex-direction:column;padding-top:2px}.calc-race-card__racial-name{font-weight:600;color:var(--color-text)}.calc-race-card__racial-desc{color:var(--color-text-muted);line-height:1.4}.calc-races__source{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint)}.calc-races__source a{color:var(--color-gold-bright)}.calc-legacy__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.calc-legacy__note{flex:1 1 320px;margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.calc-legacy__menu{display:flex;flex-wrap:wrap;gap:var(--space-2)}.calc-legacy__btn{display:inline-flex;align-items:center;gap:.45em;flex-shrink:0;background:rgba(0,0,0,0);border:1px solid var(--color-border-strong);color:var(--color-text-muted);border-radius:999px;padding:.4em 1.1em;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.calc-legacy__btn .calc-btn-icon{font-size:.95em}.calc-legacy__btn--primary{border-color:var(--color-gold-dim);color:var(--color-gold-bright)}.calc-legacy__btn:hover:not(:disabled),.calc-legacy__btn:focus-visible{border-color:var(--color-gold-bright);color:var(--color-gold-bright);background:rgba(201,162,39,.08)}.calc-legacy__btn:disabled{opacity:.45;cursor:default}.calc-saved-builds__class-icon--legacy{border-color:var(--color-gold-dim)}@media(min-width: 760px){.calc-legacy__trees{grid-template-columns:repeat(3, 1fr)}}.calc-legacy-grid{grid-template-rows:repeat(4, auto);row-gap:var(--space-3)}.calc-connector--h{align-self:start;justify-self:stretch;width:auto;height:2px;margin-top:23px}.calc-talent.is-unknown{cursor:default}.calc-talent.is-unknown .calc-talent__icon-wrap{border-style:dashed}.wownavzdy-talent-embed{margin:var(--space-5) 0;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.wownavzdy-embed-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.wownavzdy-embed-header__icon{display:block;width:28px;height:28px;border-radius:50%;overflow:hidden;border:1px solid var(--color-gold-dim);flex-shrink:0}.wownavzdy-embed-header__icon img{width:100%;height:100%;object-fit:cover;display:block}.wownavzdy-embed-header__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);flex:1}.wownavzdy-embed-header__link{font-size:var(--text-xs);color:var(--color-gold-bright);white-space:nowrap}.wownavzdy-embed-trees .calc-talent{cursor:default}.wownavzdy-embed-note{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.wownavzdy-embed-error,.wownavzdy-embed-loading{color:var(--color-text-muted);font-size:var(--text-sm)}.calc-changelog-button{position:relative}.calc-changelog-dot{position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--color-gold-bright);box-shadow:0 0 0 2px var(--color-bg),0 0 10px var(--color-gold-bright)}.calc-export-modal__box.calc-changelog{display:flex;flex-direction:column;max-width:880px;max-height:calc(100vh - 2*var(--space-4))}.calc-changelog__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.calc-changelog__header .calc-export-modal__title{margin:0}.calc-changelog__classes{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.calc-changelog__class{--class-color: var(--color-gold-bright);display:inline-flex;align-items:center;gap:.4em;padding:3px 10px 3px 3px;background:rgba(0,0,0,0);border:1px solid var(--color-border-strong);border-radius:999px;font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--class-color);cursor:pointer}.calc-changelog__class img{width:22px;height:22px;border-radius:50%}.calc-changelog__class.is-untouched{opacity:.45}.calc-changelog__class:hover,.calc-changelog__class.is-active{border-color:var(--class-color);background:rgba(255,255,255,.05);opacity:1}.calc-changelog__classes+.calc-changelog__races{margin-top:calc(-1*var(--space-2));padding-top:var(--space-2);border-top:1px solid var(--color-border)}.calc-changelog__race--horde{--class-color: #e0534a}.calc-changelog__race--alliance{--class-color: #4f9be8}.calc-changelog__class:focus-visible{outline:2px solid var(--color-gold-bright);outline-offset:2px}.calc-changelog__body{flex:1;min-height:0;overflow-y:auto;margin:0 calc(-1*var(--space-2)) var(--space-3);padding:0 var(--space-2)}.calc-changelog__section+.calc-changelog__section{margin-top:var(--space-4)}.calc-changelog__section-title{display:flex;align-items:center;gap:.3em;margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.calc-changelog__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.calc-changelog__item{padding:var(--space-2) var(--space-3);background:rgba(238,241,244,.03);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-sm)}.calc-changelog__item--added,.calc-changelog__item--replaced{border-left-color:#4caf50}.calc-changelog__item--removed{border-left-color:var(--color-danger)}.calc-changelog__item--changed{border-left-color:var(--color-gold)}.calc-changelog__item-head{display:flex;align-items:center;gap:var(--space-2)}.calc-changelog__icon{flex-shrink:0;display:block;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);overflow:hidden;background:var(--color-bg-alt)}.calc-changelog__icon img{display:block;width:100%;height:100%;object-fit:cover}.calc-changelog__icon.is-gone img{filter:grayscale(1);opacity:.5}.calc-changelog__arrow{color:var(--color-text-faint)}.calc-changelog__item-title{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.calc-changelog__name{font-family:var(--font-display);font-weight:600;color:var(--color-text)}.calc-changelog__where{font-size:var(--text-xs);color:var(--color-text-faint)}.calc-changelog__badge{flex-shrink:0;padding:.15em .6em;border:1px solid currentColor;border-radius:999px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.calc-changelog__badge--added,.calc-changelog__badge--replaced{color:#6fcf73}.calc-changelog__badge--removed{color:var(--color-danger)}.calc-changelog__badge--changed{color:var(--color-gold-bright)}.calc-changelog__details{margin:var(--space-2) 0 0;padding-left:1.2em;font-size:var(--text-sm);color:var(--color-text-muted)}.calc-changelog__icon-change{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin-left:-1.2em}.calc-changelog__icon-change .calc-changelog__icon{width:24px;height:24px}.calc-changelog__diff{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2)}@media(max-width: 640px){.calc-changelog__diff{grid-template-columns:1fr}}.calc-changelog__side{padding:var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.calc-changelog__side-label{display:block;margin-bottom:2px;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint)}.calc-changelog__text{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text)}.calc-changelog__item>.calc-changelog__text{margin-top:var(--space-2)}.calc-changelog__text--gone{color:var(--color-text-faint);text-decoration:line-through}.calc-changelog__text del,.calc-changelog__row del{padding:0 2px;border-radius:2px;background:rgba(220,70,70,.22);color:#ff8a8a;text-decoration:line-through}.calc-changelog__text ins,.calc-changelog__row ins{padding:0 2px;border-radius:2px;background:rgba(76,175,80,.22);color:#8ee092;text-decoration:none}.calc-changelog__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin-left:-1.2em;color:var(--color-text)}.calc-changelog__row-label{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint)}.calc-legacy{scroll-margin-top:90px}.calc-changelog__empty{margin:var(--space-4) 0;text-align:center;color:var(--color-text-faint)}.calc-changelog__empty--technical{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.calc-changelog__notes-link{color:var(--color-gold-bright)}.calc-touch-mode{position:fixed;z-index:900;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));display:flex;gap:4px;padding:4px;background:rgba(12,15,19,.92);border:1px solid var(--color-gold-dim);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.6);backdrop-filter:blur(6px)}.calc-touch-mode.is-removing{border-color:#c0392b}.calc-touch-mode__btn{display:inline-flex;align-items:center;gap:.4em;min-height:40px;padding:0 1em;background:rgba(0,0,0,0);border:0;border-radius:999px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted)}.calc-touch-mode__btn.is-active{background:var(--color-gold-bright);color:#14100a}.calc-touch-mode.is-removing .calc-touch-mode__btn.is-active{background:#c0392b;color:#fff}.calc-ranking{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.calc-ranking__title{display:flex;align-items:center;gap:.45em;margin:0 0 var(--space-1);font-size:var(--text-base)}.calc-ranking__title i{color:var(--color-gold-bright)}.calc-ranking__hint,.calc-ranking__empty{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint)}.calc-ranking__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.calc-ranking__load{display:grid;grid-template-columns:22px 22px 1fr auto;align-items:center;gap:var(--space-2);width:100%;padding:6px 10px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.calc-ranking__load:hover,.calc-ranking__load:focus-visible{border-color:var(--color-gold-dim);background:rgba(240,199,102,.06)}.calc-ranking__rank{font-family:var(--font-display);font-weight:700;text-align:center;color:var(--color-text-muted)}.calc-ranking__item--top1 .calc-ranking__rank{color:#f0c766}.calc-ranking__item--top2 .calc-ranking__rank{color:#c9d1d9}.calc-ranking__item--top3 .calc-ranking__rank{color:#d08b4e}.calc-ranking__icon{width:22px;height:22px;border-radius:4px}.calc-ranking__name{display:flex;flex-direction:column;min-width:0;line-height:1.2}.calc-ranking__spec{font-size:var(--text-sm);font-weight:600}.calc-ranking__split{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.calc-ranking__players{font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}