.training-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:clamp(var(--space-lg),3vw,var(--space-3xl));background:radial-gradient(circle at 50% 18%,var(--ember-300-a08),transparent 26%),linear-gradient(180deg,var(--c-ink-a85),var(--c-ink-a95));backdrop-filter:blur(10px);cursor:pointer}.training-overlay__panel{position:relative;width:min(1380px,96vw);max-height:min(940px,94vh);overflow:auto;cursor:default;border:1px solid var(--c-amberdark-a35);border-radius:30px;background:linear-gradient(180deg,var(--c-ink-a95),var(--c-ink-a95));box-shadow:0 0 0 1px var(--c-dark-olive-2-a54),0 32px 90px var(--color-scrim-55),0 0 60px var(--c-amber-7-a08)}.training-overlay__transition-header,.training-overlay__body{position:relative;z-index:1}.training-overlay__transition-header{padding-right:76px}.training-overlay .act-transition-header .cutscene__eyebrow{margin:0 0 var(--space-10);font-size:.62rem;letter-spacing:.2em;color:var(--c-umber-2);animation:none}.training-overlay .act-transition-header .cutscene__title{margin:0;color:var(--cream-35);font-family:var(--font-display);font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:.94;letter-spacing:.03em;text-shadow:0 12px 28px var(--color-scrim-soft);text-transform:uppercase;animation:none}.training-overlay__header-chips{align-items:flex-end}.training-overlay__close{position:absolute;top:18px;right:18px;z-index:4;width:42px;height:42px;font-size:1.05rem}.training-overlay__body{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(260px,320px);gap:var(--space-18);padding:var(--space-2xl)}.training-overlay__body--shared{display:block;padding:var(--space-sm) var(--space-2xl) var(--space-2xl)}.training-overlay__skilltree{min-height:min(650px,66vh);border:1px solid var(--c-bark-3-a22);border-radius:var(--radius-2xl);background:linear-gradient(180deg,var(--c-dark-olive-1-a95),var(--c-ink-a95))}.archetype-readout{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-base);border:1px solid var(--c-ember-a24);background:var(--c-dark-olive-1-a70);font-size:.82rem;color:var(--muted);flex-wrap:wrap}.archetype-readout--empty{display:none}.archetype-readout__eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex-shrink:0}.archetype-readout__lean{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.archetype-readout__entry{display:flex;align-items:center;gap:var(--space-2xs)}.archetype-readout__arch-label{font-size:.83rem;color:var(--highlight);font-weight:600}.archetype-readout__sep{font-size:.78rem;color:var(--muted);padding:0 var(--space-3xs)}.archetype-readout__pill{display:inline-flex;align-items:center;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--ember-a08);color:var(--muted);font-size:.74rem;letter-spacing:.04em}.archetype-readout__pill--charm{background:var(--ember-300-a16);color:#deaa5ad9}.d2inv-skilltree-surface__panel>.archetype-readout{margin:var(--space-sm) var(--space-md) var(--space-2xs)}