.talent-page{max-width:1400px;color:var(--bone);margin:74px auto clamp(48px,6vw,88px);padding:0 24px}.talent-hero{isolation:isolate;border:1px solid var(--border);background:#111;border-bottom-color:#76232a;align-items:center;min-height:310px;padding:48px 54px;display:flex;position:relative;overflow:hidden}.talent-hero__art{z-index:-1;background:linear-gradient(90deg,#060607f0,#0606078f 58%,#0606072e),url(/forum/horde-halle.webp) 50%/cover;position:absolute;inset:0}.talent-hero .principles__title{margin:12px 0 20px;font-size:clamp(36px,4.5vw,64px);line-height:1.03}.talent-hero__copy>p:last-child{color:#b9b1a6;font-size:15px;line-height:1.8}.talent-hero__edition{text-align:right;text-transform:uppercase;letter-spacing:.2em;color:#b6aa98;align-self:flex-end;margin-left:auto;font-size:10px}.talent-hero__edition strong{letter-spacing:.12em;color:var(--bone);margin-top:9px;font-size:27px;display:block}.talent-classes{border:1px solid var(--border);background:#100f0e;border-top:0;grid-template-columns:repeat(9,1fr);display:grid}.talent-class{letter-spacing:.035em;color:#b7ada0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 5px 15px;font-size:11px;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.talent-class img{filter:saturate(.65);background:#080807;border:1px solid #51483d;padding:2px;transition:transform .2s,filter .2s}.talent-class:hover,.talent-class.is-active{background:linear-gradient(0deg,color-mix(in srgb,var(--class-color) 10%,transparent),transparent);color:var(--class-color)}.talent-class.is-active:after{content:"";background:var(--class-color);height:2px;position:absolute;bottom:0;left:22%;right:22%}.talent-class:hover img,.talent-class.is-active img{filter:saturate();border-color:var(--class-color);transform:translateY(-2px)}.talent-workbench{isolation:isolate;clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px));background:linear-gradient(#08080975 0,#080809c7 18%,#080809f0 36%,#080809fa 62%),linear-gradient(90deg,#050506a6,#05050645 48%,#050506ad),#080809 url(/forum/azeroth.webp) top/100% 620px no-repeat;border:1px solid #342e29;border-top-color:#695349;margin-top:18px;padding:28px 26px 30px;position:relative;box-shadow:0 24px 55px #0008,inset 0 1px #d6c0a00f}.talent-workbench:before{content:"";z-index:-1;background:radial-gradient(circle at 18% 0,color-mix(in srgb,var(--class-color) 8%,transparent),transparent 31%),repeating-linear-gradient(135deg,transparent 0 70px,#e6ded005 71px,transparent 72px);pointer-events:none;position:absolute;inset:0}.talent-workbench:after{content:"";background:linear-gradient(90deg,transparent,var(--class-color) 20%,#b7a48d 50%,var(--class-color) 80%,transparent);opacity:.58;height:1px;box-shadow:0 0 10px color-mix(in srgb,var(--class-color) 18%,transparent);pointer-events:none;position:absolute;top:0;left:34px;right:34px}.talent-workbench__mist{z-index:-1;pointer-events:none;opacity:.32;transform-origin:top;background:radial-gradient(at 25% 10%,#c6cdcd29,#0000 33%),radial-gradient(at 74% 19%,#8c93961f,#0000 29%);animation:16s ease-in-out infinite alternate talent-mist;position:absolute;inset:0;overflow:hidden}@keyframes talent-mist{0%{opacity:.25;transform:translate(-1.5%)scale(1.01)}to{opacity:.4;transform:translate(1.5%,8px)scale(1.04)}}.talent-command{flex-wrap:wrap;align-items:center;gap:40px;padding:8px 0 17px;display:flex}.talent-label{text-transform:uppercase;letter-spacing:.14em;color:#b3a696;font-size:10px;line-height:1.6}.talent-command h2{letter-spacing:.07em;margin:7px 0 0;font-size:32px}.talent-budget{align-items:center;gap:13px;display:flex}.talent-budget>strong{color:var(--class-color);text-shadow:0 0 18px color-mix(in srgb,var(--class-color) 14%,transparent);font-size:43px;font-weight:500}.talent-budget>span{font-size:13px}.talent-budget small{color:#a79c8e;margin-top:7px;font-size:10px;display:block}.talent-command__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto;display:flex}.talent-command .btn{padding:11px 15px;font-size:10px}.talent-text-button{color:#bbae9d;text-underline-offset:4px;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px;font-size:11px;text-decoration:underline}.talent-text-button:hover{color:var(--bone)}.talent-page button:disabled{opacity:.4;cursor:not-allowed}.talent-status{color:#b9ac9b;background:linear-gradient(90deg,#0505068a,#05050614 72%,#0000);border-top:1px solid #e6ded014;border-bottom:1px solid #e6ded014;min-height:42px;margin:0 0 17px;padding:10px 13px;font-size:12px;line-height:1.6}.talent-trees{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.talent-tree{background:#101010;border:1px solid #39332d;min-width:0;position:relative;box-shadow:0 12px 30px #0005}.talent-tree:before,.talent-tree:after{content:"";z-index:2;pointer-events:none;border-color:#9b8471;width:10px;height:10px;position:absolute}.talent-tree:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.talent-tree:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.talent-tree__head{background:linear-gradient(100deg,#181714,#121211);border-bottom:1px solid #3c332b;align-items:center;gap:14px;padding:21px 20px;display:flex}.talent-tree__head h3{letter-spacing:-.03em;margin:3px 0 0;font-size:20px}.talent-tree__head>strong{color:var(--class-color);text-align:center;margin-left:auto;font-size:28px;font-weight:500}.talent-tree__head small{color:#a59788;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:400;display:block}.talent-tree__sigil{border:1px solid #73604d;padding:3px;display:block;transform:rotate(-4deg);box-shadow:0 0 0 3px #070706}.talent-tree__sigil img{filter:saturate(.6);display:block}.talent-tree__field{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--rows),86px);isolation:isolate;background:linear-gradient(#080a0cea,#080a0cdb),url(/forum/azeroth.webp) 50%/cover;padding:12px 10px 12px 22px;display:grid;position:relative}.talent-tree--1 .talent-tree__field{background-position:65%}.talent-tree--2 .talent-tree__field{background-position:100%}.talent-connections{z-index:-1;width:calc(100% - 32px);height:calc(100% - 24px);position:absolute;top:12px;left:22px;overflow:visible}.talent-connections path{fill:none;stroke:#504c42;stroke-width:2px;vector-effect:non-scaling-stroke}.talent-connections path.is-lit{stroke:var(--class-color);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--class-color) 25%,transparent))}.talent-tier{color:#736a5b;grid-column:1;font-size:9px;position:absolute;top:36px;left:-15px}.talent-tier.is-open{color:#b6a38a}.talent-node{cursor:pointer;z-index:1;background:#080807;border:2px solid #554b3b;border-radius:2px;place-self:center;width:52px;height:52px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;box-shadow:0 0 0 2px #000,0 3px 10px #000}.talent-node img{object-fit:cover;filter:saturate(.7);pointer-events:none;width:100%;height:100%;display:block}.talent-node.is-locked img{filter:grayscale()brightness(.48)}.talent-node.is-learned{border-color:#9caa73}.talent-node.is-maxed{border-color:#cfb777}.talent-node:hover,.talent-node.is-selected{border-color:var(--bone);transform:translateY(-2px);box-shadow:0 0 0 2px #000,0 0 12px #d8c6a51c}.talent-node__rank{color:#bfb499;text-align:center;font-variant-numeric:tabular-nums;background:#080a09;border:1px solid #776444;min-width:28px;padding:2px 4px;font-size:11px;line-height:1;position:absolute;bottom:-9px;right:-7px}.talent-node.is-learned .talent-node__rank{color:#b4d68a}.talent-node.is-maxed .talent-node__rank{color:#ffe399}.talent-node__rank i{opacity:.5;margin:0 1px;font-style:normal}.talent-tree>footer{color:#a79b8b;border-top:1px solid #332c24;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:10px;display:flex}.talent-bottom{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.talent-detail,.talent-saves{background:linear-gradient(125deg,#191715f5,#0c0c0cf0);border:1px solid #39312a;min-width:0;padding:26px;box-shadow:0 10px 28px #0005}.talent-detail__heading{align-items:center;gap:16px;margin-bottom:22px;display:flex}.talent-detail__heading img{background:#000;border:1px solid #8a7253;padding:2px}.talent-bottom h3{letter-spacing:-.025em;margin:5px 0 12px;font-size:21px}.talent-bottom p{color:#c1b6a5;margin:10px 0 18px;font-size:13px;line-height:1.75}.talent-detail__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.talent-detail__actions .btn,.talent-save-row .btn{padding:11px 15px;font-size:10px}.talent-cost{color:#b4bfce!important}.talent-requirements{color:#c3a987!important}.talent-saves label,.talent-transfer label{margin-bottom:9px;font-size:12px;display:block}.talent-save-row,.talent-transfer>div{gap:10px;display:flex}.talent-page input{width:100%;min-width:0;color:var(--bone);font:inherit;background:#090909;border:1px solid #4b4237;border-radius:0;padding:11px 12px;font-size:13px}.talent-saves ul{max-height:220px;margin:20px 0 0;padding:0;list-style:none;overflow:auto}.talent-saves li{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.talent-saves li>a{color:var(--bone);overflow-wrap:anywhere;flex:1;font-size:13px}.talent-saves li small{color:#a89a89;margin-top:4px;font-size:10px;display:block}.talent-saves li button{font-size:22px;text-decoration:none}.talent-transfer{background:#0f0e0de6;border:1px solid #4b4237;margin:10px 0;padding:20px}.talent-source{color:#ab9e8b;max-width:850px;padding:26px 0;font-size:12px;line-height:1.8}.talent-source strong{color:#c4b8a6;font-weight:500}.talent-source a{color:var(--bone);text-decoration:underline}.talent-page :focus-visible{outline:2px solid var(--bone);outline-offset:4px}@media (min-width:1100px){.talent-detail{min-height:270px}}@media (max-width:1050px){.talent-page{padding:0 20px}.talent-tree__head{gap:9px;padding:17px 12px}.talent-tree__head h3{font-size:16px}.talent-tree__sigil img{width:30px;height:30px}.talent-node{width:45px;height:45px}.talent-tree__field{grid-template-rows:repeat(var(--rows),78px)}.talent-class{font-size:10px}.talent-trees{gap:12px}.talent-command{gap:22px}}@media (max-width:800px){.talent-page{margin-top:48px}.talent-hero{min-height:280px;padding:36px 24px}.talent-hero__edition{display:none}.talent-classes{grid-template-columns:repeat(5,1fr)}.talent-class{padding:14px 4px;font-size:10px}.talent-class img{width:30px;height:30px}.talent-workbench{background-position:60% 0;margin-top:12px;padding:22px 12px 24px}.talent-trees{grid-template-columns:1fr;gap:24px}.talent-tree__head{padding:20px}.talent-tree__head h3{font-size:23px}.talent-tree__field{grid-template-rows:repeat(var(--rows),80px);max-width:460px;margin:0 auto}.talent-node{width:52px;height:52px}.talent-tree{background:linear-gradient(110deg,#111413,#090b0b)}.talent-bottom{grid-template-columns:1fr}.talent-command__actions{width:100%;margin-left:0}.talent-budget{margin-left:auto}.talent-command h2{font-size:25px}.talent-detail,.talent-saves{padding:20px}.talent-source{font-size:11px}.talent-status{min-height:55px}}@media (prefers-reduced-motion:reduce){.talent-page *{transition:none!important;animation:none!important}.talent-workbench__mist{opacity:.3}}.talent-source{color:#b3a693;border:1px solid #39312a;border-left:3px solid var(--red);background:radial-gradient(45% 120% at 0%,#d80b1c1a,#0000 70%),linear-gradient(125deg,#191715f5,#0c0c0cf0);gap:6px;max-width:none;margin:28px 0 8px;padding:20px 26px 20px 74px;font-size:13px;line-height:1.75;display:grid;position:relative;box-shadow:0 10px 28px #0005,inset 0 1px #e6ded00a}.talent-source:before{content:"i";color:#f2ebe0;background:radial-gradient(circle at 50% 30%,#461017 0%,#1a0809 70%);border:1px solid #e6ded047;border-radius:50%;place-items:center;width:30px;height:30px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-style:italic;font-weight:700;line-height:1;display:grid;position:absolute;top:22px;left:24px;box-shadow:0 0 0 3px #0b0708,0 0 0 4px #d80b1c8c,0 0 16px #d80b1c4d}.talent-source strong{letter-spacing:.14em;text-transform:uppercase;color:#e8c77a;font-size:11px;font-weight:800}.talent-source p{max-width:900px;margin:0}.talent-source a{color:var(--bone);text-underline-offset:2px;text-decoration:underline}.talent-source a:hover{color:#fff}@media (max-width:800px){.talent-source{padding:18px 18px 18px 62px;font-size:12px}.talent-source:before{width:28px;height:28px;top:18px;left:18px}}