html[data-viewport-mode=desktop-canvas] .training-overlay__panel{width:100%;height:100%}.d2inv-skill-atlas{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:radial-gradient(circle at 42% 14%,var(--ember-a08),transparent 35%),linear-gradient(90deg,var(--c-dark-olive-2-a70),var(--c-ink-a70)),url(../assets/curated/ui-chrome/training-skill-atlas-bg.webp) center / cover no-repeat}.d2inv-skill-path{grid-template-columns:7.5rem minmax(46rem,1fr)}.d2inv-skill-path__network{position:relative;min-width:46rem;min-height:0;overflow:visible}.d2inv-skill-path__connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.d2inv-skill-path__trunk,.d2inv-skill-path__spoke{fill:none;stroke:var(--warmline-a20);stroke-linecap:round;vector-effect:non-scaling-stroke}.d2inv-skill-path__trunk{stroke-width:var(--border-width-thin)}.d2inv-skill-path__spoke{stroke-width:var(--border-width-hairline)}.d2inv-skill-path__trunk.is-open,.d2inv-skill-path__spoke.is-open{stroke:var(--ember-a55);filter:drop-shadow(0 0 var(--space-xs) var(--ember-a30))}.d2inv-skill-path__trunk.is-sealed,.d2inv-skill-path__spoke.is-sealed{stroke:var(--warmline-a16);stroke-dasharray:var(--space-sm) var(--space-xs)}.d2inv-skill-path__node{position:absolute;top:var(--skill-y);left:var(--skill-x);z-index:3;scroll-margin-inline:calc(var(--space-3xl) * 4);transform:translate(-50%,-50%)}.d2inv-skill-path__node.is-selected{z-index:10}.d2inv-skill-orb--network{width:calc(var(--space-3xl) * 2);scroll-margin-block:var(--space-3xl);scroll-margin-inline:calc(var(--space-3xl) * 5)}.d2inv-skill-orb--network .d2inv-skill-orb__art{width:calc((var(--space-3xl) * 2) - var(--space-xs))}.d2inv-skill-orb__fallback{display:grid;place-items:center;width:100%;height:100%;color:var(--cream-30);font-family:var(--font-display);font-size:var(--text-body-sm);letter-spacing:var(--tracking-label);text-shadow:0 0 var(--space-sm) var(--ember-a40)}.d2inv-skill-orb--missing-art .d2inv-skill-orb__art{border-color:var(--warmline-a28);background:radial-gradient(circle,var(--ember-a12),var(--c-ink) 72%)}.d2inv-skill-orb--missing-art .d2inv-skill-orb__fallback{font-size:var(--text-body)}.d2inv-skill-orb__kind-mark{position:absolute;top:var(--space-3xs);left:var(--space-3xs);display:grid;place-items:center;width:var(--space-lg);height:var(--space-lg);border:var(--border-width-hairline) solid var(--warmline-a28);border-radius:var(--radius-pill);color:var(--cream-20);font-family:var(--font-display);font-size:var(--text-caption);line-height:1;background:var(--c-ink-a95)}.d2inv-skill-orb__rank.is-empty{color:var(--cream-40-a70);border-color:var(--warmline-a16)}.d2inv-skill-orb__tooltip{position:absolute;top:50%;left:calc(100% + var(--space-sm));z-index:12;display:none;width:14rem;gap:var(--space-2xs);padding:var(--space-sm);border:var(--border-width-hairline) solid var(--ember-a40);border-radius:var(--radius-sm);color:var(--cream-40-a78);font-size:var(--text-caption);line-height:var(--line-height-snug);text-align:left;background:var(--c-ink-a95);box-shadow:var(--shadow-drop-dark);transform:translateY(-50%);pointer-events:none}.d2inv-skill-orb__tooltip strong,.d2inv-skill-orb__tooltip span{display:block}.d2inv-skill-orb__tooltip strong{color:var(--cream-20);font-family:var(--font-display);font-size:var(--text-label)}.d2inv-skill-orb:hover .d2inv-skill-orb__tooltip,.d2inv-skill-orb:focus-visible .d2inv-skill-orb__tooltip{display:grid}.d2inv-skill-orb--tier-3 .d2inv-skill-orb__tooltip{right:calc(100% + var(--space-sm));left:auto}.d2inv-skill-orb--selected .d2inv-skill-orb__name,.d2inv-skill-orb:hover .d2inv-skill-orb__name,.d2inv-skill-orb:focus-visible .d2inv-skill-orb__name{position:absolute;top:calc(100% + var(--space-2xs));left:50%;z-index:5;display:block;width:6rem;color:var(--cream-30);font-family:var(--font-display);font-size:var(--text-caption);line-height:var(--line-height-snug);text-align:center;text-shadow:0 var(--border-width-thin) var(--space-2xs) var(--c-ink);transform:translate(-50%)}.d2inv-skill-orb--locked{filter:saturate(.58);opacity:.78}.d2inv-skill-orb--kind-passive .d2inv-skill-orb__art{border-radius:var(--radius-sm);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.d2inv-skill-orb--kind-energy .d2inv-skill-orb__art{border-radius:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.d2inv-skill-path__gate{position:absolute;top:50%;left:var(--gate-x);z-index:4;width:2.5rem;height:2.5rem;border:0;background:conic-gradient(var(--ember-300) var(--gate-progress),var(--warmline-a20) 0);box-shadow:0 0 0 var(--space-2xs) var(--c-ink-a85),var(--shadow-drop-dark);transform:translate(-50%,-50%)}.d2inv-skill-path__gate:before{content:"";position:absolute;inset:var(--space-2xs);border:var(--border-width-hairline) solid var(--warmline-a28);border-radius:var(--radius-pill);background:var(--c-ink)}.d2inv-skill-path__gate:after{content:none}.d2inv-skill-path__gate>span{position:relative;z-index:1}.d2inv-skill-path__gate small{position:absolute;top:calc(100% + var(--space-xs));left:50%;width:6.5rem;color:var(--cream-40-a70);font-size:var(--text-caption);line-height:var(--line-height-snug);text-align:center;transform:translate(-50%)}.d2inv-skill-path__gate.is-open{background:conic-gradient(var(--ember-200) 100%,var(--warmline-a20) 0)}.d2inv-skill-path__gate.is-open:before{border-color:var(--ember-a55);background:var(--oxblood-700)}.d2inv-skill-path__gate.is-open small{color:var(--cream-30)}.d2inv-skilltree-detail--context{position:absolute;top:50%;left:calc(100% + var(--space-md));z-index:15;display:none;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;width:15rem;padding:var(--space-sm);overflow:visible;box-shadow:var(--shadow-drop-dark);transform:translateY(-50%)}.d2inv-skill-path__node.is-selected:hover>.d2inv-skilltree-detail--context,.d2inv-skill-path__node.is-selected:focus-within>.d2inv-skilltree-detail--context{display:grid}.d2inv-skill-path__node.is-selected:hover .d2inv-skill-orb__tooltip,.d2inv-skill-path__node.is-selected:focus-within .d2inv-skill-orb__tooltip{display:none}.d2inv-skilltree-detail--context:before{content:"";position:absolute;top:50%;right:100%;width:var(--space-md);height:var(--border-width-hairline);background:var(--ember-a55)}.d2inv-skilltree-detail--tier-3{right:calc(100% + var(--space-md));left:auto}.d2inv-skilltree-detail--tier-3:before{right:auto;left:100%}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__heading{grid-column:1;grid-row:1}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__heading h2{margin:var(--space-3xs) 0;font-size:var(--text-body)}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__eyebrow{font-size:var(--text-caption);white-space:nowrap}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__status{font-size:var(--text-label)}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__rank{grid-column:1;grid-row:2}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__rank strong{color:var(--cream-30);font-size:var(--text-caption);white-space:nowrap}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__invest,.d2inv-skilltree-detail--context .d2inv-skilltree-detail__gate{grid-column:2;grid-row:1 / 3;width:auto;min-height:var(--ux-target);margin:0}.d2inv-skilltree-detail--context .d2inv-skilltree-detail__preview{grid-column:1 / -1;grid-row:3;margin-top:var(--space-xs);font-size:var(--text-caption)}