.tc{--cc:#e2b457;position:relative}.tc[data-class=warrior],.tc-cls[data-c=warrior]{--cc:#c69b6d}.tc[data-class=paladin],.tc-cls[data-c=paladin]{--cc:#f48cba}.tc[data-class=hunter],.tc-cls[data-c=hunter]{--cc:#aad372}.tc[data-class=rogue],.tc-cls[data-c=rogue]{--cc:#fff468}.tc[data-class=priest],.tc-cls[data-c=priest]{--cc:#f4f4f4}.tc[data-class=shaman],.tc-cls[data-c=shaman]{--cc:#2f8cff}.tc[data-class=mage],.tc-cls[data-c=mage]{--cc:#3fc7eb}.tc[data-class=warlock],.tc-cls[data-c=warlock]{--cc:#8788ee}.tc[data-class=druid],.tc-cls[data-c=druid]{--cc:#ff7c0a}.tc-trust{color:#bfeee8;background:#6fe3d412;border:1px solid #6fe3d447;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.8125rem;display:inline-flex}.tc-dot{background:var(--accent);border-radius:999px;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #6fe3d433}.tc-cls{border:1px solid var(--border);min-height:2.75rem;color:var(--muted-foreground);background:linear-gradient(#171c28,#10141c);border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .375rem;font-size:.875rem;font-weight:500;transition:border-color .12s,color .12s,transform .12s;display:flex}.tc-cls:hover{border-color:color-mix(in oklab, var(--cc), transparent 40%);color:var(--foreground);transform:translateY(-1px)}.tc-cls[aria-current=page]{border-color:var(--cc);color:var(--foreground);background:linear-gradient(180deg, color-mix(in oklab, var(--cc) 22%, #171c28), #10141c);box-shadow:0 0 0 1px color-mix(in oklab, var(--cc), transparent 55%), 0 6px 18px -8px var(--cc)}.tc-cls img{border-radius:.3rem;box-shadow:0 0 0 1px #000}.tc-panel{border:1px solid var(--border);background:radial-gradient(40rem 10rem at 0 0, color-mix(in oklab, var(--cc) 14%, transparent), transparent 70%), linear-gradient(180deg, #151a25, #0f131b);border-radius:.75rem;padding:.75rem;box-shadow:inset 0 1px #ffffff0a,0 20px 50px -20px #000000b3}.tc-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.tc-name{flex:6.5rem}.tc-head-icon{width:44px;height:44px;box-shadow:0 0 0 2px var(--cc), 0 0 18px -4px var(--cc);border-radius:.5rem}.tc-kicker{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.tc-title{color:var(--cc);font-family:var(--font-display);font-size:1.5rem;line-height:1.2}.tc-bar{flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;font-size:.8125rem;display:flex}.tc-bar>label,.tc-bar>p{flex:5.5rem;min-width:0}.tc-bar label span,.tc-bar p span{color:var(--muted-foreground);font-weight:500;display:block}.tc-num{font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:2.75rem;display:block}.tc-num-hi{color:var(--gold-soft)}.tc-in{border:1px solid var(--border);min-width:0;max-width:100%;height:2.75rem;min-height:2.75rem;color:var(--foreground);appearance:none;background:#0b0f16;border-radius:.5rem;margin-top:.25rem;padding:0 .625rem;font-size:1rem}.tc-in:focus{border-color:var(--ring)}select.tc-in{background:#0b0f16 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a9b0bd'/%3E%3C/svg%3E") right .65rem center no-repeat;padding-right:1.75rem}.tc-actions{flex-wrap:wrap;flex:100%;gap:.5rem;display:flex}.tc-btn{border:1px solid var(--border);min-height:2.75rem;color:var(--foreground);background:linear-gradient(#1b2130,#131823);border-radius:.5rem;flex:6.5rem;padding:0 .5rem;font-size:.8125rem;font-weight:600;line-height:1.1;transition:border-color .12s,filter .12s}.tc-btn:hover{filter:brightness(1.1);border-color:#46506a}.tc-btn[aria-pressed=true]{border-color:var(--accent);color:#d9fbf6;background:linear-gradient(#123733,#0d2522)}.tc-btn-primary{color:var(--primary-foreground);background:linear-gradient(#f3cf7d,#d49a35);border-color:#f1c770;box-shadow:0 6px 18px -8px #e2b457}@media (width>=1024px){.tc-bar{font-size:.875rem}.tc-actions{flex:0 auto;margin-left:auto}.tc-btn{flex:none;padding:0 .875rem;font-size:.875rem}}.tc-status:not(:empty){color:var(--accent);margin-top:.5rem;font-size:.875rem}.tc-help{color:var(--muted-foreground);margin:.75rem 0;font-size:.875rem}.tc-tree{border:1px solid var(--border);background:radial-gradient(120% 55% at 50% 0%, color-mix(in oklab, var(--cc) 16%, transparent), transparent 70%), repeating-linear-gradient(0deg, transparent 0 51px, #ffffff06 51px 52px), linear-gradient(180deg, #141924, #0b0e14);border-radius:.75rem;padding:.5rem .5rem .75rem;position:relative;overflow:hidden}.tc-tree-head{align-items:center;gap:.5rem;display:flex}.tc-tree-head img{border-radius:.375rem;box-shadow:0 0 0 1px #000}.tc-tree-head h2{color:var(--foreground);font-size:1.125rem}.tc-tree-pts{color:var(--gold-soft);font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.tc-meter{background:#222939;border-radius:999px;height:4px;margin:.5rem 0 .75rem;overflow:hidden}.tc-meter span{border-radius:inherit;background:linear-gradient(90deg, color-mix(in oklab, var(--cc) 70%, #e2b457), #f3d79a);width:0;height:100%;transition:width .16s ease-out;display:block}.tc-mini{border:1px solid var(--border);min-width:2.75rem;min-height:2.75rem;color:var(--muted-foreground);background:#10141c;border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.tc-mini:hover:not(:disabled){color:var(--foreground);border-color:#46506a}.tc-mini:disabled{opacity:.4}.tc-grid{--rh:52px;grid-template-columns:repeat(4,minmax(0,1fr)) 1.5rem;grid-template-rows:repeat(7, var(--rh));column-gap:.5rem}.tc-names .tc-grid{--rh:80px}.tc-mark{color:#4a5368;font-variant-numeric:tabular-nums;place-self:start end;margin-top:-.55rem;font-size:.6875rem;font-weight:700}.tc-mark.on{color:var(--gold-soft)}.tc-talent{z-index:1;aspect-ratio:1;-webkit-touch-callout:none;user-select:none;background:#05070b;border:2px solid #3a4256;border-radius:8px;justify-self:center;width:min(48px,100%);min-width:44px;padding:2px;transition:transform .1s,border-color .12s,box-shadow .12s;position:relative;box-shadow:inset 0 0 0 1px #000,0 2px 6px #0009}.p11{grid-area:1/1}.p12{grid-area:1/2}.p13{grid-area:1/3}.p14{grid-area:1/4}.p21{grid-area:2/1}.p22{grid-area:2/2}.p23{grid-area:2/3}.p24{grid-area:2/4}.p31{grid-area:3/1}.p32{grid-area:3/2}.p33{grid-area:3/3}.p34{grid-area:3/4}.p41{grid-area:4/1}.p42{grid-area:4/2}.p43{grid-area:4/3}.p44{grid-area:4/4}.p51{grid-area:5/1}.p52{grid-area:5/2}.p53{grid-area:5/3}.p54{grid-area:5/4}.p61{grid-area:6/1}.p62{grid-area:6/2}.p63{grid-area:6/3}.p64{grid-area:6/4}.p71{grid-area:7/1}.p72{grid-area:7/2}.p73{grid-area:7/3}.p74{grid-area:7/4}.tc-talent:hover{transform:translateY(-1px)scale(1.04)}.tc-talent img{border-radius:5px;width:100%;height:100%}.tc-talent:not([data-state]) img,.tc-talent[data-state=locked] img{filter:grayscale()brightness(.55)}.tc-talent[data-state=locked]{border-color:#2c3242}.tc-talent[data-state=open],.tc-talent[data-state=partial]{border-color:#3fd66a;box-shadow:inset 0 0 0 1px #000,0 0 10px -2px #3fd66abf}.tc-talent[data-state=max]{border-color:#f5c84c;box-shadow:inset 0 0 0 1px #000,0 0 14px -2px #f5c84cd9}.tc-talent.tc-selected{outline:2px solid var(--ring);outline-offset:3px}.tc-rank{color:#9aa3b5;background:#05070b;border:1px solid #2c3242;border-radius:4px;padding:0 .25rem;font-size:.6875rem;font-weight:700;line-height:1rem;position:absolute;bottom:-3px;right:-3px}.tc-talent[data-state=open] .tc-rank,.tc-talent[data-state=partial] .tc-rank{color:#5ff08a;border-color:#2c6b3d}.tc-talent[data-state=max] .tc-rank{color:#ffd668;border-color:#7a6020}.tc-arrow{z-index:0;pointer-events:none;--line:#3a4256;position:relative}.tc-arrow.on{--line:#e8b94f}.tc-arrow-v{justify-self:center;width:0}.tc-arrow-v:before{content:"";top:24px;left:-2px;bottom:calc(var(--rh) - 22px);background:var(--line);border-radius:2px;width:4px;position:absolute}.tc-arrow-v:after{content:"";left:-7px;bottom:calc(var(--rh) - 28px);border:7px solid #0000;border-bottom:0;border-top:8px solid var(--line);position:absolute}.tc-arrow-h{align-self:center;height:0}.tc-arrow-h:before{content:"";background:var(--line);border-radius:2px;height:4px;position:absolute;top:-2px;left:24px;right:30px}.tc-arrow-h:after{content:"";border:7px solid #0000;border-right:0;border-left:8px solid var(--line);position:absolute;top:-7px;right:24px}.tc-arrow-l:before{left:30px;right:24px}.tc-arrow-l:after{border-left:0;border-right:8px solid var(--line);border-left-color:#0000;left:24px;right:auto}.tc-compare .tc-talent[data-s=new]:after,.tc-compare .tc-talent[data-s=changed]:after,.tc-compare .tc-talent[data-s=moved]:after{content:"";border:2px solid #05070b;border-radius:999px;width:.8rem;height:.8rem;position:absolute;top:-.35rem;left:-.35rem}.tc-compare .tc-talent[data-s=new]:after,.tc-legend [data-s=new]:before{background:#6fe3d4}.tc-compare .tc-talent[data-s=changed]:after,.tc-legend [data-s=changed]:before{background:#f0c86e}.tc-compare .tc-talent[data-s=moved]:after,.tc-legend [data-s=moved]:before{background:#c79bff}.tc-legend{color:var(--muted-foreground);gap:1rem;display:none}.tc-compare .tc-legend{display:flex}.tc-legend span:before{content:"";vertical-align:-.05rem;border-radius:999px;width:.7rem;height:.7rem;margin-right:.35rem;display:inline-block}.tc-detail,.tc-tip{background:linear-gradient(#10182af7,#080c16f7);border:1px solid #3d4a66;border-radius:.5rem;padding:.75rem;box-shadow:0 16px 40px #0009}.tc-d-name{color:#fff;font-weight:700}.tc-d-meta{color:#9aa3b5;font-size:.75rem}.tc-d-text{color:#ffd76a;margin-top:.375rem;font-size:.875rem;line-height:1.5}.tc-d-next{color:#7ee89a;margin-top:.375rem;font-size:.875rem;line-height:1.5}.tc-d-classic{color:#b9c0cc;margin-top:.375rem;font-size:.8125rem;line-height:1.5}.tc-d-block{color:var(--danger);margin-top:.375rem;font-size:.875rem;font-weight:600}.tc-tip{z-index:30;pointer-events:none;width:min(20rem,90vw);display:none;position:absolute}.tc-tip.on{display:block}.tc-help-touch{display:none}@media (hover:none){.tc-help-pointer{display:none}.tc-help-touch{display:inline}}@media (width<=639px){.tc-trust{font-size:.75rem}.tc-panel{padding:.625rem}.tc-head{gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.tc-name{flex:6.5rem}.tc-head-icon{width:36px;height:36px}.tc-kicker{display:none}.tc-title{font-size:1.25rem}.tc-bar{grid-template-columns:repeat(auto-fit,minmax(4.25rem,1fr));align-items:end;gap:.5rem;font-size:.75rem;display:grid}.tc-bar label span,.tc-bar p span{line-height:1.2}.tc-in{padding:0 .375rem}select.tc-in{background-position:right .4rem center;padding-right:1.25rem}.tc-num{font-size:1.25rem;line-height:2.75rem}.tc-actions{grid-column:1/-1}.tc-help{margin:.5rem 0;font-size:.8125rem}}.tc-order{border:1px solid var(--border);background:linear-gradient(#141924,#0d1118);border-radius:.75rem;padding:0 .75rem}.tc-order summary{cursor:pointer;min-height:2.75rem;color:var(--gold-soft);font-family:var(--font-display);align-items:center;gap:.5rem;font-size:1.125rem;display:flex}.tc-order summary span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.875rem}.tc-order[open]{padding-bottom:.75rem}.tc-order-help{color:var(--muted-foreground);font-size:.8125rem}.tc-order-list{columns:15rem auto;column-gap:1.5rem;margin:.75rem 0;font-size:.875rem;line-height:1.6}.tc-order-list li{break-inside:avoid;color:var(--foreground)}.tc-order-list b{min-width:2rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums;display:inline-block}.tc-order-list li[data-t="0"] b{color:#f0c86e}.tc-order-list li[data-t="1"] b{color:#6fe3d4}.tc-order-list li[data-t="2"] b{color:#c79bff}.tc-order-empty{color:var(--muted-foreground)}.tc-ref h2{color:var(--gold-soft)}.tc-ref h3{color:var(--foreground);margin-top:1.5rem;font-size:1.25rem}.tc-ref h4{margin-top:1rem;font-weight:600}.tc-ref ol,.tc-ref ul{margin-top:.5rem;font-size:.875rem;line-height:1.5rem}.tc-ref ol>li{border-left:2px solid var(--border);padding-left:.75rem}.tc-ref ol>li+li{margin-top:.75rem}.tc-ref b{color:var(--foreground)}.tc-ref .d{color:#d8c79e}.tc-ref var{font-style:normal}.tc-ref ul{color:var(--muted-foreground);padding-inline-start:1.25rem;list-style:outside}.tc-ref i{color:var(--muted-foreground);font-style:normal}.tc-ref em{border:1px solid var(--border);border-radius:999px;margin-left:.25rem;padding:0 .45rem;font-size:.7rem;font-style:normal;font-weight:600}.tc-ref em[data-s=new]{color:#bff5ee;border-color:#6fe3d4}.tc-ref em[data-s=moved]{color:#e3d0ff;border-color:#c79bff}.tc-nav{margin-bottom:.75rem}.tc-nav ul{flex-wrap:wrap;gap:.375rem;display:flex}.tc-cls{overflow-wrap:anywhere;min-width:0}.tc-pick{display:none}@media (width<=639px){.tc-pick{flex:none;align-items:center;gap:.5rem;padding:0 .75rem;display:inline-flex}.tc-pick:after{content:"";border:2px solid;border-width:0 2px 2px 0;width:.4rem;height:.4rem;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.tc-pick[aria-expanded=true]:after{transform:translateY(1px)rotate(-135deg)}.tc-nav:not(.open){display:none}.tc-nav ul{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tc-cls{gap:.375rem;padding:.25rem .375rem;font-size:.8125rem}.tc-cls img{width:22px;height:22px}.tc-actions{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tc-actions .tc-btn{overflow-wrap:anywhere;padding:.25rem;font-size:.75rem}}.tc-btn:disabled{opacity:.5}.tc-dock{top:env(safe-area-inset-top,0);z-index:20;border:1px solid var(--border);backdrop-filter:blur(10px);background:#0e121af0;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.375rem;min-height:3.375rem;margin-bottom:.5rem;padding:.25rem;display:flex;position:sticky;box-shadow:0 10px 24px -14px #000}.tc-tabs{flex:9rem;gap:.25rem;min-width:0;display:flex}.tc-tab{min-width:0;min-height:2.75rem;color:var(--muted-foreground);border:1px solid #0000;border-radius:.5rem;flex:1 1 0;justify-content:center;align-items:center;gap:.375rem;padding:0 .25rem;font-size:.8125rem;font-weight:600;display:flex}.tc-tab img{border-radius:.25rem;flex:none}.tc-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tc-tab b{color:var(--foreground);font-variant-numeric:tabular-nums}.tc-tab[aria-current]{border-color:color-mix(in oklab, var(--cc), transparent 35%);background:color-mix(in oklab, var(--cc) 14%, #10141c);color:var(--foreground)}.tc-sum{color:var(--muted-foreground);white-space:nowrap;flex:none;padding:0 .25rem;font-size:.8125rem}.tc-sum b{color:var(--gold-soft);font-variant-numeric:tabular-nums;font-size:1.0625rem}.tc-dock .tc-mini{flex:none}@media (width<=479px){.tc-tab span,.tc-sum-lv{display:none}}@media (width<=359px){.tc-redo{display:none}}@media (width<=1023px){.tc-trees{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;display:flex;overflow-x:auto}.tc-trees::-webkit-scrollbar{display:none}.tc-tree{scroll-snap-align:start;flex:0 0 100%}.tc-grid{--rh:58px}.tc-names .tc-grid{--rh:84px}}@media (width>=640px) and (width<=1023px){.tc-tree{flex-basis:calc(50% - .375rem)}}.tc-label{display:none}.tc-names .tc-label{color:#d5dae4;text-align:center;text-shadow:0 1px 2px #000,0 0 4px #000;overflow-wrap:anywhere;hyphens:auto;pointer-events:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:3.75rem;margin-left:-1.875rem;font-size:.625rem;font-weight:600;line-height:1.15;display:-webkit-box;position:absolute;top:calc(100% + 5px);left:50%;overflow:hidden}.tc-names .tc-talent[data-state=locked] .tc-label{color:#8f98aa}.tc-x{display:none}@media (hover:none){.tc:not(.tc-has-sel) .tc-detail{display:none}.tc-has-sel .tc-detail{z-index:50;overscroll-behavior:contain;max-height:45vh;padding:2.75rem 1rem calc(1rem + env(safe-area-inset-bottom));background:#0f1524;border-width:1px 0 0;border-radius:1rem 1rem 0 0;margin:0;animation:.18s ease-out tc-up;position:fixed;inset:auto 0 0;overflow-y:auto}.tc-has-sel .tc-detail:before{content:"";background:#3d4a66;border-radius:2px;width:2.5rem;height:4px;margin-left:-1.25rem;position:absolute;top:.5rem;left:50%}.tc-has-sel .tc-x{display:inline-flex;position:absolute;top:.25rem;right:.5rem}}@keyframes tc-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.tc-has-sel .tc-detail{animation:none}}.tc-save{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin:.75rem 0;display:flex}.tc-save label{min-width:0;color:var(--muted-foreground);flex:12rem;font-size:.8125rem}.tc-save label span{display:block}.tc-save .tc-btn{flex:none;padding:0 1rem}.tc-saved-list{gap:.375rem;margin-bottom:.5rem;display:grid}.tc-saved-list li{gap:.375rem;display:flex}.tc-saved-open{border:1px solid var(--border);text-align:left;background:#10141c;border-radius:.5rem;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-width:0;min-height:2.75rem;padding:.25rem .75rem;display:flex}.tc-saved-open:hover{border-color:#46506a}.tc-saved-open b{color:var(--foreground);overflow-wrap:anywhere;font-size:.875rem}.tc-saved-open span{color:var(--muted-foreground);font-size:.75rem}