.paths-page{max-width:1280px;margin:auto;--path-tone:#d8b87d}.paths-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.paths-heading h1{font:2rem Georgia,serif;color:#eed8af;margin:8px 0}.paths-heading p{color:#b9bdba;line-height:1.55}.paths-budgets{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end;max-width:340px}.paths-budgets>span{padding:12px;border:1px solid #646358;border-radius:8px;background:#142329}.paths-budgets strong{font:1.625rem Georgia,serif;color:#efd092;margin-right:6px}.paths-budgets small{width:100%;color:#bdc2bd;font-size:.75rem;text-align:right}.path-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0}.path-tabs button{min-height:74px;padding:12px;background:linear-gradient(145deg,#243139,#141a20);border:1px solid #55594f;border-bottom:3px solid var(--tab-tone);border-radius:8px;color:#ddd0b7;text-align:left}.path-tabs button[aria-pressed=true]{background:linear-gradient(145deg,#343c3e,#293138);outline:1px solid var(--tab-tone)}.path-tabs strong,.path-tabs small{display:block;overflow-wrap:anywhere}.path-tabs strong{font:1.125rem Georgia,serif;color:var(--tab-tone)}.path-tabs small{margin-top:7px;font-size:.75rem}.path-intro{padding:20px 0 8px}.path-intro h2{font:1.5625rem Georgia,serif;color:var(--path-tone);margin:6px 0}.path-intro p{line-height:1.6;color:#c0c4be}.paths-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:24px;align-items:start}.path-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.path-node{position:relative;min-height:120px;display:flex;align-items:center;gap:10px;padding:14px 10px;background:linear-gradient(140deg,#1b2930,#10181e);border:1px solid #515953;border-radius:9px;color:#cdc6b8;text-align:left}.path-node .path-art{width:58px;height:58px;flex-shrink:0}.path-node strong{display:block;font:1rem/1.25 Georgia,serif;margin:6px 0;color:#e9d6b7;overflow-wrap:anywhere}.path-node small{font:.625rem system-ui;color:#a4aba6;letter-spacing:.12em}.path-node em{font:.6875rem system-ui;color:#b1b8b0}.path-node>i{position:absolute;right:7px;top:5px;color:#b69962;font-style:normal}.path-node.selected{border-color:var(--path-tone);box-shadow:inset 0 0 24px #d5bb8112}.path-node.learned{background:linear-gradient(140deg,#2c3334,#16232a)}.path-rule{grid-column:1/-1;font-size:.8125rem;color:#a5aca8;line-height:1.6}.path-inspector{min-width:0;border:1px solid #80705b;border-radius:10px;padding:22px;background:radial-gradient(ellipse at top right,#46403b40,transparent 65%),#151f26;box-shadow:0 10px 26px #0003}.path-inspector-title{display:flex;gap:16px;align-items:center}.path-inspector-title .path-art{width:80px;height:80px;flex-shrink:0}.path-inspector h2{font:1.625rem/1.2 Georgia,serif;color:#ecd6ad;margin:8px 0;overflow-wrap:anywhere}.path-inspector-title strong{font-size:.8125rem;color:var(--path-tone)}.path-trigger{font:.9375rem/1.6 Georgia,serif;color:#d1d8d2;border-left:2px solid var(--path-tone);padding:8px 0 8px 14px}.path-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.path-stats>div{background:#0d171c;padding:11px;border-radius:5px}.path-stats dt{font-size:.6875rem;color:#aeb9b5;text-transform:uppercase;letter-spacing:.07em}.path-stats dd{margin:5px 0 0;color:#e8d0a9;font-size:.9375rem}.path-rank-preview h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--path-tone);margin:18px 0 6px}.path-rank-preview p,.path-inspector details p{font-size:.875rem;line-height:1.7;color:#c8c8bd}.path-inspector details{margin-top:14px}.path-inspector summary{min-height:44px;cursor:pointer;color:#d7bf92;line-height:1.5}.path-allocation-reason{font-size:.8125rem;line-height:1.5;color:#b5bcb6;margin-top:20px}.path-learn{width:100%;min-height:48px;white-space:normal;line-height:1.4}.path-passives{margin-top:34px;border-top:1px solid #53574e;padding-top:24px}.path-passives h2{font:1.625rem Georgia,serif;color:#e0cfad}.path-passives header>p{line-height:1.5;color:#b9c2bc}.path-passive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.path-passive-grid article{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px;background:#18262c;border:1px solid #424f4b;border-radius:8px;min-width:0}.path-passive-grid h3{font:1.125rem Georgia,serif;color:#dfc99f;margin:0}.path-passive-grid p{font-size:.8125rem;line-height:1.5;color:#b9bdb5}.path-passive-grid small{color:#9fb6b6}.path-passive-grid button{min-width:48px;min-height:48px;flex-shrink:0}.path-reset,.path-migration{margin-top:22px;border:1px solid #505b55;padding:14px;border-radius:7px}.path-reset summary,.path-migration summary{min-height:44px;cursor:pointer;line-height:1.5}.path-reset p,.path-migration p{line-height:1.6;color:#b5bcb4}.path-portrait-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;margin-top:8px;max-width:100%}.path-portrait-skill{position:relative;display:block;aspect-ratio:1;border:1px solid #78664b;border-radius:5px;overflow:hidden;min-width:0}.path-portrait-skill .path-art{display:block;width:100%;height:100%}.path-portrait-skill>i{position:absolute;inset:auto 0 0;background:#071017bd;pointer-events:none}.path-portrait-skill>small{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:bold .8125rem system-ui;color:#fff8df;text-shadow:0 1px 3px #000}.path-art{display:block}.paths-page button:focus-visible,.path-portrait-skill:focus-visible{outline:2px solid #f4db9e;outline-offset:3px}.path-portrait-skill:focus-visible{outline-offset:-3px}.paths-page button:disabled{opacity:.48;cursor:not-allowed}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:850px){.paths-heading{align-items:start;flex-direction:column;gap:12px}.paths-budgets{justify-content:flex-start;max-width:none}.paths-budgets small{text-align:left}.paths-workspace{grid-template-columns:1fr}.path-node-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.path-node{flex-direction:column;align-items:flex-start;min-height:156px}.path-passive-grid{grid-template-columns:1fr}.path-tabs strong{font-size:1rem}}
@media(max-width:540px){.paths-page{padding:16px 12px}.paths-heading h1{font-size:1.75rem}.path-tabs{gap:6px}.path-tabs button{padding:10px 7px;min-height:82px}.path-tabs strong{font-size:.875rem;line-height:1.3}.path-tabs small{font-size:.6875rem}.path-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-node{min-height:132px;gap:6px;padding:12px}.path-node .path-art{width:48px;height:48px}.path-node strong{font-size:.9375rem}.path-inspector{padding:16px}.path-inspector h2{font-size:1.5rem}.path-inspector-title .path-art{width:64px;height:64px}.path-portrait-skills{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.path-stats{gap:8px}.path-passive-grid article{gap:10px;padding:13px}}
@media(prefers-reduced-motion:reduce){.paths-page *{scroll-behavior:auto!important}}

.party-ability-icons[data-path-basics]>.skill-icon:nth-child(2){display:none}
.path-portrait-skill{padding:0;min-height:44px;min-width:44px;background:#121e26;color:#fff;cursor:pointer}.path-portrait-detail{grid-column:1/-1;padding:12px;border-top:1px solid #756349;background:#11222b;font-size:.8125rem;line-height:1.5}.path-portrait-detail p{margin:6px 0}.path-portrait-detail strong{color:#e8cc96}

.mmo-shell .path-party-card{flex-wrap:wrap}.path-party-card>.path-portrait-skills{flex-basis:100%;width:100%;margin-top:2px;grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}

.mmo-shell .path-party-card{align-content:flex-start;align-items:flex-start}.path-party-card>.path-portrait-skills{align-content:start;align-self:flex-start;flex-grow:0}.path-party-card .portrait-effects{display:flex;height:54px;min-height:54px;overflow-y:auto;align-content:flex-start;overscroll-behavior:contain}.path-party-card .portrait-cast{height:28px}.path-party-card .portrait-cast-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.path-party-card>.portrait-effects{flex-basis:100%;width:100%;height:47px;min-height:47px;max-height:47px;flex-grow:0;scrollbar-gutter:stable}.path-party-card .portrait-effect{display:flex;gap:3px;align-items:center;max-width:100%;height:22px;box-sizing:border-box;flex-shrink:0}.path-party-card .portrait-effect-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.path-party-card .portrait-effect-time{white-space:nowrap;flex-shrink:0}
/* Keep combat first when the desktop columns collapse, including tablets and
   landscape phones. Identity panels remain directly below the battlefield. */
@media(max-width:1179px){.mmo-shell .arena-column{order:0}.mmo-shell .party-rail{order:1}.mmo-shell .right-rail{order:2}}
@media(max-width:540px){.path-tabs{display:flex;flex-wrap:wrap}.path-tabs button{flex:1 1 auto;max-width:100%}.path-tabs strong{white-space:nowrap;overflow-wrap:normal}}

.path-refund-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px;padding:14px;border:1px solid #b99758;background:#182831;color:#f0dfbd;border-radius:8px}.path-refund-notice p{margin:5px 0 0;max-width:65ch}.path-refund-notice button{min-height:44px;flex-shrink:0}@media(max-width:540px){.path-refund-notice{flex-wrap:wrap}.path-refund-notice button{width:100%}}

.path-recommendation{margin:12px 0 20px;padding:12px;border:1px solid #947c50;border-radius:8px;background:#17262e}.path-recommendation summary{display:list-item;min-height:44px;padding:12px;cursor:pointer}.path-recommendation li{margin:7px 0}.path-recommendation button{min-height:44px;max-width:100%}.path-recommendation p{max-width:68ch}

.skill-estimate{border-left:2px solid #a98a57;background:#101b20;padding:.75rem;margin:.8rem 0}.skill-estimate-value{margin:.35rem 0}.skill-estimate-value strong{color:#edce93;font-size:1.25rem}.skill-estimate small,.skill-next-estimate span{color:#bab4a9;font-size:.78rem}.skill-calculation{margin-top:.7rem}.skill-calculation summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.skill-calculation dl>div{display:flex;justify-content:space-between;gap:1rem;margin:.45rem 0}.skill-calculation dd{margin:0;text-align:right;white-space:nowrap}.skill-rank-table{max-height:16rem;overflow:auto}.skill-rank-table table{width:100%;border-collapse:collapse;font-size:.8rem}.skill-rank-table th,.skill-rank-table td{text-align:left;padding:.4rem;border-bottom:1px solid #334048}.skill-rank-table tr[aria-current=true]{background:#403827}.skill-rank-table caption{text-align:left;margin:.6rem 0}.path-portrait-detail .skill-estimate{margin:.4rem 0}

.path-inspector-title .talent-gain{display:block;margin-top:4px;line-height:1.5;color:#a8d8b7}

/* Keep short rank-table labels intact on narrow skill inspectors. */
.skill-rank-table table{table-layout:auto}.skill-rank-table th:nth-child(-n+2),.skill-rank-table td:nth-child(-n+2){white-space:nowrap;overflow-wrap:normal;width:1%}
/* Allocate a reviewed group of points with the same controls on touch and desktop. */
.path-allocation-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.path-allocation-controls label{display:grid;gap:5px;flex:1;min-width:90px}
.path-allocation-controls select,.path-allocation-controls button{min-height:44px}
.path-allocation-controls select{width:100%;color:inherit;background:#16222c;border:1px solid #796649;border-radius:4px;padding:8px}

/* Two saved skill specs share the existing reset rules. */
.skill-specs{margin:16px 0;padding:16px;border:1px solid #716342;background:#131e29}.skill-specs h2{margin:0 0 8px}.skill-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-spec{min-width:0;padding:12px;border:1px solid #44505b}.skill-spec.selected{border-color:#bba05b;background:#c8ac5810}.skill-spec h3{margin-top:0}.skill-spec-actions{display:flex;flex-wrap:wrap;gap:8px}.skill-spec-actions button{min-height:44px;white-space:normal;flex:1;min-width:110px}@media(max-width:600px){.skill-spec-grid{grid-template-columns:1fr}.skill-specs{padding:12px}.skill-spec-actions button{min-width:100px}}

.path-first-specs{margin:12px 0;border:1px solid #786747;border-radius:4px;padding:0 12px}.path-first-specs>summary{cursor:pointer;min-height:44px;padding:12px 0;color:#e8ce92;font:600 .9rem/1.4 system-ui}.path-first-specs>summary:focus-visible{outline:2px solid #efcf91;outline-offset:2px}

.path-next-cost{display:block;margin-top:3px;color:#c0bba9;font:400 .75rem/1.35 system-ui}
.path-next-milestone{margin:12px 0;padding:12px 16px;border-left:3px solid var(--path-tone,#bda76c);background:#19232b;border-radius:4px}.path-next-milestone p{margin:6px 0;line-height:1.5}.path-next-milestone small{display:block;color:#bdc6cd;line-height:1.5}

.path-unused-skills{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff24}.path-unused-skills>div{display:flex;flex-wrap:wrap;gap:8px}.path-unused-skills button{display:flex;flex-direction:column;align-items:flex-start;max-width:100%;white-space:normal;text-align:left}.path-unused-skills small{opacity:.8}

.skill-spec-abilities{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}.skill-spec-abilities li{overflow-wrap:anywhere}.skill-spec-abilities small{display:inline-block;min-width:46px;opacity:.75}

.path-milestone-options{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.path-milestone-options button{flex:1 1 150px;min-width:0;text-align:left;white-space:normal}.path-milestone-options button strong{display:block;overflow-wrap:anywhere}.path-milestone-options button small{margin-top:4px}

/* Default choices follow actual unlock levels; the original links stay optional. */
.path-tier-browser{min-width:0;width:100%;box-sizing:border-box}.path-choice-rule{margin:0 0 18px;color:#c3c9c3;font-size:.875rem;line-height:1.6}
.path-tier-group{margin:0 0 20px}.path-tier-group>summary{display:list-item;min-height:44px;box-sizing:border-box;padding:10px 0;border-bottom:1px solid #716448;cursor:pointer;color:#e6d1a2}.path-tier-group[open]>summary{margin-bottom:10px}
.path-tier-group>summary>strong{font:1.25rem Georgia,serif}.path-tier-group>summary>span{float:right;color:#aebbb8;font-size:.75rem;padding-top:4px}.path-tier-group>summary:focus-visible{outline:2px solid #f4db9e;outline-offset:3px}
.path-tier-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.path-tier-choice{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;min-height:44px;padding:14px;border:1px solid #46554f;border-radius:6px;background:#14232b;text-align:left;color:#d7d9d0;white-space:normal;line-height:1.5;cursor:pointer}
.path-choice-heading{display:flex;align-items:center;gap:9px}.path-choice-heading>.path-art{width:42px;height:42px;flex-shrink:0}.path-choice-heading>span{min-width:0}.path-choice-heading small{display:block;font-size:.625rem;letter-spacing:.06em;color:#b5c3bc}.path-choice-heading strong{display:block;font:1.0625rem/1.3 Georgia,serif;color:#eed9ab;overflow-wrap:anywhere}
.path-choice-effect{font-size:.8125rem}.path-choice-status{margin-top:auto;font-weight:600;font-size:.75rem;color:#c9c3b1}.path-choice-bar{font-size:.75rem;color:#b3c6c6}.path-choice-reason{font-size:.75rem;color:#b8bdb5;border-top:1px solid #ffffff18;padding-top:8px}
.path-choice-fit{font-size:.75rem;color:#b9c8c3;line-height:1.5}
.path-tier-choice.learned{border-color:#79957d}.path-tier-choice.available .path-choice-status{color:#b7d6b5}.path-tier-choice.selected{border-color:#ebca80;box-shadow:inset 0 0 0 1px #ebca80;background:#25332e}.path-tier-choice:hover{background:#25322f}.path-tier-choice:focus-visible{outline:2px solid #f4db9e;outline-offset:3px}
.path-tree-overview{margin-top:22px;border-top:1px solid #716448;padding-top:10px}.path-tree-overview>summary{min-height:44px;display:list-item;padding:10px 0;cursor:pointer;color:#e2c793}.path-tree-overview>p{color:#b9c2bc;font-size:.8125rem;line-height:1.5}
@media(min-width:851px) and (max-width:1180px){.path-tier-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.path-tier-options{grid-template-columns:1fr}.path-tier-choice{padding:12px}.path-choice-heading strong{font-size:1.125rem}}
.skill-effect-list{margin:.4rem 0;padding-left:1.1rem}.skill-effect-list li{margin:.15rem 0}.skill-effect-list strong{color:#edce93}.skill-effect-next{color:#bab4a9;font-size:.85rem}.skill-effect-next strong{color:#a9d9a4}