.put-path{list-style:none;margin:0;padding:0;display:grid;gap:0}.put-step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 22px;position:relative;padding-bottom:24px}.put-step::before{content:'';position:absolute;left:47px;top:70px;bottom:0;width:1px;background:color-mix(in srgb, var(--put-c, var(--accent)) 45%, transparent)}.put-step:last-child::before{display:none}.put-step-level{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px}.put-step-level b{display:grid;place-items:center;width:58px;height:58px;border-radius:0;border:1px solid color-mix(in srgb, var(--put-c, var(--accent)) 70%, transparent);background:var(--panel-flat);font-family:var(--heading);font-size:var(--fs-item);font-weight:400;color:var(--put-c, var(--accent));box-shadow:none}.put-step-level small{font-size:var(--fs-micro);letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-muted);text-align:center}.put-step.is-free .put-step-level b{color:var(--ink-muted);border-color:var(--line);box-shadow:none}.put-step-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px;align-items:stretch}.put-perk{min-width:0;background:var(--node-bg);border:1px solid var(--line);border-top:3px solid var(--put-c, var(--accent));border-radius:0;padding:16px 22px 20px}.put-step.is-free .put-perk{border-top-color:var(--element-fire)}.put-perk-name{margin:0 0 10px;font-family:var(--heading);font-size:var(--fs-item);font-weight:400;line-height:var(--lh-tight);color:var(--ink)}#catalog .put-perk-name a{padding:0;border:0;border-radius:0;background:none;box-shadow:none;scale:none;color:color-mix(in srgb, var(--race-color) 85%, var(--ink));text-decoration:none;border-bottom:1px solid color-mix(in srgb, var(--race-color) 45%, transparent);transition:color var(--dur-hover), border-color var(--dur-hover)}#catalog .put-perk-name a:hover{color:var(--race-color);border-bottom-color:var(--race-color)}:root[data-theme="light"] #catalog .put-perk-name a{color:color-mix(in srgb, var(--race-color) 78%, var(--ink))}.put-perk-lines{list-style:none;margin:0;padding:0;display:grid;gap:6px}.put-perk-line{display:flex;gap:6px;align-items:flex-start;font-size:var(--fs-text);line-height:var(--lh-text);color:var(--ink-dim)}.put-perk-line .put-mark{background:var(--put-c, var(--accent));margin-left:0}.put-perk-line.is-text{padding-left:16px}.put-perk-line .note{color:var(--ink-muted)}.put-unlocks{display:grid;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line-accent)}.put-unlock-head{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:var(--fs-cap);font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:color-mix(in srgb, var(--put-c, var(--accent)) 85%, var(--ink))}.put-unlock-head b{font-size:var(--fs-cap);color:var(--ink-muted)}.put-unlock-icon{display:grid;place-items:center;width:16px;height:16px;flex:none}.put-unlock-icon svg{width:16px;height:16px;display:block}.put-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.put-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border:1px solid var(--line);border-radius:0;background:var(--surface-sunken);font-size:var(--fs-chip);line-height:var(--lh-ui);color:var(--ink-dim);text-align:left;text-decoration:none;transition:border-color var(--dur-hover), color var(--dur-hover), background var(--dur-hover)}.put-chip:hover{border-color:var(--brand-accent);color:var(--ink)}.put-chip.is-open{border-color:var(--accent);color:var(--ink);background:var(--accent-glow)}.put-chip:not([data-tint=""]){border-color:color-mix(in srgb, var(--put-color) 50%, transparent);color:var(--ink)}.put-chip:not([data-tint=""]):hover{border-color:var(--put-color)}.put-chip:not([data-tint=""]).is-open{border-color:var(--put-color);background:color-mix(in srgb, var(--put-color) 16%, transparent);box-shadow:none}.put-dot{width:8px;height:8px;border-radius:0;flex:none;background:var(--put-color, var(--ink-muted))}.put-chip[data-tint=""] .put-dot{background:var(--ink-muted)}.put-chip-val{font-family:var(--heading);font-size:var(--fs-chip);font-weight:400;color:var(--ink)}.put-mark{flex:none;align-self:flex-start;width:6px;height:6px;margin:calc(var(--fs-text) * var(--lh-text) / 2 - 3px) 4px 0 0;background:var(--put-c, var(--accent));transform:rotate(45deg)}.put-perk-line .num{font-weight:600;color:var(--ink)}.put-perk .put-chips{position:relative;z-index:1}.spr .spr-center>[data-mode-center]>*,.spr .put-pack,.put-unlocks>.put-unlock{min-width:0}.spr .put-pack .put-step:last-child{padding-bottom:0}@media (max-width:1100px){.put-step{grid-template-columns:76px minmax(0,1fr);gap:0 16px}.put-step::before{left:37px}}@media (max-width:760px){.put-step{grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:22px}.put-step::before{display:none}.put-step-level{flex-direction:row;justify-content:flex-start;gap:10px;padding-top:0}.put-step-level b{width:46px;height:46px}.put-perk{padding:14px 16px 18px}.put-path .put-chip{max-width:100%;white-space:normal}.spr[data-mode="path"]>.side.is-left{display:none}}@media (prefers-reduced-motion:reduce){.put-chip,.put-perk-name a{transition:none}}.tools-flat :is(.put-perk,.tp-head,.tp-group,.tp-single){border-radius:0}