@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#d8d0bf;background:#080806;font-family:Inter,system-ui,sans-serif;font-synthesis:none;--gold: #d4ad61;--gold-bright: #f0d794;--brass: #7f6334;--ink: #090a09;--panel: #141512;--panel-soft: #1b1b17;--line: #343329;--muted: #817d72}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#080806}body{margin:0;min-height:100vh;min-width:320px;overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #efce83;outline-offset:2px}button:disabled{cursor:not-allowed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 48% -10%,rgba(163,113,48,.16),transparent 31rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),#0b0c0a;background-size:auto,4px 4px,4px 4px,auto}.app-shell{position:relative;min-height:100vh;padding:0 18px 18px}.app-header{height:72px;max-width:1700px;margin:0 auto;display:flex;align-items:center;border-bottom:1px solid #2d2a21;background:linear-gradient(90deg,transparent,rgba(25,24,19,.75),transparent)}.brand-lockup{display:flex;align-items:center;min-width:0}.brand-mark{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;filter:drop-shadow(0 0 9px rgba(209,164,77,.2))}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand{margin-left:12px}.brand h1,.panel h2,.modal h2{margin:0;font-family:Cinzel,serif;color:#e9d49c;letter-spacing:.04em}.brand h1{font-size:20px;line-height:1.1;text-transform:uppercase}.brand span{color:#777468;font:600 9px/1.5 Cinzel,serif;letter-spacing:.18em;text-transform:uppercase}.header-divider{width:1px;height:32px;background:#353227;margin:0 24px}.realm-status{display:flex;gap:9px;align-items:center;color:#b5ac98;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.realm-status i{width:6px;height:6px;border-radius:50%;background:#6aa85d;box-shadow:0 0 8px #71b263}.realm-status span{display:flex;flex-direction:column}.realm-status small{margin-top:2px;color:#656359;font-size:8px}.header-counters{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.header-actions{display:flex;flex-wrap:wrap;gap:inherit}.header-counters span,.header-addon{display:flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid #302e25;color:#a69d89;background:#05050480;font-size:11px;white-space:nowrap}.header-addon{cursor:pointer;color:#d6ba63;border-color:#6a5530}.header-addon:hover{color:#efd38c;border-color:#8d6d35;background:#201b12}.class-ribbon{max-width:1700px;margin:10px auto;min-height:70px;display:flex;justify-content:center;gap:7px;padding:8px 16px;border:1px solid #302e25;background:linear-gradient(#171713,#0e0f0d);box-shadow:inset 0 1px #ffffff06,0 8px 28px #0000004d}.class-crest{min-width:68px;padding:3px 5px 1px;border:1px solid transparent;background:transparent;cursor:pointer;opacity:.55;transition:.15s ease}.class-crest:hover{opacity:.9;transform:translateY(-1px)}.class-crest.is-active{opacity:1;border-color:color-mix(in srgb,var(--class-color) 52%,#47391f);background:linear-gradient(#ffffff0d,#00000026);box-shadow:inset 0 -2px var(--class-color)}.class-crest__icon{width:38px;height:38px;margin:auto;display:grid;place-items:center;border-radius:50%;color:var(--class-color);font:700 11px Cinzel,serif;border:1px solid color-mix(in srgb,var(--class-color) 65%,#111);background:radial-gradient(circle,color-mix(in srgb,var(--class-color) 19%,#191814),#090a09 70%);box-shadow:inset 0 0 0 3px #0b0b09,0 1px 5px #000}.class-crest__icon img{width:32px;height:32px;border-radius:50%;object-fit:cover}.class-crest small{display:block;max-width:64px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a7a08f;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.editor-grid{width:100%;max-width:1700px;height:calc(100vh - 201px);min-height:0;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) 284px minmax(280px,.75fr);gap:10px}.panel{position:relative;min-width:0;border:1px solid #423b2d;background:linear-gradient(120deg,rgba(255,255,255,.016),transparent 40%),linear-gradient(#171814,#10110f);box-shadow:inset 0 0 0 1px #090a08,inset 0 1px #ffffff09,0 5px 18px #0000004d}.panel:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid rgba(195,153,76,.08)}.panel h2{font-size:16px}.eyebrow{display:block;margin-bottom:4px;color:#7d725e;font:600 8px Cinzel,serif;letter-spacing:.18em;text-transform:uppercase}.panel__ornament{position:absolute;z-index:2;width:28px;height:28px;right:-1px;top:-1px;border-top:2px solid #8a6a35;border-right:2px solid #8a6a35;pointer-events:none}.panel-heading{display:flex;align-items:end;justify-content:space-between;padding:15px 14px 11px;border-bottom:1px solid #2d2b23}.result-count{color:#68655c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.view-tabs{height:40px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #443a27;background:#0d0e0c;padding:4px 4px 0}.view-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6f6c63;cursor:pointer;font:600 9px Cinzel,serif;letter-spacing:.06em;text-transform:uppercase}.view-tabs button:hover{color:#b7ab94}.view-tabs button.is-active{color:#e2c77e;border-bottom-color:#a47a36;background:linear-gradient(transparent,#a0743214)}.spec-tabs{display:flex;padding:9px 18px 0;gap:10px;border-bottom:1px solid #211d16;background:linear-gradient(#171714,#11110f)}.spec-tabs button{flex:1;min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #2e2a22;border-bottom-color:#59451f;padding:5px 7px;background:linear-gradient(#1c1b18,#0d0e0c);color:#d2b956;font:600 10px Cinzel,serif;cursor:pointer;box-shadow:inset 0 0 0 1px #090a08,0 1px 4px #000}.spec-tabs button img{width:20px;height:20px;flex:none;border:1px solid #4b4539;filter:grayscale(.45) brightness(.75);box-shadow:0 1px 2px #000}.spec-tabs button svg{flex:none}.spec-tabs button.is-active img{filter:none;border-color:#b38a32}.spec-tabs button.is-active{border-color:#c99c2f;color:#ffe26a;background:linear-gradient(#51411f,#191711);box-shadow:inset 0 0 8px #ffd54247,0 0 8px #d49e2740}.spell-panel{display:flex;min-height:0;flex-direction:column;container-type:inline-size}.spell-list{position:relative;z-index:1;display:grid;min-height:0;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px 8px;padding:13px 16px;overflow-y:auto;background:radial-gradient(circle at 50% 22%,rgba(93,76,47,.12),transparent 55%)}.spell-row{position:relative;width:100%;min-width:0;display:flex;align-items:center;gap:7px;min-height:49px;padding:5px 22px 5px 5px;border:1px solid #382711;border-radius:3px;background:linear-gradient(100deg,#171713,#0b0c0a 72%);box-shadow:inset 0 0 0 1px #070806,0 1px 4px #000000bf;text-align:left;cursor:pointer}.spell-row:hover{border-color:#826022;background:linear-gradient(100deg,#242018,#10110e 72%)}.spell-row.is-selected{border-color:#b9912f;background:linear-gradient(100deg,#6c521b61,#10110d 72%);box-shadow:inset 0 0 0 1px #17130b,0 0 7px #d09e2d38}.spell-row.is-talent-spell{border-color:#4f506e;background:linear-gradient(100deg,#30304b4d,#0b0c0d 72%);box-shadow:inset 0 0 0 1px #181826,0 0 5px #59559121}.spell-row.is-talent-spell .ability-icon{border-color:#7e719d;box-shadow:inset 0 0 0 2px #0c0d0b,0 0 0 1px #29243a,0 1px 5px #000}.spell-row.is-locked{opacity:.72;cursor:not-allowed}.spell-row.is-locked:hover{border-color:#65617d}.spell-row .ability-icon{width:38px;height:38px;filter:grayscale(1) brightness(.78);border-color:#59564d}.spell-row.is-locked .ability-icon img{filter:grayscale(.8) brightness(.65)}.spell-row.is-selected .ability-icon{filter:grayscale(.45) brightness(.95)}.ability-icon{position:relative;flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid #72613b;box-shadow:inset 0 0 0 2px #0c0d0b,0 1px 4px #000;color:#f2dfad;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000;background:radial-gradient(circle at 30% 25%,#8e6546,#321e18 65%,#0d0d0b)}.talent-lock{position:absolute;right:-4px;bottom:-4px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #71698a;border-radius:50%;color:#c5bdd9;background:#11101a;box-shadow:0 1px 3px #000}.ability-icon--0{background:radial-gradient(circle at 25% 20%,#9d6b36,#3b2113 65%,#10100d)}.ability-icon--1{background:radial-gradient(circle at 25% 20%,#6b8d9b,#253b48 65%,#10100d)}.ability-icon--2{background:radial-gradient(circle at 25% 20%,#9b4565,#42182d 65%,#10100d)}.ability-icon--3{background:radial-gradient(circle at 25% 20%,#8d7e41,#3c3215 65%,#10100d)}.ability-icon--4{background:radial-gradient(circle at 25% 20%,#654e9d,#2a1c46 65%,#10100d)}.ability-icon--5{background:radial-gradient(circle at 25% 20%,#638c54,#243b20 65%,#10100d)}.ability-icon--6{background:radial-gradient(circle at 25% 20%,#9b5846,#431e18 65%,#10100d)}.ability-icon img{width:100%;height:100%;display:block;object-fit:cover}.spell-row__text{min-width:0;display:flex;flex:1;flex-direction:column}.spell-row__text strong{overflow:hidden;color:#e5ca42;font:600 10px Cinzel,serif;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000}.spell-row__text small{overflow:hidden;color:#b4b0a8;font-size:8px;margin-top:2px;white-space:nowrap;text-overflow:ellipsis}.spell-row__text .talent-requirement{color:#a99abd}.spell-row__mark{position:absolute;right:4px;top:50%;width:16px;height:16px;display:grid;place-items:center;transform:translateY(-50%);color:#5d574c;border:0;opacity:0}.spell-row:hover .spell-row__mark,.is-selected .spell-row__mark{opacity:1}.is-selected .spell-row__mark{color:#e0bd50}@container (max-width: 640px){.spell-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 520px){.spell-list,.capstone-list{grid-template-columns:1fr}}.rune-browser{display:flex;min-height:0;flex:1;flex-direction:column;padding:10px}.rune-rarities{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.rune-rarities button{border:1px solid #2e2d27;background:#10110f;padding:7px 3px;text-transform:capitalize;cursor:pointer}.rune-rarities button span,.rune-rarities button small{display:block}.rune-rarities button span{font:600 8px Cinzel,serif}.rune-rarities button small{margin-top:3px;color:#65625b;font-size:8px}.legendary{color:#ff9c42!important}.epic{color:#bf77ff!important}.rare{color:#5e8eff!important}.uncommon{color:#63c868!important}.rune-rarities button.is-active{border-color:currentColor;background:#201e19;box-shadow:inset 0 -2px currentColor}.search-field{margin:9px 0;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #36342b;background:#090a09;color:#69665d}.search-field--inset{margin:0;border-left:0;border-right:0;border-top:0}.search-field input{width:100%;border:0;outline:0;padding:9px 0;color:#c5bdac;background:transparent;font-size:10px}.search-empty{grid-column:1 / -1;padding:18px 8px;color:#6a655b;font-size:10px;font-style:normal;text-align:center}.rune-list{min-height:0;flex:1;overflow:auto}.rune-card{width:100%;display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:9px;padding:7px;margin-bottom:5px;border:1px solid #2e2d27;background:#141511;text-align:left;cursor:pointer}.rune-card:hover{border-color:#665a40}.rune-card.is-selected{background:#242118;box-shadow:inset 2px 0 currentColor}.rune-card:disabled{opacity:.35}.rune-card--legendary,.selected-runes button.legendary,.selected-rune-tier--legendary{--rune-quality: #ff8a24;--rune-glow: rgba(255, 128, 24, .72);color:#ffab45}.rune-card--epic,.selected-runes button.epic,.selected-rune-tier--epic{--rune-quality: #b35cff;--rune-glow: rgba(164, 72, 255, .68);color:#c98aff}.rune-card--rare,.selected-runes button.rare,.selected-rune-tier--rare{--rune-quality: #4f7dff;--rune-glow: rgba(57, 105, 255, .7);color:#7ba1ff}.rune-card--uncommon,.selected-runes button.uncommon,.selected-rune-tier--uncommon{--rune-quality: #42bd53;--rune-glow: rgba(48, 183, 75, .62);color:#6ad878}.rune-glyph{position:relative;isolation:isolate;width:38px;height:38px;display:grid;place-items:center;padding:5px;border:0;color:var(--rune-quality, currentColor);background:transparent;filter:drop-shadow(0 0 4px var(--rune-glow, rgba(205,175,101,.35)));font:700 15px Cinzel,serif}.rune-glyph:before,.rune-glyph:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}.rune-glyph:before{z-index:-2;top:0;right:0;bottom:0;left:0;background:#090a07}.rune-glyph:after{z-index:-1;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--rune-quality) 70%,white),var(--rune-quality) 45%,color-mix(in srgb,var(--rune-quality) 70%,black))}.rune-card:hover .rune-glyph,.rune-card.is-selected .rune-glyph{filter:drop-shadow(0 0 7px var(--rune-glow, rgba(205,175,101,.55))) brightness(1.12)}.rune-glyph img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;clip-path:polygon(13% 0,87% 0,100% 13%,100% 87%,87% 100%,13% 100%,0 87%,0 13%);filter:drop-shadow(0 0 1px #000)}.rune-glyph--compact{overflow:visible}.rune-card strong{display:block;font:600 10px Cinzel,serif}.rune-card small{display:block;margin-top:3px;color:#777369;font-size:9px;line-height:1.35}.rune-pagination{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:7px;padding-top:9px;border-top:1px solid #302e27}.rune-pagination button{height:28px;display:grid;place-items:center;border:1px solid #403b30;color:#b8a983;background:#12130f;cursor:pointer}.rune-pagination button:hover:not(:disabled){border-color:#8b7140;color:#efd38c}.rune-pagination button:disabled{opacity:.3}.rune-pagination>span{text-align:center;color:#777168;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.rune-pagination strong{color:#d6b96d}.rune-pagination small{display:block;margin-top:2px;color:#4f4d47;font-size:7px}.capstone-browser{min-height:0;display:flex;flex:1;flex-direction:column}.capstone-help{margin:0;padding:9px 15px;border-bottom:1px solid #29271f;color:#716c61;background:#10110e;font-size:8px}.capstone-list{display:grid;min-height:0;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;padding:11px 14px;overflow-y:auto}.capstone-card{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:49px;padding:5px;border:1px solid #48405b;color:#8d877b;background:linear-gradient(100deg,#332d4557,#0d0e0c 75%);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px #0a0a0b,0 1px 4px #000}.capstone-card:hover{border-color:#82709d;background:linear-gradient(100deg,#4d3d6373,#11110f 75%)}.capstone-card.is-selected{border-color:#d2a943;background:linear-gradient(100deg,#6f521d80,#12110e 75%);box-shadow:inset 0 0 0 1px #211a0c,0 0 8px #d2a94333}.capstone-card__icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #806d9a;color:#d7c6eb;background:#17131e;box-shadow:inset 0 0 0 2px #09090a}.capstone-card__icon img{width:100%;height:100%;object-fit:cover}.capstone-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.capstone-card strong{overflow:hidden;color:#dec76f;font:600 9px Cinzel,serif;text-overflow:ellipsis;white-space:nowrap}.capstone-card small{margin-top:3px;color:#827b70;font-size:7px}.capstone-card>svg{color:#e0bd50}.talent-panel{display:flex;flex-direction:column;width:284px;max-width:100%;min-height:0;overflow:hidden}.talent-panel__header{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:58px;padding:8px 10px;border-bottom:1px solid #3b3427;background:linear-gradient(90deg,#171712,#232016 50%,#151612)}.spec-heading-icon{width:38px;height:38px;margin-right:10px;border:1px solid #816936;box-shadow:inset 0 0 0 2px #0b0c0a,0 1px 4px #000}.talent-panel__heading-copy{flex:1;min-width:0}.talent-panel__heading-copy h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talent-points{display:flex;align-items:center;flex:none}.talent-points strong{font:700 22px Cinzel,serif;color:var(--gold-bright)}.talent-points span{display:flex;flex-direction:column;color:#746d60;font-size:12px}.talent-points small{color:#56544e;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.scroll-more-wrap{position:relative;display:flex;flex:1;min-height:0;flex-direction:column}.scroll-more-hint{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:5px;padding:16px 8px 7px;pointer-events:none;color:#efd38c;font:600 8px Cinzel,serif;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 2px #000;background:linear-gradient(transparent,#080908eb 62%)}.talent-tree{position:relative;isolation:isolate;flex:1;min-height:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(11,minmax(58px,1fr));column-gap:4px;row-gap:4px;padding:16px 10px 22px;overflow-x:hidden;overflow-y:auto;background-color:#0b0c0a;background-image:var(--talent-tree-bg);background-position:center;background-size:100% 100%;background-repeat:no-repeat}.talent-node{position:relative;place-self:center;width:42px;height:42px;padding:3px;border:1px solid #4a4538;background:#0c0d0b;cursor:pointer}.talent-node .ability-icon{width:34px;height:34px;filter:grayscale(1) saturate(0) brightness(.48) contrast(1.08)}.talent-node:hover{border-color:#9d7e43;transform:scale(1.04)}.talent-node.is-ranked{border-color:#d8ad38;background:#20180a;box-shadow:0 0 0 1px #5e4516,0 0 10px #ecb53280}.talent-node.is-ranked .ability-icon{filter:saturate(1.2) brightness(1.08) contrast(1.04)}.talent-node.is-unavailable{opacity:.28;filter:grayscale(1)}.talent-node.is-filtered{opacity:.16;filter:grayscale(1)}.talent-node.is-filtered.is-ranked{opacity:.42}.talent-node__rank{position:absolute;right:-7px;bottom:-6px;width:16px;height:16px;display:grid;place-items:center;border:1px solid #5e5135;border-radius:50%;color:#c9ad58;background:#080907;box-shadow:0 1px 2px #000;font-size:8px;font-weight:700}.talent-node.is-ranked .talent-node__rank{border-color:#b99532;color:#ffe04d}.talent-node__link{position:absolute;left:-8px;top:-7px;color:#8c7340;font-size:12px}.talent-help{flex:none;position:relative;z-index:1;min-height:34px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:8px 10px;border-top:1px solid #2b2922;color:#646158;font-size:8px;background:#10110e}.talent-help span{color:#9b907a;text-transform:uppercase;letter-spacing:.05em}.talent-help i{width:2px;height:2px;border-radius:50%;background:#655b47}.build-panel{position:relative;z-index:1;display:flex;height:calc(100vh - 201px);min-height:0;max-height:calc(100vh - 201px);flex-direction:column;padding:15px 14px 12px;overflow:hidden}.build-panel__title{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid #2f2d25}.build-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid #8a6c39;color:#e0c173;background:radial-gradient(circle,#403521,#12120f 70%);box-shadow:inset 0 0 0 3px #11110e;font:19px serif}.build-icon--small{width:36px;height:36px}.build-icon--tank{border-color:#4276ad;color:#72b5f0;background:radial-gradient(circle,#263f59,#101419 70%);box-shadow:inset 0 0 0 3px #0d1115,0 0 7px #3d84c42e}.build-icon--dps{border-color:#a7473d;color:#ee7668;background:radial-gradient(circle,#582923,#18100f 70%);box-shadow:inset 0 0 0 3px #130d0c,0 0 7px #c843362e}.build-icon--healer{border-color:#4c945e;color:#78d28a;background:radial-gradient(circle,#294b31,#101712 70%);box-shadow:inset 0 0 0 3px #0d120e,0 0 7px #41af592e}.form-stack{padding:11px 0;border-bottom:1px solid #2e2c24}.form-stack label{display:block;margin-bottom:8px}.form-stack label>span{display:block;margin-bottom:4px;color:#726d62;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.form-stack input,.form-stack textarea{width:100%;border:1px solid #37342b;padding:7px 8px;color:#cbc1ad;background:#0a0b09;font-size:10px;resize:vertical}.form-stack textarea{min-height:48px}.icon-picker{display:flex;gap:5px}.icon-picker button{min-width:0;height:30px;display:flex;flex:1;align-items:center;justify-content:center;gap:5px;border:1px solid #38352b;background:#10110e;color:#67635a;cursor:pointer}.icon-picker button span{font:600 9px Cinzel,serif;letter-spacing:.03em;text-transform:uppercase}.icon-picker button.tank{color:#5795cc}.icon-picker button.dps{color:#c75c50}.icon-picker button.healer{color:#5eb672}.icon-picker button.tank.is-active{border-color:#4276ad;color:#8ccaff;background:#172432}.icon-picker button.dps.is-active{border-color:#a7473d;color:#ff9185;background:#321a17}.icon-picker button.healer.is-active{border-color:#4c945e;color:#91e5a1;background:#192b1d}.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.counter{padding:7px;border:1px solid #302e27;background:#0f100e}.counter>span{color:#747066;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.counter strong{float:right;color:#cfc4ad;font-size:11px}.counter strong i{color:#59564f;font-style:normal}.counter__bar{clear:both;height:2px;margin-top:6px;background:#282722}.counter__bar span{display:block;height:100%;background:#a48344}.counter--full{border-color:#7b5535}.counter--full .counter__bar span{background:#bc6b43}.selection-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:11px;border:1px solid #302e27;background:#0d0e0c}.selection-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:7px 3px;border:0;border-right:1px solid #302e27;border-bottom:2px solid transparent;color:#68655d;background:transparent;cursor:pointer;font:600 8px Cinzel,serif;text-transform:uppercase}.selection-tabs button:last-child{border-right:0}.selection-tabs button:hover{color:#b9aa88}.selection-tabs button.is-active{border-bottom-color:#b58a3a;color:#e3c578;background:linear-gradient(transparent,#a47a361f)}.selection-tabs button span{min-width:14px;padding:1px 3px;border-radius:7px;color:#9d8b63;background:#080907;font:700 7px Inter,sans-serif}.selection-group{margin-top:11px}.selection-group--tab{display:flex;min-height:148px;flex:1;flex-direction:column;overflow:hidden}.selection-group--tab .scroll-more-wrap{min-height:0}.selection-group>header{display:flex;justify-content:space-between;margin-bottom:6px;color:#847d6e;font:600 8px Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.selection-group>header small{color:#535149}.token-list{display:flex;flex-wrap:wrap;gap:4px;min-height:25px;max-height:65px;overflow:auto}.selection-group--tab .token-list{max-height:none;flex:1;align-content:flex-start;overflow:auto}.token-list>button,.token-list>span{display:flex;align-items:center;gap:5px;border:1px solid #37342b;padding:4px 6px;color:#948c7b;background:#11120f;font-size:8px}.token-list button{cursor:pointer}.token-list button:hover{color:#d8c59d;border-color:#655538}.selection-token__icon{width:25px;height:25px;margin:-2px 1px -2px -4px;border:1px solid #554c37;object-fit:cover;filter:brightness(.85)}.selection-token:hover .selection-token__icon{filter:brightness(1.05)}.selection-token__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.2}.selection-token__copy strong{max-width:125px;overflow:hidden;color:#d6ba63;font:600 8px Cinzel,serif;text-overflow:ellipsis;white-space:nowrap}.selection-token__copy small{margin-top:2px;color:#8c877d;font-size:7px}.token-list b{padding:0 3px;color:#d5b96d;background:#29251b}.selection-group em,.selected-runes em{color:#504e48;font-size:9px;font-style:normal}.selected-runes{max-height:240px;overflow:auto;padding-right:2px}.selection-group--tab .selected-runes{max-height:none;flex:1;overflow:auto}.selected-rune-tier{margin-bottom:9px}.selected-rune-tier>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;padding:4px 7px;border-bottom:1px solid var(--rune-quality);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rune-quality) 12%,transparent),transparent);color:#e5dfd3;font:600 10px Cinzel,serif;text-transform:capitalize;text-shadow:0 1px #000}.selected-rune-tier>header strong{color:inherit;font-size:10px}.selected-rune-card{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:5px;padding:6px;border:1px solid #3b3326;background:linear-gradient(90deg,#181712,#0d0e0c);cursor:pointer;text-align:left;box-shadow:0 1px 4px #000}.selected-rune-card:hover{border-color:var(--rune-quality);background:#1b1913}.selected-rune-card>span:not(.rune-glyph){min-width:0;display:block;color:#ded8cb}.selected-rune-card>span:not(.rune-glyph) strong{display:block;overflow:hidden;color:#ded8cb;font:500 9px Cinzel,serif;white-space:nowrap;text-overflow:ellipsis}.selected-rune-card>span:not(.rune-glyph) small{display:block;margin-top:3px;color:var(--rune-quality);font-size:8px;text-transform:capitalize}.selected-rune-card>svg{color:#5d594f}.selected-rune-card:hover>svg{color:#c8b88f}.selected-rune-card:hover .rune-glyph{filter:drop-shadow(0 0 7px var(--rune-glow))}.build-actions{display:grid;grid-template-columns:1fr 1fr;flex:none;gap:5px;margin-top:auto;padding-top:11px;border-top:1px solid #343127}.build-actions .button:last-child{grid-column:1 / -1}.button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #454137;padding:6px 10px;color:#a9a18f;background:linear-gradient(#24241f,#151613);cursor:pointer;font-size:9px;font-weight:600}.button:hover{color:#d8cdb5;border-color:#6a5a3d}.button--primary{border-color:#8d6d35;color:#efd38c;background:linear-gradient(#514323,#2d2618);box-shadow:inset 0 1px #ffffff12}.badge{min-width:16px;padding:1px 4px;border-radius:8px;color:#d7bd79;background:#0b0c0a;font-size:8px}.status-bar{max-width:1700px;height:32px;margin:8px auto 0;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #302e26;background:#0e0f0d;color:#625f57;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.status-bar__gem{width:5px;height:5px;transform:rotate(45deg);background:#b78b42;box-shadow:0 0 7px #bb8f45}.status-bar strong{color:#998a6b}.status-bar p{margin:0;color:#7b776d;text-transform:none;letter-spacing:0;font-size:9px}.status-bar__tip{margin-left:auto;color:#4f4e48}.floating-tooltip{position:fixed;z-index:100;width:min(320px,calc(100vw - 16px));max-height:min(360px,calc(100vh - 16px));overflow:auto;pointer-events:none;padding:10px 12px;border:1px solid #716034;border-radius:3px;color:#ded8c8;background:linear-gradient(135deg,#19191efa,#05070cfc),#07090d;box-shadow:inset 0 0 0 1px #121722,0 8px 24px #000000e6;animation:tooltip-in .09s ease-out}.floating-tooltip strong{display:block;color:#ffd94d;font:600 12px/1.25 Cinzel,serif;text-shadow:0 1px #000}.floating-tooltip>span{display:block;margin-top:3px;color:#9b9b9b;font-size:9px;text-transform:capitalize}.floating-tooltip p{margin:8px 0 0;color:#f2f2f2;font-size:10px;line-height:1.45;white-space:pre-line}.floating-tooltip--wowhead{border-color:#596273;background:linear-gradient(145deg,#070d20fc,#020714fc);box-shadow:inset 0 0 0 1px #111a32,0 8px 24px #000000e6}.floating-tooltip--wowhead strong{color:#f4f4f4;font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:0}.floating-tooltip--wowhead>span{margin-top:0;color:#8f8f8f;font-size:9px;text-transform:none}.floating-tooltip__combat-row{display:flex;justify-content:space-between;gap:18px;margin-top:3px;color:#f1f1f1;font-size:11px;line-height:1.25}.floating-tooltip__combat-row span:last-child{margin-left:auto;text-align:right}.floating-tooltip__facts{margin-top:2px;color:#efefef;font-size:10px;line-height:1.3}.floating-tooltip__facts span{display:block}.floating-tooltip--wowhead .floating-tooltip__description{margin-top:5px;color:#ffd100;font-size:11px;line-height:1.22}@keyframes tooltip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#030403d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(720px,100%);max-height:85vh;overflow:auto;border:1px solid #705b36;padding:16px;background:linear-gradient(135deg,#1c1c17,#0d0e0c);box-shadow:0 20px 80px #000,inset 0 0 0 3px #10110e}.modal>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #3c3427}.modal>header h2{font-size:18px}.icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #37342c;background:#11120f;color:#817b6f;cursor:pointer}.icon-button:hover{color:#d2c5aa;border-color:#65563c}.icon-button.danger:hover{color:#d76b5a;border-color:#713a31}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.archive-toolbar p,.modal-copy{color:#777268;font-size:10px}.saved-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:10px;border:1px solid #302e27;background:#121310;margin-bottom:5px}.saved-list h3,.import-summary h3{margin:0;color:#d4bd82;font:600 12px Cinzel,serif}.saved-list p,.import-summary p{margin:3px 0;color:#777268;font-size:9px}.saved-list small{color:#56544d;font-size:8px}.empty-state{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#4f4e47}.empty-state strong{color:#847d6e;font:600 11px Cinzel,serif}.empty-state span{font-size:9px}.transfer-field{width:100%;min-height:120px;border:1px solid #4a4334;padding:10px;color:#c8b991;background:#080907;resize:vertical;font:9px/1.5 monospace}.form-error{color:#d26f5f;font-size:10px}.share-copied{margin:8px 0 0;color:#7fb477;font-size:10px}.modal>footer{display:flex;justify-content:flex-end;gap:7px;padding-top:14px}.addon-copy{padding:12px 0 4px;color:#b5ac98;font-size:12px;line-height:1.55}.addon-copy p{margin:0 0 11px}.addon-copy ul{margin:0 0 11px;padding-left:18px}.addon-copy li{margin:0 0 6px}.addon-copy strong{color:#efd38c}.modal>footer a.button{text-decoration:none}.donate-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:14px;margin:14px 0 4px;padding:12px;border:1px solid #6a5530;background:linear-gradient(110deg,#7a5a2038,#10110d 62%);box-shadow:inset 0 0 0 1px #0c0c0a,0 8px 22px #00000047}.donate-card__portrait{width:92px;height:128px;overflow:hidden;border:1px solid #8d6d35;background:#0d0e0b;box-shadow:inset 0 0 0 2px #10110e,0 0 14px #d49e272e}.donate-card__portrait img{width:100%;height:100%;display:block;object-fit:cover}.donate-card__identity{min-width:0}.donate-card__identity strong{display:block;color:#f0d794;font:700 22px/1 Cinzel,serif;letter-spacing:.04em}.donate-card__identity small{display:block;margin-top:6px;color:#8d8678;font-size:11px;line-height:1.4}.donate-copy{padding-top:8px}.import-summary{display:flex;align-items:center;gap:10px;padding:12px 0}.modal-section-title{margin:5px 0 7px;color:#b9a477;font:600 9px Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.import-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:13px}.import-preview section{min-width:0;border:1px solid #302e27;background:#10110e}.import-preview h4{display:flex;justify-content:space-between;margin:0;padding:8px 9px;border-bottom:1px solid #302e27;color:#a9966b;font:600 8px Cinzel,serif;text-transform:uppercase}.import-preview h4 span{color:#6e6656}.import-preview section>div{max-height:140px;overflow:auto;padding:5px 8px}.import-preview__item{display:flex;align-items:center;gap:6px;overflow:hidden;padding:3px 0;color:#918878;font-size:8px;line-height:1.25}.import-preview__item img,.import-preview__item i{flex:none;width:18px;height:18px;border:1px solid #554c37;object-fit:cover;background:#0c0d0b}.import-preview__item em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compare-grid>div{border:1px solid #302e27;padding:10px;background:#10110e}.compare-grid h4{margin:0 0 8px;color:#9c8d6e;font:600 9px Cinzel,serif;text-transform:uppercase}.compare-grid p{color:#817b70;font-size:9px;line-height:1.5}.compare-grid .positive{color:#7fb477}.compare-grid .negative{color:#bd7163}.compare-grid__wide{grid-column:1 / -1}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0a0b09}::-webkit-scrollbar-thumb{border:1px solid #171713;background:#454034}::-webkit-scrollbar-thumb:hover{background:#62563f}@media(max-height:920px){.build-panel{padding:10px 12px 8px}.build-panel__title{padding-bottom:8px}.form-stack{padding:7px 0}.form-stack label{margin-bottom:6px}.form-stack textarea{min-height:34px}.counter-grid{margin:6px 0}.counter{padding:5px}.selection-tabs{margin-top:6px}.selection-group{margin-top:7px}.selection-group--tab{min-height:168px}.build-actions{padding-top:8px;gap:4px}}@media(max-height:800px){.form-stack textarea{min-height:0;height:32px}.build-panel__title{min-height:0}.selection-group--tab{min-height:132px}}@media(max-width:1350px){.editor-grid{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) 284px}.build-panel{grid-column:1 / -1;display:grid;height:auto;max-height:none;grid-template-columns:1fr 1fr;gap:0 16px;overflow:visible}.build-panel__title,.form-stack,.counter-grid,.build-actions{grid-column:span 1}.selection-group{grid-column:span 1;min-height:180px}.status-bar__tip{display:none}}@media(max-width:980px){.app-header{height:auto;min-height:64px;flex-wrap:wrap;gap:8px 10px;padding:8px 0 10px}.brand{margin-left:8px}.header-divider,.realm-status{display:none}.header-counters{gap:6px}.editor-grid{display:flex;flex-direction:column;height:auto}.spell-panel{min-height:420px}.talent-panel{align-self:center;min-height:0}.build-panel{display:flex;height:auto;max-height:none}.class-ribbon{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.class-crest{flex:0 0 auto}}@media(max-width:760px){.app-shell{padding:0 8px 10px}.brand-mark{width:46px;height:46px;flex-basis:46px}.brand h1{font-size:16px}.header-counters{width:100%;margin-left:0;justify-content:flex-start;gap:5px}.header-actions{flex:1 1 100%}.header-counters span,.header-addon{padding:6px 8px}.header-addon{flex:1;justify-content:center}.view-tabs button{gap:4px;font-size:8px;letter-spacing:.02em}.spec-tabs{overflow-x:auto;padding:8px 8px 0;-webkit-overflow-scrolling:touch}.spec-tabs button{flex:1 0 auto;min-width:92px}.spell-list,.rune-list,.capstone-list{max-height:420px}.spell-list,.capstone-list{grid-template-columns:1fr}.capstone-help{font-size:10px;line-height:1.4;padding:8px 12px}.talent-panel__header{padding:10px 12px}.talent-points strong{font-size:22px}.talent-tree{min-height:0}.talent-node{width:38px;height:38px}.talent-help{flex-wrap:wrap;text-align:center}.selection-tabs{grid-template-columns:repeat(2,1fr)}.import-preview,.compare-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px;align-items:start}.modal{width:100%;padding:12px;max-height:calc(100vh - 20px)}.donate-card{grid-template-columns:72px minmax(0,1fr);gap:10px}.donate-card__portrait{width:72px;height:100px}.donate-card .button{grid-column:1 / -1}.status-bar{height:auto;min-height:32px;flex-wrap:wrap;padding:6px 10px}.status-bar p{white-space:normal}.saved-list article{grid-template-columns:auto 1fr}.saved-list article .button,.saved-list article .icon-button{grid-row:2}}@media(max-width:420px){.brand span{display:none}.view-tabs button svg{display:none}}