.tool-page{padding-top:36px;padding-bottom:24px}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.tool-heading h1{margin:6px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1.2;letter-spacing:-.035em}.eyebrow{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-muted)}.tool-heading .eyebrow{margin:0}.tool-back{color:var(--text-muted);font-size:14px}.planner-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.planner-workspace>*{min-width:0}.loadout-panel{position:-webkit-sticky;position:sticky;top:100px;padding:20px;max-height:calc(100dvh - 124px);overflow-y:auto;scrollbar-width:thin;background:var(--ink-dark);border-top:1px solid var(--border);border:1px solid var(--border)}.loadout-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.loadout-path{margin:-4px 0 20px;font-family:var(--font-display);font-size:24px;color:var(--gold)}.text-action{padding:5px 0;background:none;border:0;font:inherit;font-size:13px;color:var(--text-muted);cursor:pointer}.text-action:hover{color:var(--text)}.text-action:disabled{opacity:.4;cursor:default}.loadout-group+.loadout-group{margin-top:24px}.loadout-group h3{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px;font:500 14px var(--font-sans)}.loadout-group h3 span{color:var(--text-muted);font-size:12px}.loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.loadout-slot{position:relative;min-width:0;background:var(--ink-black);border:1px solid var(--border);border-radius:3px}.loadout-slot[data-active]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.loadout-slot[data-state=filled]{background:color-mix(in srgb,var(--gold) 4%,var(--ink-black))}.loadout-select{display:flex;flex-direction:column;gap:6px;width:100%;min-height:82px;padding:12px;color:var(--text);background:transparent;border:0;font:inherit;text-align:left}button.loadout-select{cursor:pointer}.loadout-slot-label{color:var(--text-muted);font-size:12px;padding-right:12px}.loadout-slot-name{display:block;font-family:var(--font-display);font-size:var(--type-body);line-height:1.4;overflow-wrap:anywhere}.loadout-empty{color:var(--text-muted);opacity:.5;font:22px var(--font-sans);line-height:1.1}.loadout-clear{position:absolute;top:0;right:0;width:36px;height:36px;padding:0;background:none;border:0;color:var(--text-muted);font-size:20px;cursor:pointer}.loadout-clear:hover{color:var(--text);background:var(--ink-raised)}.loadout-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0 0 24px}.loadout-actions button{padding-inline:10px}.planner-primary,.planner-secondary{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:44px;padding:10px 20px;border:1px solid var(--gold);border-radius:3px;font:500 14px var(--font-sans);cursor:pointer;text-align:center}.planner-primary{color:var(--ink-black);background:var(--gold)}.planner-secondary{color:var(--text);border-color:var(--border);background:var(--ink-dark)}.planner-primary:hover,.planner-secondary:hover{text-decoration:none;border-color:var(--text)}.planner-primary:disabled,.planner-secondary:disabled{cursor:default;opacity:.35}.loadout-view-link{display:flex;justify-content:space-between;margin-top:16px;color:var(--gold);font-size:14px}.planner-feedback{color:var(--text-muted);font-size:13px;margin:14px 0 0;line-height:1.6}.saved-confirmation{display:inline-block;font-size:13px;margin-top:10px}.planner-tabs{display:flex;border-bottom:1px solid var(--border);gap:24px}.planner-tabs button{display:flex;align-items:center;gap:10px;padding:12px 0 16px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-muted);cursor:pointer;font:500 15px var(--font-sans)}.planner-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold)}.planner-tabs button span{font-size:12px;opacity:.7}.catalog-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:24px 0 20px}.catalog-filter{display:grid;grid-gap:8px;gap:8px;width:min(100%,340px)}.catalog-filter input{min-width:0;width:100%;min-height:44px;border:1px solid var(--border);border-radius:3px;padding:10px 14px;color:var(--text);background:var(--ink-dark);font:15px var(--font-sans)}.catalog-target{display:grid;grid-gap:4px;gap:4px;margin:0 0 5px;text-align:right;font-size:13px}.catalog-target span{color:var(--text-muted)}.catalog-target strong{color:var(--gold);font-weight:500}.planner-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));grid-gap:12px;gap:12px}.planner-option{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:108px;padding:14px;border:1px solid var(--border);border-radius:3px;color:var(--text);background:linear-gradient(140deg,rgba(217,179,106,.025),transparent),var(--ink-dark);text-align:left;font:inherit;cursor:pointer}.planner-option:hover{border-color:var(--text-muted);background:var(--ink-raised)}.planner-option[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,var(--ink-dark))}.planner-option-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--text-muted)}.planner-equipped{color:var(--gold)}.planner-option-name{font:500 20px/1.4 var(--font-display)}.planner-option-description{color:var(--text-muted);font-size:13px;line-height:1.7}.catalog-empty{border:1px dashed var(--border);padding:32px;text-align:center;color:var(--text-muted)}.tool-page :is(button,a,input):focus-visible{outline:2px solid var(--gold);outline-offset:4px}.build-art-detail{padding:28px 32px;background:var(--ink-dark);border-left:1px solid var(--gold);margin-bottom:20px}.build-art-detail h2{font-size:28px;margin:8px 0 20px}.build-art-description{font-size:16px;line-height:1.85;max-width:60ch}.build-library-facts{display:flex;gap:48px;border-block:1px solid var(--border);padding:22px 0;margin-bottom:40px}.build-library-facts>div{display:flex;align-items:baseline;gap:12px}.build-library-facts strong{font:500 30px var(--font-display);color:var(--gold)}.build-library-facts span{color:var(--text-muted);font-size:14px}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.path-card{position:relative;display:flex;flex-direction:column;gap:22px;padding:28px;border-top:1px solid var(--border);border:1px solid var(--border);border-radius:3px;background:var(--ink-dark);color:var(--text)}.path-card:hover{text-decoration:none;border-color:var(--gold)}.path-number{position:absolute;top:20px;right:24px;color:var(--text-muted);opacity:.45;font:26px var(--font-display)}.path-card h3{margin:0;padding-right:36px;color:var(--gold);font-size:24px}.path-pair{display:grid;grid-gap:20px;gap:20px}.path-pair>div{display:grid;grid-gap:4px;gap:4px}.path-pair span{font-size:12px;color:var(--text-muted)}.path-pair strong{font-family:var(--font-display);font-size:19px;font-weight:500}.path-open{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.saved-builds{margin-bottom:40px}.saved-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.saved-build-card{padding:22px;background:var(--ink-dark);border:1px solid var(--border);border-radius:3px}.saved-build-card>a{display:flex;flex-direction:column;gap:12px;color:var(--text)}.saved-build-card>a:hover{text-decoration:none}.saved-build-card h3{font-size:21px;margin:0}.saved-build-card p{font-size:13px;color:var(--text-muted);margin:0}.saved-build-open{display:flex;justify-content:space-between;padding-top:10px;color:var(--gold);font-size:14px}.saved-build-card .text-action{margin-top:16px}@media (max-width:1100px){.loadout-panel{top:145px;padding:20px;max-height:calc(100dvh - 169px)}.planner-workspace{grid-template-columns:300px minmax(0,1fr);gap:24px}.path-grid,.saved-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.planner-workspace{grid-template-columns:1fr}.loadout-panel{position:static;max-height:none;overflow:visible}.loadout-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.loadout-group-w{grid-column:1/-1}.loadout-group+.loadout-group{margin-top:0}.loadout-actions{max-width:420px}.planner-catalog{scroll-margin-top:175px}}@media (max-width:600px){.tool-page{padding-top:24px}.tool-heading{align-items:flex-start;flex-wrap:wrap;gap:18px;margin-bottom:24px}.tool-heading h1{font-size:32px}.tool-heading>a{min-height:40px}.loadout-slots{grid-template-columns:1fr;gap:24px}.loadout-select{min-height:74px}.planner-tabs{gap:14px}.planner-tabs button{font-size:13px;gap:6px}.catalog-controls{flex-direction:column;align-items:stretch;gap:12px}.catalog-filter{width:100%}.catalog-target{display:flex;justify-content:space-between;text-align:left}.path-grid,.saved-build-grid{grid-template-columns:1fr}.planner-option{padding:14px}.build-library-facts{gap:20px;justify-content:space-between}.build-library-facts>div{display:grid;grid-gap:4px;gap:4px}.build-library-facts span{font-size:12px}.build-art-detail{padding:24px}}.catalog-panel.has-inspector{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);grid-gap:20px;gap:20px;align-items:start}.catalog-panel.has-inspector>.planner-options{grid-column:1;grid-row:1}.planner-options:empty{display:none}.catalog-panel.has-inspector>.catalog-empty{grid-column:1;grid-row:1}.planner-inspector{grid-column:2;grid-row:1;position:-webkit-sticky;position:sticky;top:100px;max-height:calc(100dvh - 124px);overflow-y:auto;scrollbar-width:thin;background:linear-gradient(0deg,rgba(210,215,220,.025),transparent),var(--ink-dark);border:1px solid var(--border)}.planner-inspector summary{position:relative;display:grid;grid-gap:6px;gap:6px;min-height:86px;padding:16px 40px 16px 18px;border-left:3px solid var(--gold);list-style:none;cursor:pointer}.planner-inspector summary::-webkit-details-marker{display:none}.planner-inspector summary>span{color:var(--text-muted);font-size:var(--size-min)}.planner-inspector summary>strong{font:500 var(--type-object)/1.5 var(--font-display);overflow-wrap:anywhere}.planner-inspector summary:after{content:"+";position:absolute;right:16px;top:25px;color:var(--text-muted);font-size:20px}.planner-inspector[open] summary:after{content:"−"}.planner-inspector summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.planner-inspector .build-art-detail{margin:0;border:0;padding:0 20px 20px}.build-art-context{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--text-muted);font-size:var(--type-label)}.build-art-description p{margin:18px 0 0;overflow-wrap:anywhere}.planner-catalog .planner-option[data-inspected]:not([aria-pressed=true]){border-color:var(--text-muted);background:var(--ink-raised)}.planner-catalog .planner-option[data-quality=gold]{border-top:2px solid var(--gold)}.planner-return{display:none}.loadout-panel{scroll-margin-top:100px}@media (max-width:1200px){.catalog-panel.has-inspector{grid-template-columns:minmax(0,1fr)}.planner-inspector{grid-column:1;grid-row:1;position:static;max-height:none}.catalog-panel.has-inspector>.catalog-empty,.catalog-panel.has-inspector>.planner-options{grid-column:1;grid-row:2}}@media (max-width:900px){.planner-workspace{padding-bottom:64px}.loadout-panel{scroll-margin-top:175px}.planner-return{display:flex;position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:24px;right:24px;z-index:35;min-height:48px;border-color:var(--gold);box-shadow:0 8px 32px #0008}.planner-return .num{margin-left:auto;color:var(--gold)}}.planner-tabs button{font-size:var(--type-label)}.catalog-filter input{font-size:var(--type-body)}.planner-inspector{scroll-margin-top:175px}@media (max-width:900px){.planner-return{gap:8px;padding:8px;background:var(--ink-black);border:1px solid var(--gold)}.planner-return>.game-button:first-child{flex:1 1;min-width:0}.planner-return .num{white-space:nowrap}body:has(.planner-workspace) .site-footer{padding-bottom:120px}}.loadout-group-w .loadout-grid{grid-template-columns:minmax(0,1fr)}.loadout-group-w .loadout-select{min-height:76px}.loadout-group-w .loadout-slot-name{overflow-wrap:break-word}